/**
 * Four Image Slide Block Front-end CSS
 * Updated with smooth mobile transitions and improved title fade effects
 */

/* Background Colors - Named Colors */
.four-image-slide.bg-dark-blue,
.four-image-slide-section .bg-dark-blue {
	background-color: #0F293E;
}

.four-image-slide.bg-dark-brown,
.four-image-slide-section .bg-dark-brown {
	background-color: #290B0B;
}

.four-image-slide.bg-burgundy,
.four-image-slide-section .bg-burgundy {
	background-color: #800020;
}

.four-image-slide.bg-gold,
.four-image-slide-section .bg-gold {
	background-color: #f8f8f8;
}

.four-image-slide.bg-copper,
.four-image-slide-section .bg-copper {
	background-color: #B87333;
}

.four-image-slide.bg-periwinkle,
.four-image-slide-section .bg-periwinkle {
	background-color: #CCCCFF;
}

.four-image-slide.bg-deep-blue,
.four-image-slide-section .bg-deep-blue {
	background-color: #00008B;
}

.four-image-slide.bg-dark-red,
.four-image-slide-section .bg-dark-red {
	background-color: #8B0000;
}

.four-image-slide.bg-white,
.four-image-slide-section .bg-white {
	background-color: #FFFFFF;
}

.four-image-slide-section .bg-white-compliment {
	background-color: #F6F6F6;
}

.four-image-slide.bg-black,
.four-image-slide-section .bg-black {
	background-color: #000000;
}

/* Text Colors */
.four-image-slide.text-white,
.four-image-slide.text-white h1,
.four-image-slide.text-white h2,
.four-image-slide.text-white h3,
.four-image-slide.text-white h4,
.four-image-slide.text-white h5,
.four-image-slide.text-white h6,
.four-image-slide.text-white p,
.four-image-slide.text-white .fis-slide-title,
.four-image-slide.text-white .fis-slide-description,
.four-image-slide-section.text-white,
.four-image-slide-section.text-white h1,
.four-image-slide-section.text-white h2,
.four-image-slide-section.text-white h3,
.four-image-slide-section.text-white h4,
.four-image-slide-section.text-white h5,
.four-image-slide-section.text-white h6,
.four-image-slide-section.text-white p,
.four-image-slide-section.text-white .fis-slide-title,
.four-image-slide-section.text-white .fis-slide-description {
	color: #FFFFFF;
}

.four-image-slide.text-black,
.four-image-slide.text-black h1,
.four-image-slide.text-black h2,
.four-image-slide.text-black h3,
.four-image-slide.text-black h4,
.four-image-slide.text-black h5,
.four-image-slide.text-black h6,
.four-image-slide.text-black p,
.four-image-slide.text-black .fis-slide-title,
.four-image-slide.text-black .fis-slide-description,
.four-image-slide-section.text-black,
.four-image-slide-section.text-black h1,
.four-image-slide-section.text-black h2,
.four-image-slide-section.text-black h3,
.four-image-slide-section.text-black h4,
.four-image-slide-section.text-black h5,
.four-image-slide-section.text-black h6,
.four-image-slide-section.text-black p,
.four-image-slide-section.text-black .fis-slide-title,
.four-image-slide-section.text-black .fis-slide-description {
	color: #000000;
}

.four-image-slide.text-dark-blue,
.four-image-slide.text-dark-blue h1,
.four-image-slide.text-dark-blue h2,
.four-image-slide.text-dark-blue h3,
.four-image-slide.text-dark-blue h4,
.four-image-slide.text-dark-blue h5,
.four-image-slide.text-dark-blue h6,
.four-image-slide.text-dark-blue p,
.four-image-slide.text-dark-blue .fis-slide-title,
.four-image-slide.text-dark-blue .fis-slide-description,
.four-image-slide-section.text-dark-blue,
.four-image-slide-section.text-dark-blue h1,
.four-image-slide-section.text-dark-blue h2,
.four-image-slide-section.text-dark-blue h3,
.four-image-slide-section.text-dark-blue h4,
.four-image-slide-section.text-dark-blue h5,
.four-image-slide-section.text-dark-blue h6,
.four-image-slide-section.text-dark-blue p,
.four-image-slide-section.text-dark-blue .fis-slide-title,
.four-image-slide-section.text-dark-blue .fis-slide-description {
	color: #0F293E;
}

/* Card content wrapper - centered by default */
.fis-card-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	width: 90%;
	text-align: center;
	transition: all 0.2s ease;
}

/* Title styles - now relative within wrapper */
.fis-title {
	position: relative;
	color: #FFF !important;
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 135.903%;
	letter-spacing: 5.94px;
	text-transform: uppercase;
	margin: 0;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* Description - hidden by default, visible on hover/click */
.fis-description {
	position: relative;
	color: #FFF !important;
	font-family: "Hedvig Letters Serif", serif;
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: 122%;
	letter-spacing: -1px;
	margin-top: 10px;
	opacity: 0;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	transition: opacity 0.2s ease, visibility 0.2s ease, height 0.2s ease;
}

/* Make description visible when active */
.fis-description.visible {
	opacity: 1;
	visibility: visible;
	height: auto;
	overflow: visible;
}

/* Eyebrow Styles */
.four-image-slide-section .eyebrow {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 6.72px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
}

/* Eyebrow style variations */
.four-image-slide-section .eyebrow-style-uppercase {
	font-weight: 400;
	text-transform: uppercase;
}

.four-image-slide-section .eyebrow-style-default {
	font-weight: 400;
	text-transform: uppercase;
}

.four-image-slide-section .eyebrow-style-bold {
	font-weight: 700;
	text-transform: uppercase;
}

.four-image-slide-section .eyebrow-style-elegant {
	font-style: italic;
}

/* Title and Description Styles */
.four-image-slide .fis-slide-title,
.four-image-slide-section .fis-slide-title {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 75px;
	line-height: normal;
	font-weight: 400;
	text-align: left;
}

.four-image-slide .fis-slide-description,
.four-image-slide-section .fis-slide-description {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	letter-spacing: -0.48px;
	margin-bottom: 48px;
	text-align: left;
}

/* Button Styles */
.four-image-slide .wp-block-buttons,
.four-image-slide-section .wp-block-buttons,
.four-image-slide .four-image-slide-buttons,
.four-image-slide-section .four-image-slide-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

/* Button Style 1: Default (Blue Background) */
.four-image-slide .wp-block-button.is-style-default .wp-block-button__link,
.four-image-slide-section .wp-block-button.is-style-default .wp-block-button__link {
	background-color: #A6B8E3;
	color: #000000;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: 400;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
	width: fit-content;
	align-self: center;
}

.four-image-slide .wp-block-button.is-style-default .wp-block-button__link:hover,
.four-image-slide-section .wp-block-button.is-style-default .wp-block-button__link:hover {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
	transition: 300ms ease-in;
	background-color: #788FC6;
}

/* Button Style 2: Solid (Brown Background) */
.four-image-slide .wp-block-button.is-style-solid .wp-block-button__link,
.four-image-slide-section .wp-block-button.is-style-solid .wp-block-button__link {
	background-color: #AA632C;
	color: #FFFFFF;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: 400;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
	width: fit-content;
	align-self: center;
	border: none;
	cursor: pointer;
	text-align: center;
}

.four-image-slide .wp-block-button.is-style-solid .wp-block-button__link:hover,
.four-image-slide-section .wp-block-button.is-style-solid .wp-block-button__link:hover {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
	transition: 300ms ease-in;
}

/* Button Style 3: Arrow */
.four-image-slide .wp-block-button.is-style-arrow .wp-block-button__link,
.four-image-slide-section .wp-block-button.is-style-arrow .wp-block-button__link {
	background-color: transparent;
	color: inherit;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	font-weight: 400;
	position: relative;
	border-radius: 0;
}

.four-image-slide .wp-block-button.is-style-arrow .wp-block-button__link::after,
.four-image-slide-section .wp-block-button.is-style-arrow .wp-block-button__link::after {
	content: "";
	display: inline-block;
	width: 29px;
	height: 16px;
	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");
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 10px;
	transition: transform 0.3s ease;
}

.four-image-slide .wp-block-button.is-style-arrow .wp-block-button__link:hover::after,
.four-image-slide-section .wp-block-button.is-style-arrow .wp-block-button__link:hover::after {
	transform: translateX(5px);
}

.fis-slide-column-mobile {
	display: none;
}

.fis-bg-image-cont {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100%;
}

/* Four Image Slide Styles */
.four-image-slide-section {
	position: relative;
	min-height: 676px;
	width: 100%;
	overflow: hidden;
	padding-top: 32px;
}

/* Background bottom section */
.four-image-slide-section {
	z-index: 5;
}

/* Support for hex colors */
.four-image-slide-section [class*="bg-hex-"] {
	/* Note: Hex colors will be handled with inline styles or JavaScript */
}

/* Content Container - Fixed Width */
.fis-content-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 30px;
	position: relative;
	z-index: 10;
	margin-bottom: 20px;
}

/* Slides Container - Expandable */
.fis-slides-container {
	position: relative;
	z-index: 10;
	margin-bottom: 83px;
	transition: all 300ms ease;
}

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

	.four-image-slide .fis-slide-title,
	.four-image-slide-section .fis-slide-title {
		font-size: 65px;
	}
}

@media (max-width: 1500px) {
	.four-image-slide-section .eyebrow {
		font-size: 16px !important;
	}

	.four-image-slide .fis-slide-description,
	.four-image-slide-section .fis-slide-description {
		font-size: 16px !important;
	}

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

	.fis-content-column .flex .midfield-description p,
	.fis-content-column .flex .midfield-description li {
		font-size: 16px !important;
	}

	.four-image-slide .wp-block-button.is-style-default .wp-block-button__link,
	.four-image-slide-section .wp-block-button.is-style-default .wp-block-button__link {
		font-size: 16px !important;
	}

	.four-image-slide .wp-block-button.is-style-solid .wp-block-button__link,
	.four-image-slide-section .wp-block-button.is-style-solid .wp-block-button__link {
		font-size: 16px !important;
	}

	.four-image-slide .wp-block-button.is-style-arrow .wp-block-button__link,
	.four-image-slide-section .wp-block-button.is-style-arrow .wp-block-button__link {
		font-size: 16px !important;
	}
}

/* Content Column */
.fis-content-column {
	display: flex;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	width: 100%;
}

/* Content Wrapper */
.fis-content-wrapper {
	flex: 1 1 100%;
	padding-right: 30px;
	text-align: left;
}

/* Container for navigation buttons and optional midfield description */
.fis-content-column .flex {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	align-self: end;
}

/* Midfield Description WYSIWYG Styles */
.fis-content-column .flex .midfield-description {
	flex: 1;
	max-width: 100%;
}

.fis-content-column .flex .midfield-description p,
.fis-content-column .flex .midfield-description li {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	letter-spacing: -0.48px;
	margin-bottom: 13px;
	line-height: 1.5;
}

.fis-content-column .flex .midfield-description ul {
	padding-left: 20px;
	margin-bottom: 16px;
}

.fis-content-column .flex .midfield-description ol {
	padding-left: 20px;
	margin-bottom: 16px;
}

.fis-content-column .flex .midfield-description h1,
.fis-content-column .flex .midfield-description h2,
.fis-content-column .flex .midfield-description h3,
.fis-content-column .flex .midfield-description h4,
.fis-content-column .flex .midfield-description h5,
.fis-content-column .flex .midfield-description h6 {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 48px;
	line-height: normal;
	margin-bottom: 24px;
	font-weight: 400;
}

.fis-content-column .flex .midfield-description h2 {
	font-size: 40px;
}

.fis-content-column .flex .midfield-description h3 {
	font-size: 32px;
}

.fis-content-column .flex .midfield-description h4 {
	font-size: 24px;
}

.fis-content-column .flex .midfield-description h5,
.fis-content-column .flex .midfield-description h6 {
	font-size: 20px;
}

@media (max-width: 1500px) {
	.fis-description {
		font-size: 30px !important;
	}
}

.fis-content-column .flex .midfield-description a {
	color: #AA622C;
	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.48px;
	text-decoration: underline;
	transition: all 0.3s ease;
}

.fis-content-column .flex .midfield-description a:hover {
	opacity: 0.8;
}

/* Four Image Slide Column */
.fis-slide-column {
	flex: 0 0 100%;
	position: relative;
	overflow: visible;
	height: auto;
	min-height: 500px;
	z-index: 10;
}

.fis-slides-container .fis-slide-track {
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	margin: 0 auto;
	justify-content: flex-start;
	overflow: visible;
	width: 100%;
	max-width: 1440px;
	padding: 0 30px;
	gap: 0;
}

@media (max-width: 1500px) {
	.fis-slides-container .fis-slide-track {
		max-width: 1200px;
	}
}

.fis-slide-item {
	position: relative;
	height: auto;
	flex: 1;
	transition: all 0.6s ease;
	min-height: 500px;
	max-height: 500px;
	overflow: hidden;
	cursor: auto;
}

/* Add position relative to the card to allow proper positioning of elements */
.fis-card {
	height: 100%;
	position: relative;
	overflow: hidden;
}

/* Ensure images cover their containers with smooth transitions */
.fis-card .fis-image {
	width: 100%;
	height: 500px;
	object-fit: cover;
	transition: all 0.4s ease;
}

/* Hover states for desktop - similar to five-column pattern */
@media (min-width: 1500px) {
	.fis-slide-item:hover .fis-card-content {
		top: 48%;
		left: 200px;
		transform: translateY(-50%);
		text-align: left;
		width: calc(100% - 200px);
	}

	.fis-slide-item:hover .fis-description {
		margin-top: 10px;
	}
}

@media (min-width: 1025px) {
	.fis-slides-container:has(.fis-slide-track:hover) {
		width: 100%;
	}

	.fis-slides-container:has(.fis-slide-track:hover) .fis-slide-track {
		max-width: none;
		width: 100%;
	}

	.fis-slides-container.expanded-state {
		width: 100%;
	}

	.fis-slides-container.expanded-state .fis-slide-track {
		max-width: none;
		width: 100%;
	}

	.fis-slide-item:hover {
		flex-grow: 2.5;
	}

	.fis-slide-item:hover .fis-card::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 838px;
		background: rgba(0, 0, 0, 0.40);
		filter: blur(20px);
		z-index: 2;
		pointer-events: none;
	}

	.fis-slide-item:hover .fis-card-content {
		top: 50%;
		left: 100px;
		transform: translateY(-50%);
		text-align: left;
		width: calc(100% - 80px);
	}

	.fis-slide-item:hover .fis-description {
		opacity: 1;
		visibility: visible;
		height: auto;
		overflow: visible;
		font-size: 32px;
		margin-top: 12px;
		transition-delay: 0.4s;
		max-width: 400px;
	}

	.fis-slide-item:not(:hover) .fis-description {
		transition-delay: 0s;
	}

	.fis-slide-track:hover .fis-slide-item:not(:hover) {
		flex-shrink: 1;
	}
}

.fis-card-cta {
	color: #000 !important;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.fis-card-cta::after {
	content: "";
	display: inline-block;
	width: 29px;
	height: 16px;
	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");
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 10px;
	transition: transform 0.3s ease;
}

.fis-slide-item:hover .fis-card-cta::after {
	transform: translateX(5px);
}

/* Style for white background complementary color */
.bg-white-compliment {
	background-color: #0F293E;
}

.fis-bottom-overlay {
	display: block;
}

.fis-bottom-overlay-mobile {
	display: none;
}

/* Responsive adjustments - Mobile and Tablet (1024px and below) */
@media (max-width: 1024px) {
	.fis-content-container {
		padding: 0 20px;
	}

	.fis-content-column {
		flex-direction: column !important;
	}

	.fis-content-wrapper {
		flex: 1 1 100%;
		max-width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}

	.fis-content-column .flex {
		width: 100%;
		margin-top: 20px;
		flex-direction: column;
	}

	.fis-slide-column {
		flex: 0 0 100%;
		width: 100%;
		min-height: auto;
	}

	.fis-content-column {
		padding-bottom: 20px;
	}

	.fis-content-wrapper {
		max-width: 100%;
	}

	.four-image-slide-section {
		min-height: auto;
		padding-top: 75px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.fis-slides-container .fis-slide-track {
		padding: 0 20px;
	}

	.fis-slides-container .fis-slide-track {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		width: 100%;
		gap: 0;
	}

	.fis-slide-item {
		flex: 0 0 100%;
		max-width: 100%;
		transition: all 0.6s ease;
		margin: 0;
		box-sizing: border-box;
		position: relative;
		min-height: auto;
		max-height: none;
		cursor: pointer;
		overflow: hidden;
	}

	.fis-card .fis-image {
		height: auto;
		width: 100%;
		object-fit: cover;
		transition: all 0.4s ease;
	}

	.fis-slide-item.fis-slide-item-active {
		transition: all 0.6s ease;
	}

	.fis-slide-item.fis-slide-item-active .fis-card::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 838px;
		background: rgba(0, 0, 0, 0.40);
		filter: blur(20px);
		z-index: 2;
		pointer-events: none;
		transition: all 0.4s ease;
	}

	.fis-slide-item.fis-slide-item-active .fis-card-content {
		top: 31%;
		left: 60px;
		transform: translateY(-50%);
		text-align: left;
		transition: all 0.2s ease;
	}

	.fis-title {
		font-size: 18px;
		opacity: 1;
		visibility: visible;
		transition: all 0.2s ease;
	}

	.fis-description {
		font-size: 32px;
		visibility: hidden;
		opacity: 0;
		transition: all 0.2s ease;
	}

	.fis-slide-item.fis-slide-item-active .fis-description,
	.fis-description.visible {
		visibility: visible !important;
		opacity: 1 !important;
		height: auto;
		transition: all 0.2s ease;
	}

	.four-image-slide-section .eyebrow {
		text-align: left;
	}

	.fis-content-column .flex .midfield-description {
		width: 100%;
		max-width: 100%;
		margin-bottom: 15px;
	}

	.fis-content-column .flex .midfield-description h1,
	.fis-content-column .flex .midfield-description h2 {
		font-size: 28px;
		text-align: left;
	}

	.fis-content-column .flex .midfield-description h3 {
		font-size: 24px;
	}

	.fis-content-column .flex .midfield-description p,
	.fis-content-column .flex .midfield-description li {
		font-size: 16px;
		text-align: left;
	}

	.fis-content-column .flex {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Tablet specific adjustments */
@media (max-width: 1024px) and (min-width: 769px) {
	.fis-content-container {
		padding: 0 20px;
	}

	.fis-content-column {
		flex-direction: column !important;
	}

	.fis-content-wrapper {
		flex: 1 1 100%;
		max-width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}

	.fis-content-column .flex {
		width: 100%;
		margin-top: 20px;
		flex-direction: column;
	}

	.fis-slide-column {
		flex: 0 0 100%;
		width: 100%;
		min-height: auto;
	}

	.four-image-slide-section {
		min-height: auto;
		padding-top: 75px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.fis-slides-container .fis-slide-track {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
	}

	.fis-slide-item {
		flex: 0 0 100%;
		max-width: 100%;
		transition: all 0.6s ease;
		box-sizing: border-box;
		position: relative;
		min-height: auto;
		max-height: none;
		cursor: pointer;
		overflow: hidden;
	}

	.fis-card .fis-image {
		height: 280px;
		width: 100%;
		object-fit: cover;
		transition: all 0.4s ease;
	}

	.fis-slide-item.fis-slide-item-active .fis-card .fis-image {
		height: 350px;
		object-fit: cover;
		transition: all 0.4s ease;
	}

	.fis-slide-item.fis-slide-item-active .fis-card::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.40);
		filter: blur(20px);
		z-index: 2;
		pointer-events: none;
		transition: all 0.4s ease;
	}

	.fis-slide-item.fis-slide-item-active .fis-card-content {
		top: 28%;
		left: 100px;
		transform: translateY(-50%);
		text-align: left;
		transition: all 0.2s ease;
	}

	.fis-title {
		font-size: 18px;
		transition: all 0.2s ease;
	}

	.fis-description {
		font-size: 32px;
		visibility: hidden;
		opacity: 0;
		transition: all 0.2s ease;
	}

	.fis-slide-item.fis-slide-item-active .fis-description,
	.fis-description.visible {
		visibility: visible !important;
		opacity: 1 !important;
		height: auto;
		max-width: 450px;
		transition: all 0.2s ease;
	}
}

/* Additional mobile-specific styles */
@media (max-width: 768px) {
	.fis-content-container {
		padding: 0 20px;
	}

	.fis-slide-column-desktop {
		display: none;
	}

	.fis-slide-column-mobile {
		display: block;
	}

	.fis-slides-container .fis-slide-track {
		margin-bottom: 0;
	}

	.four-image-slide .fis-slide-title,
	.four-image-slide-section .fis-slide-title {
		font-size: 42px;
	}

	.fis-slide-title {
		font-size: 28px;
		text-align: left !important;
	}

	.fis-slide-description {
		text-align: left !important;
	}

	.fis-content-wrapper {
		text-align: left;
	}

	.four-image-slide .fis-slide-title,
	.four-image-slide-section .fis-slide-title {
		text-align: left !important;
	}

	.fis-slide-column {
		margin-bottom: 0;
	}

	.four-image-slide .fis-slide-description,
	.four-image-slide-section .fis-slide-description {
		text-align: left !important;
	}

	.fis-bottom-overlay {
		display: none !important;
	}

	.fis-bottom-overlay-mobile {
		display: block !important;
		height: 30%;
		z-index: 1;
	}
}

@media (max-width: 432px) {
	.fis-bottom-overlay-mobile {
		height: 35%;
	}

	/*.fis-slide-item.fis-slide-item-active .fis-card-content {*/
	/*	left: 40px;*/
	/*}*/

	/*.fis-slide-item.fis-slide-item-active .fis-description,*/
	/*.fis-description.visible {*/
	/*	left: 40px;*/
	/*}*/
}