.sprite.bni {
    background-position: -120px -232px;
    width: 40px;
    height: 40px;
  }

  .sprite {
    background-image: url(/images/list-bank.png);
    background-size: 160px 470px;
    background-repeat: no-repeat;
    display: block;
  }

  .sprite.permata {
    background-position: -80px -232px;
    width: 40px;
    height: 40px;
  }

  .sprite.mandiri {
    background-position: -40px -232px;
    width: 40px;
    height: 40px;
  }
  .sprite.bca {
    background-position: 0px -232px;
    width: 40px;
    height: 40px;
  }

  .sprite.bank-transfer {
    background-position: 0px -392px;
    width: 40px;
    height: 40px;
  }
  .sprite.bri {
    background-position: 0px -432px;
    width: 40px;
    height: 40px;
  }
  .sprite.danamon {
    background-position: -80px -392px;
    width: 40px;
    height: 40px;
  }

  .sprite.alfamart {
    background-position: -80px -80px;
    width: 40px;
    height: 40px;
  }
  .sprite.indomaret {
    background-position: -40px -80px;
    width: 40px;
    height: 40px;
  }
  .sprite.tokopedia {
    background-image: url(/images/maskot-toped2.png);
    background-size: 40px 40px;
    background-position: 0px 0px;
    width: 40px;
    height: 40px;
  }

  .sprite.gopay{
    background-image: url(/images/gopay.png);
    background-size: 40px;
    background-position: 0px 10px;
    width: 40px;
    height: 40px;
  }
  .sprite.bsi{
    background-image: url(https://idn-static-assets.s3-ap-southeast-1.amazonaws.com/website/img/merchant_logos/idn_bsi.png);
    background-size: 40px;
    background-position: 0px -5px;
    width: 40px;
    height: 40px;
  }
  .sprite.tabungan{
    background-image: url(https://drive.google.com/uc?export=view&id=1hZIIVjsG21tAraE4gqf-MX5N8Z6Fkqz0);
    background-size: 40px;
    background-position: 0px -5px;
    width: 40px;
    height: 40px;
  }
  .sprite.tellerau{
    background-image: url(/images/teller.png);
    background-size: 40px;
    background-position: 0px 0px;
    width: 40px;
    height: 40px;
  }

  sup {
    vertical-align: super;
    font-size: smaller;
  }



  .bank-logo {
    background-image: url(/images/logo-bank.png);
    background-size: 597px 477px;
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 0;
    height: 57px;
    width: 57px;
    margin: 0 calc((100% - (57px * 5)) / 10);
  }
  .bank-logo.cimb {
    background-position: -200px 0;
  }

  .bank-logo.mandiri {
    background-position: -60px 0;
  }
  .bank-logo.bni {
    background-position: -180px 0;
  }

  .bank-logo.bri {
    background-position: -240px 0;
  }

  .bank-logo.cimb {
    background-position: -300px 0;
  }

  .bank-logo.danamon {
    background-position: -60px -240px;
  }

  .bank-logo.bca {
    background-position: 0 0;
  }

  .bank-logo.cimb {
    background-position: -300px 0;
  }

  .bank-logo.danamon {
    background-position: -60px -240px;
  }

  .bank-logo.maybank {
    background-position: -360px 0;
  }

  .bank-logo.bankbtn {
    background-position: -480px -240px;
  }

  .bank-logo.hana {
    background-position: -420px -370px;
  }

  .bank-logo.permata {
    background-position: -120px 0;
  }

  .bank-logo.citibank {
    background-position: -120px -300px;
  }

  .bank-logo.muamalat {
    background-position: -480px 0;
  }

  .bank-logo.bsi {
    background-position: -480px 0;
  }

  .imgCh2 {
    margin: -5px 5px 0 5px
  }

  .prosesva {
    display: block;
    height: 100%;
    position: absolute;
    background-color: white;
    z-index: 9;
    opacity: 50%;
    width: 100%;
    padding: 10px;
  }

  .centerImage {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }