.tutor-login-info-icon{
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#6b7280;
    transition:.2s;
}

.tutor-login-info-icon:hover{
    color:#2563eb;
}

.tutor-login-info-icon .dashicons{
    font-size:23px;
    width:23px;
    height:23px;
}

.tutor-login-info-popup-overlay{

    position:fixed;
    inset:0;

    background:rgba(0,0,0,.45);

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

    z-index:999999;

}

.tutor-login-info-popup{

    background:#fff;

    width:90%;
    max-width:360px;

    border-radius:10px;

    padding:25px;

    text-align:center;

    box-shadow:0 15px 40px rgba(0,0,0,.2);

}

.tutor-login-info-popup h3{

    margin-bottom:15px;

}

.tutor-login-info-popup p{

    margin-bottom:5px;

}

.tutor-login-info-popup a{

    color:#2271b1;
    font-weight:600;
    text-decoration:none;

}

.tutor-login-info-popup button{

    border:none;

    background:#2271b1;

    color:#fff;

    padding:10px 25px;

    border-radius:5px;

    cursor:pointer;

}


.tutor-login-info-popup-overlay{

    opacity:0;
    animation:fadeIn .25s ease forwards;

}

.tutor-login-info-popup{

    transform:translateY(20px) scale(.95);

    opacity:0;

    animation:popupIn .30s ease forwards;

}

@keyframes fadeIn{

    from{
        opacity:0;
    }

    to{
        opacity:1;
    }

}

@keyframes popupIn{

    from{
        opacity:0;
        transform:translateY(20px) scale(.95);
    }

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

}

.popup-icon{

    width:60px;
    height:60px;

    margin:0 auto 15px;

    border-radius:50%;

    background:#eef5ff;

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

}

.popup-icon .dashicons{

    font-size:32px;
    width:32px;
    height:32px;

    color:#2271b1;

}