.interaction-bar ol.process-steps {
	padding-left: 0px !important;
	margin: 20px 0 35px !important;
	list-style-position: inside;
	list-style-type: decimal;
}

.process-steps li.step {
	line-height: normal;
	&.active

{
	pointer-events: none;
	position: relative;
}

&::marker {
	margin-right: 0.85rem;
}

&:has(a:hover) {
	background-color: var(--ncc-green);
	border-bottom: 1px solid var(--ncc-green);
	color: white !important;
}

& a:hover {
	color: white !important;
}

}

.process-steps .active::after {
	content: "";
	width: 12px;
	height: 1.4em;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--ncc-green);
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}

ul.step-nav {
	display: flex;
	justify-content: space-between;
}

	ul.step-nav li {
		flex-basis: auto;
		flex-grow: 0;
		flex-shrink: 1;

		@media (max-width: 576px) {
			flex-grow: 1;
		}

		&.next

{
	margin-left: auto;
	& span

{
	text-align: right;
}

}

&.previous {
	margin-right: auto;
}

& span.pagination-label {
	font-size: 1.55rem;
	font-weight: 400;
	margin: 0 !important;
	color: var(--ncc-green-dark);
}

& span.pagination-part-title {
	margin-top: 0;
	max-width: 280px;
	color: var(--ncc-green-dark);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

& a {
	text-decoration: none;
}

}

aside#sidebar {
	@media (max-width: 991px) {
		border-bottom: 1px solid!important;
		border-top: 1px solid!important;
		margin-bottom: 2rem!important;
	}
}


/*	Possible alternate version form dependant steps*/
ol.step-version li {
	padding: 0.5em;
	padding-bottom: 1.8em;
	background: darkslategrey;
	clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
	margin-top: -40px;
	color: white !important;
	& a

{
	color: white !important;
}

}

ol.step-version li:nth-of-type(2n) {
	background: dimgrey;
}

.pagination > li > a:hover {
	color: var(--ncc-green-dark) !important;
	background: #eee !important;
}