#sp-3 .med-post-wrap, #sp-2 .med-post-wrap, #sp-6 .med-post-wrap, #sp-8 .med-post-wrap, #sp-9 .med-post-wrap, .pos-scro {
  overflow-x: scroll;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding: 3px 10px;
}

#sp-3 .med-post-wrap::-webkit-scrollbar, #sp-2 .med-post-wrap::-webkit-scrollbar, #sp-6 .med-post-wrap::-webkit-scrollbar, #sp-8 .med-post-wrap::-webkit-scrollbar, #sp-9 .med-post-wrap::-webkit-scrollbar {
  display: none;
}

#sp-3 .cad img, #sp-2 .cad img, #sp-6 .cad img, #sp-8 .cad img, #sp-9 .cad img {
  display: flex;
  width: 205px;
  height: 150px;
  font-size: 10px;
  color: #1ba0ad;
  object-fit: cover;
  object-position: center;
  border-radius: 7px;
}

#sp-3 .post-meta, #sp-2 .post-meta, #sp-6 .post-meta, #sp-8 .post-meta, #sp-9 .post-meta {
  color: #999;
  font-size: 12px;
}

#sp-3 .post-info, #sp-2 .post-info, #sp-6 .post-info, #sp-8 .post-info, #sp-9 .post-info {
  text-align: center;
  padding: 0;
  margin: 10px 0 0 0;
}

#sp-3 .med-post, #sp-2 .med-post, #sp-6 .med-post, #sp-8 .med-post, #sp-9 .med-post {
  width: 225px;
  padding: 12px 10px;
  background-color: rgba(0,0,0,0.5);
  border-radius: 12px;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

#sp-3 .rating, #sp-2 .rating, #sp-6 .rating, #sp-8 .rating, #sp-9 .rating {
  font-size: 10px;
  color: #609191;
}

#sp-3 .post-info > h2, #sp-6 .post-info > h2, #sp-2 .post-info > h2, #sp-8 .post-info > h2, #sp-9 .post-info > h2 {
  font-size: 15px;
  color: #eee;
  margin: 0px;
}