Ankhena

Абсолютным позиционированием.
https://jsfiddle.net/Louf1zbt/

Если имелся в виду вертикальный центр https://jsfiddle.net/uedjfcLq/
галочку сами поднимите по аналогии

Для доступности текст сразу должен быть внутри кнопки (в разметке), скрываться, а при наведении показываться.
https://jsfiddle.net/98rg7e04/
У вас криво отрезанный скрин, не вполне понятно, что с фоном вокруг кнопки.

https://jsfiddle.net/04q1urnL/

footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navm {
  /*margin-top: 20px;*/
  margin-left: 100px;
  margin-top: 1px;

}

.active {
  /*line-height: 250px;*/
  font-size: 14px;
  text-decoration: none;
  color: #4183c4;
}

Кнопка submit отправит все данные, у которых есть name.
Но:
1. Если у разных инпутов будет одинаковое name, то придет массив, а не отдельные значения.
Для отдельных значений нужны разные name.
2. Для кнопки отправки удобнее использовать button, а не input. Проще будет стилизовать.

Адаптируйте для своих нужд https://jsfiddle.net/452cpvxz/

#ямыnginx,
цвет и размеры первые попавшиеся

linear-gradient под нужным углом и вперед. Размеры рассчитайте как нужно.
https://jsfiddle.net/kqats0py/ тут размеры просто так, первое что в голову пришло.

Правильная структура для вашего случая

скрытые инпуты
<div>
   лейблы
</div>
<div>
   блоки с контентом вкладок
</div>

так вы сможете написать селекторы ~

Потому что содержимое флексов выравнивается вдоль главной оси свойством justify-content, а не text-align

https://jsfiddle.net/2s47rko3/
Нужно изменить тип тега (если я правильно расшифровала желания). Если нет, то нарисуйте результат.

Если разбивать по строкам, то так


Если не разбивать, то будут видны полоски.

Почему блок formproductslider не прокручивается по горизонтали?

Потому что по горизонтали у него нет переполнения.
Но зато есть по вертикали.
Если вы уберете overflow: hidden; то увидите, где у вас дочерние блоки.

Нужно задать родителю display:flex и нужные вам параметры.
float убрать.
Вот так: https://jsfiddle.net/702h618b/

Вы один раз определили переменную с текстом и потом добавляете этот текст во все элементы. Но ее нужно переопределять каждый раз
https://jsfiddle.net/c7vyegqt/

https://jsfiddle.net/os5eg4ya/

Оно, конечно, показывается. Но влезает только левый угол картинки. А он прозрачный.
Поэтому вам кажется, что не показывается.
У background есть еще size, repeat и position.