.elementor-8603 .elementor-element.elementor-element-665f8362{--display:flex;--min-height:61vh;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-8603 .elementor-element.elementor-element-665f8362:not(.elementor-motion-effects-element-type-background), .elementor-8603 .elementor-element.elementor-element-665f8362 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://i0.wp.com/wpsandbox17.undip.ac.id/wp-content/uploads/2026/08/IMG_6130-min-scaled-1.webp?fit=1536%2C1024&ssl=1");background-position:center center;background-size:cover;}.elementor-8603 .elementor-element.elementor-element-151e85b0{--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 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8603 .elementor-element.elementor-element-7ddf7296{--display:flex;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-8603 .elementor-element.elementor-element-92bfd98 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8603 .elementor-element.elementor-element-92bfd98{text-align:start;}.elementor-8603 .elementor-element.elementor-element-92bfd98 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-8603 .elementor-element.elementor-element-6aa09bed{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8603 .elementor-element.elementor-element-33a9061e{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-8603 .elementor-element.elementor-element-33a9061e:not(.elementor-motion-effects-element-type-background), .elementor-8603 .elementor-element.elementor-element-33a9061e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB7D;}.elementor-8603 .elementor-element.elementor-element-12f085a2{--display:flex;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8603 .elementor-element.elementor-element-3586bcfa{--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 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 3px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:#0E0E0E;--border-color:#0E0E0E;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-8603 .elementor-element.elementor-element-483c8667 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 30px 0px;}.elementor-8603 .elementor-element.elementor-element-483c8667{text-align:start;}.elementor-8603 .elementor-element.elementor-element-483c8667 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );color:#0E0E0E;}.elementor-8603 .elementor-element.elementor-element-93f31de{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-8603 .elementor-element.elementor-element-1a943a2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-8603 .elementor-element.elementor-element-c4f10ef .elementor-button{background-color:#000352;}.elementor-8603 .elementor-element.elementor-element-c4f10ef > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8603 .elementor-element.elementor-element-ee1ff2a .elementor-button{background-color:#000352;}.elementor-8603 .elementor-element.elementor-element-5f91db78{--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:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-8603 .elementor-element.elementor-element-0b523a1{--display:flex;}.elementor-8603 .elementor-element.elementor-element-b123ea1 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-weight:600;color:#000352;}.elementor-8603 .elementor-element.elementor-element-7e4dc589{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-8603 .elementor-element.elementor-element-67e98e7 .elementor-button{background-color:#000352;}.elementor-8603 .elementor-element.elementor-element-67e98e7.elementor-element{--align-self:flex-start;}.elementor-8603 .elementor-element.elementor-element-0a04540{--spacer-size:25px;}.elementor-8603 .elementor-element.elementor-element-4c628f2 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-weight:600;color:#000352;}.elementor-8603 .elementor-element.elementor-element-6a457ec .elementor-button{background-color:#000352;fill:#FFFFFF;color:#FFFFFF;}.elementor-8603 .elementor-element.elementor-element-6a457ec.elementor-element{--align-self:center;}.elementor-8603 .elementor-element.elementor-element-506d6f3 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-weight:600;color:#000352;}@media(min-width:768px){.elementor-8603 .elementor-element.elementor-element-1a943a2{--width:46%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-8603 .elementor-element.elementor-element-483c8667 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-8603 .elementor-element.elementor-element-7e4dc589{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-8603 .elementor-element.elementor-element-665f8362{--min-height:400px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-8603 .elementor-element.elementor-element-7ddf7296{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-8603 .elementor-element.elementor-element-92bfd98{text-align:center;}.elementor-8603 .elementor-element.elementor-element-6aa09bed{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8603 .elementor-element.elementor-element-33a9061e{--padding-top:35px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;}.elementor-8603 .elementor-element.elementor-element-12f085a2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8603 .elementor-element.elementor-element-3586bcfa{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-8603 .elementor-element.elementor-element-483c8667 > .elementor-widget-container{padding:15px 0px 15px 0px;}.elementor-8603 .elementor-element.elementor-element-483c8667{text-align:center;}.elementor-8603 .elementor-element.elementor-element-483c8667 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-8603 .elementor-element.elementor-element-5f91db78{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-8603 .elementor-element.elementor-element-7e4dc589{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-90caa1f *//* =========================================
   TIMELINE
========================================= */

.mejic-timeline{

    position:relative;

}


/* vertical line */

.mejic-timeline::before{

    content:"";

    position:absolute;

    left:180px;

    top:0;

    bottom:0;

    width:2px;

    background:#DCE5F3;

}


/* =========================================
   DAY
========================================= */

.mejic-day{

    display:grid;

    grid-template-columns:150px 1fr;

    gap:60px;

    position:relative;

    margin-bottom:60px;

}


/* =========================================
   DATE
========================================= */

.mejic-date{

    text-align:right;

    position:relative;

    padding-top:5px;

}

.mejic-date strong{

    display:block;

    color:#000352;

    font-family:"Libre Baskerville", serif;

    font-size:30px;

    line-height:1;

}

.mejic-date span:not(.mejic-day-number){

    display:block;

    margin-top:5px;

    color:#777;

    font-size:14px;

    text-transform:uppercase;

    letter-spacing:1px;

}


/* day number circle */

.mejic-day-number{

    position:absolute;

    right:-77px;

    top:0;

    width:34px;

    height:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#000352;

    color:#fff;

    font-size:12px;

    font-weight:700;

    z-index:3;

}


/* =========================================
   EVENTS
========================================= */

.mejic-events{

    display:flex;

    flex-direction:column;

    gap:20px;

}


/* =========================================
   EVENT
========================================= */

.mejic-event{

    position:relative;

    display:grid;

    grid-template-columns:125px 20px 1fr;

    gap:20px;

    align-items:start;

}


/* =========================================
   TIME
========================================= */

.mejic-event-time{

    color:#123F94;

    font-size:14px;

    font-weight:700;

    padding-top:25px;

    text-align:right;

}


/* =========================================
   EVENT DOT
========================================= */

.mejic-event-dot{

    width:12px;

    height:12px;

    margin-top:29px;

    border-radius:50%;

    background:#123F94;

    border:3px solid #fff;

    box-shadow:0 0 0 2px #D8E2F3;

    z-index:2;

}


/* =========================================
   EVENT CARD
========================================= */

.mejic-event-content{

    background:#fff;

    border:1px solid #E5EAF2;

    border-radius:16px;

    padding:24px 26px;

    transition:.3s ease;

}

.mejic-event-content:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(0,0,0,.07);

    border-color:#D4DEEE;

}


/* =========================================
   EVENT TYPE
========================================= */

.mejic-event-type{

    display:inline-block;

    margin-bottom:10px;

    padding:5px 10px;

    border-radius:6px;

    background:#EEF4FF;

    color:#123F94;

    font-size:11px;

    font-weight:700;

    letter-spacing:.6px;

}


/* =========================================
   EVENT TITLE
========================================= */

.mejic-event-content h3{

    color:#000352;

    font-family:"Libre Baskerville", serif;

    font-size:20px;

    line-height:1.4;

    margin:0 0 9px;

}

.mejic-event-content p{

    color:#666;

    font-size:15px;

    line-height:1.75;

    margin:0;

}


/* =========================================
   NOTE
========================================= */

.mejic-schedule-note{

    max-width:800px;

    margin:30px auto 0;

    padding:20px 24px;

    background:#F8FAFD;

    border:1px solid #E5EAF2;

    border-radius:14px;

    text-align:center;

}

.mejic-schedule-note strong{

    display:block;

    color:#000352;

    margin-bottom:6px;

}

.mejic-schedule-note p{

    color:#777;

    font-size:14px;

    line-height:1.7;

    margin:0;

}


/* =========================
   EVENT ROLE
========================= */

.mejic-event-role {
    display: block;
    margin-top: 8px;

    font-size: 14px;
    font-weight: 600;

    color: #123F94;
}


/* =========================
   EVENT SPEAKER
========================= */

.mejic-event-speakers {
    margin-top: 10px;
}

.mejic-speaker {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
}

.mejic-speaker + .mejic-speaker {
    margin-top: 3px;
}


/* =========================================
   TABLET
========================================= */

@media(max-width:900px){

    .mejic-timeline::before{

        left:145px;

    }

    .mejic-day{

        grid-template-columns:120px 1fr;

        gap:45px;

    }

    .mejic-day-number{

        right:-62px;

    }

    .mejic-event{

        grid-template-columns:100px 16px 1fr;

        gap:15px;

    }

}


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

@media(max-width:700px){

    .mejic-schedule{

        padding:10px;

        margin:50px auto;

    }

    .mejic-schedule-header{

        margin-bottom:45px;

    }

    .mejic-schedule-header h2{

        font-size:30px;

    }

    .mejic-schedule-header p{

        font-size:15px;

    }


    /* remove desktop timeline */

    .mejic-timeline::before{

        display:none;

    }


    .mejic-day{

        display:block;

        margin-bottom:40px;

    }


    /* date becomes header */

    .mejic-date{

        text-align:left;

        display:flex;

        align-items:center;

        gap:12px;

        margin-bottom:20px;

        padding-left:5px;

    }

    .mejic-date strong{

        font-size:26px;

    }

    .mejic-date span:not(.mejic-day-number){

        margin-top:0;

    }


    .mejic-day-number{

        position:static;

        flex-shrink:0;

        width:34px;

        height:34px;

    }


    .mejic-event{

        grid-template-columns:85px 12px 1fr;

        gap:12px;

    }


    .mejic-event-time{

        font-size:12px;

        padding-top:22px;

    }


    .mejic-event-dot{

        width:9px;

        height:9px;

        margin-top:27px;

    }


    .mejic-event-content{

        padding:19px;

    }


    .mejic-event-content h3{

        font-size:17px;

    }

    .mejic-event-content p{

        font-size:14px;

    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5436eec *//* =========================================
   GRID
========================================= */

.mejic-speakers-grid{

    display:grid;

    grid-template-columns:repeat(3, 1fr);

    gap:28px;

}


/* =========================================
   CARD
========================================= */

.speaker-card{

    overflow:hidden;

    background:#fff;

    border:1px solid #E4EAF3;

    border-radius:18px;

    transition:.35s ease;

}

.speaker-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.09);

    border-color:#D3DEEF;

}


/* =========================================
   PHOTO
========================================= */

.speaker-photo{

    position:relative;

    width:100%;

    aspect-ratio:4 / 4.2;

    overflow:hidden;

    background:#F2F5FA;

}

.speaker-photo img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.4s ease;

}

.speaker-card:hover .speaker-photo img{

    transform:scale(1.04);

}


/* =========================================
   INFO
========================================= */

.speaker-info{

    padding:26px;

}


/* =========================================
   ROLE
========================================= */

.speaker-role{

    display:inline-block;

    margin-bottom:12px;

    padding:5px 10px;

    border-radius:6px;

    background:#EEF4FF;

    color:#123F94;

    font-size:10px;

    font-weight:700;

    letter-spacing:.8px;

}


/* =========================================
   NAME
========================================= */

.speaker-info h3{

    margin:0 0 8px;

    color:#000352;

    font-family:"Libre Baskerville", serif;

    font-size:21px;

    line-height:1.4;

}


/* =========================================
   POSITION
========================================= */

.speaker-position{

    margin:0 0 4px;

    color:#555;

    font-size:14px;

    line-height:1.6;

    font-weight:600;

}


/* =========================================
   INSTITUTION
========================================= */

.speaker-institution{

    margin:0;

    color:#777;

    font-size:14px;

    line-height:1.6;

}


/* =========================================
   DIVIDER
========================================= */

.speaker-line{

    width:40px;

    height:2px;

    margin:18px 0;

    background:#123F94;

}


/* =========================================
   EXPERTISE
========================================= */

.speaker-expertise{

    margin:0;

    color:#666;

    font-size:14px;

    line-height:1.7;

}


/* =========================================
   TABLET
========================================= */

@media(max-width:950px){

    .mejic-speakers-grid{

        grid-template-columns:repeat(2, 1fr);

    }

}


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

@media(max-width:650px){

    .mejic-speakers{

        margin:50px auto;

        padding:10px;

    }

    .mejic-speakers-header{

        margin-bottom:40px;

    }

    .mejic-speakers-header h2{

        font-size:30px;

    }

    .mejic-speakers-header p{

        font-size:15px;

    }

    .mejic-speakers-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .speaker-info{

        padding:22px;

    }

}/* End custom CSS */