/* Fullscreen loading overlay with a retro feel */
    #loading-screen {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: #18182A;
      /* Black background */
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      font-family: 'Press Start 2P', cursive;
      /* Retro pixel font */
      color: #68FF00;
      /* Retro green text */
      text-align: center;
    }


    /* The individual boxes in the loading bar */
    .loading-box {
      width: calc((100% / 20) - 4px);
      /* Divide into 15 segments, minus spacing */
      height: 100%;
      background-color: transparent;
      /* Start as transparent */
      transition: background-color 0.7s ease;
    }

    /* Filled box */
    .loading-box.filled {
      background-color: #68FF00;
    }

    #pre-entry-screen video {
      transition: transform 1.6s ease;
      /* For the zoom-in effect */
    }


    /* Fullscreen zoom effect */
    .zoom-in {
      transform: scale(2);
      /* Adjust scale for zoom effect */
    }


    .swiper-pagination {

      display: block!important;
    }