.elementor-23599 .elementor-element.elementor-element-520841c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 32px;--row-gap:0px;--column-gap:32px;--margin-top:32px;--margin-bottom:32px;--margin-left:0px;--margin-right:0px;}.elementor-23599 .elementor-element.elementor-element-220bc41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;box-shadow:0px 4px 6px 0px rgba(0,0,0,0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23599 .elementor-element.elementor-element-220bc41:not(.elementor-motion-effects-element-type-background), .elementor-23599 .elementor-element.elementor-element-220bc41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-23599 .elementor-element.elementor-element-7bfa5e7{font-family:"Roboto", Sans-serif;font-weight:400;color:#333333;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-23599 .elementor-element.elementor-element-74167c8{--display:flex;}.elementor-23599 .elementor-element.elementor-element-ef81826{--display:flex;}.elementor-23599 .elementor-element.elementor-element-2904181{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:20px 20px 20px 20px;--n-tabs-title-color:#666666;}.elementor-23599 .elementor-element.elementor-element-2904181.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-23599 .elementor-element.elementor-element-2904181.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-23599 .elementor-element.elementor-element-262eaad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E0E0E0;--border-color:#E0E0E0;--border-radius:10px 10px 10px 10px;box-shadow:0px 4px 6px 0px rgba(0,0,0,0.5);--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-23599 .elementor-element.elementor-element-262eaad:not(.elementor-motion-effects-element-type-background), .elementor-23599 .elementor-element.elementor-element-262eaad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-23599 .elementor-element.elementor-element-262eaad.e-con{--align-self:flex-start;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-23599 .elementor-element.elementor-element-c046f08 img{border-radius:8px 8px 8px 8px;}@media(min-width:768px){.elementor-23599 .elementor-element.elementor-element-220bc41{--width:70%;}.elementor-23599 .elementor-element.elementor-element-262eaad{--width:33.3%;}}@media(max-width:767px){.elementor-23599 .elementor-element.elementor-element-520841c{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS *//* =======================================================
   1. TIMELINE MODERN (Riwayat Pendidikan/Karir)
   ======================================================= */
.pu-dosen-tabs .custom-timeline {
    border-left: 3px solid #E2E8F0 !important;
    padding-left: 30px !important;
    margin-left: 15px !important;
    margin-top: 20px !important;
}
.pu-dosen-tabs .timeline-item {
    position: relative !important;
    margin-bottom: 40px !important;
    transition: all 0.3s ease !important;
}
.pu-dosen-tabs .timeline-item:hover {
    transform: translateX(5px) !important; 
}
.pu-dosen-tabs .timeline-item::before {
    content: '' !important;
    position: absolute !important;
    left: -40px !important; 
    top: 3px !important;
    width: 16px !important; 
    height: 16px !important;
    background: #FFC107 !important; 
    border: 4px solid #213468 !important; 
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(33,52,104,0.3) !important;
    transition: all 0.3s ease !important;
}
.pu-dosen-tabs .timeline-item:hover::before {
    background: #FFFFFF !important;
    transform: scale(1.2) !important;
}
.pu-dosen-tabs .timeline-date {
    display: inline-block !important;
    background: #F8FAFC !important;
    color: #213468 !important; 
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    padding: 5px 15px !important;
    border-radius: 50px !important;
    margin-bottom: 12px !important;
    border: 1px solid #E2E8F0 !important;
}
.pu-dosen-tabs .timeline-item h4 {
    font-size: 1.15rem !important;
    margin: 0 0 8px 0 !important;
    color: #1E293B !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
}

/* =======================================================
   2. TABEL ELEGAN (HEADER KEMBALI SEPERTI SEMULA)
   ======================================================= */
.pu-dosen-tabs .custom-table-wrap {
    overflow-x: auto !important;
    margin-bottom: 25px !important;
    border-radius: 12px !important; 
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; 
}
.pu-dosen-tabs table {
    width: 100% !important;
    min-width: 650px !important; 
    border-collapse: collapse !important;
    font-size: 0.95rem !important;
    font-family: 'Inter', sans-serif !important;
}
.pu-dosen-tabs th, .pu-dosen-tabs td {
    padding: 16px 20px !important;
    text-align: left !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

/* Header Tabel Dikembalikan (Tanpa Warna Blok) */
.pu-dosen-tabs th {
    background-color: #F8FAFC !important; /* Warna abu-abu sangat memudar (hampir transparan) */
    color: #1E293B !important; /* Warna teks gelap seperti semula */
    font-weight: 700 !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
    border-bottom: 2px solid #CBD5E1 !important; /* Garis bawah sedikit ditebalkan sebagai pembatas */
}
.pu-dosen-tabs tr:nth-child(even) {
    background-color: #FAFAFA !important;
}
.pu-dosen-tabs tr {
    transition: all 0.2s ease !important;
}
.pu-dosen-tabs tr:hover td {
    background-color: #EEF2FF !important; 
}

/* =======================================================
   3. WADAH TOMBOL TABS (DESAIN BARU LEBIH MODERN & RAPI)
   ======================================================= */
.pu-dosen-tabs .elementor-tabs-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-content: center !important; /* Rata tengah di PC */
    margin-bottom: 20px !important;
}
.pu-dosen-tabs .elementor-tab-title {
    background-color: #FFFFFF !important;
    color: #64748B !important;
    border-radius: 12px !important; /* Diubah dari Kapsul 50px menjadi Kotak Melengkung Elegan */
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    font-family: 'Inter', sans-serif !important;
    white-space: nowrap !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Efek Hover Tab Baru */
.pu-dosen-tabs .elementor-tab-title:hover {
    background-color: #F8FAFC !important;
    color: #213468 !important;
    border-color: #CBD5E1 !important;
    transform: translateY(-3px) !important; /* Efek melayang */
    box-shadow: 0 6px 15px rgba(0,0,0,0.06) !important;
}

/* Tab yang Aktif */
.pu-dosen-tabs .elementor-tab-title.elementor-active {
    background-color: #213468 !important;
    color: #FFFFFF !important;
    border-color: #213468 !important;
    box-shadow: 0 8px 20px rgba(33,52,104,0.25) !important;
    transform: translateY(-3px) !important;
}

/* Responsive Mobile (HP) untuk Tabs */
@media (max-width: 768px) {
    .pu-dosen-tabs .elementor-tabs-wrapper {
        flex-wrap: nowrap !important; /* Paksa 1 baris di HP */
        overflow-x: auto !important; /* Bisa di-scroll menyamping */
        justify-content: flex-start !important;
        padding-bottom: 15px !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .pu-dosen-tabs .elementor-tabs-wrapper::-webkit-scrollbar {
        display: none; /* Sembunyikan scrollbar jelek di HP */
    }
}

/* =======================================================
   4. AREA KONTEN TAB (Isi di Bawah Tombol)
   ======================================================= */
.pu-dosen-tabs .elementor-tabs-content-wrapper {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 35px !important; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
}

@media (max-width: 768px) {
    .pu-dosen-tabs .elementor-tabs-content-wrapper {
        padding: 20px 15px !important; 
    }
}/* End custom CSS */