.update2022 .breadcrumbs {
  display: block;
  padding: 0;
  margin: 20px 0;
  display: flex;
  align-items: center;
  font-size: 1em;
}

.update2022 .breadcrumbs li {
  list-style-type: none;
  display: inline;
}

.update2022 .breadcrumbs li+li:before {
  padding: 0 5px;
  color: grey;
  /* double */
  content: '\00BB';
  /* single */
  /* content: '\203A'; */
  display: inline;
}

.update2022 .breadcrumbs li a {
  color: grey;
}

.update2022 .breadcrumbs li a:hover {
  color: #2f76ff;
}
@media screen and (max-width:767px) {
  .update2022 .breadcrumbs {
    text-align: center;
  }
}

/* hide breadcrumbs */
.update2022 .breadcrumbs {
  /* width: 100%; */
  /* pointer-events: all; */
}
.update2022 .breadcrumbs li {
  overflow: hidden;
  transition: max-width .3s linear, margin-left .3s linear, opacity .3s linear;
  display: inline-block;
  white-space: nowrap;
  max-width:100%;
  opacity: 1;
  margin-left: 0px;
}
.update2022 .breadcrumbs:not(:hover) li:not(:first-child):not(:last-child) {
  max-width: 0%;
  opacity: 0;
}