<!-- Hero -->
<div class="bg-primary-dark position-relative overflow-hidden">
<div class="container content-space-1 content-space-t-md-3 content-space-b-md-1">
<div class="row align-items-md-center mb-5 mb-md-0">
<div class="col-md-6">
<!-- Heading -->
<div class="pe-lg-3 mb-7">
<h1 class="display-4 text-white mb-3 mb-md-5">Offer the experience your users <span class="text-warning">deserve</span></h1>
<p class="lead text-white-70">One theme for all your projects.</p>
</div>
<!-- End Heading -->
<div class="row">
<div class="col-6">
<!-- Media -->
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-white mb-3">
@@include("../assets/vendor/duotone-icons/com/com013.svg")
</span>
</div>
<div class="flex-grow-1 ms-3">
<span class="h5 text-white">24 hours</span>
<p class="text-white-70">Response time</p>
</div>
</div>
<!-- End Media -->
</div>
<!-- End Col -->
<div class="col-6">
<!-- Media -->
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-white mb-3">
@@include("../assets/vendor/duotone-icons/com/com007.svg")
</span>
</div>
<div class="flex-grow-1 ms-3">
<span class="h5 text-white">92%</span>
<p class="text-white-70">Satisfaction rate</p>
</div>
</div>
<!-- End Media -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
<div class="position-md-absolute bottom-md-0 start-md-50">
<!-- Devices -->
<div class="devices devices-shadow-none pb-0" style="max-height: 30rem;">
<!-- Browser Device -->
<figure class="device-browser">
<div class="device-browser-header">
<div class="device-browser-header-btn-list">
<span class="device-browser-header-btn-list-btn"></span>
<span class="device-browser-header-btn-list-btn"></span>
<span class="device-browser-header-btn-list-btn"></span>
</div>
<div class="device-browser-header-browser-bar">www.htmlstream.com/space/</div>
</div>
<div class="device-browser-frame">
<img class="device-browser-img" src="../assets/img/800x500/img4.jpg" alt="Image Description">
</div>
</figure>
<!-- End Browser Device -->
</div>
<!-- End Devices -->
</div>
</div>
</div>
<!-- End Hero -->