.user_agreement {
    background: #fff;
    padding: 30px 30px;
}

   li { list-style-type: none; display: block; position: relative;} /* Убираем исходную нумерацию у списка */
   li:before {float: left;}
   ol { counter-reset: list1; } /* Инициируем счетчик */
   ol li:before {
    counter-increment: list1; /* Увеличиваем значение счетчика */
    content: counter(list1) ". "; /* Выводим число */
   }
   ol ol { counter-reset: list2; padding-left: 20px; } /* Инициируем счетчик вложенного списка */
   ol ol li:before {
    counter-increment: list2; /* Увеличиваем значение счетчика вложенного списка */
    content: counter(list1) "." counter(list2) ". "; /* Выводим число */
   }

   ol ol ol { counter-reset: list3; padding-left: 40px; }
   ol ol ol li:before {
    counter-increment: list3; /* Увеличиваем значение счетчика вложенного списка */
    content: counter(list1) "."counter(list2) "." counter(list3) ". "; /* Выводим число */
   }

