<div class="section">
<div class="container">
<div class="row">
<div class="col">
<div class="card lightbox-video d-block border-0 rounded-xl shadow-lg bg-transparent text-center mb-0">
<img class="card-img" src="../../assets/images/upload/service-lightbox-video-01.jpg" alt="image">
<div class="card-img-overlay d-flex align-items-center justify-content-center">
<a data-fancybox="" href="https://vimeo.com/77704883" class="play-btn play-btn-lg play-btn-hover-animate">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="100px" width="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path class="play-stroke" fill="none" stroke="#fff" d="M49.9,2.5C23.6,2.8,2.1,24.4,2.5,50.4C2.9,76.5,24.7,98,50.3,97.5c26.4-0.6,47.4-21.8,47.2-47.7C97.3,23.7,75.7,2.3,49.9,2.5"></path>
<path class="play-icon" fill="#fff" d="M39.855,36.68c0-2.2,1.559-3.1,3.464-2L66.39,48c1.905,1.1,1.905,2.9,0,4l-23.071,13.32c-1.905,1.1-3.464,0.2-3.464-2L39.855,36.68z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section bg-light py-5 mt-up150">
<div class="container">
<div data-height="150px"></div>
<div class="row my-5">
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<div class="text-center">
<h5 class="font-weight-400">A Digital Creative Agency</h5>
<div data-height="3px"></div>
<h2 class="h1 section-title-4 font-weight-800">
Your Success is Our Business
<div class="title-divider-round"></div>
</h2>
</div>
</div>
</div>
<div class="row mb-5">
<div class="col-md-6">
<p>Mauris pulvinar metus sem dolor iaculis sem congue lacus ultrices nec sapien quis interdum tortor. In tincidunt nisl sit amet egestas luctus ornar donec ut nibh eu nibh fermentum volutpat pellentesque sem metus. Fusce iaculis quam nisl a elementum est hendrerit in nullam lectus neque imperdiet fringilla purus nec mattis consequa mauris curabitur ipsum nulla pellentesque.</p>
</div>
<div class="col-md-6">
<p>Cras lectus lacus, tristique at vestibulum nec, cursus sem purus. Integer nec arcu vel elit porta varius. Donec quis elit ante. Aenean sem ornare orci. Nunc tincidunt aliquet tortor, ut cursus orci maximus eu. Quisque odio arcu, lobortis in vel efficitur at pretium urna. Aliquam cursus scelerisque lectus, bibendum tincidunt erat iaculis et. Aenean congue nunc quam ac sollicitudin risus euismod.</p>
</div>
</div>
</div>
</div>