/* Custom Grid */
.custom-grid-1 {
		margin-top: 0px;
		position: relative;
}

.custom-grid-1 .container {
		margin: 0 auto;
}

.custom-grid-1 .container .row {
		margin: 0;
}

.custom-grid-1 .container .row > * {
		padding: 0;
		background-color: var(--light);
		min-height: 200px;
		align-items: center;
		overflow: hidden;
}

@media (max-width: 991px) {
		.custom-grid-1 .container .row > * {
				border: 1px solid var(--grey-100);
		}
}

@media (min-width: 992px) {
		.custom-grid-1 .container .row > *:nth-child(1),
		.custom-grid-1 .container .row > *:nth-child(3),
		.custom-grid-1 .container .row > *:nth-child(5) {
				background-color: var(--grey-100);
		}
}

.custom-grid-1 .custom-grid-1-item {
		position: relative;
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-img {
		transition: opacity 300ms;
		opacity: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-img img {
		transition: transform 2s;
		will-change: transform;
		transform: scale(0.75);
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-img:after {
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		opacity: 0.7;
		background-color: var(--dark);
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-text {
		position: relative;
		z-index: 1;
}

.custom-grid-1 .custom-grid-1-item:hover .custom-grid-1-img {
		opacity: 1;
}

.custom-grid-1 .custom-grid-1-item:hover .custom-grid-1-img img {
		transform: scale(1);
}

.custom-grid-1 .custom-grid-1-item:hover h3 {
		color: var(--light) !important;
}