#blog-section {
  margin-bottom: 3rem;
}
#blog-section .blog-slider {
  position: relative;
  overflow: hidden; /* tambahkan overflow hidden di container */
  margin-top: 2rem;
}
#blog-section .blog-wrapper {
  overflow: hidden;
  cursor: grab; /* tambahkan cursor grab */
}
#blog-section .blog-wrapper:active {
  cursor: grabbing; /* cursor saat drag */
}
#blog-section .blog-track {
  display: flex;
  gap: 2rem;
  transition: transform 0.5s cubic-bezier(0.2, 0.9, 0.4, 1);
  will-change: transform;
}
#blog-section .blog-item {
  flex: 0 0 calc((100% - 4rem) / 3);
  -moz-user-select: none;
       user-select: none; /* prevent text selection saat drag */
  -webkit-user-select: none;
  pointer-events: auto; /* allow click on links inside */
}
#blog-section .blog-item .blog-image {
  height: 220px;
  border-radius: 20px;
  overflow: hidden;
}
#blog-section .blog-item .blog-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none; /* prevent drag on image */
}
#blog-section .blog-item h3,
#blog-section .blog-item p {
  pointer-events: none; /* prevent text selection drag */
  font-size: 16px;
  line-height: 22px;
}
#blog-section .blog-item h3 {
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  #blog-section .blog-item {
    flex: 0 0 100%;
  }
}/*# sourceMappingURL=blog-section.css.map */