/*---------------------------------
	stepFlow start
---------------------------------*/

.stepFlow{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 3em;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	counter-reset: stepFlow 0;
}

.stepFlow--blue{
	--stepColor: #23499D;
	--stepColorLight: #F6F8FD;
}

.stepFlow--green{
	--stepColor: #00B050;
	--stepColorLight: #FAFFFC;
}

.stepFlowItem{
	counter-increment: stepFlow 1;
}

.stepFlowItem:not(:last-of-type):after{
	content: "down";
	color: var(--stepColor);
	line-height: 1;
	font-family: 'LigatureSymbols' !important;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 300%;
	margin: 3rem auto 0;
}

.stepFlowTitle{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 0.5em;
	font-weight: var(--fontWeightBold);
	color: var(--stepColor);
	font-size: 150%;
	margin: 0 0 0.5em;
}

.stepFlowTitle:before{
	content: "STEP"counter(stepFlow);
	color: inherit;
	font-size: 87.5%;
}

.stepFlowContent{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1em;
	border: 2px solid var(--stepColor);
	background-color: var(--stepColorLight);
	width: 100%;
	margin: 0;
	padding: 1.5em;
}

.stepFlowText{
	display: block;
	margin: 0;
}

.stepFlowText--bold{
	font-weight: var(--fontWeightBold);
}

.stepFlowText--normal{
	font-weight: var(--fontWeightNormal);
}

.stepFlowText--color{
	color: var(--stepColor);
}

.stepFlowText--strong{
	color: #D00;
}

.stepFlowLink{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.5em;
}

.stepFlowLink > *{
	margin: 0;
}


/*---------------------------------
	stepFlow end
---------------------------------*/

/*---------------------------------
	dataLists start
---------------------------------*/

.dataLists{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1em;
	width: 100%;
}

.dataListItem{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.25em;
	width: 100%;
}

.dataListTitle{
	display: block;
	width: 100%;
}

.dataListContent{
	display: block;
	width: 100%;
	padding: 0 0 0 1em;
}

/*---------------------------------
	dataLists end
---------------------------------*/