.shimmer-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.title {
  width: 40%;
}
.link {
  width: 60%;
}
.description {
  width: 70%;
}
.shimmer {
  place-items:center;
  padding: 5px;
  width: 95%;
  height: 120px;
  margin: 10px auto;
  background: #ffffff;
}
.shimmer .image-card {
  height: 260px;
  width: 440px;
  float: right;
  border-radius: 8px;
}
.shimmer .thematic-card {
  height: 150px;
  width: 175px;
  float: right;
  border-radius: 8px;
}
.shimmer .calender-card {
  height: 400px;
  width: 700px;
  float: right;
  border-radius: 8px;
}
.shimmer .calender {
  height: 400px;
  width: 440px;
  float: right;
  border-radius: 8px;
}
.shimmer .resources-card {
  height: 380px;
  width: 370px;
  float: right;
  border-radius: 8px;
}
.shimmer .npt-card {
    height: 400px;
    margin-left: 50px;
    margin-right: 50px;
    width: 93%;
    border-radius: 8px;
}
.stroke {
  height: 15px;
  background: #777;
  margin-top: 20px;
  margin-bottom:20px;
}

.shimmer-wrapper {
  flex: 1;
  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;
  }
}