.crumbs{

	width: 100%;
	display: flex;
	align-items: center;
	position: relative;


}

.crumbs__wrapper{
	padding-top: 8px;
}


.crumbs ul{

	display: flex;
	align-items: center;
	list-style:none;
	z-index: 99;
	flex-wrap: wrap;
	padding: 0;

}

.crumbs ul li{

	width: auto;
	height: auto;
	display: flex;
	align-items: center;

}

.crumbs ul li::after{

	display: block;
	content: '';
    width: 10px;
    height: 7px;
    background: url('./assets/icons/crumb.svg');
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 12px;
	margin-right: 12px;
}

.crumbs ul li:first-child::before{

	display: block;
	content: '';
    width: 10px;
    height: 7px;
    background: url('./assets/icons/crumb.svg');
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 12px;
}



.crumbs ul li.active::after{

	display: none;

}


.crumbs ul li, .crumbs ul li a{

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #787878;

}





.crumbs ul li.active, .crumbs ul li.active a{

	font-weight: 600;
	color: #3B70CD;
	
}



.crumbs ul li a:hover{

	color: #3B70CD;
	
}