.counter-box {
    transition: all 0.4s ease;
    background-color: var(--primary-soft);
    border: 1px solid rgba(30, 58, 138, 0.1);
}

.counter-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(30, 58, 138, 0.1);
    background-color: var(--white);
    border-color: var(--primary-light);
}

.counter {
    font-family: 'Montserrat', sans-serif;
    background: linear-gradient(to right, var(--primary), var(--primary-dark));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
}

.hover-scale {
    transition: transform 0.5s ease;
}

.hover-scale:hover {
    transform: scale(1.03);
}