html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* Handle viewport units correctly on mobile */
:root {
  --vh: 100%;
}

header, footer{display:none!important;}
/* Adjust vh dynamically for mobile browsers */
@media (max-width: 1024px) {
  :root {
    --vh: 100dvh; /* dynamic viewport height on modern browsers */
  }
}

.elementor-section.fullscreen-video {
  height: var(--vh) !important;
  min-height: var(--vh) !important;
  overflow: hidden;
  position: relative;
}

.elementor-section.fullscreen-video video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* fills area without black bars */
}