.payment-loader-wrapper{
    font-family : 'Proxima Nova Soft', sans-serif;
    background: #66923c46;
    z-index: 1000;
    width: 100%;
    height: 100vh;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
  }
  .payment-loader {
    width : 100%;
    position: absolute;
    top: 50%;
    left : 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }
  
  .payment-loader .binding {
    content : '';
    width : 60px;
    height : 4px;
    border : 2px solid #FFA268;
    margin : 0 auto;
  }
  
  .payment-loader .pad {
    width : 4%;
    height : 8%;
    border-radius : 8px;
    border : 2px solid #FFA268;
    padding : 6px;
    margin : 0 auto;
  }
  
  .payment-loader .chip {
    width : 32px;
    height: 26px;
    background: #FFA268;
    border-radius: 3px;
    margin-top: 4px;
    margin-left: 3px;
  }
  
  .payment-loader .line {
    width : 30px;
    margin-top : 6px;
    margin-left : 3px;
    height : 4px;
    background: #FFA268;
    border-radius: 100px;
    opacity : 0;
    -webkit-animation : writeline 3s infinite ease-in;
    -moz-animation : writeline 3s infinite ease-in;
    -o-animation : writeline 3s infinite ease-in;
    animation : writeline 3s infinite ease-in;
  }
  
  .payment-loader .line2 {
    width : 32px;
    margin-top : 6px;
    margin-left : 3px;
    height : 4px;
    background: #FFA268;
    border-radius: 100px;
    opacity : 0;
    -webkit-animation : writeline2 3s infinite ease-in;
    -moz-animation : writeline2 3s infinite ease-in;
    -o-animation : writeline2 3s infinite ease-in;
    animation : writeline2 3s infinite ease-in;
  }
  
  .payment-loader .line:first-child {
    margin-top : 0;
  }
  
  .payment-loader .line.line1 {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
  }
  
  .payment-loader .line.line2 {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }
  
  .payment-loader .loader-text {
    text-align : center;
    margin-top : 20px;
    font-size : 16px;
    line-height: 16px;
    color : #364344;
    font-weight: bold;
  }
  
  
  @keyframes writeline {
    0% { width : 0px; opacity: 0; }
    33% { width : 36px; opacity : 1; }
    70% { opacity : 1; }
    100% {opacity : 0; }
  }
  
  @keyframes writeline2 {
    0% { width : 0px; opacity: 0; }
    33% { width : 32px; opacity : 1; }
    70% { opacity : 1; }
    100% {opacity : 0; }
  }