.breadcrumb-container {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding: clamp(16px, 0.816vw + 0.33px, 64px);
}
.component.breadcrumb-component {
    margin-bottom:0px;
	margin-top:0px;
}
.breadcrumb-list {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  scroll-behavior: smooth;
}
.breadcrumb-component span.separator {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    line-height: 0;
    margin: 0px 0.5rem;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
	
}
.breadcrumb-component span.separator.separator-pipe{
	margin-top: clamp(-10px, -0.3vw, -2px);
}
span.separator .fa-chevron-right{
    margin-left:0;
}
.breadcrumb li a {
  text-decoration: none;
  color: #333333;
  padding:0;
  margin:0px;
  line-height:130%;
  display:flex;
  align-items: center;
}
.breadcrumb-list::-webkit-scrollbar {
  display: none;
} 
.breadcrumb-list .breadcrumb-item {
  flex-grow: unset;
  flex-basis: auto;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  padding:0 !important;
}
.six-or-more-items.breadcrumb-list .breadcrumb-item{
	flex-grow: 1;
}
.less-than-six-items.breadcrumb-list .breadcrumb-item span{
	padding:0;
}

.arrows {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.arrow-mark {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3em;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: auto;
  cursor: pointer;
  z-index: 11;
}

.left-arrow {
  left: 0;
  cursor: pointer;
  background:  linear-gradient(
    to right,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  height: auto;
}

.right-arrow {
  right: 0;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: rotate(-180deg);
}

.left-arrow i {
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  left:0.5em;
  transform:translateY(-50%);
}

.right-arrow i {
   content: "";
  position: absolute;
  top: 50%;
  left: auto;
  transform:translateY(-50%) rotate(-180deg);
  right:1.25em;
}

.show-arrows .arrow-mark {
  opacity: 1;
}

.breadcrumb-has-padding {
  padding:0 0.5em;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: none;
}
.breadcrumb li:last-child span:last-child,
.breadcrumb li:last-child a{
	font-weight:700 !important;
}
.breadcrumb-component > .component-content > .container-fluid {
    border-left: none !important;
    padding-left: 0px;
    padding-right: 0px;
    border-right: none !important;
}
.breadcrumb-component span.separator-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    color: inherit;
    right: auto;
}
.breadcrumb-component :focus-visible {
    outline: 2px solid #8585ff;
    outline-offset: -2px;
}
.breadcrumb-list .breadcrumb-item:last-child a{
	cursor: text;
}
.txtupper.breadcrumb li a {
    text-transform: uppercase;
}
.breadcrumb-component sup {
    top: -.2em;
}

@media (max-width: 767px){
	.disable-mobile {
		display: none;
	}
}