/* Overlay */
    #videoOverlay {
      position: fixed;
      /* fixed on screen */
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      /* semi-transparent black */
      backdrop-filter: blur(10px);
      /* blur effect */
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    #video-close-btn {
      position: fixed;
      top: 1rem;
      right: 1rem;
      background: transparent;
      border: none;
      color: white;
      font-size: 2rem;
      cursor: pointer;
      z-index: 10000;
    }

    /* Video Wrapper */
    #videoWrapper {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      max-width: 75%;
      padding: 0;
      border-radius: 1rem;
    }

    /* Video */
    #popupVideo {
      width: 100%;
      height: auto;
      border-radius: 1rem;
    }

    /* Responsive: small screens */
    @media (max-width: 768px) {
      #videoWrapper {
        max-width: 100%;
      }

      #popupVideo,
      #videoWrapper {
        border-radius: 0;
      }
    }