.step {
    display: flex;
	align-items: center;
	gap:15px;
    color: #9B9DA1; 
    font-family: Lexend;
    font-size:22px;
	font-weight: 500;
}
.phrase {
	opacity: 0;
	display: none;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}
.phrase h3{
	color: #000;
	font-size: 36px;
	font-weight: 600!important;
	text-align: center;
}
.visible {
	opacity: 1;
	display:block;
}

.active {
    color: #fff!important;
	transition: background-color 0.5s ease;
}

.circle {
    width: 50px;
    height: 50px;
    background-color: transparent;
    border-radius: 50%;
	border: 1px solid #F4654E;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #9B9DA1;
	transition: background-color 0.5s ease;
}
.circle.active {
    background-color: #F4654E;
	color:#FFF;
}