/* ******************************************** */
/** NUMBERS
/* ******************************************** */

.c-numbers__item:not(:first-of-type){
    margin-top: var(--section-y-xl);
}

.c-numbers__item-number{
    display: inline-block;
    position: relative;
    font-size: clamp(7rem,8.57vw, 12rem);
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 0.2em;
}

.c-numbers__item-number:before{
    content: "";
    position: absolute;
    left: -10px;
    top: -2px;
    right: -10px;
    bottom: -2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .3;
}

.c-numbers__item-number--violet{
    color: var(--color-violet);
}

.c-numbers__item-number--violet:before{
    background-image: url(../../images/static/numbers-bg-30.svg);
}

.c-numbers__item-number--pink{
    color: var(--color-pink);
}

.c-numbers__item-number--pink:before{
    background-image: url(../../images/static/numbers-bg-70000.svg);
}

.c-numbers__item-text{
    font-size: 1.8rem;
    line-height: 1.6;
    color: var(--color-darker);
    max-width: 410px;
}


/* ********************** de Mobile a TABLET ********************** */

@media (min-width: 768px) {

    .c-numbers__list{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 100px;
    }

    .c-numbers__item{
        width: calc(50% - 50px);
    }
}

/* ********************** de Desktop a DESKTOP 2 ********************** */

@media (min-width: 1200px) {

    .c-numbers{
        position: relative;
        padding-left: calc(var(--space-x) * 1.5 + 50px);
    }
    
    /* Lines */
    
    .c-numbers:before{
        content: "";
        display: block;
        position: absolute;
        left: var(--space-x);
        top: var(--section-y-xl);
        height: 100%;
        width: 1px;
        opacity: .17;
        background-color: var(--color-darkgreen);
    }
}