CSS

     .checkbox-wrap{
        position:relative
      }
      .checkbox-wrap::before{
        content: '';
        position: absolute;
        top: 31%;
         16px;
        height: 16px;
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 3px;
        z-index: 1;
      }
      .checkbox-wrap::before:hover{
        border: 1px solid #5FB878;
      }

      .checked::after{
        content: '';
        position: absolute;
        top: 31%;
         16px;
        height: 16px;
        background:#5FB878 url("{{ asset('assets/admin/images/checked.png') }}") no-repeat center;
        background-size: 80%;
        background-position-x: 2.5px;
        border: 1px solid #5FB878;
        border-radius: 3px;
        z-index: 1;
      }

      .checkbox-wrap input[type=checkbox]{
        position:absolute;
        z-index:-1       
      }