.flow-container {
	background-color:white;
	border-radius:20px;
	padding:30px;
	color:var(--lightblue);
}
.flow-container > h2 {
	margin-bottom:20px;
}
.flow-item {
	display:flex;
	column-gap:40px;
	margin-bottom:40px;
}
.flow-column {
	position:relative;
}
.flow-column ul {
	margin-left:20px;
	list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cline style='fill:none;stroke:%2320201e;stroke-miterlimit:10;' y1='3' x2='8' y2='3'/%3E%3C/svg%3E");
}
.flow-column:first-child::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -50px;
    left: 50%;
    width: 1px;
    background-color:var(--lightblue);

}
.flow-item:first-of-type .flow-column:first-child::before {
	top:20px;
}
.flow-item:last-of-type .flow-column:first-child::before {
	bottom: 0;
}
.flow-column:first-child img {
	position:relative;

}

/* Specials */
.sample-project .flow-column img {
	display:inline-block;
	margin-top:10px;
	
}
.sample-project .flow-item:first-of-type .flow-column:first-child::before {
	top:30px;
}

.roadmap .flow-item:last-of-type .flow-column:first-child::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 2px;
  left: calc(50% - 9.5px);
  width: 20px;
  height: 20px;
  border-top: 1px solid var(--lightblue);
  border-right: 1px solid var(--lightblue);
  transform:rotate(135deg);
  transform-origin:center;
}


@media only screen and (max-width: 560px) {
	.flow-container {
		padding:20px;
	}
	.flow-item {
		display:flex;
		column-gap:20px;
	}
}