by_ultra

Сначала ставим тег video без атрибута controls

<video class="video" poster="poster.jpg" preload>
  <source src="video.mp4">
</video>

по клику на видео запускаем проигрывание и устанавливаем controls = true
на чистом js, без jQuery

document.addEventListener("DOMContentLoaded", function(){ // аля $(document).ready
  let videos = document.getElementsByClassName('video'); // получаем все видосы с класосм
  videos = [].slice.call(videos); // преобразуем в массив
  videos.forEach(function(item) { // перебираем массив и навешиваем обработчики
    let media = item;
    media.onclick = function () {
      media.play(); // запускаем проигрывание
      media.controls = true; // добавляем контролы
    };
    media.addEventListener('ended', function() {
      media.controls = false; // видео просмотрено, убираем контролы
    });
  });
});

https://yandex.ru/search/?text=html5%20media%20api...

Поместите свою карточку slider-card внутрь слайда и делайте с ней все что хотите , а сам слайд swiper-slide не трогайте

Например так

Добавляете к input атрибут required и он соответствующим образом стилизуется. При наведении и в состоянии фокуса, будет отображаться подсказка как на картинке.

Что такое required

Например, так:

как вариант

Неплохой ionden.com/a/plugins/ion.rangeSlider
причем его автор на тостере тусит)

Оберни контейнер в див, и задай этому диву background-color

Открываете devtools и смотрите свою вложенность... У вас в тэге P after;

.program-week__items-mobile:last-child .program-week__item-text-mobile p:after {
    display:none;
}

А по факту у вас скорее всего ошибка в SCSS
& ::after { -> &::after {

И в следующий раз создавайте лучше песочницу. Почему за вас то это должны делать в итоге?

Менять стили нужно при наведении на сам рисунок, а не на отдельный его элемент.
Только используйте лучше классы, для внутренних элементов SVG, вместо ID.

Примерно так:

<svg id="icon_id">
    <rect class="style1" ... />
    <rect class="style2" ... />
</svg>

#icon_id:hover .style1 { fill: red; }
#icon_id:hover .style2 { fill: green; }