.breadcrumbs-wrapper {
	border-bottom: 1px solid rgba(var(--color-primary-700-rgb), 0.1);
	padding: 20px 0;
}
.breadcrumbs {
	padding: 0 30px 0 35px;
    margin: 0 0 0rem 0;
    list-style: none;
}
.breadcrumbs::after, .breadcrumbs::before {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1
}

.breadcrumbs::after {
    clear: both
}

.breadcrumbs li {
    float: left;
    font-size: .86rem;
    cursor: default;
    text-transform: none;
   	color: var(--color-text);
		font-weight: 700;

}

.breadcrumbs li:not(:last-child)::after {
    position: relative;
    margin: 0 .75rem;
    opacity: 1;
    content: "\f054";
    font-family: 'Font Awesome 6 Pro';
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		font-size: 10px;
		line-height: 1;

   	color: var(--color-primary-600);
}
.breadcrumbs li:first-child {
/* 	margin-right: .75rem; */
}
.breadcrumbs li:first-child::after {
/* 	display: none; */
}

.breadcrumbs a {
	font-weight: 400;
	color: var(--color-text)
}

.breadcrumbs a:hover {
	color: var(--color-primary-600);
  text-decoration: none
}

.breadcrumbs .disabled {
    color: rgba(255, 255, 255, 0.23);
    cursor: not-allowed
}
@media screen and (max-width: 1023px) {
	.breadcrumbs-wrapper {
		padding: 10px 0;
	}
	.breadcrumbs {
		padding: 0 15px;
	}
	
}

@media screen and (max-width: 640px) {
	.breadcrumbs-wrapper {
		padding: 10px 0;
	}
	.breadcrumbs {
		padding: 0 15px;
	}
	
}