<!--::Begin Page hero Media Player::-->
<section class="position-relative bg-gradient-blur">
    <div class="container position-relative pt-12 pb-0">
        <div class="row pt-lg-5">
         <div class="col-lg-10 text-center mx-lg-auto">
          <!--Hero heading-->
          <h1 class="display-2 mb-4">Hero video player</h1>
          <!--Hero subheading-->
          <p class="mb-5 lead">Building a stunning website is easy</p>
          <div class="mb-7">
           <a href="#!" class="btn btn-lg rounded-pill btn-secondary">Get started today</a>
          </div>
         <!--Video Player-->
         <div class="position-relative overflow-hidden">
          <div class="player" data-plyr-provider="vimeo" data-plyr-embed-id="167338879"></div>
           </div>
         </div>
        </div>
    </div>
  <!--begin:Divider shape-->
  <svg class="position-absolute start-0 bottom-0 text-white" preserveAspectRatio="none" width="100%" height="96"
  viewBox="0 0 1460 120" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M122 22.8261L0 0V120H1460V0L1338 22.8261C1217 44.1304 973 88.2609 730 88.2609C487 88.2609 243 44.1304 122 22.8261Z"
                fill="currentColor"></path>
  </svg>
  <!--end:Divider shape-->
</section>
<!--::/End Page hero Media Player/::-->