<div class="col-xl-3 col-lg-3 col-md-4 col-sm-1">
    <a href="<?php echo e($link); ?>" class="online-user-box">
        <div class="<?php echo e($bgcolor); ?> d-flex detail-card justify-content-between align-items-center value-container"
            style="padding:13px;">
            <div class="d-flex flex-column justify-content-center">
                <p class=" text-white h4  " style="	font-variant-numeric: diagonal-fractions; ">
                    <?php echo e($value); ?></p>
                <p class=" text-white " style="font-size:14px; line-height:21px; letter-spacing: 0.025em;">
                    <?php echo e($title); ?></p>
            </div>
            <div class="detail-icon ">
                <i class="fas fa-<?php echo e($icon); ?> <?php echo e($iconColor); ?> text-light"></i>
            </div>
        </div>
    </a>
</div>


<style>
    .online-user-box i {
        color: #fff;
        font-size: 32px;
        transition: font-size 0.3s ease;
    }

    .online-user-box:hover i {
        font-size: 36px;
        transition-duration: 250ms;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-delay: 250ms;
    }
</style>
<?php /**PATH /var/www/html/extranet/radius-circle/resources/views/components/dashboardBox.blade.php ENDPATH**/ ?>