.g6-video-hero {
  position: relative;
  width: 100%;
  height: 100vh; /* Full viewport height */
  min-height: 600px;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.g6-video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.g6-hero-video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures video fills the space without distortion */
  display: block;
}

/* Adjust height for mobile devices to account for browser UI */
@media (max-width: 768px) {
  .g6-video-hero {
    height: calc(100vh - 80px); /* Adjust based on header height if needed */
  }
}