.capability-core,
.capability {
  transition: transform .2s, border-color .2s, background-color .2s, box-shadow .2s;
}

.capability-core:hover,
.capability-core:focus {
  transform: translate(-50%, -50%) scale(1.04);
  border-color: #b7e6ff;
  box-shadow: 0 0 42px rgba(83, 179, 237, .38);
}

.capability:hover,
.capability:focus {
  border-color: #8fd6ff;
  background: #14578c;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
}

.capability.item-1:hover,
.capability.item-1:focus,
.capability.item-5:hover,
.capability.item-5:focus {
  transform: translateX(-50%) translateY(-3px);
}

.capability.item-3:hover,
.capability.item-3:focus,
.capability.item-7:hover,
.capability.item-7:focus {
  transform: translateY(-50%) translateX(3px);
}

.service-band {
  scroll-margin-top: 100px;
}