.tf-circle-text {
position: relative;
display: inline-block;
}
.tf-circle-text .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: var(--theme-primary-color);
}
.tf-circle-text .icon path {
stroke: var(--theme-primary-color);
}
.tf-circle-text .svg-circle{
width: 184px;
height: 184px;
background: #fff;
border-radius: 50%;
box-shadow: 0px 4px 26px 0px #42474C14;
}
.svg-circle .heading,
.svg-circle .heading2 {
font-family: 'Outfit';
font-weight: 600;
font-size: 28px;
line-height: 1;
color: #24272C;
}
.svg-circle .heading {
color: var(--theme-primary-color);
}
.svg-circle {
-webkit-animation: svg-circle 10s infinite linear;
animation: svg-circle 10s infinite linear;
}
@keyframes svg-circle {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}