:root {
	--jeux-info-card-background: #fff;
	--jeux-info-card-text-color: #0f172a;
	--jeux-info-card-card-border-color: #cbd5e1;
	--jeux-info-card-card-bg-color: #fff;
	--jeux-info-card-text-card-text-color: #0f172a;
}

.block__info-cards {
	margin: 30px 0 60px;
	position: relative;
	color: var(--jeux-info-card-text-color);
}

.block__info-cards > * {
	z-index: 1;
	position: relative;
}

/* .block__info-cards:before {
	z-index: 0;
	position: absolute;
	content: "";
	width: calc(100vw + 1px);
	height: 100%;
	top: 0;
	left: calc(50% - 1px);
	transform: translateX(-50vw);
	background-color: var(--jeux-info-card-background);
} */

.block__info-cards .block__header {
	text-align: center;
}

.block__info-cards .block__header h2 {
	margin-bottom: 5px;
}

.block__info-cards .block__content {
	margin-top: 33px;
}

.block__info-cards .block__cards {
	--columns: 4;
	--gap: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--gap);
}

.block__info-cards .block__cards .block__card {
	flex: 1 1 calc((100% / var(--columns)) - (var(--gap) * (var(--columns) - 1) / var(--columns)));
	min-width: 0;
	color: var(--jeux-info-card-text-card-text-color);
	background-color: var(--jeux-info-card-card-bg-color);
	border: 1px solid var(--jeux-info-card-card-border-color);
	padding: 30px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
}

.block__info-cards .block__cards .block__card:nth-child(n + 5) {
	flex-grow: 0;
}

.block__info-cards .block__cards .block__card * {
	text-align: left !important;
}

.block__info-cards .block__cards .block__card h3 {
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	vertical-align: middle;
	padding: 0;
	margin: 0 0 5px;
}

.block__info-cards .block__cards .block__card p {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0;
}

.block__info-cards .block__cards .block__card img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	margin-bottom: 20px;
}

@media (max-width: 1023px) {
	section.block__info-cards {
		margin: 30px 0;
	}

	section.block__info-cards .block__cards {
		--columns: 2;
	}

	.block__info-cards .block__cards .block__card {
		flex-grow: initial;
	}
}

@media (max-width: 767px) {
	section.block__info-cards .block__cards {
		--columns: 1;
	}
}