/* Sekcja: growing_numbers - pełny CSS sekcji (zapis zagnieżdżony). */

.growing-numbers-wrapper {
    background-image: linear-gradient(to bottom right, #e0e0e0, var(--white));

    .growing-number-wraper {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
        padding: 30px 0;
        background-color: var(--element1-bg);
        font-weight: 900;

        .growing-number-number {
            font-size: 30px;
            text-align: center;
            color: var(--element1-text);
        }

        .growing-number-title {
            text-align: center;
            margin-top: 10px;
            font-size: 16px;
            color: var(--element1-title);

            span {
                color: var(--element1-highlighted-title);
            }
        }
    }
}