.elementor-849 .elementor-element.elementor-element-1d00a77{--display:flex;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-b7de585 *//* =========================================================
   TABEL KERJA SAMA
   PROGRAM STUDI TEKNIK LINGKUNGAN
   ========================================================= */

.tl-kerjasama {
    --tl-primary: #075985;
    --tl-primary-dark: #064e6f;
    --tl-light: #f4f8fb;
    --tl-border: #dce6ec;
    --tl-text: #263238;
    --tl-muted: #64748b;
    --tl-badge: #e8f3f8;

    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================================
   HEADER
   ========================================================= */

.tl-header {
    display: flex;
    align-items: center;
    gap: 16px;

    margin-bottom: 20px;
    padding: 20px 24px;

    background: linear-gradient(
        135deg,
        var(--tl-primary),
        var(--tl-primary-dark)
    );

    border-radius: 14px;

    color: white;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, .08);
}


.tl-header-icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,.14);

    border-radius: 12px;

    font-size: 24px;
}


.tl-header h2 {
    margin: 0 0 4px;

    color: white;

    font-size: 24px;
    font-weight: 800;
}


.tl-header p {
    margin: 0;

    color: rgba(255,255,255,.85);

    font-size: 14px;
}


/* =========================================================
   TABLE WRAPPER
   ========================================================= */

.tl-table-wrapper {
    width: 100%;

    overflow-x: auto;

    border: 1px solid var(--tl-border);

    border-radius: 12px;

    background: white;

    box-shadow:
        0 5px 20px rgba(15, 23, 42, .06);

    -webkit-overflow-scrolling: touch;
}


/* =========================================================
   TABLE
   ========================================================= */

.tl-table {
    width: 100%;
    min-width: 1100px;

    border-collapse: separate;
    border-spacing: 0;

    color: var(--tl-text);

    font-size: 14px;
}


/* =========================================================
   HEADER TABLE
   ========================================================= */

.tl-table thead th {
    padding: 15px 14px;

    background: var(--tl-primary);

    color: white;

    font-size: 13px;
    font-weight: 700;

    text-align: left;

    vertical-align: middle;

    border: none;
}


.tl-table thead th:first-child {
    border-radius: 11px 0 0 0;
}


.tl-table thead th:last-child {
    border-radius: 0 11px 0 0;
}


/* =========================================================
   KOLOM
   ========================================================= */

.tl-table .tl-no {
    width: 55px;
    min-width: 55px;

    text-align: center;
}


.tl-table .tl-mitra {
    width: 220px;
    min-width: 220px;
}


.tl-table .tl-kegiatan {
    width: 190px;
    min-width: 190px;
}


.tl-table .tl-manfaat {
    width: 420px;
    min-width: 420px;
}


.tl-table .tl-tanggal {
    width: 115px;
    min-width: 115px;

    text-align: center;
}


/* =========================================================
   BODY
   ========================================================= */

.tl-table tbody td {
    padding: 16px 14px;

    border-bottom: 1px solid var(--tl-border);

    vertical-align: top;

    line-height: 1.6;
}


.tl-table tbody tr:nth-child(even) {
    background: #f8fafc;
}


.tl-table tbody tr {
    transition:
        background .2s ease,
        transform .2s ease;
}


.tl-table tbody tr:hover {
    background: #eef7fb;
}


/* =========================================================
   NOMOR
   ========================================================= */

.tl-table .tl-no {
    color: var(--tl-primary);

    font-weight: 800;

    font-size: 13px;
}


/* =========================================================
   NAMA MITRA
   ========================================================= */

.tl-table td strong {
    display: block;

    color: #1e293b;

    font-size: 14px;

    line-height: 1.45;
}


/* =========================================================
   BADGE KEGIATAN
   ========================================================= */

.tl-badge {
    display: inline-block;

    padding: 6px 10px;

    background: var(--tl-badge);

    color: var(--tl-primary);

    border-radius: 6px;

    font-size: 12px;

    font-weight: 700;

    line-height: 1.35;
}


/* =========================================================
   TANGGAL
   ========================================================= */

.tl-table td:nth-last-child(-n+2) {
    white-space: nowrap;

    color: #475569;

    font-size: 13px;

    font-weight: 600;
}


/* =========================================================
   BARIS TERAKHIR
   ========================================================= */

.tl-table tbody tr:last-child td {
    border-bottom: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .tl-header {
        padding: 16px;

        border-radius: 10px;
    }


    .tl-header-icon {
        width: 42px;
        height: 42px;

        flex-shrink: 0;
    }


    .tl-header h2 {
        font-size: 19px;
    }


    .tl-header p {
        font-size: 12px;
    }


    .tl-table {
        min-width: 1050px;
    }

}/* End custom CSS */