@font-face{
    font-display: swap;font-family:"futura_ltbold";src:url("../fonts/futuralt/futuralt-bold-webfont.woff2");font-weight:normal;font-style:normal}@font-face{
    font-display: swap;font-family:"futura_ltbook";src:url("../fonts/futuralt/futuralt-book-webfont.woff2");font-weight:normal;font-style:normal}@font-face{
    font-display: swap;font-family:"futura_ltextrabold";src:url("../fonts/futuralt/futuralt-extrabold-webfont.woff2");font-weight:normal;font-style:normal}@font-face{
    font-display: swap;font-family:"futura_ltheavy";src:url("../fonts/futuralt/futuralt-heavy-webfont.woff2");font-weight:normal;font-style:normal}@font-face{
    font-display: swap;font-family:"futura_ltlight";src:url("../fonts/futuralt/futuralt-light-webfont.woff2");font-weight:normal;font-style:normal}@font-face{
    font-display: swap;font-family:"futura_ltregular";src:url("../fonts/futuralt/futuralt-webfont.woff2");font-weight:normal;font-style:normal}section{width:100%;position:relative;z-index:2}.transformasi{width:100%}.transformasi .desc{padding-top:30px}.kepemimpinan{background-color:#48616f;width:100%;padding:30px;position:relative;box-sizing:border-box}.kepemimpinan .bg-alter{background-color:#05283c;width:100%;height:570px;position:absolute;top:0;left:0;z-index:1}.kepemimpinan ul{margin:0}.kepemimpinan .uk-subnav-pill{margin:30px auto}.kepemimpinan .uk-subnav-pill>.uk-active>a{background-color:rgba(0,0,0,0);border-bottom:2px solid #309fee;text-transform:capitalize;font-size:28px;color:#309fee;text-align:center;font-family:"futura_ltbook";line-height:35px;padding:0 20px 5px}.kepemimpinan ul li .unactive{background-color:rgba(0,0,0,0);border-bottom:2px solid #4f778f;text-transform:capitalize;font-size:28px;color:#4f778f;text-align:center;font-family:"futura_ltbook";line-height:35px;padding:0 20px 5px}.kepemimpinan .uk-subnav-pill>.uk-active>a:hover,.kepemimpinan ul li .unactive:hover{background-color:rgba(0,0,0,0)}.kepemimpinan .position ul{align-items:flex-start;gap:10px;justify-content:center;margin:0 auto}.kepemimpinan .position .uk-subnav-pill{margin:0 auto}.kepemimpinan .position .uk-subnav>*{margin:0;padding:0 !important;width:100px}.kepemimpinan .position .uk-subnav-pill>.uk-active>a{background-color:rgba(0,0,0,0);border-bottom:none !important}.kepemimpinan .position ul li a{padding:0}.kepemimpinan .position ul li:hover a{background-color:rgba(0,0,0,0) !important;padding:0}.kepemimpinan .position .uk-subnav-pill>.uk-active>a{padding:0 !important}.kepemimpinan .position .uk-subnav-pill>.uk-active>a div{filter:none !important}.kepemimpinan .position .uk-subnav>*:hover{background-color:rgba(0,0,0,0) !important}.kepemimpinan .position .uk-subnav-pill>.uk-active>a:hover,.kepemimpinan .position ul li .unactive:hover,.kepemimpinan .position .uk-subnav-pill>.uk-active>a:hover{background-color:rgba(0,0,0,0) !important}.kepemimpinan .position ul li .unactive:hover{background-color:rgba(0,0,0,0) !important}.kepemimpinan .position ul li img{border-radius:8px}.kepemimpinan .position ul li .unselected{cursor:pointer;width:120px;filter:sepia(0.3172690763) saturate(0.3293172691) opacity(1) brightness(1) contrast(1) hue-rotate(229.8795180723deg) invert(0)}.kepemimpinan .position .box{padding:50px 0;width:100%}.kepemimpinan .position .box .image{width:100%}.kepemimpinan .position .box .image img{width:100%;border-radius:20px;z-index:10;position:relative}.kepemimpinan .position .box .info{width:100%;box-sizing:border-box;padding:30px 0}.kepemimpinan .position .box .info ul{display:flex;flex-direction:column;align-items:flex-start;gap:10px;justify-content:baseline;margin:0}.kepemimpinan .position .box .info .profile h1{color:#c8d300;font-family:"futura_ltbook";font-size:30px;line-height:35px;margin:0}.kepemimpinan .position .box .info .profile p{color:#fff;font-family:"futura_ltbook";font-size:16px;font-style:normal;font-weight:400;line-height:25px;margin:0}.kepemimpinan .position .box .info .profile-detail{padding-top:10px !important;color:#ededed;background-color: transparent !important;}.kepemimpinan .position .box .info .profile-detail ul{margin-top:10px !important}.kepemimpinan .position .box .info .profile-detail li{font-family:"futura_ltlight";color:#ddd}.akhlak{box-sizing:border-box;padding:30px}.akhlak img{width:280px}.akhlak .points{display:flex;flex-direction:column;width:100%;margin:0 auto;padding-top:30px}.akhlak .points .point:last-child{border-bottom:0px}.akhlak .points .point{width:100%;text-align:center;border-bottom:1px solid #eaecd1;color:#131313;font-family:"futura_ltbook";font-size:14px;padding:20px 0}.akhlak .points .point h3{color:#06a0aa;font-family:"futura_ltbook";font-size:24px;margin:0}@media(min-width: 960px){section{width:1024px;margin:0 auto}.kepemimpinan{width:100%;padding:80px 0}.kepemimpinan .position .box{display:flex;justify-content:space-between}.kepemimpinan .position .box .image{width:40%}.kepemimpinan .position .box .info{flex:1;padding:0 50px}.kepemimpinan .position .uk-subnav>*{margin:0;padding:0 !important;width:auto}.kepemimpinan .position .uk-subnav-pill>.uk-active>a div{width:180px;filter:none !important}.akhlak{box-sizing:border-box;padding:50px 80px}.akhlak .points{display:flex;justify-content:space-between;flex-direction:row;width:100%;margin:0 auto;padding:2.5% 0}.akhlak .points .point{padding:20px;border-bottom:0px;border-right:1px solid #eaecd1}.akhlak .points .point:last-child{border-bottom:0px;border-right:0px}}/*# sourceMappingURL=direksi-komisaris.css.map */
.uk-subnav {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Tiga kolom */
    gap: 16px; /* Jarak antar gambar */
    justify-items: center; /* Memusatkan gambar di setiap sel */
}

.uk-subnav-pill li {
    list-style: none;
}

.uk-subnav-pill li a img {
    width: 100%;
    height: auto;
    border-radius: 8px; /* Membuat gambar sudut melengkung */
}
@media(max-width: 767px){
    .kepemimpinan .uk-subnav-pill>.uk-active>a, .kepemimpinan ul li .unactive{
        font-size: 20px;
    }

    .uk-subnav-pill li .a-img {
        /* display: block; */
        width: 100px;
        height: 100px;
    }

    #switch1 > li > a {
        /* display: block; */
        max-width: 150px;
        height: 100px;
    }
}

.profile-detail,
.profile-detail * {
    color: white !important;
}