.breadcrumbs ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem 0.5rem;
	padding-left: 0;
	list-style: none;
}
.breadcrumbs ul li svg {
	width: 1rem;
	height: 1rem;

	fill: rgb(15 23 43 / 0.75);
	color: rgb(15 23 43 / 0.75);
}
.breadcrumbs ul li a {
	color: inherit;
	text-decoration: none;
}
.breadcrumbs ul li span {
	color: rgb(15 23 43 / 0.75);
}
.breadcrumbs ul li a:focus,
.breadcrumbs ul li a:hover {
	text-decoration: underline;
}

@media (max-width: 767px) {
	.breadcrumbs ul {
		gap: 0.375rem 0.375rem;
	}
	.breadcrumbs ul li svg {
		width: 0.875rem;
		height: 0.875rem;
	}
}