<div class="load" id='load' style="display: none;">
    <div class="spinner-border icon" role="status">
      <span class="visually-hidden">Loading...</span>
    </div>
</div>




<style>
    .load{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        background-color: rgb(29 191 115 / 34%);
    }
    .icon{
        position: absolute;
        top: 40%;
        left: 45%;
        text-align: center;
        width: 3rem;
        height: 3rem;
    }
    @media (max-width: 991.98px){
        .load{
            display: none;
        }
    }
</style><?php /**PATH /Users/tharukadananjaya/Documents/long-term-projects/iServer_v6/resources/views/components/loader.blade.php ENDPATH**/ ?>