/* Скрываем горизонтальный скроллбар у всего документа */
html, body {
  overflow-x: hidden;
  -ms-overflow-style: none;  /* Для IE и Edge */
  scrollbar-width: none;     /* Для Firefox */
}

/* Скрываем нативный скроллбар в WebKit (Chrome, Safari, Edge и т.д.) */
.horizontal-scroll-container::-webkit-scrollbar {
  display: none;
}