/*=============================
	07. Breadcrumb
===============================*/

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb-vertical-bar {
  width: 0.25rem;
  height: 2.5rem;
  background: linear-gradient(180deg, var(--sjm-primary-color) 0%, #fdba74 100%);
}

@media (min-width: 640px) {
  .breadcrumb-vertical-bar {
    height: 3rem;
  }
}

.breadcrumb-bottom-stripe {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 9999px;
  background: linear-gradient(90deg, transparent 0%, var(--sjm-primary-color, #2f6bff) 50%, transparent 100%);
  opacity: 0.6;
  pointer-events: none;
}


.breadcrumb-area {
    background: var(--sjm-gray-three);
    padding: 37px 0;
    position: relative;
}
.breadcrumb-content .breadcrumb {
    margin-bottom: 0;
}
.breadcrumb-content .breadcrumb-item {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--sjm-heading-font-family);
    color: var(--sjm-icon-color);
}
.breadcrumb-content .breadcrumb-item a {
    color: var(--sjm-icon-color);
}
.breadcrumb-content .breadcrumb-item a:hover {
    color: var(--sjm-primary-color);
}
.breadcrumb-content .breadcrumb-item.active {
    color: var(--sjm-primary-color);
}
.breadcrumb-content .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 8px 0 0;
  background-color: var(--sjm-icon-color);
  transform: translateY(1px);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path d='M428.37-480 276-693.65q-16.15-22.87-3.86-47.36t40.4-24.49q11.2 0 21.39 5.1 10.2 5.1 16.16 14.29L540-480 350.09-213.89q-5.96 9.19-16.04 14.29-10.07 5.1-21.51 5.1-27.34 0-40.02-24.49-12.67-24.49 3.48-47.36L428.37-480ZM680-480 527.39-693.89q-15.91-22.63-3.62-47.12 12.3-24.49 40.4-24.49 11.2 0 21.28 4.98 10.07 4.98 16.03 14.17L791.63-480 601.48-213.65q-5.96 9.19-16.03 14.17-10.08 4.98-21.28 4.98-27.34 0-40.14-24.37-12.79-24.37 3.36-47.24L680-480Z'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path d='M428.37-480 276-693.65q-16.15-22.87-3.86-47.36t40.4-24.49q11.2 0 21.39 5.1 10.2 5.1 16.16 14.29L540-480 350.09-213.89q-5.96 9.19-16.04 14.29-10.07 5.1-21.51 5.1-27.34 0-40.02-24.49-12.67-24.49 3.48-47.36L428.37-480ZM680-480 527.39-693.89q-15.91-22.63-3.62-47.12 12.3-24.49 40.4-24.49 11.2 0 21.28 4.98 10.07 4.98 16.03 14.17L791.63-480 601.48-213.65q-5.96 9.19-16.03 14.17-10.08 4.98-21.28 4.98-27.34 0-40.14-24.37-12.79-24.37 3.36-47.24L680-480Z'/></svg>") no-repeat center / contain;
  pointer-events: none;
}