.invert-text {
  color: black !important;
  filter: blur(0.9px);
  transition: filter 0.5s ease;
  cursor: pointer;
}

.invert-text:hover {
  filter: blur(0);
}

html {  
  scroll-behavior: smooth;
}
document.addEventListener('DOMContentLoaded', function() {
  const btn = document.querySelector('.scroll-top-btn');

  // Функция для определения текущего слайда или позиции
  function checkScroll() {
    const scrollPosition = window.scrollY || window.pageYOffset;

    // Предположим, что второй слайд начинается примерно после определённой высоты
    // Или используйте конкретные селекторы слайдов, если есть
    const secondSlideOffsetTop = document.querySelector('#second-slide')?.offsetTop || 0;

    if (scrollPosition >= secondSlideOffsetTop) {
      btn.style.display = 'block'; // показываем кнопку
    } else {
      btn.style.display = 'none'; // скрываем кнопку
    }
  }

  // Обработчик прокрутки
  window.addEventListener('scroll', checkScroll);

  // Обработка клика по кнопке
  btn.addEventListener('click', function() {
    window.scrollTo({ top: 0, behavior: 'smooth' });
  });
});


.scroll-top-btn {
  display: none; /* изначально скрыта */
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  cursor: pointer;
}