.counter { 
    text-align: center;
}

    .counter.counter-vertical {
        padding: 50px 0;
    }

    .counter .number {
        font-size: 5.5rem;
        font-weight: 900;
        font-family: var(--font-noto);
        line-height: 1.4;
    }

    .counter .upperText {
        font-size: 15px;
        font-weight: 500;
        font-family: var(--font-noto);
    }

    .counter .text {
        font-size: 20px;
        font-weight: 500;
        font-family: var(--font-noto);
    }

    .counter .tns-item.tns-slide-active .transZoom:hover {
        transform: scale(1.3);
    }

    .counter.counterVariation .number {
        font-family: var(--font-noto-thin);
        font-weight: normal;
    }

    .counter.counterVariation .upperText {
        font-size: 13px;
        font-family: var(--font-noto);
        margin-top: 20px;
        height: 4rem;
        display: flex;
        justify-content: center;
        align-items: end;
    }

    .counter.counterVariation .text {
        font-size: 13px;
        font-family: var(--font-noto);
        max-width: 13rem;
        margin: 0px auto 0;
        padding-bottom: 1.5rem;
    }

    .counter.counterVariation .textCounterVariation {
        font-size: 18px;
        font-weight: 500;
        font-family: var(--font-noto);
        text-transform: uppercase;
        max-width: 13rem;
        margin: 10px auto 0;
    }

    .counter .tns-controls-vertical div[data-controls=next] {
        transform: rotate(90deg);
    }

    .counter .tns-controls-vertical div[data-controls=prev] {
        transform: rotate(90deg);
    }
