.city, .service {
    display: inline-block;
    cursor: pointer;
    color: black;
    margin-right: 10px;
    font-size: 14px;
    text-transform: uppercase; /* This will make the text uppercase */
    font-weight: 400;
}

.service {
    margin-bottom: 40px;
}

.active {
    color: #F2766A;
}

/* This will apply to screens smaller than 600px (adjust as needed) */
@media (max-width: 600px) {
    .city, .service {
        font-size: 12px;
    }
    .service {
        margin-bottom: 0; /* Remove the bottom margin on mobile */
    }
}