.pro-breadcrumb,
.service-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}

.pro-breadcrumb-bar {
  background: #f7fbff;
  border-bottom: 1px solid #e3edf7;
}

.pro-breadcrumb-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 12px 22px;
}

.pro-breadcrumb a {
  color: #0f4c81;
  transition: color .2s ease;
}

.pro-breadcrumb a:hover {
  color: #ff8a00;
}

.pro-breadcrumb .separator,
.pro-breadcrumb .current {
  color: #64748b;
}

.service-breadcrumb a {
  color: #fff;
  text-decoration: none;
  transition: color .2s ease;
}

.service-breadcrumb a:hover {
  color: #ffb35c;
}

.service-breadcrumb .separator,
.service-breadcrumb .current {
  color: rgba(255,255,255,.76);
}

@media (max-width: 640px) {
  .pro-breadcrumb,
  .service-breadcrumb {
    gap: 6px;
    font-size: 12px;
  }

  .pro-breadcrumb-wrap {
    padding: 10px 18px;
  }
}