.ova-counter {
.wrap-content{
@include transaction(all, 0.3s, ease);
display: inline-block;
vertical-align: middle;
text-align: left;
&:hover {
@include transaction(all, 0.3s, ease);
.title, .odometer, .suffix {
@include transaction(all, 0.3s, ease);
}
}
@media(max-width: 1024px){
text-align: center;
}
.odometer-wrapper {
display: inline-flex;
align-items: center;
}
.odometer {
@include transaction(all, 0.3s, ease);
font-size: 36px;
font-weight: 600;
color: var(--heading);
line-height: 1.2;
letter-spacing: -0.5px;
&.odometer-auto-theme, .odometer-value {
line-height: 1;
}
}
.suffix {
@include transaction(all, 0.3s, ease);
font-size: 36px;
font-weight: 600;
color: var(--heading);
}
.title {
@include transaction(all, 0.3s, ease);
margin: 20px 0 0 0;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
color: var(--heading);
}
}
.line-decoration{
width: 2px;
height: 34px;
background-color: #ffffff21;
display: inline-block;
vertical-align: middle;
margin: 0 74px 0 0;
@media(max-width: 1024px){
display: none;
}
}
&.template2{
.wrap-content{
display: inline-flex;
flex-direction:column-reverse;
.odometer{
font-family: 'Manrope';
font-size: 32px;
color: #000;
}
.suffix {
font-size: 32px;
color: #000;
}
.title {
font-size: 16px;
color: #000;
margin: 0 0 23px 0;
}
}
.line-decoration{
margin: 0 34px 0 0;
width: 1px;
height: 76px;
background-color: #d9d9d952;
}
}
}