.interactstepswt01 {
	 text-align: center;
}
 .interactstepswt01 .interactstepswt01-icon {
	 display: inline-block;
	 width: 100px;
	 height: 100px;
	 border-radius: 50%;
	 margin-bottom: 15px;
}
 .interactstepswt01 .interactstepswt01-icon i {
	 font-size: 35px;
	 line-height: 100px;
	 transition: all 0.3s ease 0s;
}
 .interactstepswt01:hover .interactstepswt01-icon i {
	 transform: rotateY(180deg);
}
 .interactstepswt01:hover .title:before {
	 left: 100%;
}
 .interactstepswt01:hover .title:after {
	 right: 100%;
}
 .interactstepswt01 .title {
	 display: block;
	 width: 190px;
	 font-size: 24px;
	 color: #433b3b;
	 line-height: 30px;
	 text-align: center;
	 text-transform: uppercase;
	 border-bottom: 1px solid var(--theme-secondary);
	 padding-bottom: 20px;
	 margin: 0 auto 20px;
	 position: relative;
	 margin-top: -2.3rem !important;
}
 .interactstepswt01 .title:before {
	 content: "";
	 width: 10px;
	 height: 10px;
	 border-radius: 50%;
	 background: var(--theme-secondary);
	 margin: 0 -5px 0 0;
	 position: absolute;
	 bottom: -5px;
	 right: 50%;
	 transition: all 0.4s ease 0s;
	 left: 50%;
	 margin: 0 0 0 -5px;
}
 .interactstepswt01 .title:after {
	 content: "";
	 width: 10px;
	 height: 10px;
	 border-radius: 50%;
	 background: var(--theme-secondary);
	 margin: 0 -5px 0 0;
	 position: absolute;
	 bottom: -5px;
	 right: 50%;
	 transition: all 0.4s ease 0s;
}
 @media only screen and (max-width: 990px) {
	 .interactstepswt01 {
		 margin-bottom: 30px;
	}
}