origami1024

html map
https://www.image-map.net/

Программирование тем и хорошо, что логика реализации одной задачи может быть очень разной, в зависимости от фантазии.
Самый простой вариант при валидации данных - смотрите значение radio и если оно соответствует первому пункту - делайте также проверку значения в input. Также можно, хотя и не обязательно, выключать input при переключении на другие параметры.

UPD:
Если сделать несколько "сумбурно", можно реализовать так, чтобы не нужно было сопоставлять ответы при обработке данных с формы, а сразу принимать с каждого input=radio, то при наборе текста в input=text можно закинуть его непосредственно в значение input=radio. Пример:

1) Использовать отрицательный margin начиная с определенной ширины (+ обязательно поставьте overflow:hidden для контейнера, иначе будет горизонтальная полоса прокрутки)
Например

.header {
  overflow:hidden;
}
@media (min-width: 1300px) {
  .header-logo {
    margin-left: -100px;
  }
}

2) Сделать общий контейнер для фона и контента, при этом фон будет как position: absolute, а контент position: relative

<div class="hero-section">
  <div class="hero-section__bg">
    ...контент фона
  </div>
  <div class="hero-section__content">
    <div class="container">
      ...контент
    </div>
  </div>
</div>

.hero-section {
  position: relative;
}
.hero-section__content {
  position: relative;
  z-index: 1;
}
.hero-section__bg {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 900px) {
  .hero-section__bg {
    width: 45%;
  }
}

<div class="row">
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
</div>
<div class="row">
    <div class="col"></div>
</div>
<div class="row">
    <div class="col"></div>
</div>
<div class="row">
    <div class="col"></div>
</div>

Подскажите есть ли возможность обращения в прокуратуру или отдел К? написать заявление на юр лицо и тд.

Ахахахах, особенно в отдел К. Им же только вами и заниматься. Нет никуда вы не обратитесь. По факту вы нелегал. Вы не заключили договор. Простите, звучит обидно - но вы немного лох. Подписать NDA без заключения договора может только человек с особым складом ума.

Что вы можете сделать в данной ситуации - принять ее и усвоить этот урок на будущее

Первый звонок согласования тз и оплаты говорил по громкой связи, и последний звонок где заказчик говорит что я виноват в его проблемах, и что не заплатит мне вообще за такую работу, жена свидетель была рядом слушала мой разговор с заказчиком на громкой связи, так же есть подписанный мной НДА и все переписки от вебланса до ватсапа и сообщений.

Это все детский лепет. Нужен договор, а к договору ТЗ, кто-то из вас должен заплатить налог. И тогда сделка будет считаться легальной. Пока никакого основания я не вижу.
Я вижу ситуацию так, заказчик думал и передумал, вам ничего не должен

Привет, жаль конечно, но такова жизнь, я в свое время похожим способом 100к потерял, но мне уже окупилось многократно, т.к. с тех пор больше таких случаев небыло. Рассматривайте эти 10к рублей как получение опыта, по сути вы купили эти знания дешевле чем я в 10 раз. Двигайтесь вперед, там возможностей больше. Посчитайте сколько часов вы потратите чтобы вернуть эти деньги и умножте на свою ставку, оно того точно не стоит.

Используете псевдоэлемент ::first-letter
htmlbook.ru/css/first-letter