Николай

Так, а зачем вы создаете второй раз карту?!

ymaps.ready(function () {
	let ymap = document.querySelector('.contacts__map');
	let coordinates = ymap.getAttribute('data-coordinates');
	let address = ymap.getAttribute('data-address');

	let myMap = new ymaps.Map('ymap', {
		center: [53.2584970, 50.2369070],
		zoom: 16
	}, {
		searchControlProvider: 'yandex#search'
	});

	let myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
		balloonContent: address
	}, {
		iconLayout: 'default#image',
		iconImageHref: WPJS.siteUrl + '/assets/img/common/marker.svg',
		iconImageSize: [40, 63.2],
		iconImageOffset: [-50, -38]
	});

	let myPlacemark2 = new ymaps.Placemark2(myMap.getCenter(), {
		balloonContent: address
	}, {
		iconLayout: 'default#image',
		iconImageHref: WPJS.siteUrl + '/assets/img/common/marker.svg',
		iconImageSize: [40, 63.2],
		iconImageOffset: [-50, -38]
	});

	myMap.geoObjects.add(myPlacemark);
	myMap.geoObjects.add(myPlacemark2);

	myMap.behaviors.disable('scrollZoom');
});

border-image-slice: 1
Чтобы заданный градиент сместился или растянулся по всей границе.

.slider__section { z-index: 1 }
.slider__section::after { z-index: -1 }

const sliders = document.querySelectorAll("[data-slider]");

sliders.forEach(slider => {
	const track = slider.querySelector("[data-slider-track]");
	const prev = slider.querySelector("[data-slider-prev]");
	const next = slider.querySelector("[data-slider-next]");

	if (track) {

		prev.addEventListener("click", () => {
			next.disabled = false;
			// next.removeAttribute("disabled");

			track.scrollTo({
				left: track.scrollLeft - track.firstElementChild.offsetWidth,
				behavior: "smooth"
			});
		});

		next.addEventListener("click", () => {
			prev.disabled = false;
			// prev.removeAttribute("disabled");

			track.scrollTo({
				left: track.scrollLeft + track.firstElementChild.offsetWidth,
				behavior: "smooth"
			});
		});

		track.addEventListener("scroll", () => {
			const trackScrollWidth = track.scrollWidth;
			const trackOuterWidth = track.clientWidth;

			prev.disabled = false;
			next.disabled = false;
			// prev.removeAttribute("disabled");
			// next.removeAttribute("disabled");

			if (track.scrollLeft <= 0) prev.disabled = true; //prev.setAttribute("disabled", "");
			if (track.scrollLeft === trackScrollWidth - trackOuterWidth) next.disabled = true; //next.setAttribute("disabled", "");
		});

	};
});

Задайте так:

.center-box {
  display: flex;
  gap: 15px
}
.character-line {
  flex-shrink: 0;
  width: 76%;
}
.checkbox-line {
  flex-grow: 1
}

Тут будет линия с картинками определенной ширины, а с галочками заполнять все оставшееся место.

И кстати, отрицательного внутреннего отступа (padding) у .checkbox-line недопустимо.

#slider{ 
  margin: 0 auto;
  position: relative;
}

#controls {
 height: 50px;
 left: 0;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 width: 100%;
}

Поставить функционал кнопки "далее" на пункты ответа слайда =)
Если поможет, то вот пример, моей реализации чего-то подобного) покопаться в файлах можете, может что понадобиться

Так вы обращаетесь во внутрь .page-projects__details и ищите в нем .page-projects__elems, а надо рядом искать блок этот добавив "+"

Сделать секцию, секции дать фон, а внутри секции сделать этот блок, а сдвинуть padding-ом секции. Как вариант

for (let i = 0; i < catalogItems.length; i++) {
  catalogItemsButtons[i].addEventListener('click', () => {
    for (let j = 0; j < catalogItems.length; j++) {
      catalogItems[j].classList.remove('catalog__item--open');

      if (i === j) catalogItems[j].classList.add('catalog__item--open'); 
    }
  });
}

Текст с внутренними отступами и треугольник псевдоэлементом и всё))

Можно поглядеть как должно быть?!
И вы же сами их ограничили min-width: 370px;, поэтому при сужении они не сжимаются меньше или что-то я не понял?)

РЕШЕНИЕ:
1. В стилях прописываем желанный отступ у слайдов, например такой:

.post_item:not(:last-child) {
  margin-right: 20px;
}

2. Далее в js нужно добавить некоторые строки, сначала на 10 строке добавил переменную (имя можете своё), которая будет отвечать за отступ указанный в стилях. А точнее сразу в процентном соотношении.



3. Попробовал несколько способов, но пока работает только так, может вы найдете лучше применение. У функций переключения слайдов, добавил строку

this.offsetSlide = ((this.slides[1].offsetLeft - this.slides[0].offsetWidth)*100)/this.main.offsetWidth;

, то есть по клику на кнопки высчитываем процентное соотношение отступа. Пришлось добавить её и для кнопки назад и вперед (81 и 97 строки).

4. И последнее, этот процент добавляем к полученной ширине слайда в процентах (86 и 102 строки).



P.S: Найдете решение лучше, дайте знать. Всегда интересно поучится тому, что будет лучше))