<div class="section bg-image py-5" data-img-src="../../assets/images/upload/streaming-our-services-bg.jpg">
<div class="container">
<div class="row pt-3 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 text-white">Listen Favourite Music</h5>
<div data-height="3px"></div>
<h2 class="h1 section-title-4 title-light-1 font-weight-800 mb-4">
The Best Features
<div class="title-divider-round"></div>
</h2>
</div>
</div>
</div>
<div class="row mb-5">
<div class="col-md-6 col-lg-3">
<div class="icon-info-4 text-center mb-5 mb-lg-4">
<a class="icon-info-link" href="#">
<div class="icon-element mb-3">
<img src="../../assets/svg/upload/service-icon-18.svg" alt="icon" class="add-animate faster" data-animated="zoomIn" data-width="64px" data-height="64px">
</div>
<div class="icon-info-text text-white-75 pt-3">
<h5 class="font-weight-700 text-white mb-4">High Resolution</h5>
<p>Aenean sed mattis arcu in rhoncus scelerisque neque mollis fusce luctus mauris porttitor neque nec</p>
</div>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="icon-info-4 text-center mb-5 mb-lg-4">
<a class="icon-info-link" href="#">
<div class="icon-element mb-3">
<img src="../../assets/svg/upload/service-icon-19.svg" alt="icon" class="add-animate faster" data-animated="zoomIn" data-width="64px" data-height="64px">
</div>
<div class="icon-info-text text-white-75 pt-3">
<h5 class="font-weight-700 text-white mb-4">Smart Playlists</h5>
<p>Purus nec mattis consequat mauris curabitur diam nulla pellentesque vitae ornare nec condimentum</p>
</div>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="icon-info-4 text-center mb-5 mb-lg-4">
<a class="icon-info-link" href="#">
<div class="icon-element mb-3">
<img src="../../assets/svg/upload/service-icon-20.svg" alt="icon" class="add-animate faster" data-animated="zoomIn" data-width="64px" data-height="64px">
</div>
<div class="icon-info-text text-white-75 pt-3">
<h5 class="font-weight-700 text-white mb-4">Support all Devices</h5>
<p>Amet dolor class aptent nec sociosqu litora torquent per conubia nostra sem inceptos nam himenaeos</p>
</div>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="icon-info-4 text-center mb-5 mb-lg-4">
<a class="icon-info-link" href="#">
<div class="icon-element mb-3">
<img src="../../assets/svg/upload/service-icon-21.svg" alt="icon" class="add-animate faster" data-animated="zoomIn" data-width="64px" data-height="64px">
</div>
<div class="icon-info-text text-white-75 pt-3">
<h5 class="font-weight-700 text-white mb-4">Rewind Channels</h5>
<p>Quisque imperdiet orci leo dictum neque fuspendisse in feugiat mattis nulla hendrerit porta</p>
</div>
</a>
</div>
</div>
</div>
<div class="row pb-3 mb-5">
<div class="col text-center">
<a href="#" class="btn btn-lg btn-dark mb-0"><i class="fas fa-headphones-alt"></i>Explore Music</a>
</div>
</div>
</div>
</div>