ptenchikelem

получаешь высоту нужного тебе блока и пишешь условие, в котором, если высота больше, то скрываешь оверфлоу

let height = document.querySelector('.single__block')
if (height.offsetHeight >= 900) {
  document.querySelector('.single').style.overflow = "hidden"
}

Потратил довольно много времени чтобы понять что к чему) Но вроде как сделал то что ты хотел.

https://jsfiddle.net/StiflerProger/n6wzh07y/102/

https://gist.github.com/andjosh/6764939

swiper.slideNext();

Так и задать https://jsfiddle.net/1ftc83yz/

Удобнее было бы работать с полным кодом, чтобы можно было протестировать. Попробуйте так:

var swiper = new Swiper('#slider', {
  direction: 'horizontal',
  loop: false,
  init: false,
  mousewheel: true,
  freeMode: true
});

swiper.on('init resize', function() {
 	asideListItems[currentActive].classList.add(activeItemClass);
});

// init Swiper
swiper.init();

event.target.closest('.services__item').classList.add('services__item--active')

UDP: Это уже реализовал Kyle Brumm

Я немного исправил ваш код, а именно указал значение true для опции freeMode при инициализации SwiperJS. Это то что вам нужно?

Обратите внимание на официальную документацию, раздел Swiper API Parameters

function drawing(selector) {
  const block = $(selector);
  const elem = String(block.data('min'));
  block.text(elem.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, "$1 "));
}

Скрипт не нужен, эта фича встроена в браузеры еще с прошлого тысячелетия.
button type="reset"

Один path может быть только или f букву оставить, без закругленного квадрата, или вырезать эту f в квадрате.
Если нужно второе - то цвет можно будет задавать только квадрату, буква будет иметь цвет фона.
Как то так, все просто.

Если цвета нужно задавать/менять и букве и квадрату, то одним path тут не обойтись ))