.shimmer-line
{
    position:absolute;
    top:0px;
    left: 0px;

     height: 100%;
  background: #e0e0e0;
  border-radius: 4px;

  display: none;

  
    
}

.shimmercontainer.inprogress .shimmer-line

{
   display: inline-block;

   
}

.shimmer-line.title
{

  width: 500px;
  max-width: 100%;
      border-radius: 12px;

}
.shimmer-line.details
{

    width: 100%;

    border-radius: 12px;

}

.shimmer-line.view-btn
{
    width: 100%;
    border-radius: 12px;

}



.shimmer {
  background: linear-gradient(
    90deg,
    /* #e0e0e0 25%,
    #f0f0f0 50%,
    #e0e0e0 75% */
     #fff 25%,
    #c590f7 50%,
    #fff 75%

  );
  background-size: 200% 100%;
  animation: shimmerAnimation 1.5s infinite linear;
}

@keyframes shimmerAnimation {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}