.breadcrumb {
    background-color: transparent !important;
}

.breadcrumb {
  min-height: 300px;
  padding: 120px 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-repeat: no-repeat;
  background-size: cover;

}
.breadcrumb-container {
  background: linear-gradient(rgba(46, 48, 54, 0.7), rgba(34, 38, 42, 0.7)),
    url("../assets/imgs/background-breadcrumb.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.breadcrumb-container.bread-dynamic {
	background: linear-gradient(rgba(46, 48, 54, 0.7), rgba(34, 38, 42, 0.7));
	position: relative;
}
.background-breadcumb {
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	transform: scale(1);
	z-index: -1;
object-fit:cover;
}

.breadcrumb .bread {
  display: flex;
  gap: 10px;
  align-items: center;
}
.breadcrumb .bread > a{
 min-width: 80px;
}
.breadcrumb .bread > a > span {
  color: #fff;
}
.breadcrumb .bread .select {
  color: #ffd500;
}

@media (max-width: 1023px) {
  .breadcrumb {
    padding: 120px 100px;
  }
}

@media (min-width: 740px) and (max-width: 1023px) {
  .breadcrumb {
    padding: 120px 60px;
  }
}

@media (max-width: 740px) {
  .breadcrumb {
    padding: 50px 16px;
    min-height: initial;
  }
  .breadcrumb > h3 {
    font-size: 24px;
  }
  .breadcrumb .bread .select {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* margin: 0 auto; */
    text-overflow: ellipsis;
line-height: 26px;
  }
.breadcrumb .bread{
 gap: 5px;
}

.breadcrumb .bread > a{
 min-width: 60px;
}
.breadcrumb-container{
padding-top:70px;
}
}