I'm Yoda

Накладываете поверх карты див с позишн абсолют, короче чтоб полностью перекрывала карту.
Для мобилки point-events: all, для десктопа point-events: none.

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

а собственно зачем обрезать текст на js, можно же обернуть текст в блок и сделать ему фиксированную высоту, с "owerflow: hidden". При клике на "Показать весь текст", просто меняем высоту в авто например и всё. Это проще будет.

JSON.stringify(Ваш_JSON);

Так попробуйте:

$('.color-gl').mouseenter(function(event) {
    $('.color-tah').fadeOut(300);
    $('.grey-tah').fadeIn(300);
    $('.color-dop').fadeOut(300);
    $('.grey-dop').fadeIn(300);
    $('.color-med').fadeOut(300);
    $('.grey-med').fadeIn(300);
}).mouseleave(function(event) {
    $('.color-tah').fadeIn(300);
    $('.grey-tah').fadeOut(300);
    $('.color-dop').fadeIn(300);
    $('.grey-dop').fadeOut(300);
    $('.color-med').fadeIn(300);
    $('.grey-med').fadeOut(300);
});

if (scrollTop > 0) {
    navbar.classList.add('fixed');
  } else {
    navbar.classList.remove('fixed');
  }

С jquery как то так.

var isLineHeight = 0;

$('div.line').each(function(){
     if ($(this).height() > isLineHeight ) { 
          isLineHeight = $(this).height(); 
     }
});

$('div.line').height(isLineHeight );

UPD

Для каждой новой строки которую надо подогнать по высоте лучше присвоить индекс, например line-1, line-2 и т.д.

для работы с кукисами можете попробовать jquery.cookie.js

Что консоль показывает?

idangero.us/swiper

Здесь все ответы на ваш вопрос!

либо flex ручками пишем, либо bootstrap 4

В обработчике формы "mail.php" проверяете какие данные с какой формы пришли, исходя из полученных данных формируете заголовок ответа. В этом нет нечего сложного!