@media(min-width:768px){.elementor-58789 .elementor-element.elementor-element-17defa8{width:20%;}.elementor-58789 .elementor-element.elementor-element-3f46865{width:59.332%;}.elementor-58789 .elementor-element.elementor-element-da4f71d{width:20%;}}/* Start custom CSS *//* ==========================================
   Alumni Hub Leaderboard
   ========================================== */

.myCRED-leaderboard{
    list-style:none;
    margin:0;
    padding:0;
    max-width:900px;
}

/* Card */

.myCRED-leaderboard li{
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    padding:16px 20px;
    margin-bottom:12px;
    border:1px solid #edf0f5;
    border-radius:16px;
    box-shadow:0 4px 12px rgba(15,23,42,.05);
    transition:.25s ease;
}

.myCRED-leaderboard li:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 24px rgba(15,23,42,.10);
}

/* Links */

.myCRED-leaderboard a{
    color:#111827;
    font-weight:600;
    text-decoration:none;
}

.myCRED-leaderboard a:hover{
    color:#4F46E5;
}

/* Avatar */

.myCRED-leaderboard img{
    width:48px !important;
    height:48px !important;
    min-width:48px;
    min-height:48px;
    display:block;
    flex-shrink:0;
    object-fit:cover;
    border-radius:9999px !important;
    overflow:hidden;
    border:2px solid #fff;
    box-shadow:0 2px 8px rgba(0,0,0,.12);
}

/* If Ultimate Member wraps the image */

.myCRED-leaderboard .um-avatar,
.myCRED-leaderboard .avatar{
    border-radius:9999px !important;
    overflow:hidden;
}

/* Top 3 */

.myCRED-leaderboard li:nth-child(1){
    background:#FFF8E8;
    border-left:6px solid #FBBF24;
}

.myCRED-leaderboard li:nth-child(2){
    background:#F8FAFC;
    border-left:6px solid #94A3B8;
}

.myCRED-leaderboard li:nth-child(3){
    background:#FFF7ED;
    border-left:6px solid #EA580C;
}

/* Medals */

.myCRED-leaderboard li:nth-child(1)::before{
    content:"🥇";
    font-size:26px;
}

.myCRED-leaderboard li:nth-child(2)::before{
    content:"🥈";
    font-size:26px;
}

.myCRED-leaderboard li:nth-child(3)::before{
    content:"🥉";
    font-size:26px;
}

.myCRED-leaderboard li:nth-child(n+4)::before{
    content:"🏅";
    opacity:.4;
    font-size:18px;
}

/* Nice spacing */

.myCRED-leaderboard li::before{
    flex-shrink:0;
}

/* Mobile */

@media (max-width:768px){

    .myCRED-leaderboard li{
        padding:14px;
        gap:12px;
    }

    .myCRED-leaderboard img{
        width:42px !important;
        height:42px !important;
    }

}/* End custom CSS */