.boxes {
	--boxes-margin-block: 60px;
	--boxes-padding-inline: 20px;
	--boxes-grid-columns: 1fr 1fr;
	--boxes-grid-gap: 20px;
	--boxes-box-padding: 60px 20px;
	--boxes-box-image-margin: 0 0 48px 0;
	margin-block: var(--boxes-margin-block);
	padding-inline: var(--boxes-padding-inline);
}

.boxes-container {
	width: var(--container-width-wide, 1300px);
	margin-inline: auto;
	max-width: 100%;
	display: grid;
	grid-template-columns: var(--boxes-grid-columns);
	gap: var(--boxes-grid-gap);
}

.boxes-box img {
	width: 240px;
	height: 240px;
	object-fit: contain;
	margin: var(--boxes-box-image-margin);
}

.boxes-box a {
	font-weight: 600;
}

.boxes-box > *:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
	.boxes {
		--boxes-margin-block: 40px;
		--boxes-grid-columns: 1fr;
		--boxes-grid-gap: 25px;
		--boxes-box-image-margin: 0 0 27px 0;
	}

	.boxes-box.box {
		padding: 40px 20px;
	}
}