.maincontent {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
}
.main-global {
	position: relative;
	padding: 60px 3%;
	z-index: 0;
}

.svc-overview-global {
	padding-top: 15px;
	padding-bottom: 15px;
}

.main-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.svc-overview-wrapper {
	position: relative;
	max-width: 1550px;
	align-items: center !important;
}

.main-left, .main-right {
	width: 50%;
	padding: 25px;
}

.svc-overview-left {
	width: 45%;
}

.svc-overview-right {
	width: 55%;
}

.main-image {
	position: relative;
	max-width: 700px;
	width: 100%;
	margin: 20px auto;
}

.main-image img {
	width: 100%;
	height: auto;
	background-color: unset;
}

.svc-intro-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.services-list {
	list-style: none;
	margin: 60px auto 30px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	max-width: 1500px;
	width: 100%;
}

.services-card {
	position: relative;
	width: 31%;
	margin: 10px .5%;
	padding: 25px 15px;
	background-color: #fff;
	text-align: center;
	-webkit-box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.08);
	transition: box-shadow ease-in 0.3s;
display: flex;
  flex-direction: column;
}

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

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

.services-icon .cls-1 {
	fill: none;
}

.tarpsvc {
	padding: 0px 60px;
	background-image: url(/imageserver/AdminMedia/Paralax_Backgrounds/darkShingles-sm-2.jpg);
}

@media (min-width: 1200px) {
.svc-overview-left {
	width: 45%;
}.svc-overview-right {
	width: 55%;
}
}

@media (max-width: 1200px) {
.process-image {
float: unset;
padding-left: unset;
}
}

@media (max-width: 981px) {
.services-card {
	width: 92%;
margin: auto;
}

.svc-overview-left,
.svc-overview-right {
width: 100%;
}
}

.service-card-image {
background-position: top;
background-size: cover;
background-repeat: no-repeat;
	height: 250px;
	width: 100%;
}

#roof-leaks-card {
background-image:url(/imageserver/UserMedia/edgeline/roof-leaks001.jpg);
}

#damaged-shingles-card {
background-image:url(/imageserver/UserMedia/edgeline/damaged-shingles001.jpg);
}

#blow-off-card {
background-image:url(/imageserver/UserMedia/edgeline/blow-off001.jpg);
}


#soffit-drip-card {
background-image:url(/imageserver/UserMedia/edgeline/dripedge001.jpg);
}

#gutters-card {
background-image:url(/imageserver/UserMedia/edgeline/downspout001.jpg);
}

#roofing-material-card {
background-image:url(/imageserver/UserMedia/edgeline/damaged-rooftop001.jpg);
}

#roof-penetrations-card {
background-image:url(/imageserver/UserMedia/edgeline/roof-penetrations001.jpg);
}

#flashing-card {
background-image:url(/imageserver/UserMedia/edgeline/flash002.jpg);
}

#skylight-card {
background-image:url(/imageserver/UserMedia/edgeline/skylight001.jpg);
}

#attic-card {
background-image:url(/imageserver/UserMedia/edgeline/attic001.jpg);
}



.services-card hr {
	margin-block: -6px 10px;
	border: none;
	background: var(--accent-color);
	width: 100px;
	height: 3px;
}

.site_button.square {
	display: block;
	width: fit-content;
	margin-inline: auto;
}