La solución a la barra de desplazamiento horizontal en la parte inferior de la página

No sé si es porque aparece una barra de desplazamiento horizontal en la parte inferior de la página debido al uso de swiper, lo que afecta la belleza de la página y la experiencia del usuario.

 Solución:

Añadir en index.html

html {
  overflow-y: scroll;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}