@charset "UTF-8";
/* CSS Document – Fedegari Group solutions grid */

/* Megoldásaink – 4x2 grid */
.body .solutions-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: repeat(2, auto);
	gap: 20px;
	margin: 20px 0 0 0;
}

.body .solutions-grid-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	height: 100%;
	font-size: 1.5rem;
	line-height: 2.25rem;
}

.body .solutions-grid-item a.more-info-inline-button {
	margin-top: auto;
	padding-top: 15px;
}

.body .solutions-grid-item figure {
	width: 80%;
	aspect-ratio: 1 / 1;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
	border-radius: 500px;
	background-color: #EEE;
	box-shadow: inset 0 0 100px 0 var(--brand_lightblue), 0 0 0 2px var(--brand_blue);
}

.body .solutions-grid-item em {
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: 600;
	color: var(--brand_blue);
}

@media screen and (min-width: 0px) and (max-width: 859px) {
	.body .solutions-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(4, auto);
		gap: 15px;
	}
}