.elementor-1951 .elementor-element.elementor-element-5e39e5b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-1951 .elementor-element.elementor-element-a248a17{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1951 .elementor-element.elementor-element-a95c0ee{--display:flex;--min-height:524px;--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:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1951 .elementor-element.elementor-element-1e3b562{width:100%;max-width:100%;}.elementor-1951 .elementor-element.elementor-element-7eeff402{--display:flex;}.elementor-1951 .elementor-element.elementor-element-7eeff402.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1951 .elementor-element.elementor-element-2e5f9d14{--display:flex;--min-height:524px;--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:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1951 .elementor-element.elementor-element-e758ce8{width:100%;max-width:100%;}@media(min-width:768px){.elementor-1951 .elementor-element.elementor-element-5e39e5b{--content-width:100%;}.elementor-1951 .elementor-element.elementor-element-7eeff402{--width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-1e3b562 *//* --- EXECUTIVE PROFILES --- */
.exec-profile-card {
    display: flex;
    gap: 40px;
    margin-bottom: 20px;
    align-items: flex-start;
}

.profile-divider {
    border: 0;
    height: 1px;
    background: #e8eaed;
    margin: 40px 0 !important;
    border-top: 1px solid #dadce0;
}

/* Sidebar (Photo & Quick Stats) */
.exec-sidebar {
    flex: 0 0 260px; /* Fixed width for the left column */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #f8f9fa;
    padding: 30px 20px;
    border-radius: 12px;
    border: 1px solid #e8eaed;
}

.exec-img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 20% !important;
    margin-bottom: 15px;
    border: 4px solid #ffffff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    background-color: #e8eaed;
}

.exec-name {
    font-size: 18px;
    font-weight: 700;
    color: #202124;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.exec-title-badge {
    background-color: #164b7e; /* Primary Brand Color */
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 20px;
}

/* Stats Table-like layout */
.exec-stats {
    width: 100%;
    border-top: 1px solid #dadce0;
    padding-top: 15px;
}

.stat-row {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    margin-bottom: 8px;
}

.stat-label {
    color: #5f6368;
    font-weight: 500;
}

.stat-value {
    color: #202124;
    font-weight: 700;
}

/* Details Section (Right Side) */
.exec-details {
    flex: 1;
}

.detail-section {
    margin-bottom: 25px;
}

.detail-heading {
    font-size: 16px;
    color: #164b7e;
    font-weight: 700;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-text {
    font-size: 15px;
    color: #3c4043;
    line-height: 1.6;
    margin: 0;
}

/* Clean Lists for Education & Experience */
.clean-list, .timeline-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clean-list li {
    font-size: 15px ;
    color: #3c4043;
    line-height: 1.5;
    margin-bottom: 12px;
    padding-left: 15px;
    position: relative;
    border: none;
}

.clean-list li::before {
    content: "";
    color: #164b7e;
    font-size: 20px;
    position: absolute;
    left: 0px;
    top: 4px;
    bottom: 4px;
    width: 3px;
    border-radius: 4px;
    background-color: #164b7e
}

/* Timeline specific styling for Riwayat Pekerjaan */
.timeline-list li {
    font-size: 15px;
    color: #202124;
    line-height: 1.5;
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
    border: none;
    border-left: 2px solid #e8eaed;
    background: transparent;
}

.timeline-list li::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 5px;
    width: 10px;
    height: 10px;
    background: #164b7e;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #ffffff
}

.timeline-list li span {
    display: block;
    font-size: 13px;
    color: #5f6368;
    margin-top: 2px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .exec-profile-card {
        flex-direction: column;
        gap: 20px;
    }
    
    .exec-sidebar {
        flex: auto;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a248a17 */.elementor-1951 .elementor-element.elementor-element-a248a17{
    margin-top: 50px;
    max-width: 1200px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e758ce8 *//* --- Kaggle-inspired Base Styles --- */
    .kaggle-wrapper {
        font-family: 'Inter', 'Roboto', 'Segoe UI', sans-serif;
        color: #3c4043;
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .kaggle-card {
        background-color: #ffffff;
        border: 1px solid #dadce0;
        border-radius: 16px;
        padding: 40px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.02);
        width: 100%;
        overflow: hidden; 
    }

    .kaggle-title {
        font-size: 24px;
        font-weight: 700;
        color: #202124;
        margin-top: 0;
        margin-bottom: 10px;
        padding-bottom: 15px;
        border-bottom: 1px solid #f1f3f4;
        display: flex;
        align-items: center;
    }

    .kaggle-title::before {
        content: '';
        display: inline-block;
        min-width: 6px;
        height: 28px;
        background-color: #164b7e;
        margin-right: 16px;
        border-radius: 4px;
    }

    .kaggle-subtitle {
        font-size: 14px;
        color: #5f6368;
        margin-bottom: 30px;
    }

    /* --- ORG CHART SCROLL CONTAINER --- */
    .org-chart-container {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 20px; 
    }

    .org-chart-container::-webkit-scrollbar { height: 8px; }
    .org-chart-container::-webkit-scrollbar-track { background: #f1f3f4; border-radius: 4px; }
    .org-chart-container::-webkit-scrollbar-thumb { background: #c5c7c9; border-radius: 4px; }
    .org-chart-container::-webkit-scrollbar-thumb:hover { background: #20beff; }

    /* --- CUSTOM ORG LAYOUT --- */
    .custom-org-chart {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: max-content; /* Prevents squishing on mobile */
    }

    /* Main vertical connecting lines */
    .v-line {
        width: 2px;
        height: 40px;
        background-color: #bdc1c6;
    }

    /* The middle trunk that holds the side branch */
    .staff-trunk {
        width: 2px;
        height: 220px; /* Space for the Kasubag node height */
        background-color: #bdc1c6;
        position: relative;
    }

    /* The side branch going right */
    .staff-branch {
        position: absolute;
        top: 50%;
        left: 2px; /* Starts exactly where the trunk is */
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        z-index: 2;
        width: max-content;
    }

    .h-line {
        width: 40px; /* Length of line going to Kasubag */
        height: 2px;
        background-color: #bdc1c6;
    }

    /* --- BOTTOM 4 BRANCHES (UL/LI Tree) --- */
    .org-tree {
        display: flex;
        justify-content: center;
    }

    .org-tree ul {
        display: flex;
        padding: 0;
        margin: 0;
        list-style: none !important;
    }

    .org-tree li {
        padding: 30px 10px 0 10px; /* Space above node for drop line */
        position: relative;
        text-align: center;
        list-style: none !important;
    }

    /* Horizontal line across the top of the branches */
    .org-tree li::before, .org-tree li::after {
        content: '';
        position: absolute;
        top: 0;
        width: 50%;
        height: 30px;
        border-top: 2px solid #bdc1c6;
    }

    .org-tree li::before {
        right: 50%;
    }

    .org-tree li::after {
        left: 50%;
        border-left: 2px solid #bdc1c6; /* Vertical drop down to the box */
    }

    /* Clean up the outer edges to make rounded corners */
    .org-tree li:first-child::before {
        display: none;
    }
    .org-tree li:first-child::after {
        border-radius: 6px 0 0 0;
    }
    .org-tree li:last-child::after {
        display: none;
    }
    .org-tree li:last-child::before {
        border-right: 2px solid #bdc1c6;
        border-radius: 0 6px 0 0;
    }

    /* --- THE BOXES (NODES) --- */
    .org-node {
        background: #ffffff;
        border: 1px solid #dadce0;
        padding: 16px 20px;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        transition: all 0.3s ease;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        min-width: 170px;
        border-top: 4px solid #dadce0; 
    }

    .org-node:hover {
        box-shadow: 0 6px 12px rgba(0,0,0,0.1);
        transform: translateY(-3px);
    }

    /* Node Text Styling */
    .node-title {
        font-size: 12px;
        font-weight: 700;
        color: #5f6368;
        letter-spacing: 0.5px;
        margin-bottom: 6px;
    }

    .node-name {
        font-size: 15px;
        font-weight: 600;
        color: #202124;
    }
    
    .node-nip {
        font-size: 12px;
        font-weight: 700;
        color: #5f6368;
        letter-spacing: 0.5px;
        margin-top: 6px;
    }

    /* --- VISUAL HIERARCHY COLORS --- */
    .level-1 {
        border-top: 4px solid #1a73e8; /* Dark Blue for Kepala */
        background-color: #f8fbff;
    }
    .level-2 {
        border-top: 4px solid #20beff; /* Kaggle Blue for Kasubag */
        background-color: #f2fcff;
    }
    .level-3 {
        border-top: 4px solid #34a853; /* Green for Staff */
    }
    
    /* --- MODERN AVATAR IMAGE STYLING --- */
    .node-img {
        width: 96px !important;        /* Much larger presence */
        height: 96px !important;       /* Perfect square base */
        object-fit: cover !important;  /* Crops the photo beautifully */
        border-radius: 50% !important; /* Turns the box into a perfect circle */
        margin-bottom: 15px !important;/* Connects it visually to the text */
        border: 3px solid #ffffff !important; /* Crisp white border */
        box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; /* Soft 3D floating effect */
        background-color: #f1f3f4 !important;
    }

    @media (max-width: 768px) {
        .kaggle-card { padding: 24px; }
        .org-node { min-width: 140px; padding: 12px 16px; }
        .node-name { font-size: 14px; }
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7eeff402 */.elementor-1951 .elementor-element.elementor-element-7eeff402{
    margin-top: 0px;
    max-width: 1200px;
}/* End custom CSS */