/* ==========================================
   Card Image / Avatar
========================================== */

.cf-card-avatar{

    width:100px;

    height:100px;

    position:absolute;

    top:20px;

    left:21px;

    transform:translate(-35px,-35px);

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:conic-gradient(
        #083a53,
        #0b5c7a,
        #083a53
    );

    padding:3px;

    box-shadow:
        0 4px 12px rgba(0,0,0,.18),
        0 0 10px rgba(8,58,83,.15);

    z-index:2;

}

.cf-card-avatar-img{

    width:100%;

    height:100%;

    object-fit:cover;

    border-radius:50%;

    border:3px solid #fff;

    cursor:pointer;

    transition:.25s;

}

.cf-card-avatar-img:hover{

    transform:scale(1.04);

}