/* City B2B catalogue only: staff first, three balanced directions below. */
body.op-design .city-services .city-service-panel--business .op-service-directions {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}
body.op-design .city-services .city-service-panel--business .op-service-direction--staff {
  grid-column: 1 / -1;
}
body.op-design .city-services .city-service-panel--business .op-service-direction ul {
  grid-template-columns: minmax(0, 1fr);
}
body.op-design .city-services .city-service-panel--business .op-service-direction li a {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 20px;
  gap: 10px;
  height: 100%;
  min-height: 44px;
  text-align: left;
  overflow-wrap: anywhere;
}
body.op-design .city-services .city-service-panel--business .op-service-direction li a::after {
  justify-self: end;
}
@media (min-width: 761px) {
  body.op-design .city-services .city-service-panel--business .op-service-direction--staff ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
  }
}
@media (min-width: 1100px) {
  body.op-design .city-services .city-service-panel--business .op-service-directions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.op-design .city-services .city-service-panel--business .op-service-direction--staff ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.op-design .city-services .city-service-panel--business .op-service-direction:not(.op-service-direction--staff) {
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
    row-gap: 12px;
  }
  body.op-design .city-services .city-service-panel--business .op-service-direction:not(.op-service-direction--staff) > .op-service-icon,
  body.op-design .city-services .city-service-panel--business .op-service-direction:not(.op-service-direction--staff) > h4,
  body.op-design .city-services .city-service-panel--business .op-service-direction:not(.op-service-direction--staff) > p {
    margin: 0;
  }
  body.op-design .city-services .city-service-panel--business .op-service-direction:not(.op-service-direction--staff) > ul {
    align-self: start;
  }
}