.video-container {
  position: relative !important;
  width: 100%;
  height: 100vh; 
  overflow: hidden !important;
  background-color: #000; 
}

.video-container .bg-video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 1 !important;
}

.video-container .gradient-overlay {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 50% !important;
  z-index: 2 !important;
  pointer-events: none;
  backdrop-filter: blur(30px) !important;
  -webkit-backdrop-filter: blur(30px) !important;
  mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,       
    rgba(0, 0, 0, 0.3) 30%,   
    rgba(0, 0, 0, 0.7) 70%,    
    rgba(0, 0, 0, 1) 100%     
  ) !important;
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 30%,
    rgba(0, 0, 0, 0.7) 70%,
    rgba(0, 0, 0, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 0%, 
    rgba(0, 0, 0, 0.4) 100%
  ) !important;
}

.video-container .content-box {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  z-index: 3 !important; 
}

.video-container .content-box,
.video-container .content-box *, 
.video-container .content-box h1, 
.video-container .content-box p {
  color: #ffffff !important;
}



.seo-only-h1 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}