.image-block-4-column {
	padding: 70px 0;
	background-color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
}

.image-block-4-column__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}

/* Mobile carousel - hidden by default */
.image-block-4-column__carousel {
	display: none;
	overflow: visible; /* Allow peek effect */
}

@media (min-width: 768px) {
	.image-block-4-column__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.image-block-4-column__grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.image-block-4-column__item {
	position: relative;
	overflow: hidden;
	padding:8px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	background: var(--brand-colors-background-section-colors-off-white, #F7F7F7);
}
.image-block-4-column__carousel .splide__slide::before{
	background:unset;
}
.image-block-4-column__item:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.image-block-4-column__image {
	position: relative;
	width: 100%;
	height: 370px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	flex-wrap:wrap;
}
.image-block-4column__cointainer{
	display:flex;
	align-items: start;
	flex-direction:column;
	padding:16px;
	gap:16px;
}
.image-block-4column_description{
	
	z-index: 2;

	color: var(--Brand-Colors-Text-Colors-White, #FFF);

	/* Desktop Typography/Body Base */

	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}
.image-block-4-column__overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
}

.image-block-4-column__title {
	position: relative;
	z-index: 2;
	margin: 0;
	
	font-size: 20px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;


}

.resources-page .image-block-4-column__title {
	padding:16px;
}

/* Responsive adjustments */
@media (max-width: 767px) {
	/* Hide grid on mobile, show carousel */
	.image-block-4-column__grid {
		display: none !important;
	}
	.image-block-4-column.resources-page{
		padding:24px 16px 48px!important;
	}
	.featured-block.resources-page .featured-block__item{
		border-radius:24px;
	}
	.image-block-4-column__carousel {
		display: block !important;
		width: 100%;
		overflow: visible !important; /* Allow peek effect */
	}
	
	.image-block-4-column__image {
		height: 371px;
	}
	
	.inner-page-header__title{
		font-size:40px;
	}

	.cpt-loop.resources-page .cpt-loop__grid{
		grid-template-columns: repeat(1, 1fr) !important;
	}
	
}

@media (min-width: 768px) and (max-width: 1023px) {
	.image-block-4-column__image {
		height: 280px;
	}
}


.image-block-4-column.resources-page{
	padding:48px 16px 64px;
}

/* Carousel specific styles */
.image-block-4-column__carousel {
	overflow: visible; /* Allow peek effect */
	position: relative;
}

.image-block-4-column__carousel .splide__track {
	overflow: visible; /* Allow peek effect */
	position: relative;
}

.image-block-4-column__carousel .splide__list {
	display: flex !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	transform: translateX(0);
	transition: transform 0.5s ease;
	overflow: visible !important; /* Allow peek effect */
}

.image-block-4-column__carousel .splide__slide {
	flex: 0 0 auto !important;
	width: 100% !important;
	padding: 0px;
	display: block !important;
}

.image-block-4-column__carousel .splide__pagination {
	bottom: -40px;
}

.image-block-4-column__carousel .splide__pagination__page {
	background: #ccc;
	opacity: 0.5;
}

.image-block-4-column__carousel .splide__pagination__page.is-active {
	background: #333;
	opacity: 1;
}

/* Ensure carousel items maintain proper spacing */
.image-block-4-column__carousel .image-block-4-column__item {
	margin: 0;
	width: 100%;
}