  <style>
	.header {background: transparent;box-shadow: 0px 0px 0px;}
	.hero-fullscreen {
		 background: url("templates/webengine/assets/img/slide-1.jpg") top center;
	}
	/*Control the height of fullscreen in custom.css*/
	</style>
  <section id="hero-fullscreen" class="hero-fullscreen d-flex align-items-center">
    <div class="container d-flex flex-column align-items-center position-relative" data-aos="zoom-out">
      <h2>Welcome to <span>osConcert</span></h2>
      <p>YOUR Complete Theatre Seat Booking System.</p>
      <div class="d-flex">
        <a href="https://www.osconcert.com/download/" class="btn-get-started scrollto">Purchase & Download</a>&nbsp;
		<a href="#contact" class="btn-get-started scrollto">Contact Us</a>
        <!--<a href="https://www.youtube.com/watch?v=LXb3EKWsInQ" class="glightbox btn-watch-video d-flex align-items-center"><i class="bi bi-play-circle"></i><span>Watch Video</span></a>-->
      </div>
    </div>
  </section>