.postep_prac {
    display: flex;
    flex-direction: row;
    padding: 50px 0;	
}
.postep_prac .box_postep {
	height: 70px;
	width: 70px;
	border-radius: 25px;
	border: 5px solid;
	color: #fff;
	display: flex;
	justify-content: center;
    align-items: center;
	font-family: 'Sora';
	font-weight: 600;
	font-size: 35px;
	line-height: 35px;
    margin: 0 auto;	
z-index: 2;
    position: relative;	
}
.postep_prac .single_postep {
    text-align: center;
}
.postep_prac .title_postep {
	font-weight: bold;
	font-size: 16px;
}
.postep_prac .single_postep.color_open .box_postep {
	background: #fff !important;
}
.postep_prac .single_postep.color_next .box_postep {
	border-color: #707378 !important;
	background: #fff !important;
	color: #707378 !important;
}
.postep_prac .single_postep.color_next .title_postep {
	color: #707378 !important;
}
.postep_prac .title_postep,
.postep_prac .single_postep {
	position: relative;
}
.postep_prac .single_postep:before {
	content:'';
	position: absolute;
}
.postep_prac .single_postep:first-child:after {
	content:'';
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50px;
}
.postep_prac .title_postep {
    padding-top: 10px;
	padding-bottom: 10px;
}
.postep_prac .single_postep:last-child .title_postep:after {
	content:'';
	position: absolute;
	background: #201A4A;
	width: 15px;
	height: 15px;
	border-radius: 50px;
}
.postep_prac .single_postep.color_open:last-child .title_postep:after {
	background: #01B3C4;
}
.postep_prac .single_postep.color_next:last-child .title_postep:after {
	background: #707378;
}
.postep_prac .single_postep:last-child .title_postep:before {
	content:'';
	position: absolute;
	background: #201A4A;
}
.postep_prac .single_postep.color_open:last-child .title_postep:before {
	background: #01B3C4;
}
.postep_prac .single_postep.color_next:last-child .title_postep:before {
	background: #707378;
}

@media (max-width: 991px) {
.postep_box h2, .postep_box h6 {
	text-align: center;
}
.postep_prac .single_postep {
	padding: 30px 0;
}	
.postep_prac .single_postep:before {
	height: 3px;
	width: 100%;
	top: 63px;
	left: 0;
}
.postep_prac .single_postep:after {
	content:'';
	position: absolute;
	background: #201A4A;	
	height: 100%;
	width: 3px;
	top: 63px;
}
.postep_prac .single_postep.color_open:after,
.postep_prac .single_postep.color_open:before {
	-webkit-mask: url(../../img/dot1.svg) repeat !important;
    mask: url(../../img/dot1.svg) repeat !important; 
}
.postep_prac .single_postep.color_next:after, 
.postep_prac .single_postep.color_next:before {
	-webkit-mask: url(../../img/dot1.svg) repeat !important;
    mask: url(../../img/dot1.svg) repeat !important; 
	background-color: #707378 !important;
}
.postep_prac .single_postep:first-child:before {
	width: 100%;
    left: 0;
    height: 3px;
    top: 63px;
}
.postep_prac .single_postep:first-child:after {
	top: 57px;
    left: 0px;
}
.postep_prac .single_postep:last-child .title_postep:after {
    top: -40px;
    right: 0px;
}

.postep_prac {
	flex-wrap: wrap;
}
.postep_prac .single_postep {
    width: 50%;
}
.postep_prac .single_postep:nth-child(2):after,
.postep_prac .single_postep:nth-child(6):after {
	right: 0;
}

.postep_prac .single_postep:nth-child(4):after,
.postep_prac .single_postep:nth-child(8):after {
	left: 0;
}
.postep_prac .single_postep:nth-child(3):after,
.postep_prac .single_postep:nth-child(5):after,
.postep_prac .single_postep:nth-child(7):after,
.postep_prac .single_postep:nth-child(9):after,
.postep_prac .single_postep:nth-child(10):after {
	display: none;
}
.postep_prac .single_postep:nth-child(5):after {
	left: 0;
}

.postep_prac .single_postep.color_open:before,
.postep_prac .single_postep.color_next:before  {
	background-position: -1px -2px;	
	height: 4px;
	width: 50%;
}
.postep_prac .single_postep.color_open:after,
.postep_prac .single_postep.color_next:after  {
	height: calc(100% - 34px);
	width: 10px;
	background-position: -2px -2px;
}
.postep_prac .single_postep:nth-child(5):after {
	top: -98px;	
}

.postep_prac .single_postep:nth-child(6):after {
	top: 63px;
}
.postep_prac .single_postep:nth-child(8):after {
	height: 100%;
}



.postep_prac .single_postep.color_open:before,
.postep_prac .single_postep.color_next:before  {
	background-position: -1px -2px;	
	height: 10px;
	top: 60px;
}
.postep_prac .single_postep:nth-child(6):before,
.postep_prac .single_postep:nth-child(7):before,
.postep_prac .single_postep:nth-child(10):before {
    left: unset;	
	right: 0;
}
.postep_prac .single_postep.color_open:nth-child(6) .title_postep:before,
.postep_prac .single_postep.color_open:nth-child(7) .title_postep:before,
.postep_prac .single_postep.color_open:nth-child(10) .title_postep:before {
	-webkit-mask: url(../../img/dot1.svg) repeat !important;
    mask: url(../../img/dot1.svg) repeat !important;  
	background-position: -1px -2px;		
}
.postep_prac .single_postep.color_next:nth-child(6) .title_postep:before,
.postep_prac .single_postep.color_next:nth-child(7) .title_postep:before,
.postep_prac .single_postep.color_next:nth-child(10) .title_postep:before {
	-webkit-mask: url(../../img/dot1.svg) repeat !important;
    mask: url(../../img/dot1.svg) repeat !important; 
	background-color: #707378 !important;
	background-position: -1px -2px;		
}

.postep_prac .single_postep:nth-child(6) .title_postep:before,
.postep_prac .single_postep:nth-child(7) .title_postep:before,
.postep_prac .single_postep:nth-child(10) .title_postep:before {	
	content:'';
	position: absolute;
	height: 10px;
	width: 44%;
	top: -40px;
    left: calc(0px - 22%);	
}


.postep_prac .single_postep:nth-child(1) {
	order: 1;
}
.postep_prac .single_postep:nth-child(2) {
	order: 2;
}
.postep_prac .single_postep:nth-child(3) {
	order: 4;
}
.postep_prac .single_postep:nth-child(4) {
	order: 3;
}
.postep_prac .single_postep:nth-child(5) {
	order: 5;
}
.postep_prac .single_postep:nth-child(6) {
	order: 6;
}
.postep_prac .single_postep:nth-child(7) {
	order: 8;
}
.postep_prac .single_postep:nth-child(8) {
	order: 7;
}
.postep_prac .single_postep:nth-child(9) {
	order: 9;
}
.postep_prac .single_postep:nth-child(10) {
	order: 10;
}

}


@media (min-width: 991px) {
.postep_prac {
    flex-direction: row;
	justify-content: space-between;
}
.postep_prac .single_postep {
    width: 10%;
}
.postep_prac .single_postep:first-child:after {
	left: 2px;
	top: 29px;
}
.postep_prac .single_postep:before {
    width: 100%;
    top: 35px;
    left: -57px;
    height: 3px;
}
.postep_prac .single_postep:first-child:before {
	width: 30px;
	left: 2px;
}
.postep_prac .title_postep {
    font-size: 10px;
}
.postep_prac .single_postep:last-child .title_postep:before {
    right: 2px;
    top: -35px;
    width: 30px;
    height: 3px;	
}
.postep_prac .single_postep:last-child .title_postep:after {
	right: 2px;
	top: -41px;	
}
.postep_prac .single_postep.color_open:before {
	-webkit-mask: url(../../img/dots1.svg)no-repeat !important;
    mask: url(../../img/dots1.svg)no-repeat !important; 
	height: 4px;
	width: 30px;
    left: -19px;	
}
.postep_prac .single_postep.color_next:before {
	-webkit-mask: url(../../img/dots1.svg)no-repeat !important;
    mask: url(../../img/dots1.svg)no-repeat !important; 
	background-color: #707378 !important;
	height: 4px;
	width: 30px;
    left: -19px;	
}
}


@media (min-width: 1200px) {
.postep_prac .single_postep {
    width: 10%;
}
.postep_prac .single_postep:first-child:after {
	left: 2px;
	top: 29px;
}
.postep_prac .single_postep:before {
    width: 100%;
    top: 35px;
    left: -57px;
}
.postep_prac .single_postep:first-child:before {
	width: 30px;
	left: 2px;
}
.postep_prac .title_postep {
    font-size: 12px;
}
.postep_prac .single_postep:last-child .title_postep:before {
    right: 2px;
    top: -35px;
    width: 30px;	
}
.postep_prac .single_postep:last-child .title_postep:after {
	right: 2px;
	top: -41px;	
}
.postep_prac .single_postep.color_open:before {
    left: -15px;	
}
.postep_prac .single_postep.color_next:before {
    left: -15px;	
}
}

@media (min-width: 1440px) {
.postep_prac .title_postep {
    font-size: 14px;
}
.postep_prac .single_postep.color_open:before {
    left: -17px;	
}
.postep_prac .single_postep.color_next:before {
    left: -17px;	
}
}

.postep_prac .single_postep:last-child .title_postep:after,
.postep_prac .single_postep:first-child:after {
	display: none;
}
@media (min-width: 992px) {
.postep_prac .single_postep:last-child .title_postep:before,
.postep_prac .single_postep:first-child:before {
	display: none;
}
}