/* ==========================================================
   TALENZOA PREMIUM APPLY MODAL
========================================================== */

#tz-apply-modal{
    position: fixed;
    inset: 0;

    display: none !important;

    justify-content: center;
    align-items: center;

    z-index: 99999;

    width: 100%;
    height: 100%;
}

#tz-apply-modal.active{
    display:flex !important;
}

/* Overlay */

.tz-modal-overlay{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.70);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

/* Modal */

.tz-modal-container{
    position:relative;

    width:95%;
    max-width:1100px;

    height:92vh;

    background:#fff;

    border-radius:24px;

    box-shadow:0 35px 80px rgba(0,0,0,.25);

    animation:tzModal .3s ease;

    overflow:hidden;

    z-index:2;
}

@keyframes tzModal{

    from{
        opacity:0;
        transform:translateY(25px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

/* Close */

.tz-modal-close{

    position:absolute;

    top:20px;
    right:20px;

    width:46px;
    height:46px;

    border:none;
    border-radius:50%;

    background:#F1F5F9;

    cursor:pointer;

    font-size:28px;

    transition:.3s;

    z-index:999;
}

.tz-modal-close:hover{

    background:#E2E8F0;

}

/* Header */

.tz-modal-header{

    padding:35px 45px 20px;

    border-bottom:1px solid #EEF2F7;
}

.tz-modal-header h2{

    margin:0 0 10px;

    font-size:34px;

    color:#0F172A;

}

.tz-modal-header p{

    margin:0;

    color:#64748B;

    line-height:1.7;

}

/* Body */

.tz-modal-body{

    height:calc(92vh - 130px);

    overflow-y:auto;

    padding:35px 45px 45px;

}

/* Scrollbar */

.tz-modal-body::-webkit-scrollbar{

    width:8px;

}

.tz-modal-body::-webkit-scrollbar-thumb{

    background:#CBD5E1;

    border-radius:30px;

}

.tz-modal-body::-webkit-scrollbar-thumb:hover{

    background:#94A3B8;

}

/* Mobile */

@media(max-width:768px){

    .tz-modal-container{

        width:96%;

        height:96vh;

        border-radius:18px;

    }

    .tz-modal-header{

        padding:25px;

    }

    .tz-modal-body{

        padding:25px;

        height:calc(96vh - 120px);

    }

    .tz-modal-header h2{

        font-size:28px;

    }

}