.path-wrap
{
	/* border-bottom: 2px solid #f6f6f6; */
	position: relative;
	overflow: hidden;
	background: #ffffff;
}

.path-wrap:before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: -100%;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
}

.path{
	max-width: 1440px;
	width: calc(100% - 40px);
	margin: auto;
}

.path-inner
{
	padding: 40px 0;
	display: flex;
	column-gap: 8px;
	align-items: center;
}


.path-inner > *
{
	margin: 4px;
	font-size: 0;
}

.path-inner > h2
{
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	padding: 0;
}

.path a{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: var(--Black-Default);
}

.path .active{
	display: inline-block;
	vertical-align: middle;
	color: var(--Black-Default);
	font-size: 16px;
	line-height: 26px;
	font-weight: 600;
}

.path-arrow
{
	display: inline-block;
	vertical-align: middle;
}

.path-arrow i
{
	font-size: 14px;
	font-weight: 600;
}

@media all and (max-width: 1400px){
	.path-inner
	{
		padding: 22px 0;
	}
}

@media all and (max-width: 1200px){	
	.path-inner
	{
		padding: 20px 0;
	}
}

@media all and (max-width: 580px) {
	.path-inner{
		flex-wrap: wrap;
	}	
}