✏️ Editing: _counter.scss Writable

.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;
		}
	}
}

🔐 Sid Gifari File Manager Pro