<div class="animation_video">
<div class="vid">
<video width="100%" height="auto" autoplay="autoplay" muted="" loop="loop">
<source src="https://vepimg.b8cdn.com/uploads/vjfnew//content/files/1677072740uplift-web-banner-vimeo-787936722-dash-fastly-skyfire-sep-video-e27154df-mp41677072740.mp4" type="video/mp4" />
</video>
</div>
<div class="slider_content1">
<div class="popup" data-type="bgtrans">
<div class="row">
<div class="col-sm-12">
<h1 tabindex="0">UPLIFT WOMEN'S BUSINESS SUMMIT</h1>
<h4 id="date-info" tabindex="0">
<span class="eventDate">Nov 14-15. Victoria, BC Victoria Conference Centre</span>
<span class="eventTime">9:00 am to 5:00 pm (EST)</span>
</h4>
<div class="two-btns">
<a href="#LoginModal" data-toggle="modal" data-type="btn">
<i class="fa fa-lock" aria-hidden="true"></i> Login </a>
<a href="/en/registration" data-type="btn"> <i class="fa fa-pencil" aria-hidden="true"></i> Register Now </a>
</div>
</div>
</div>
</div>
</div>
</div>
.animation_video {
width: 100%;
height: auto;
/*Set to 100% if need to show full video*/
position: relative;
}
.animation_video .vid {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.animation_video .vid video {
object-fit: cover;
height: 100%;
}
.animation_video .slider_content1 {
position: relative;
padding: 40px 15px 90px;
}
.animation_video::before {
content: "";
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background: var(--black);
position: absolute;
opacity: 0.6;
}
@media (max-width: 767px) {
.animation_video .slider_content {
padding: 30px 15px 50px;
}
}