.steps-head {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.step {
    width: 33.33%;
    padding: 16px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;

}

.step-det-sec h6{
	font-size: 18px;
	margin: 0;
	margin-left: 20px;
}

.step.stepactive{
	background: var(--maincolor) ;
	color: #fff;

}

.step.stepfinish{
	background: var(--maincolor);
	color: #fff;
	opacity: 0.5;
}

.tab{
	padding: 50px 30px 20px;
	display: none;
}

.step-btn-sec .v-head-btn{
	width: max-content;
}

@media only screen and (max-width: 600px) {
	.step-det-sec h6{
		display: none;
	}

	.step-ico-sec i {
    	font-size: 24px;
	}	

	.step-btn-sec{
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center !important;
	}

	.step-btn-sec.text-right{
		text-align: center !important;
	}

	.step-btn-sec .v-head-btn{
	width: max-content;
}
}