.elementor-23730 .elementor-element.elementor-element-3204290{--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;--justify-content:center;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-23730 .elementor-element.elementor-element-3204290:not(.elementor-motion-effects-element-type-background), .elementor-23730 .elementor-element.elementor-element-3204290 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000050;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-23730 .elementor-element.elementor-element-45d53ce{text-align:center;}.elementor-23730 .elementor-element.elementor-element-45d53ce .elementor-heading-title{color:#FFFFFF;}.elementor-23730 .elementor-element.elementor-element-238514f{--display:flex;}.elementor-23730 .elementor-element.elementor-element-8410628{--spacer-size:20px;}.elementor-23730 .elementor-element.elementor-element-e0a3eb2{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23730 .elementor-element.elementor-element-d8bc754.elementor-element{--align-self:flex-start;}.elementor-23730 .elementor-element.elementor-element-d8bc754 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:300;color:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-ecacb47.elementor-element{--align-self:flex-start;}.elementor-23730 .elementor-element.elementor-element-ecacb47 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:500;color:var( --e-global-color-accent );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-23730 .elementor-element.elementor-element-224f410{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:5px;}.elementor-23730 .elementor-element.elementor-element-224f410 .elementor-divider-separator{width:15%;}.elementor-23730 .elementor-element.elementor-element-224f410 .elementor-divider{padding-block-start:20px;padding-block-end:20px;}.elementor-23730 .elementor-element.elementor-element-911ee1b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23730 .elementor-element.elementor-element-7af0635{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.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-23730 .elementor-element.elementor-element-d4e1546 img{width:100%;height:400px;object-fit:contain;object-position:center center;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);}.elementor-23730 .elementor-element.elementor-element-707f030{--display:flex;}.elementor-23730 .elementor-element.elementor-element-8503a59 .elementor-heading-title{color:#000050;}.elementor-23730 .elementor-element.elementor-element-9c370a0 .elementor-heading-title{color:#7A7A7A;}.elementor-23730 .elementor-element.elementor-element-ffd8a21 .elementor-heading-title{color:#7A7A7A;}.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-23730 .elementor-element.elementor-element-0699fd5{text-align:justify;color:#7A7A7A;}.elementor-23730 .elementor-element.elementor-element-c39cdcd{--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:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-23730 .elementor-element.elementor-element-b349b05 .elementor-icon-wrapper{text-align:start;}.elementor-23730 .elementor-element.elementor-element-b349b05.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-b349b05.elementor-view-framed .elementor-icon, .elementor-23730 .elementor-element.elementor-element-b349b05.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-b349b05.elementor-view-framed .elementor-icon, .elementor-23730 .elementor-element.elementor-element-b349b05.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-b349b05 .elementor-icon{font-size:25px;}.elementor-23730 .elementor-element.elementor-element-b349b05 .elementor-icon svg{height:25px;}.elementor-23730 .elementor-element.elementor-element-ae7e2b9 .elementor-icon-wrapper{text-align:center;}.elementor-23730 .elementor-element.elementor-element-ae7e2b9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-ae7e2b9.elementor-view-framed .elementor-icon, .elementor-23730 .elementor-element.elementor-element-ae7e2b9.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-ae7e2b9.elementor-view-framed .elementor-icon, .elementor-23730 .elementor-element.elementor-element-ae7e2b9.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-ae7e2b9 .elementor-icon{font-size:25px;}.elementor-23730 .elementor-element.elementor-element-ae7e2b9 .elementor-icon svg{height:25px;}.elementor-23730 .elementor-element.elementor-element-9358a1a .elementor-icon-wrapper{text-align:center;}.elementor-23730 .elementor-element.elementor-element-9358a1a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-9358a1a.elementor-view-framed .elementor-icon, .elementor-23730 .elementor-element.elementor-element-9358a1a.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-9358a1a.elementor-view-framed .elementor-icon, .elementor-23730 .elementor-element.elementor-element-9358a1a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-9358a1a .elementor-icon{font-size:25px;}.elementor-23730 .elementor-element.elementor-element-9358a1a .elementor-icon svg{height:25px;}.elementor-23730 .elementor-element.elementor-element-7756972{width:var( --container-widget-width, 3.278% );max-width:3.278%;--container-widget-width:3.278%;--container-widget-flex-grow:0;}.elementor-23730 .elementor-element.elementor-element-7756972.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23730 .elementor-element.elementor-element-7756972 .elementor-icon-wrapper{text-align:center;}.elementor-23730 .elementor-element.elementor-element-7756972.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-7756972.elementor-view-framed .elementor-icon, .elementor-23730 .elementor-element.elementor-element-7756972.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-7756972.elementor-view-framed .elementor-icon, .elementor-23730 .elementor-element.elementor-element-7756972.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-7756972 .elementor-icon{font-size:25px;}.elementor-23730 .elementor-element.elementor-element-7756972 .elementor-icon svg{height:25px;}.elementor-23730 .elementor-element.elementor-element-1cc46f5{--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:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-23730 .elementor-element.elementor-element-040556a .elementor-icon-wrapper{text-align:start;}.elementor-23730 .elementor-element.elementor-element-040556a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-040556a.elementor-view-framed .elementor-icon, .elementor-23730 .elementor-element.elementor-element-040556a.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-040556a.elementor-view-framed .elementor-icon, .elementor-23730 .elementor-element.elementor-element-040556a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-040556a .elementor-icon{font-size:48px;}.elementor-23730 .elementor-element.elementor-element-040556a .elementor-icon svg{height:48px;}.elementor-23730 .elementor-element.elementor-element-f19ad54{width:var( --container-widget-width, 3.278% );max-width:3.278%;--container-widget-width:3.278%;--container-widget-flex-grow:0;}.elementor-23730 .elementor-element.elementor-element-f19ad54.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23730 .elementor-element.elementor-element-f19ad54 .elementor-icon-wrapper{text-align:center;}.elementor-23730 .elementor-element.elementor-element-f19ad54.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-f19ad54.elementor-view-framed .elementor-icon, .elementor-23730 .elementor-element.elementor-element-f19ad54.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-f19ad54.elementor-view-framed .elementor-icon, .elementor-23730 .elementor-element.elementor-element-f19ad54.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-23730 .elementor-element.elementor-element-f19ad54 .elementor-icon{font-size:25px;}.elementor-23730 .elementor-element.elementor-element-f19ad54 .elementor-icon svg{height:25px;}.elementor-23730 .elementor-element.elementor-element-574bf79{--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;}.elementor-23730 .elementor-element.elementor-element-a16ec0b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000050;}.elementor-23730 .elementor-element.elementor-element-2aa2cf1{--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;}.elementor-23730 .elementor-element.elementor-element-2ec5856 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000050;}.elementor-23730 .elementor-element.elementor-element-84044fe{--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;}.elementor-23730 .elementor-element.elementor-element-fbd7348 .elementor-heading-title{color:#000050;}@media(min-width:768px){.elementor-23730 .elementor-element.elementor-element-7af0635{--width:32%;}.elementor-23730 .elementor-element.elementor-element-707f030{--width:50%;}}@media(max-width:1024px){.elementor-23730 .elementor-element.elementor-element-7af0635{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-23730 .elementor-element.elementor-element-7af0635{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23730 .elementor-element.elementor-element-8503a59 > .elementor-widget-container{padding:40px 0px 0px 0px;}.elementor-23730 .elementor-element.elementor-element-c39cdcd{--justify-content:center;}.elementor-23730 .elementor-element.elementor-element-1cc46f5{--justify-content:center;}}/* Start custom CSS *//* --- HEADER PROFIL --- */
.profile-header {
    display: flex;
    gap: 30px;
    background: #ffffff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,80,0.05);
    margin-bottom: 30px;
    border-top: 5px solid #000050;
}
.profile-photo {
    flex-shrink: 0; 
    width: 100%; /* Ubah menjadi 100% agar mengikuti lebar kolom Elementor */
    max-width: 280px; /* Batas maksimal lebar foto */
    height: 350px; /* Tinggi foto */
    border-radius: 12px; 
    object-fit: cover; /* Ini wajib agar tidak gepeng */
    border: 1px solid #e2e8f0;
}

.profile-bio h1 { color: #000050; margin: 0 0 5px 0; font-size: 26px; font-weight: 700; }
.profile-bio h4 { color: #666666; margin: 0 0 15px 0; font-weight: 500; font-size: 15px; }
.profile-bio p { font-size: 14px; color: #666666; text-align: justify; }

/* --- KARTU DETAIL (PENDIDIKAN, KEAHLIAN, PUBLIKASI) --- */
.info-card {
    background: #ffffff; border-radius: 12px; padding: 30px;
    margin-bottom: 25px; box-shadow: 0 4px 15px rgba(0,0,80,0.03);
    border: 1px solid #e2e8f0;
}
.info-card h3 {
    color: #000050; font-size: 20px; margin-top: 0; margin-bottom: 20px;
    padding-bottom: 15px; border-bottom: 1px solid #e2e8f0;
    display: flex; align-items: center;
}
.info-card h3::before {
    content: ''; display: inline-block; width: 4px; height: 20px;
    background-color: #ffc107; margin-right: 12px; border-radius: 2px;
}

/* --- TIMELINE PENDIDIKAN --- */
.edu-item { position: relative; padding-left: 20px; margin-bottom: 15px; border-left: 2px solid #ffc107; }
.edu-item:last-child { margin-bottom: 0; }
.edu-item strong { color: #000050; }

/* --- TAGS KEAHLIAN --- */
.tags-wrapper { display: flex; flex-wrap: wrap; gap: 10px; }
.tag {
    background: #f0f4f8; color: #000050; padding: 6px 18px;
    border-radius: 50px; font-size: 14px; font-weight: 600;
    border: 1px solid #dce4ec; transition: 0.3s;
}
.tag:hover { background: #000050; color: #ffc107; }

/* --- LIST PUBLIKASI --- */
.pub-list { list-style: none; padding: 0; margin: 0; }
.pub-item { display: flex; align-items: flex-start; padding: 15px 0; border-bottom: 1px dashed #e2e8f0; }
.pub-item:last-child { border-bottom: none; padding-bottom: 0; }
.pub-index {
    background: #000050; color: #ffc107; min-width: 32px; height: 32px;
    border-radius: 8px; display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 13px; margin-right: 15px; flex-shrink: 0;
}
.pub-title { display: block; font-size: 15px; color: #333333; font-weight: 500; margin-bottom: 8px; }
.pub-action {
    display: inline-flex; align-items: center; gap: 6px;
    color: #000050; text-decoration: none; font-size: 13px; font-weight: 600;
}
.pub-action:hover { color: #ffc107; }
.pub-action svg { width: 14px; height: 14px; }

/* RESPONSIVE */
@media (max-width: 768px) {
    .profile-header { flex-direction: column; text-align: center; align-items: center; }
    .info-card { padding: 20px; }
    .pub-item { flex-direction: column; }
    .pub-index { margin-bottom: 10px; }
}/* End custom CSS */