.form-content {
	overflow: hidden;
	padding-bottom: calc(1 * var(--gridRow));
}
.grid-20 {
	position: relative;
}
.grid-20 .grid-bg {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 2 * 65.6px);
}
.grid-20 .grid-bg.pull {
	left: -100%;
}
.grid-20 .grid-bg.push {
	right: -100%;
	left: unset;
}
.grid-20 .gradient {
	position: absolute;
	z-index: 0;
	top: calc(2 * 65.6px);
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	width: 100vw;
	height: 100%;
	background-image: linear-gradient(180deg, transparent 37.12%, var(--color-bg) 100%);
}

.grid-item {
	overflow: hidden;
	border-top: solid 0.5px transparent;
	border-left: solid 0.5px transparent;
	position: relative;
	z-index: 1;
}
.grid-item .box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
	width: 100%;
	background-color: var(--color-bg);
}
.grid-item .box-content {
	min-height: max-content;
	width: 100%;
	padding: 1rem;
}
@media (min-width: 1024px) {
	.grid-item .box-content {
		padding: 32px 74px;;
	}
}
.grid-item.item-1 {
	grid-column: 1 / -1;
	grid-row: 2 / span var(--grid-first-item-row-end);
}
.grid-item.item-1 .box {
	justify-content: center;
}
@media (min-width: 768px) {
	.grid-item.item-1 {
		grid-column: calc( ( var(--colNum) - 8 ) / 2 + 1 ) / span 8;
		grid-row-start: 2;
	}
}
@media (min-width: 1100px) {
	.grid-item.item-1 {
		grid-column: calc( ( var(--colNum) - 8 ) / 2 + 1 ) / span 8);
	}
}