.hover1 {
    transition: 0.3s;
}

.hover1:hover {
    background-color: #f7f8f9;
    cursor: pointer;
    padding: 5px;
}

.accordion-item {
    background-color: transparent !important;
    border: 0px solid red !important;
}

.accordion-button {
    background-color: transparent !important;
    color: rgba(64, 64, 64, .6) !important;
    font-weight: 600;
    padding: 10px 0px !important;
    transition: 0.3s;
}

.accordion-button.active {
    color: #52c360 !important;
    font-size: 20px;
}

.accordion-button:hover {
    color: #52c360 !important;
    font-size: 20px;
}

.crm-todo-list li {
    padding: 5px;
}

.gambar-slider {
    width: 1000px;
    height: 665px;
    object-fit: cover;
}

.gambar-artikel {
    width: 316px;
    height: 225px;
    object-fit: cover;
}

.gambar-artikel {
  width: 316px;           /* ukuran container */
  height: 225px;
  overflow: hidden;       /* gambar tidak boleh keluar */
  position: relative;
}

.gambar-artikel img {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* cover dalam container */
  transition: transform 0.5s ease;
}

.gambar-artikel-arsip {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
}
.gambar-perangkat {
    width: 160px !important;
    height: 260px !important;
    object-fit: cover !important;
}

.carousel-control-prev,
.carousel-control-next {
  width: 50px;             /* bisa disesuaikan */
  height: 50px;
  background: rgba(255, 255, 255, 0.7); /* latar belakang agak transparan */
  border-radius: 50%;      /* biar bulat */
  box-shadow: 0 4px 8px rgba(255, 255, 255, 1); /* shadow */
  top: 50%;                /* posisi di tengah */
  transform: translateY(-50%);
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  color:white;
  background: #52C360;
  box-shadow: 0 6px 12px rgba(255, 255, 255, 1);
}

.blog-box h6,
.blog-box span {
  transition: color 0.3s ease; /* 0.3 detik, bisa diubah jadi 0.5s / 1s */
}

.blog-box:hover h6,
.blog-box:hover span {
    color:#52C360;
}

.blog-box img.gambar-artikel {
  transition: transform 0.5s ease; /* 0.5 detik, bisa diubah */
}

.blog-box:hover img.gambar-artikel {
  transform: scale(1.1);  /* zoom in 10% */
  border-radius: 10px;
}

.gambar-produk{
    width: 100%;
    height: 290px;
    object-fit: cover;
}
.gambar-produk-modal{
    width: 100%;
    height: 350px;
    object-fit: cover;
}