.breadcrumb {
  border-bottom: 1px solid white;
  font-size: 1.4rem;
}

.breadcrumb i {
  font-style: normal;
  font-size: 1.6rem;
}

.breadcrumb ol,
.breadcrumb li {
  display: inline;
  list-style-type: none;
  padding-left: 0;
}

.breadcrumb ._home:after {
  font-family: 'axa-iconfont-functional';
  content: '\E900';
  position: relative;
  top: 1px;
}

.breadcrumb ._divider {
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-weight: bold;
}

.breadcrumb ._divider:after {
  font-family: 'axa-iconfont-functional';
  content: '\E91B';
  font-size: 1rem !important;
}

@media (max-width: 767px) {
  .breadcrumb .container-h {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .breadcrumb .container-h > div > ol > .breadcrumbToShow {
    display: inline;
  }
}

@media (pointer: coarse) {
  .breadcrumb > .row {
    overflow: hidden;
    position: relative;
  }

  .breadcrumb > .row::before {
    content: '';
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 100%;
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(#4976ba), to(rgba(73, 118, 186, 0)));
    background: linear-gradient(90deg, #4976ba 0%, rgba(73, 118, 186, 0) 100%);
  }

  .breadcrumb > .row::after {
    content: '';
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 100%;
    display: block;
    background: -webkit-gradient(linear, right top, left top, from(#4976ba), to(rgba(73, 118, 186, 0)));
    background: linear-gradient(270deg, #4976ba 0%, rgba(73, 118, 186, 0) 100%);
  }

  .breadcrumb > .row > .col-12 {
    overflow-x: scroll;
    white-space: nowrap;
  }
}