.elementor-13 .elementor-element.elementor-element-3f5e9dd{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-410017c.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-410017c .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-3f5e9dd{--min-height:60vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;}}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-3f5e9dd{--width:100vw;}}/* Start custom CSS for video, class: .elementor-element-410017c *//* Container: set your desired height and clip overflow */
#hero-video {
  position: relative;
  height: 100vh;            /* full viewport, or use px like 700px */
  min-height: 400px;        /* optional safety floor */
  overflow: hidden;
}

/* Strip Elementor's wrapper sizing so it doesn't constrain the video */
#hero-video .elementor-widget-video,
#hero-video .elementor-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* The actual <video>: stretch to cover the container */
#hero-video .elementor-video {
min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
}

@media (max-width: 767px) {
  #hero-video {
    height: 40vh!important;
  }
}/* End custom CSS */