/* Force Elementor background video to display on screens below 690px */
@media (max-width: 690px) {
/* Make the video container visible */
.elementor-background-video-container {
display: block !important;
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1; /* ensures content stays on top */
}

/* Make the video itself fill the container and stay visible */
.elementor-background-video-container video {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
opacity: 1 !important;
}

/* Ensure section has relative positioning for proper stacking */
.elementor-section {
position: relative !important;
}
}