.elementor-16993 .elementor-element.elementor-element-61454223{--display:flex;--min-height:700px;--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:-270px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16993 .elementor-element.elementor-element-61454223:not(.elementor-motion-effects-element-type-background), .elementor-16993 .elementor-element.elementor-element-61454223 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-16993 .elementor-element.elementor-element-61454223{--min-height:423px;--margin-top:-217px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-16993 .elementor-element.elementor-element-61454223{--width:100%;--min-height:200px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-286926d8 */* {
	margin: 0;
	padding: 0;
}
video {
	width: 100%;
	
	position: absolute;
	object-fit: cover;
	transition: all 150ms linear;
	z-index: 10;
}
.box1 {
	opacity: 1;
}
.box2 {
	opacity: 0;
}
.box3 {
	opacity: 0;
}
.container {
	width: 100%;
	
	background-color: rgba(0, 0, 0, 0.5);
}

/* Default styles for all screen sizes */
.element {
  height: 200px;
}

/* Tablet styles (for screens with a maximum width of 768px) */
@media only screen and (max-width: 768px) {
  .element {
    height: 150px;
  }
}

/* Mobile styles (for screens with a maximum width of 480px) */
@media only screen and (max-width: 480px) {
  .element {
    height: 340px;
  }
}/* End custom CSS */