.numerated-block {
    --numerated-text-color: var(--color-gray-500, #4B5563);
    --numerated-heading-color: var(--color-black, #1A1A1A);
    --numerated-circle-bg-color: var(--color-orange, #FF6B35);
    --numerated-circle-text-color: var(--color-white, #FFFFFF);
    --numerated-circle-size: 24px;
    --numerated-circle-margin: 8px;

    display: flex;
    flex-direction: column;
    row-gap: 12px;
    background-color: var(--color-white);
    padding: 22px;
    border-radius: 12px;
    border: 1px solid var(--color-light-gray-2);

    &.numerated-block_black {
        --numerated-heading-color: var(--color-white, #FFFFFF);
        --numerated-text-color: var(--color-gray-200, #BFC7D4);

        background-color: var(--color-black);
        border-color: transparent;
    }

    &.numerated-block_inner-content {
        display: none;
        margin: 8px calc(-1 * var(--container-x-indent));
        border-radius: 0;

        @media (max-width: 1023px) {
            display: flex;
        }
    }

    &.numerated-block_sticky-footer {
        margin-bottom: -64px;
    }

    .numerated-block-title {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.5px;
        color: var(--numerated-heading-color);
    }

    .numerated-block-description {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        color: var(--numerated-text-color);
        margin-top: 12px;
    }
	
	.numerated-block-items {
		margin: 0;
	}

    .numerated-block-item:not(:last-of-type){
        margin-bottom: 12px;
    }

    .numerated-block-item-title {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        padding-top: 4px;
        padding-bottom: 4px;
        color: var(--numerated-text-color);

        &:not(:last-of-type){
            margin-bottom: 12px;
        }
    }

    .numerated-block-item-desctiprion {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.5px;

        color: var(--color-gray-500);
        margin-top: 10px;
    }

    ol {
        counter-reset: numerated-block-counter;
        list-style: none;
    }

    ol>li {
        margin: 0 0 0 calc(var(--numerated-circle-size) + var(--numerated-circle-margin));
        counter-increment: numerated-block-counter;
        list-style-type: none;
        position: relative;
    }

    ol:not([id*="bx_"])>li:before {
        margin: 0 0 0 calc(-1 * var(--numerated-circle-size) - var(--numerated-circle-margin));
    }

    ol>li::before {
        margin: 0 0 0 calc(-1 * var(--numerated-circle-size) - var(--numerated-circle-margin));
        content: counter(numerated-block-counter);
        position: absolute;
        /* left: calc(-1 * var(--numerated-circle-size) - var(--numerated-circle-margin)); */
        top: 0;
        width: var(--numerated-circle-size);
        height: var(--numerated-circle-size);
        border-radius: 50%;

        color: var(--numerated-circle-text-color);
        background: var(--numerated-circle-bg-color);

        font-weight: 700;
        font-size: 12px;
        line-height: 24px;
        letter-spacing: -0.5px;
        text-align: center;
        line-height: var(--numerated-circle-size);
    }

    @media (max-width: 1023px) {
        display: none;
    }
}