Наверстать страницу "Вопросы-ответы" по примеру с доработками

Наверстать отдельную страницу "Вопросы-ответы" + сделать всплывашку на сайте (avantpack.ru)

Страница:

Примеры страниц (ссылка на сайты) в прикрепленном документе.

1. Обязательно в текста (тестовые текста на вопросах и ответах) проставить - буквы, цифры, символы, эмодзи, абзацы (чтоб при добавлении текста в будущем - не поехала верстка) + попробовать длинные тестовые текста (чтоб опять же не разъехалась верстка от больших вопросов/ответов

2. Нужен десктоп + адаптив

3. Все должно быть выполнено в фирменных цветах (красный, белый).

Вопросы пусть будут красного цвета, фон белый, стрелка (для раскрывашки) - красная. Деление на подразделы черного цвета - Общие вопросы, вопросы по сайту и т.д.

4. Задать вопрос - поп ап с полями (форму поп апа можно взять с боковой кнопки "Некачественный товар? Напишите нам!".(на avantpack.ru) Там надо будет немного подкорректировать название полей и добавить галочку про обработку.

В каждом поле, добавить звездочку, а внизу перед галочкой про обработку - добавить маленькую строчку " * - обязательно для заполнения"

5. Подкатегорий (общие вопросы, вопросы о продукции, вопросы о качестве и т.д.) - будет неизвестно сколько, нужно на верстать так, чтоб можно было без проблем добавлять подкатегории.

6. Стили шапки и футера - не менять (не надо верстать какие-то свои стили и т.д.). Все должно быть так же как и на основном сайте, чтоб можно было просто подключить страницу и она отлично встала.

Всплывашка:

Должна появляться после минуты нахождения на сайте.

Появляется в правом углу сайта (как онлайн-консультант).

Идей для вида всплывашки - нет, свободное творчество.

Примеры всплывашки (ссылки на сайты) в прикрепленном документе.