.dot-content{

.dot-title{
	position: relative;
	&::before{
		content: '';
		position: absolute;
		top: -1px;
		left: -55px;
		width: 30px;
		height: 30px;
		background-color: #141920;
		border-radius: 100%;
		z-index: 1;
	}
	&::after{
		content: '';
		position: absolute;
		top: 6px;
            left: -48px;
		width: 15px;
		height: 15px;
		z-index: 2;
		background-color: rgba(0, 183, 137, 0.2);
		border-radius: 100%;
	}
}
&.active{
	opacity: 1;
	.dot-title{
		&::after{
			background-color: #00B789;
		}
	}
}
}

/* Ensure connecting line has proper height */
.connecting-dots-block .line-divider-wrapper {
	align-self: stretch;
}

.connecting-dots-block .connecting-line {
	min-height: 100%;
}

.connecting-dots-block .activeline {
	transition: height 0.1s ease-out;
}