.elementor-kit-1125{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1125 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1000px;}.e-con{--container-max-width:1000px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Kontainer utama */
.hover-container {
    position: relative;
    display: inline-block;
    width: 220px; 
    height: auto; 
    overflow: hidden;
    border-radius: 5px;
}

/* Gambar */
.hover-container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Overlay */
.hover-container .overlay {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(243, 101, 8, 0.9), rgba(233, 54, 15, 0.9));
    color: white;
    text-align: left;
    line-height: 1.3;
    padding: 20px;
    transition: top 0.4s ease-in-out; /* Animasi smooth */
    font-family: "Roboto", sans-serif;
}

/* Hover animasi */
.hover-container:hover .overlay {
    top: 0; /* Geser overlay ke atas */
}

/* Nama */
.overlay strong {
    font-size: 18px;
    font-weight: bold;
    
}

/* Jabatan */
.overlay .jabatan {
    font-size: 13px;
    font-weight: normal;
    margin-top: 20px;
    display: block;
    line-height: 1.3;
}


@media screen and (max-width: 767px)
{
.hover-container {
    width: 149px;
}

/* Overlay */
.hover-container .overlay {
    line-height: 1.2;
    padding: 12px;
    padding-top: 25px;
}

/* Nama */
.overlay strong {
    font-size: 15px;
    font-weight: bold;
    
    }

 /* Jabatan */
.overlay .jabatan {
    font-size: 12px;
    font-weight: normal;
    margin-top: 20px;
    display: block;
    line-height: 1.2;
    }
}/* End custom CSS */