#client-counter {
    transition: all 1s ease; /* Изменение на 1 секунду для более медленной анимации */
}

#client-counter1 {
    transition: all 1s ease; /* Изменение на 1 секунду для более медленной анимации */
}

#client-counter2 {
    transition: all 2s ease; /* Замедляем анимацию изменения */
}


.text-container {
    display: flex; /* Используем flexbox для центровки */
    justify-content: center; /* Центрируем по горизонтали */
    align-items: center; /* Центрируем по вертикали (если есть высота) */
    text-align: center; /* Это для текста внутри контейнера */
}

#output {
    font-size: 82px; /* Размер текста */
    font-weight: bold; /* Жирный текст */
    color: white; /* Белый цвет текста */
    background-color: #1C3577; /* Цвет фона */
    border: 3px solid #1C3577; /* Рамка того же цвета */
    border-radius: 12px; /* Скругление углов */
    font-family: 'Exo 2'; /* Шрифт текста */
    padding: 10px; /* Поля вокруг текста */
    transition: all 2s ease; /* Плавный переход */
}