/* Background Image */
.section-background1 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.section-background1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../../../images/background-keunggulan.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
   opacity:0.07;
}

.same-size {
  width: 100%;
  /* Menyesuaikan lebar kontainer */
  height: 300px;
  /* Sesuaikan tinggi */
  object-fit: cover;
  /* Memastikan gambar tidak terdistorsi */
  object-position: center;
  /* Memusatkan gambar jika ada pemotongan */
}

/* Untuk layar lebih kecil (opsional) */
@media (max-width: 768px) {
  .same-size {
    height: 200px;
    /* Sesuaikan tinggi untuk layar kecil */
  }
}

.product-image-slider .swiper-slide img {
  width: 100%; /* Menjaga lebar gambar mengikuti lebar kontainer */
  height: 400px; /* Atur tinggi yang sama untuk semua gambar */
  object-fit: cover; /* Memastikan gambar tidak terdistorsi dan di-crop jika perlu */
}

.product-image-thumb .swiper-slide img {
  width: 100%; /* Menjaga lebar gambar mengikuti lebar kontainer */
  height: 80px; /* Atur tinggi yang sama untuk semua thumbnail */
  object-fit: cover; /* Memastikan gambar tidak terdistorsi dan di-crop jika perlu */
}

/* Welcome Text */
.custom-border {
  position: relative;
  margin-bottom: 20px;
  /* Tambah jarak antara kontainer dan elemen lainnya */
}

.custom-border::before {
  content: '';
  position: absolute;
  bottom: -10px;
  /* Jarak dari bawah */
  left: -10px;
  /* Jarak dari kiri */
  width: calc(100% + 10px);
  /* Menambah lebar agar border sesuai kontainer */
  height: calc(100% + 10px);
  /* Menambah tinggi agar border sesuai kontainer */
  border-left: 5px solid #333;
  /* Border kiri */
  border-bottom: 5px solid #333;
  /* Border bawah */
  border-radius: 8px;
  /* Mengikuti radius border gambar */
}


/* CKE Editor*/
.description-list a{
  color: var(--main-color); 
}
.description-list ul li{
  list-style:initial;
}

/* Artikel */
.truncate-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Background Image */
.background-tentang {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.background-tentang::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../../../images/lain-lain/bg-blue.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
  opacity:0.2;
}

.background-produk {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.background-produk::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../../../images/lain-lain/bg-white.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
  /* opacity:0.07; */
}