.tf-counter {
position: relative;
}
.tf-counter .counter-icon {
display: inline-flex;
justify-content: center;
align-items: center;
}
.tf-counter.style1:after {
content: '';
width: 77%;
height: 2px;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
background: #33B9CB;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.tf-counter.style1:hover:after {
width: 100%;
}
.tf-counter.style2 .wrap-icon-title {
display: inline-flex;
align-items: center;
justify-content: center;
}
.tf-counter .counter-icon {
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.tf-counter:hover .counter-icon {
-webkit-transform: rotateY( 360deg);
transform: rotateY( 360deg);
}
.tf-counter.style3 .wrap-counter {
display: inline-flex;
align-items: center;
justify-content: center;
}
.tf-counter.style4 .wrap-number-title {
display: flex;
align-items: center;
}