body {
  margin: 0;
  font-family: "Inter", system-ui, Segoe UI, Roboto, Helvetica, Arial,
    sans-serif;
}
.hero-bg {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.35),
      rgba(0, 0, 0, 0.35)
    ),
    url("https://biz.mykiara.id/storage/images/cover/3X3K8FHjnLKlk6eqsRvwTzw5AYGfmnicxIFAATv4.jpg");
  background-size: cover;
  background-position: center;
}
.cta-bg {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.55),
      rgba(0, 0, 0, 0.4)
    ),
    url("https://images.unsplash.com/photo-1556817411-31ae72fa3ea0?q=80&w=2000&auto=format&fit=crop");
  background-size: cover;
  background-position: center;
}

.article-description {
  word-wrap: break-word;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card.hidden-card {
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.car-track {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.car-track.owl-loaded {
  opacity: 1;
}
.carousel-viewport {
  visibility: hidden;
  position: relative;
  height: 0;
}
.carousel-viewport.ready {
  visibility: visible;
  height: auto;
}