.ws-service-areas-wrap {
    gap: 1rem;
    margin-bottom: 2rem
}
.ws-service-areas-item {
    background: #FFFFFF;
    border-radius: 0.286rem;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
    transition: box-shadow 0.1s ease, transform 0.1s ease;
}
.ws-service-area-img {
    position: relative;
    width: 100%;
    height: 7.5rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ws-service-area-icon {
    width: 3.75rem;
}
.ws-service-area-title {
    flex-grow: 1;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, 0.1);
    margin: 0;
    padding: 1rem;
    gap: 1rem;
}
.ws-service-areas-button {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--border)
}
.ws-service-areas-button .button {
    width: 100%;
    padding: 0.725rem 1rem 0.725rem 3.5rem;
}
@media (max-width: 500px) {
    .ws-service-areas-item {
        flex-basis: 100%
    }
}
@media (max-width: 700px) and (min-width:501px) {
    .ws-service-areas-item {
        flex-basis: calc(50% - .5rem)
    }
}
@media (min-width: 701px) and (max-width: 991px) {
    .ws-service-areas-item {
        flex-basis: calc(33.333% - .68rem);
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .ws-service-areas-item {
        flex-basis: calc(25% - .75rem);
    }
}
@media (min-width: 1200px) {
    .ws-service-areas-item {
        flex-basis: calc(20% -  .8rem)
    }
}