Заверстать часть лендинга - 1

Необходимо заверстать часть страницы лендинга под номером 1 (красная).

На что следует обратить внимание:

- Градиенты, светло-серые рамки и разделительные линии

- Вся векторная графика - в svg

- Десктоп и мобильная версия (< 768px)

- Использовать Block/Flex, но не Grid

- Желательно придерживаться БЭМ, кроме, возможно, классов состояний элемента

Все необходимые материалы есть в макете Figma. Ссылку на макет скину исполнителю после принятия заказа. Шрифты можно найти на диске - https://disk.yandex.ru/d/t8qQcxwOFLtLrA