.form-group .help-block{
    position: absolute;
    bottom: -18px;
    left: 40px;
    color: #EA5455;
}
.form-group .help-block ul li {
    list-style-type: none;
    font-size: 0.775rem;
    padding-top: 0.2rem;
}

#form-check .form-group .help-block{
    position: unset;
}

select option {
  margin: 40px;
  background: #13151b;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.slick-initialized .slick-slide {
    display: flex !important;
}

 .scratch-card {
    position: relative;;
    border-radius: 8px;
    padding: 0px;
    width: 384px;
    height: 384px;
  }

  .scratch-card-cover-container {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    filter: url('#remove-black');
    transition: opacity .4s;

    &.clear {
      opacity: 0;
    }
    
    &.hidden2 {
      display: none;
    }
  }

  .scratch-card-canvas {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: grab;
    touch-action: none;
    
    &.hidden2 {
      opacity: 0;
    }
    
    &:active {
      cursor: grabbing;
    }
  }

  .scratch-card-canvas-render {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition: background-color .2s;
    
    &.hidden2 {
      display: none;
    }
  }

  .scratch-card-cover {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #cfced6;
    background-image: linear-gradient(to right, #cfced6, #e0dfe6, #efeef3, #e0dfe6, #cfced6);
    overflow: hidden;
    
    &::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(135deg, transparent 40%, rgb(255 255 255 / .8) 50%, transparent 60%);
      background-position: bottom right;
      background-size: 300% 300%;
      background-repeat: no-repeat;
      
      @at-root .scratch-card-cover.shine::before {
        animation: 
          shine 8s infinite,
        ;
      }
    }
    
    @keyframes shine {
      50% {
        background-position: 0% 0%;
      }
      100% {
        background-position: -50% -50%;
      }
    }
    
    &::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: .1;
      filter: url('#noise');
    }
  }

  .scratch-card-cover-background {
    width: 100%;
    height: 100%;
    fill: #555;
    opacity: .1;
  }

  .scratch-card-image {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 4px 4px rgb(0 0 0 / .16));
    user-select: none;
    will-change: transform;
    
    &.animate {
      animation: pop-out-in cubic-bezier(.65, 1.35, .5, 1) 1s;
    }
  }

  @keyframes pop-out-in {
    36% {
      transform: scale(1.125);
    }
    100% {
      transform: scale(1);
    }
  }

  .font-text1{
    font-size: 1.5rem;
    font-size: 700;
  }

  .font-text2{
    font-size: 1.2rem;
    font-size: 700;
  }

  .bgActive{
    background: #ffb900;
    color: #000;
  }


  @media screen and (max-width: 767px) {
     .scratch-card {
        width: 100%;
        height: 100%;
      }
  }

  

.loading {
    position: relative;
    overflow: hidden;
    pointer-events: none;
}
.loading .loading__overlay {
    content: '';
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: wait;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
}
.loading .loading__icon {
    content: '';
    width: 5%;
    height: 5%;
    min-width: 50px;
    min-height: 50px;
    background-image: url('./loading-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
}