.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%;
    }
}