.leaderboard {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    flex-wrap: wrap
}

.leaderboard-color {
    background: linear-gradient(to bottom right,#150ece,#3503a0,#4311ca);
    border-radius: 30px
}

.leader-card {
    min-height: 475px;
    margin: 1rem;
    border-radius: 15px;
    background: #fff
}

    .leader-card .leader_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 2rem;
        color: #ddd
    }

        .leader-card .leader_header .title {
            font-weight: 300;
            color: #fff;
            font-size: 25px;
            margin: 0
        }

.one .sort {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14.1px
}

    .one .sort .day {
        padding: .4rem 1.2rem;
        margin: 0 .1rem;
        cursor: pointer
    }

        .one .sort .day.active, .one .sort .day:active {
            background: rgba(210,255,213,.3);
            border-radius: 25px
        }

.photo {
    width: 75px;
    height: 75px;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #fe6a00;
    box-shadow: 0 0 20px #fff;
    margin: 1rem 0;
    z-index: 1
}

.main {
    width: 85px;
    height: 85px;
}

.profile {
    display: flex;
    justify-content: center;
    align-items: center
}

    .profile .person {
        display: flex;
        margin: 1rem 0;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

        .profile .person.first {
            z-index: 2
        }

.first .fa-crown {
    color: gold;
    filter: drop-shadow(0px 0px 5px gold);
    font-size: 20px
}

.num {
    color: #000;
    font-size: 20px
}

.fa-caret-up {
    color: #0f306f;
    font-size: 21px
}

.fa, .far, .fas {
    font-family: "font awesome 5 free"
}

.fa-crown:before {
    content: "\f521"
}

.link {
    margin: .2rem 0;
    color: #0e0e0e;
    margin-top: -.3rem;
    font-size: 13px;
    text-align: center;
}

.points {
    color: #0f306f;
    font-size: 17px
}

.second {
}

.third {
}

.p_img {
    width: 50px;
    background: #fff;
    border-radius: 50%
}

.flex {
    display: flex;
    align-items: center
}

.others {
    display: flex;
    width: 100%;
    margin-top: 1rem;
    align-items: center;
    justify-content: center
}

.info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 30px;
    background: #faf4ff;
    width: 100%
}

    .info .points {
        margin: 0 1rem
    }

    .info .link {
        margin: 0 1rem
    }

.rest {
    margin: 0;
    padding: 0
}

.rank {
    display: flex;
    align-items: center;
    margin: 0 1rem;
    flex-direction: column-reverse
}

    .rank i {
        margin-top: -5px !important
    }

    .rank .num {
        margin: 0 !important
    }

.second2 {
    position: absolute;
    color: #ffffff26;
    font-size: 147px;
    margin-top: 92px;
    bottom: 50px;
}

.first2 {
    position: absolute;
    color: #ffffff26;
    font-size: 130px;
    margin: 138px 0 0 16px;
    font-family: fontawesome
}


.product-tab-wrapper1 .nav-tabs .nav-link {
    font-size: 14px;
}

a.nav-link.galleryl {
    border: 1px solid;
    background: #0000;
}

.nav-tabs .nav-link::before {
    background-color: #ef8b5900;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0242b8 !important;
}

.product-tab-wrapper1 .nav-tabs {
    padding: 10px 0 10px;
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .product-tab-wrapper1 .nav-tabs .nav-link {
        font-size: 12px;
    }

    .nav-tabs .nav-link {
        margin-right: 5px;
    }
}