.maincontent {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
}

.services-icon {
	display: block;
	position: relative;
	width: fit-content;
	margin: 15px auto 5px;
	border: 2px solid var(--green);
	border-radius: 50%;
	padding: 8%;
}

.services-icon svg {
	position: relative;
	width: 70px;
	fill: var(--green);
	z-index: 1;
	transition: fill .6s;
}


.services-icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background-color: var(--green);
	border-radius: 50%;
	transition: all .6s;
}
.services-card:hover .services-icon svg{
fill: #fff;
}

.services-card:hover .services-icon::after {
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
}

.concrete-icon svg .cls-1, .concrete-icon svg .cls-3 {
	fill: transparent;
}

.process-global .content-wrapper {
	max-width: 1700px;
	width: 100%;
	margin: 0 auto;
}

.process-image {
	float: right;
	padding-left: 12px;
}

.process-image  .main-image img {
	background-color: transparent;
}