.coverage-component {
display: flex;
gap: 20px
}
.coverage-component > div {
width: 50%;
}
.coverage-component .text ul {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.coverage-component .text ul li {
width: calc(1/2*100% - (1 - 1/2) * 20px);
}
.coverage-component .text ul li a {
position: relative;
color: var(--link-color);
display: block;
font-family: 'urbanist-bold', sans-serif;
}
@media only screen and (max-width: 991px) {
.coverage-component {
gap: 30px
}
.coverage-component .map {
width: 50%;
}
.coverage-component .text {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.coverage-component {
flex-wrap: wrap;
}
.coverage-component .map,
.coverage-component .text {
width: 100%;
}
}