/* ABOUTME: Styles for the information blocks grid section with icon cards. */
/* ABOUTME: Responsive card layout with orphan-fix for uneven last rows. */
section.regular_section.information_blocks_section .content_wrapper {
	flex-wrap: wrap;
	margin: 0 auto;
	flex-direction: row !important;
	width: auto;
	align-items: flex-start;
	justify-content: center;
	gap: 0px;
}

/* Base (desktop) – 5 per row */
.information_blocks_card {
	box-sizing: border-box;
	text-align: center;
	flex: 0 0 20%;
	max-width: 20%;
	padding: 1vw;
}

/* small desktop – 4 per row */
@media (max-width: 1280px) {
	.information_blocks_card {
		flex: 0 0 25%;
		max-width: 25%;
	}
}

/* Tablet – 3 per row */
@media (max-width: 900px) {
	.information_blocks_card {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
}

/* Mobile – 2 per row */
@media (max-width: 600px) {
	.information_blocks_card {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

/* Mobile – 2 per row */
@media (max-width: 500px) {
	.information_blocks_card {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.information_blocks_card svg {
	max-width: 50px;
}

.information_blocks_card svg * {
	/* fill: var(--section-text-color); */
}

/* Desktop override: use 3 per row instead of 4 */
.content_wrapper--fix-orphan .information_blocks_card {
	flex: 0 0 25%;
	max-width: 25%;
}

/* Tablet override: use 2 per row instead of 3 */
@media (max-width: 900px) {
	.content_wrapper--fix-orphan .information_blocks_card {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
}