/* SECTION */
/* Linear gradient background for beautiful breadcrumb */
.breadcrumb-clean{
  background: linear-gradient(90deg, #7f89a9 0%, #5387c1 50%, #3d67a8 100%);
  padding:28px 0;
  border-bottom:1px solid #e5e7eb;
  box-shadow: 0 2px 8px 0 rgba(63,81,181,0.04);
}


/* LEFT */
.breadcrumb-title{
  font-size:28px;
  font-weight:700;
  color:#111827;
  margin-bottom:4px;
}

.breadcrumb-desc{
  font-size:14px;
  color:white;
}

/* BREADCRUMB */
.breadcrumb{
  background:transparent;
  font-size:14px;
}

.breadcrumb-item a{
  color:white;
  text-decoration:none;
  transition:0.2s;
}

.breadcrumb-item a:hover{
  color:#111827;
}

.breadcrumb-item.active{
  color:#9ca3af;
}

/* divider */
.breadcrumb-item + .breadcrumb-item::before{
  content:"/";
  color:#9ca3af;
}

/* RESPONSIVE */
@media(max-width:768px){
  .breadcrumb-clean .container{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
}