/* =====================================================
   SINGLE KARIR
===================================================== */

.pku-single-karir{

    max-width:1200px;
    margin:50px auto;
    padding:0 20px;

}

/* =====================================================
   HEADER
===================================================== */

.pku-single-karir .pku-single-header{

    
    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

    background:#fff;

    border:1px solid #ececec;

    /* border-radius:12px; */

    padding:25px 35px;

}


.pku-single-karir .pku-single-header-left{

    display:flex;

    gap:30px;

    align-items:flex-start;

    flex:1;

}


.pku-single-karir .pku-single-logo{

    width:134px;
    flex-shrink:0;

}


.pku-single-karir .pku-single-logo img{

    width:100%;
    display:block;
    border-radius:0px;

}


.pku-single-karir .pku-single-info{

    flex:1;

    display:flex;

    flex-direction:column;

}


.pku-single-karir .pku-karir-badge{

    display:inline-block;



    color:#12a63a;


    font-size:15px;

    font-weight:700;

    margin-bottom:2px;

}


.pku-single-karir .pku-single-info h1{

     margin:0px 0;

    font-size:30px;
    font-weight: 700;

    line-height:1.25;

    color:#13294b;

}


.pku-single-karir .pku-karir-company{

    display:flex;
    font-size: 16px;
    align-items:center;

    /* gap:10px; */

    margin:4px 0;

}


.pku-single-karir .pku-karir-company img{

    width:16px;

    height:16px;

}


.pku-single-karir .pku-karir-company span{

    font-size:16px;

    font-weight:600;

    color:#42526e;

}

/* =====================================================
   META
===================================================== */


.pku-single-karir .pku-single-meta{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

    margin-top:4px;

}

.pku-single-karir .pku-single-meta span img {
       width:18px;

    height:18px;

}


.pku-single-karir .pku-single-meta > span{

    display:flex;

    align-items:center;

    gap:8px;

    color:#596579;

    font-size:16px;

}


.pku-single-karir .pku-karir-education{

    display:flex;

    gap:10px;

    flex-wrap:wrap;

}


.pku-single-karir .pku-karir-edu-badge{

    padding:8px 15px;

    border-radius:5px;

    background:#eef2ff;

    color:#5664ff;

    font-size:14px;

    font-weight:600;

}


.pku-single-karir .pku-karir-edu-badge:nth-child(even){

    background:#e7f3ff;

    color:#0088e8;

}

/* =====================================================
   DEADLINE
===================================================== */


.pku-single-karir .pku-single-header-right{

    display:flex;

    flex-direction:column;

    align-items:flex-end;

    justify-content:center;

    text-align:right;

    min-width:200px;

}


.pku-single-karir .pku-single-header-right span{

    display:block;

    font-size:16px;

    font-weight:700;

    color:#1e3557;

    margin-bottom:4px;

}


.pku-single-karir .pku-single-header-right strong{

    display:block;

    color:#666;

    font-size:14px;

    font-weight:500;

}

/* =====================================================
   ACTION
===================================================== */



/* =====================================================
   CONTENT
===================================================== */

.pku-single-content{
    margin-top:40px;
    display:grid;

    grid-template-columns:2fr 1fr;

    gap:45px;

}

.pku-single-main h2{

    margin:0px 0px 20px 0px;

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

    color:#13294b;

}

.pku-single-action {
    margin: 30px 0;
}

.pku-karir-apply-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 220px;
    height: 50px;
    padding: 0 25px;

    background: #183c73;
    color: #fff;

    border-radius: 4px;

    text-decoration: none;

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

    transition: .3s ease;
}

.pku-karir-apply-button:hover {
    background: #0f2d5c;
    color: #fff;
}

.pku-process-item-info{
    margin-top: 30px;
    background-color: #175582;
    padding: 10px;
    font-size: 14px;
}

.pku-single-main p{

    color:#061c3d !important;

    line-height:1.6;

    /* margin:20px; */
    /* margin-top: 10px; */

    font-size:16px;

}

.pku-single-main h2{
    font-size: 26px !important;
    font-weight: 650 !important;
    color: #061c3d !important;
      line-height:1.6;
    margin-top:35px;

}

.pku-single-main ul{

    padding-left:22px;
    color: #061c3d !important;
      line-height:1.6;
    margin-bottom:35px;

}

.pku-single-main li{
    color: #061c3d !important;
 line-height:1.6;
    margin-bottom:10px;

    line-height:1.8;

}

/* =====================================================
   SIDEBAR
===================================================== */

.pku-process-card{

    background:#21235d;

    color:#fff;

    border-radius:6px;

    padding:35px;

}

.pku-process-card h3{

    margin:0 0 18px;
    color: #ffffff !important;
    font-size:24px;

}

.pku-process-card h4{

    margin:0 0 18px;
    color: #ffffff !important;
    font-size:24px;

}

/* =====================================================
   CATATAN PENGIRIMAN LAMARAN
===================================================== */

.pku-karir-application-note {
    margin: 25px 0;
    padding: 18px 22px;
    background: #f0f6ff;
    border-left: 4px solid #183c73;
    border-radius: 4px;
}

.pku-karir-application-note p {
    margin: 0;
    color: #061c3d;
    font-size: 15px;
    line-height: 1.8;
}

.pku-karir-application-note strong {
    color: #13294b;
    font-weight: 700;
}

.pku-karir-application-note a {
    color: #183c73;
    font-weight: 600;
    text-decoration: underline;
}

.pku-karir-application-note a:hover {
    color: #0f2d5c;
}


/* BATAS CSS PENGIRIMAN LAMARAN */


.pku-process-card>p{

    color:#d8d9ef;

    line-height:1.8;

    margin-bottom:32px;

}

.pku-process-list{

    position:relative;

}

.pku-process-item{

    display:flex;

    gap:20px;

    position:relative;

    padding-bottom:35px;

}

.pku-process-item:last-child{

    padding-bottom:0;

}

.pku-process-number{

    width:44px;

    height:44px;

    border-radius:50%;

    background:#ff6b2d;

    color:#fff;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    flex-shrink:0;

    z-index:2;

}

.pku-process-item:not(:last-child) .pku-process-number::after{

    content:"";

    position:absolute;

    top:44px;

    left:50%;

    transform:translateX(-50%);

    width:2px;

    height:55px;

    background:#ff6b2d;

}

.pku-process-item h4{

    margin:0 0 8px;

    font-size:20px;

    color:#fff;

}

.pku-process-item p{
    font-size: 15px;
    margin:0;

    color:#d7d8ea;

    line-height:1.7;

}

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

@media(max-width:991px){

    
.pku-single-karir .pku-single-header{

        flex-direction:column;

    }

   
.pku-single-karir  .pku-single-header-right{

        width:100%;

        text-align:left;

    }

   
.pku-single-karir  .pku-single-content{

        grid-template-columns:1fr;

    }

}

@media(max-width:767px){

   
.pku-single-karir  .pku-single-header-left{

        flex-direction:column;

    }

   
.pku-single-karir .pku-single-logo{

        width:120px;

    }

   
.pku-single-karir .pku-single-info h1{

        font-size:30px;

    }

 

    .pku-process-card{

        padding:25px;

    }

}