// article {
//     background: #fafafa;
//     width: 100%;
//     position: relative;
//     padding: 20px;
//     box-sizing: border-box;
//     border-radius: 10px;
//     display: flex;
//     flex-direction: column;
//     justify-content: center;
//     height: 100%;
//     border: 1px solid #eee;
//   }
  
//   article .line {
//     width: 100%;
//     height: 20px;
//     background: #eee;
//     margin: 20px 0;
//     border-radius: 5px;
//   }
  
//   article .shimmer {
//     position: absolute;
//     top: 0;
//     left: 0;
//     width: 50%;
//     height: 100%;
  
//     background: linear-gradient(
//       100deg,
//       rgba(255, 255, 255, 0) 20%,
//       rgba(255, 255, 255, 0.5) 50%,
//       rgba(255, 255, 255, 0) 80%
//     );
  
//     animation: shimmer 2s infinite linear;
//   }
  
//   @keyframes shimmer {
//     from {
//       transform: translateX(-200%);
//     }
  
//     to {
//       transform: translateX(200%);
//     }
//   }
  
//   .line.first {
//     width: 40%;
//   }
  
//   .line.second {
//     width: 70%;
//   }

  // /////

// .pv-title {
//   width: 40%;
// }
// .pv-link {
//   width: 60%;
// }
// .pv-description {
//   width: 70%;
// }
// .pv-shimmer {
//   padding: 5px;
//   width: 95%;
//   height: 120px;
//   margin: 10px auto;
//   background: #ffffff;
// }
// .pv-shimmer .pv-image-card {
//   height: 90px;
//   width: 90px;
//   float: right;
//   border-radius: 8px;
// }
// .pv-stroke {
//   height: 15px;
//   background: #777;
//   margin-top: 20px;
// }

// .pv-wrapper {
//   width: 0px;
//   animation: fullView 0.5s forwards linear;
// }

// @keyframes fullView {
//   100% {
//     width: 100%;
//   }
// }
// .animate {
//   animation: shimmer 3s;
//   animation-iteration-count: infinite;
//   background: linear-gradient(to right, #e6e6e6 5%, #cccccc 25%, #e6e6e6 35%);
//   background-size: 1000px 100%;
// }
// @keyframes shimmer {
//   from {
//     background-position: -1000px 0;
//   }
//   to {
//     background-position: 1000px 0;
//   }
// }


.pvv-card {
  min-height:300px;
  width:100%;
  background-color: rgba(196,196,196,1);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0px 0px 10px 2px rgb(200,200,200);
  overflow: hidden;
  background-size: cover;
}

.pvv-heading {
  font-size: 20px;
  margin: 2px 10px;
}
.pvv-subHeading {
  font-size: 15px;
  margin: 2px 10px;
}

.pvv-skeleton-gray {
  background: rgb(156,156,156);
  background-image: linear-gradient(115deg, rgba(196,196,196,1) 20%, rgba(216,216,216,1) 30%, rgba(216,216,216,1) 35%, rgba(196,196,196,1) 40%);
  background-position: 0% 0;
  background-size: 300% 200%;
  color: rgba(0,0,0,0);
  animation: shimmer 3s infinite;
}

@keyframes shimmer {
  0% {
    background-position: 100% 0;
  }
  60%, 100% {
    background-position: -50% 0;
  }
}