/* Tampilan default untuk desktop */


  .card {
    position: relative;
    z-index: 1;
    border: none;
    box-shadow: none;
  }


/* Tampilan untuk perangkat mobile dengan lebar maksimum 767px */
@media (max-width: 767px) {
    .col-7,
    .col-5 {
         width: 100%;
        margin-bottom: 20px;
    }
    .col-3 {
        width: 50%;
        margin-bottom: 20px;
    }
    .carousel-inner img {
        width: 100%;
        height: auto;
    }
    .card-content {
        padding: 10px;
    }
    .gambarBerita {
        width: 330px;
    }
    .content {
        font-size: 10px;
    }
    .btn {
        padding: 0.25rem 0.9rem;
    }
}
.title span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Biar content ngikutin lebar card */
.card .content {
    flex: 1;
    min-width: 0; /* WAJIB supaya ellipsis bisa jalan di flex */
}

/* Biar judul ga keluar card */
.title span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gambarBerita {
    width: 100%;
    height: 165px;
    object-fit: cover;
    display: block;
}