/* === SCROLL KHUSUS TANPA MENYENTUH PARENT === */
.tautan-box {
    max-height: 260px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    /* TRIK AGAR TIDAK TERPENGARUH PARENT */
    position: relative !important;
    display: block !important;

    /* Pisahkan layer scroll dari parent */
    isolation: isolate !important;
    contain: content !important;
}

/* Rapikan list */
.tautan-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.tautan-list li {
    padding: 6px 0 !important;
    border-bottom: 1px dotted #dcdcdc !important;
}
body.home .tautan-box {
    margin-left: 15px !important;
}

body.page- AreaBidan .tautan-box {
    margin-left: 0px !important;  /* atau sesuai yang terlihat bagus */
}
/* Samakan jarak kiri TAUTAN di semua halaman */
.tautan-box,
.tautan-box ul,
.tautan-box li,
.tautan-list {
    padding-left: 12px !important;
}

.mitra-container {
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}

.mitra-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
}

/* SLIDER WRAPPER */
.mitra-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* TRACK WAJIB PUNYA LEBAR 200% SUPAYA BISA GERAK */
.mitra-track {
    display: flex;
    width: 200%;
    animation: slide-mitra 20s linear infinite;
}

/* ITEM */
.mitra-item {
    flex: 0 0 auto;
    width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
}

.mitra-item img {
    width: 140px;
    height: auto;
    object-fit: contain;
    transition: transform .3s;
}

.mitra-item img:hover {
    transform: scale(1.1);
}

/* ANIMASI FIX */
@keyframes slide-mitra {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
/* ================================
   MITRA KERJA SLIDER  — FIXED
   ================================ */

.mitra-container {
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}

.mitra-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
}

/* WRAPPER (dipakai JS) */
.mitra-slider-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* SLIDER AREA */
.mitra-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* TRACK */
.mitra-track {
    display: flex;
    width: max-content; /* otomatis sepanjang isi */
    transition: transform 0.2s linear;
}

/* ITEM */
.mitra-item {
    flex: 0 0 auto;
    width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
}

.mitra-item img {
    width: 140px;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.mitra-item img:hover {
    transform: scale(1.1);
}