section.three_column_cards {
	padding-bottom: var(--padding-half);
	background-color: var(--creme);
	position: relative;
	padding-top: 35px;
}

section.three_column_cards:before {
	content: '';
	display: block;
	position: absolute;
	height: 192px;
	left: 0;
	top: 0;
	width: 100%;
	background-color: white;
}

section.three_column_cards .container {
	z-index: 1;
	position: relative;
}

ul.column_cards {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	gap: 33px;
}

li.column_card {
	flex: 0 0 calc(33.3333% - 22px);
	max-width: calc(33.3333% - 22px);
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.photo_column_card {
	width: 100%;
	height: 192px;
	background-size: cover;
	background-position: center;
	transition: transform 0.4s ease-in-out;
}

.wrapper_photo_column_card {
	overflow: hidden;
}

.photo_column_card:hover {
	transform: scale(1.1);
}

a.link_column_card {
	text-decoration: none;
	display: block;
	background-color: white;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.content_column_card {
	padding: 0 32px 24px;
	margin-top: -28px;
	z-index: 1;
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.title_column_card {
	font-size: 28px;
	line-height: 1.321429;
	font-weight: bold;
	color: var(--brown);
	margin-bottom: 10px;
}

.cta_column_card {
	font-size: 16px;
	line-height: 21px;
	color: black;
	font-weight: bold;
	text-decoration: underline;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
}

.cta_column_card:after {
	content: '';
	display: block;
	width: 14px;
	height: 12px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMTU5OCIgZGF0YS1uYW1lPSJHcm91cCAxNTk4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQuMDIyIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTQuMDIyIDEyIj4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xMDM2IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMDM2IiB3aWR0aD0iMTQuMDIyIiBoZWlnaHQ9IjEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0iR3JvdXBfMTU5MyIgZGF0YS1uYW1lPSJHcm91cCAxNTkzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0iUGF0aF8xOTIxIiBkYXRhLW5hbWU9IlBhdGggMTkyMSIgZD0iTTEwLjU2Miw3LjAxM2MtLjA1NS0uMDA2LS4xLS4wMTMtLjE0NC0uMDE1LS4wODYsMC0uMTcxLDAtLjI1NywwSDEuMTUzYTIuMjE4LDIuMjE4LDAsMCwxLS4zOTMtLjAyQS45MTEuOTExLDAsMCwxLC4wOSw2LjRhLjk3OC45NzgsMCwwLDEtLjA2OS0uNjE3LDEuMDQ2LDEuMDQ2LDAsMCwxLC4zNzctLjYuODMzLjgzMywwLDAsMSwuNDQxLS4xNzNBMS45LDEuOSwwLDAsMSwxLjEwNyw1SDEwLjRhLjUzMi41MzIsMCwwLDAsLjExMS0uMDFjLjA1Ny0uMDEyLjA2My0uMDMyLjAyMi0uMDc0LS4xNzEtLjE3NC0uMzQyLS4zNDgtLjUxNi0uNTJxLS44NTItLjgzOC0xLjcwNi0xLjY3NS0uMzU5LS4zNTMtLjcxNi0uNzA5Yy0uMS0uMS0uMi0uMjA1LS4yOTEtLjMxMWExLjExMSwxLjExMSwwLDAsMS0uMjc5LS41NzFBLjkuOSwwLDAsMSw3LjA3OC42NmEuOTg0Ljk4NCwwLDAsMSwuMy0uNDM3LDEsMSwwLDAsMSwuODctLjIuOTI2LjkyNiwwLDAsMSwuNDg2LjI2NHEuNDYzLjQ1NC45MjQuOTA4dC45MzUuOTMyTDEyLjY0OSw0LjE4Yy4zNDkuMzQ4LjcuNjkzLDEuMDQ0LDEuMDQ1YTEuMDMyLDEuMDMyLDAsMCwxLC4zMTUuOTE3LDEuMzI4LDEuMzI4LDAsMCwxLS4xNDcuMzg4LDIuMTU0LDIuMTU0LDAsMCwxLS40My41TDEyLjI4MSw4LjE3NSwxMC4wNTQsMTAuNHEtLjYxNi42MTUtMS4yMzIsMS4yMjlhMS4xNTUsMS4xNTUsMCwwLDEtLjYxMi4zNTUuOTkxLjk5MSwwLDAsMS0xLjExOS0uNi45NjcuOTY3LDAsMCwxLC4xMzItMSw0LjQ3Miw0LjQ3MiwwLDAsMSwuNDEzLS40NDJxLjY4Ni0uNjg2LDEuMzc3LTEuMzY3Yy4zNjItLjM1Ny43MjktLjcxMSwxLjA5Mi0xLjA2N3EuMTg1LS4xODIuMzY1LS4zNjlhMS4xMzgsMS4xMzgsMCwwLDAsLjA5MS0uMTI5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+CiAgPC9nPgo8L3N2Zz4K");
}

.icon_column_card {
	height: 56px;
	width: 56px;
	background-color: var(--dark-creme);
	border-radius: 50%;
	border: 4px solid white;;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.icon_column_card img {
	width: 20px;
	height: auto;
}

@media (max-width: 991px) {
	li.column_card {
		min-width: 258px;
		max-width: none;
		flex: 0 0 calc(33.3333% - 10px);
	}

	.photo_column_card {
		height: 190px;
	}

	.title_column_card {
		font-size: 18px;
		line-height: 24px;
	}

	.cta_column_card {
		font-size: 14px;
		line-height: 18px;
	}

	ul.column_cards {
		gap: 15px;
		transition: transform 0.5s ease;
	}

	.content_column_card {
		padding: 0 16px 35px;
	}

	.icon_column_card {
		margin-bottom: 13px;
	}

	section.three_column_cards {
		padding-bottom: var(--padding-mobile-half);
		padding-top: 0;
		margin-top: var(--padding-mobile-half);
		overflow: auto;
	}

	.column_cards_wrapper {
		overflow: auto;
		margin-right: -16px;
		/* padding-right: 16px; */
	}

	ul.column_cards:after {
		content: '';
		flex: 0 0 1px;
	}
}