/* ============================================================
   INCEPTION V24C FINAL
   ============================================================ */


/* ============================================================
   STEP 1 FINAL GRID
   ============================================================ */

#inception-register-v50-host
.v24c-step1-grid{

    display:
        grid!important;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        )!important;

    align-items:
        start!important;
}



/* ============================================================
   SINGLE KARTU PELAJAR PDF
   ============================================================ */

#inception-register-v50-host
.v24c-student-card{

    grid-column:
        1 / -1!important;

    width:
        100%!important;

    box-sizing:
        border-box!important;

    margin:
        16px
        0
        0!important;

    padding:
        18px!important;

    border:
        1px solid
        #dfe5ef!important;

    border-radius:
        14px!important;

    background:
        #ffffff!important;
}


#inception-register-v50-host
.v24c-card-head{

    display:
        flex!important;

    align-items:
        flex-start!important;

    justify-content:
        space-between!important;

    gap:
        16px!important;

    margin-bottom:
        14px!important;
}


#inception-register-v50-host
.v24c-card-title{

    display:
        flex!important;

    align-items:
        flex-start!important;

    gap:
        11px!important;
}


#inception-register-v50-host
.v24c-card-title
> b{

    width:
        30px!important;

    height:
        30px!important;

    flex:
        0 0 30px!important;

    display:
        flex!important;

    align-items:
        center!important;

    justify-content:
        center!important;

    border-radius:
        9px!important;

    background:
        #eef2ff!important;

    color:
        #5570c3!important;

    font-size:
        10px!important;

    font-weight:
        800!important;
}


#inception-register-v50-host
.v24c-card-title h3{

    margin:
        0!important;

    color:
        #1d2538!important;

    font-size:
        15px!important;

    line-height:
        1.3!important;

    font-weight:
        800!important;
}


#inception-register-v50-host
.v24c-card-title p{

    margin:
        5px
        0
        0!important;

    color:
        #737d93!important;

    font-size:
        10.5px!important;

    line-height:
        1.45!important;

    font-weight:
        550!important;
}


#inception-register-v50-host
.v24c-badge{

    flex:
        0 0 auto!important;

    padding:
        7px
        10px!important;

    border-radius:
        9px!important;

    background:
        #f1f3f8!important;

    color:
        #111111!important;

    font-size:
        10px!important;

    font-weight:
        800!important;
}



/* ============================================================
   PDF UPLOAD
   ============================================================ */

#inception-register-v50-host
.v24c-card-upload{

    position:
        relative!important;

    min-height:
        78px!important;

    box-sizing:
        border-box!important;

    display:
        flex!important;

    align-items:
        center!important;

    justify-content:
        space-between!important;

    gap:
        18px!important;

    padding:
        15px!important;

    border:
        1px dashed
        #cbd4e5!important;

    border-radius:
        12px!important;

    background:
        #fbfcff!important;

    cursor:
        pointer!important;
}


#inception-register-v50-host
.v24c-card-upload:hover{

    border-color:
        #758ccb!important;

    background:
        #f7f9ff!important;
}


#inception-register-v50-host
.v24c-upload-copy{

    display:
        flex!important;

    flex-direction:
        column!important;

    align-items:
        flex-start!important;

    gap:
        4px!important;
}


#inception-register-v50-host
.v24c-upload-copy
strong{

    color:
        #111111!important;

    font-size:
        11.5px!important;

    font-weight:
        800!important;
}


#inception-register-v50-host
.v24c-upload-copy
span{

    color:
        #7c8599!important;

    font-size:
        9.5px!important;

    font-weight:
        600!important;
}


#inception-register-v50-host
.v24c-card-upload
em{

    max-width:
        46%!important;

    overflow:
        hidden!important;

    color:
        #111111!important;

    font-size:
        10.5px!important;

    font-style:
        normal!important;

    font-weight:
        750!important;

    text-align:
        right!important;

    text-overflow:
        ellipsis!important;

    white-space:
        nowrap!important;
}


#inception-register-v50-host
.v24c-card-upload
input{

    position:
        absolute!important;

    width:
        1px!important;

    height:
        1px!important;

    opacity:
        0!important;

    pointer-events:
        none!important;
}


#inception-register-v50-host
.v24c-card-upload.has-file{

    border-style:
        solid!important;

    border-color:
        #94a7da!important;

    background:
        #f8faff!important;
}


#inception-register-v50-host
.v24c-card-note{

    margin:
        9px
        0
        0!important;

    color:
        #747d91!important;

    font-size:
        9.5px!important;

    font-weight:
        600!important;
}



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

@media(max-width:760px){

    #inception-register-v50-host
    .v24c-step1-grid{

        grid-template-columns:
            1fr!important;
    }


    #inception-register-v50-host
    .v24c-card-upload{

        align-items:
            flex-start!important;

        flex-direction:
            column!important;
    }


    #inception-register-v50-host
    .v24c-card-upload
    em{

        max-width:
            100%!important;

        text-align:
            left!important;
    }

}