.fig-flow {
	margin: 20px 0;
}
.fig-flow small{
	font-size: 85%;
}
.fig-flow-item {
	padding: 10px 20px 20px;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
	position: relative;
}
.fig-flow-item:not(:last-child) {
	margin-bottom: 30px;
}
.fig-flow-item.-colored {
	color: #fff;
}

.fig-flow-item {
	background-color: rgba(94,160,80,.05);
}
.fig-flow-item {
	border-color: rgba(94,160,80,1);
}
.fig-flow-item .heading {
	font-weight: 500;
}
.fig-flow-item .heading:not(:last-child) {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.fig-flow-item.-arrow::before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border: 2px solid #999;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	bottom: -17px;
	transform: translate(-50%, 0);
}
.fig-flow-item.-arrow::after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background-image: url("/hc/sustainability/esg/social/img/com_dow_arrow.svg");

	/* background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' preserveAspectRatio='xMinYMid' viewBox='0 0 24 24'%3E%3Cpath fill='%23999999' d='M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z' /%3E%3C/svg%3E"); */
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	bottom: -15px;
	transform: translate(-50%, 0);
}

@media print, screen and (min-width: 896px) {
	.-flex {
		display: flex;
	}
	.-flex.-align-items-center {
		align-items: center;
	}
	.-flex.-align-items-start {
		align-items: flex-start;
	}
	.-flex.-align-items-end {
		align-items: flex-end;
	}
  .-flex.-space-between {
    justify-content: space-between;
  }
  .-flex.-justify-center {
    justify-content: center;
  }
	.-flex p {
		margin-top: 0;
	}
	.-flex>*:not(:last-child):not(.-flex__item) {
		margin-right: 30px;
	}
	.-flex .-fix-width {
		flex-grow: 0;
		flex-shrink: 0;
	}
	.-flex.-full .-flex__item {
		width: 100%;
	}
	.-max2 .-flex__item {
		width: calc(50% - 30px);
	}
	.-max2 .-flex__item:nth-child(n+3) {
		margin-top: 20px;
	}
	.fig-flow-item {
	background-color: rgba(94,160,80,.05);}

	.fig-flow[class*="-max"] {
		flex-wrap: wrap;
	}
	.fig-flow-item {
		padding: 10px 25px;
	}
	.fig-flow-item:not(:last-child) {
		margin-bottom: 0;
	}
	.-non-flex .fig-flow-item {
		margin-bottom: 30px;
	}
	.-max2 .fig-flow-item {
		width: calc(50% - 30px);
	}
	.-max2 .fig-flow-item:nth-child(n+3) {
		margin-top: 20px;
	}
	.-max3 .fig-flow-item {
		width: calc(33% - 30px);
	}
	.-max3 .fig-flow-item:nth-child(n+4) {
		margin-top: 20px;
	}
	.-max4 .fig-flow-item {
		width: calc(25% - 30px);
	}
	.-max4 .fig-flow-item:nth-child(n+5) {
		margin-top: 20px;
	}
	.fig-flow-item.-arrow::before {
		left: auto;
		right: -17px;
		top: 50%;
		bottom: auto;
		transform: translate(0, -50%);
	}
	.fig-flow-item.-arrow::after {
		background-image: url("/hc/sustainability/esg/social/img/com_arrow.svg");
		left: auto;
		right: -15px;
		top: 50%;
		bottom: auto;
		transform: translate(0, -50%);
	}
}