.form_step{
	display: flex;
	gap: 0 20px;
}

.form_step .step{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 230px;
	height: 100px;
	background: #ddd;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.625;
	text-align: center;
	position: relative;
}

.form_step .step::before{
	position: absolute;
	top: 0;
	left: 230px;
	content: "";
	width:0;
	height:0;
	border-style:solid;
	border-width: 50px 0 50px 20px;
	border-color: transparent transparent transparent #ddd;
}

.form_step .step.active{
	background: #db621b;
	color: #fff;
}

.form_step .step.active::before{
	position: absolute;
	top: 0;
	left: 230px;
	content: "";
	width:0;
	height:0;
	border-style:solid;
	border-width: 50px 0 50px 20px;
	border-color: transparent transparent transparent #db621b;
}

@media screen and (max-width: 441px) {
	.form_step{
		display: flex;
		gap: 0 10px;
		width: calc(100% - 20px);
		margin: 0 auto;
	}

	.form_step .step{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 70px;
		height: 100px;
		background: #ddd;
		box-sizing: border-box;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.625;
		text-align: center;
		position: relative;
	}

	.form_step .step::before{
		position: absolute;
		top: 0;
		left: 70px;
		content: "";
		width:0;
		height:0;
		border-style:solid;
		border-width: 50px 0 50px 10px;
		border-color: transparent transparent transparent #ddd;
	}

	.form_step .step.active{
		background: #db621b;
		color: #fff;
	}

	.form_step .step.active::before{
		position: absolute;
		top: 0;
		left: 70px;
		content: "";
		width:0;
		height:0;
		border-style:solid;
		border-width: 50px 0 50px 10px;
		border-color: transparent transparent transparent #db621b;
	}
}