.counter-block {
position: relative;
padding-top: 50px;
}
.counter-block .inner-box {
position: relative;
border: 3px solid #e1e1e1;
padding: 80px 20px 40px;
text-align: center;
transition: all 300ms ease;
}
body.tm-dark-layout .counter-block .inner-box {
border-color: #1d1d1d;
}
@media (max-width: 1399.98px) {
.counter-block .inner-box {
max-width: 100%;
}
}
.counter-block .inner-box:hover i {
background-color: var(--theme-color1);
transform: scaleX(-1);
color: #fff;
}
.counter-block .inner-box i {
position: absolute;
top: -50px;
left: 0;
right: 0;
margin: 0 auto;
display: inline-block;
width: 125px;
height: 125px;
line-height: 125px;
font-size: 46px;
color: var(--theme-color1);
box-shadow: 0 0px 43px rgba(0, 0, 0, 0.02);
background-color: #f3f4f7;
text-align: center;
transition: all 300ms ease;
}
body.tm-dark-layout .counter-block .inner-box i {
background-color: #1d1d1d;
}
.counter-block .inner-box .count-box {
position: relative;
font-size: 48px;
font-weight: 700;
line-height: 1em;
color: var(--theme-color2);
}
.counter-block .inner-box .count-box .count-text {
font-weight: 700;
font-size: 48px;
line-height: 1em;
color: var(--theme-color2);
}
.counter-block .inner-box .counter-title {
position: relative;
margin-bottom: 0;
color: #7a7a7a;
letter-spacing: -0.01em;
}