.cleaning-service-row
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	border: 1px solid #ededed;
	margin-top: 36px;
}

.cleaning-service-row.total-item-5
{
	display: flex;
	flex-wrap: wrap;
}

.cleaning-service-row.total-item-5 > div
{
	width: 33.33%;
}

.cleaning-service-row.total-item-5 > div:first-child, .cleaning-service-row.total-item-5 > div:nth-child(2)
{
	width: 50%;
}


.cleaning-service-row .cleaning-service-row-item
{
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	padding: 48px;
	border: 1px solid #ededed;
	-webkit-box-shadow: 0px 46px 0px -20px #fff, -46px 0px 0px -20px #fff, 0px -46px 0px -20px #fff, 46px 0px 0px -20px #fff, 0 0 0 1px #192445;
    box-shadow: 0px 46px 0px -20px #fff, -46px 0px 0px -20px #fff, 0px -46px 0px -20px #fff, 46px 0px 0px -20px #fff, 0 0 0 1px #192445;
	color: #262626;
}

.cleaning-service-row .cleaning-service-row-item::before
{
	content: "";
	position: absolute;
	padding: 24px;
	top: 24px;
	bottom: 24px;
	left: 24px;
	right: 24px;
	background-color: #F0F0F0;
	z-index: 5;
	border-radius: 24px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.cleaning-service-row .cleaning-service-row-item:hover::before
{
	opacity: 1;
}

.cleaning-service-row .cleaning-service-row-item *
{
	position: relative;
	z-index: 10;
}


.cleaning-service-row .cleaning-service-row-item h3 {
	display: block;
	width: 100%;
}

.cleaning-service-row .cleaning-service-row-item svg
{
	margin-bottom: 16px;
}

.cleaning-service-row .cleaning-service-row-item p
{
	line-height: 1.3;

}

@media screen and (max-width: 1000px) {

	.cleaning-service-row .cleaning-service-row-item {
		padding: 20px;
	}
	.cleaning-service-row .cleaning-service-row-item::before
	{
		top: 8px;
		bottom: 8px;
		left: 8px;
		right: 8px;
	}
	.cleaning-service-row .cleaning-service-row-item svg {
		width: 85px;
		display: block;
	}

}


@media screen and (max-width: 768px) {
	
    .cleaning-service-row {
		grid-template-columns: repeat(1, 1fr) !important ;
	}
	.cleaning-service-row.total-item-5
	{
		display: grid;
	}
	.cleaning-service-row .cleaning-service-row-item {
		padding: 16px;
	}

	.cleaning-service-row .cleaning-service-row-item svg {
		width: 65px;
		margin-bottom: 8px;
	}
	
}