.bet-loader-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.65);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index:9999;
  }
  
  .bet-loader-inner {
    position: relative;
    width: 208px;
    height: 240px;
    margin-top: 50%;
  }
  
  .loader-box1 {
    width: 0;
    border-top: 104px solid transparent;
    border-bottom: 104px solid transparent;
    border-right: 60px solid #10A310;
  }
  
  .loader-box2 {
    width: 120px;
    height: 208px;
    background-color:#10A310;
  }
  
  .loader-box3 {
    width: 0;
    border-left: 60px solid #10A310;
    border-top: 104px solid transparent;
    border-bottom: 104px solid transparent;
  }
  
  .loader-box4 {
    content: '';
    height: 16px;
    width: 100px;
    background: #000;
    opacity: .2;
    border-radius: 50%;
    position: absolute;
    bottom: -20px;
    left: 10px;
    right: 0;
    margin: auto;
    /* transform: translateX(-50%); */
    animation: bet-loader-shadow 0.5s linear infinite;
  }
  
  .loader-box-wrap {
    position: absolute;
    display: flex;
    left: -10px;
    /* left: 10px; */
    animation: bet-loader-rotate 0.5s linear infinite;
  }
  .bet-loading-text{
    position: absolute;
    top: 290px;
    left: 62px;
    font-size:32px;
  }
  
  @keyframes bet-loader-rotate {
    0% {
      transform:scale(0.4) translateY(0) ;
    }
  
    25% {
      transform:scale(0.4) translateY(120px);
    }
  
    50% {
      transform:scale(0.4) translateY(240px) rotate(60deg);
  
    }
  
    75% {
      ransform:scale(0.4) translateY(120px);
    }
  
    100% {
      transform:scale(0.4) translateY(0) rotate(60deg);
    }
  }
  
  @keyframes bet-loader-shadow {
    0%,
    100% {
      transform: scaleX(0.8);
    }
  
    50% {
      transform: scaleX(1.2);
    }
  }