<div class="card border-0 box-shadow h-100 mb-4">
<div class="card-body">
<h5 class="card-title mb-2 fw-600"><a href="https://rb.gy/86oeh6" target="_blank">Click here View All Premium addons </a></h5>
<div class="my-3 addon-top-slider">
<marquee direction="{{session()->get('direction') == 2 ? 'left' : 'right'}}" behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();">
<div class="d-flex gap-2">
<div class="col-auto">
<div class="card overflow-hidden">
<div class="card-body p-2">
<div class="card-icon mb-2">
<i class="fa-brands fs-5 fa-whatsapp"></i>
</div>
<h6 class="fw-600">WhatsApp</h6>
<p class="fs-7 pt-1 text-danger">Addon</p>
</div>
</div>
</div>
<div class="col-auto">
<div class="card overflow-hidden">
<div class="card-body p-2">
<div class="card-icon mb-2">
<i class="fa-solid fs-5 fa-pen-nib"></i>
</div>
<h6 class="fw-600">Themes</h6>
<p class="fs-7 pt-1 text-danger">Addon</p>
</div>
</div>
</div>
<div class="col-auto">
<div class="card overflow-hidden">
<div class="card-body p-2">
<div class="card-icon mb-2">
<i class="fa-solid fs-5 fa-bag-shopping"></i>
</div>
<h6 class="fw-600">POS</h6>
<p class="fs-7 pt-1 text-danger">Addon</p>
</div>
</div>
</div>
<div class="col-auto">
<div class="card overflow-hidden">
<div class="card-body p-2">
<div class="card-icon mb-2">
<i class="fa-solid fs-5 fa-file-import"></i>
</div>
<h6 class="fw-600">Import Product</h6>
<p class="fs-7 pt-1 text-danger">Addon</p>
</div>
</div>
</div>
<div class="col-auto">
<div class="card overflow-hidden">
<div class="card-body p-2">
<div class="card-icon mb-2">
<i class="fa-solid fs-5 fa-language"></i>
</div>
<h6 class="fw-600">Language</h6>
<p class="fs-7 pt-1 text-danger">Addon</p>
</div>
</div>
</div>
<div class="col-auto">
<div class="card overflow-hidden">
<div class="card-body p-2">
<div class="card-icon mb-2">
<i class="fa-solid fs-5 fa-key-skeleton"></i>
</div>
<h6 class="fw-600">OTP</h6>
<p class="fs-7 pt-1 text-danger">Addon</p>
</div>
</div>
</div>
<div class="col-auto">
<div class="card overflow-hidden">
<div class="card-body p-2">
<div class="card-icon mb-2">
<i class="fa-solid fs-5 fa-mobile-screen-button"></i>
</div>
<h6 class="fw-600">Owner App</h6>
<p class="fs-7 pt-1 text-danger">Addon</p>
</div>
</div>
</div>
<div class="col-auto">
<div class="card overflow-hidden">
<div class="card-body p-2">
<div class="card-icon mb-2">
<i class="fa-solid fs-5 fa-credit-card"></i>
</div>
<h6 class="fw-600">MercadoPago</h6>
<p class="fs-7 pt-1 text-danger">Addon</p>
</div>
</div>
</div>
<div class="col-auto">
<div class="card overflow-hidden">
<div class="card-body p-2">
<div class="card-icon mb-2">
<i class="fa-regular fs-5 fa-credit-card"></i>
</div>
<h6 class="fw-600">MyFatoorah</h6>
<p class="fs-7 pt-1 text-danger">Addon</p>
</div>
</div>
</div>
<div class="col-auto">
<div class="card overflow-hidden">
<div class="card-body p-2">
<div class="card-icon mb-2">
<i class="fa-brands fs-5 fa-paypal"></i>
</div>
<h6 class="fw-600">PayPal</h6>
<p class="fs-7 pt-1 text-danger">Addon</p>
</div>
</div>
</div>
<div class="col-auto">
<div class="card overflow-hidden">
<div class="card-body p-2">
<div class="card-icon mb-2">
<i class="fa-solid fs-5 fa-receipt"></i>
</div>
<h6 class="fw-600">ToyyibPay</h6>
<p class="fs-7 pt-1 text-danger">Addon</p>
</div>
</div>
</div>
<div class="col-auto">
<div class="card overflow-hidden">
<div class="card-body p-2">
<div class="card-icon mb-2">
<i class="fa-solid fs-5 fa-receipt"></i>
</div>
<h6 class="fw-600">PayTab</h6>
<p class="fs-7 pt-1 text-danger">Addon</p>
</div>
</div>
</div>
<div class="col-auto">
<div class="card overflow-hidden">
<div class="card-body p-2">
<div class="card-icon mb-2">
<i class="fa-solid fs-5 fa-receipt"></i>
</div>
<h6 class="fw-600">PhonePe</h6>
<p class="fs-7 pt-1 text-danger">Addon</p>
</div>
</div>
</div>
</div>
</marquee>
</div>
</div>
</div>