/* -- Service Areas -- */
.maincontent {
	padding-inline: 35px;
	margin: auto;
}

.service-areas {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 50px auto;
    padding: 0;
}
.service-areas li {
	width: 31.3333333333%;
	text-align: center;
	padding: 15px;
	font-size: 1.2em;
	margin: 20px 0px;
	box-shadow: 2px 2px 4px #ccc;
	color: var(--accent-color);
}
.service-areas li .highlight {
    border-bottom: 2px solid #ffd006;
}

.global-row{
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-items: center;
gap: 25px;
margin: auto;
}

.global-column-2 {
max-width: 42%;
width: 100%;
margin: auto;
}

.area-map {
text-align: center;
}

.area-map img {
max-width: 600px;
width: 100%;
margin: auto;
}

@media (max-width: 1300px) {
.global-column-2 {
    max-width: 98.5%;
flex-basis: 100%;
}
.service-areas li {
    width: 18.3333333333%;
}
}

@media (max-width: 982px) {
.service-areas li {
    width: 32.3333333333%;
}
}

@media (max-width: 580px) {
.service-areas li {
    width: 95%;
margin-inline: auto;
}
}