


.text-page{
    
    background: var(--colors-grey-light-2);
    padding: clamp(40px, 8vw, 80px) 0;

    &__box{
        counter-reset: section; // сброс счетчика
        display: grid;
        gap: 20px;
    }

}

.tx-item{
    background: var(--colors-white);
    padding: clamp(20px, 4vw, 40px);
    display: grid;
    gap: clamp(10px, 2vw, 20px);

    counter-increment: section;


    p{
        padding: 10px 0;

        font-family: var(--font-family);
        font-weight: 400;
        font-size: clamp(16px, 2.4vw, 20px);
        line-height: 140%;
        letter-spacing: 0.01em;
        color: var(--colors-default);
    }

    ul{
        list-style-type: disc;
        padding-left: 30px;
        p{
            padding: 0;
        }
    }

    &__list{
        padding-left: 60px;
    }
}

.tx-title{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(20px, 2.933vw, 24px);
    line-height: 100%;
    color: var(--colors-default);

    display: flex;
    align-items: center;

    padding: 10px 0;


    &::before {
        content: counter(section) "";
        margin-right: 8px;
        background: var(--colors-primary2);
        min-width: clamp(32px, 4.8vw, 42px);
        max-width: clamp(32px, 4.8vw, 42px);
        min-height: clamp(30px, 4.8vw, 40px);
        max-height: clamp(30px, 4.8vw, 40px);
        border-radius: 100px;
        font-family: var(--font3);
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        color: var(--colors-white);
        display: flex;
        align-items: center;
        justify-content: center;
    }
}