.begin-the-loader {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(0, 0, 0);
    z-index: 9999;
    display: block;
    background-image: url('../animation/loading.gif');
    background-repeat: no-repeat;
    background-position: center; 
    opacity: 0.7;
   }
  
  @-webkit-keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
    }
  
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
  
    to {
      transform: rotate(360deg);
    }
  }

  .ekyc-loading img {
    position: absolute !important;
    top: 50%;
    margin: 0 !important;
    transform: translate(-50%,-50%);
  }