.leaderboard-main {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
}

.leaderboard_sec {
    width: 100%;
    height: 100%;
    background-color: rgba(62, 76, 98, 0.9);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 4em;
}

.lead_board {
    background-image: url(../../../Media/eng/images/leaderboard/LeaderBoard.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 998px;
    height: 651px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: space-around;
}
.lboard_redbox {
    background-image: url(../../../Media/eng/images/common/red_patch1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 190px;
    height: 60px;
    padding: 1.2em 0 0 1.5em;
    position: absolute;
    top: 67px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.lboard_redbox span {
    width: 170px;
    font-family: SpartanMB_Black;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: -1px 1px 1px rgb(0 0 0 / 50%);
}

.lead_star_sec {
    width: 120px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 20px;
    right: 0;
    margin: 0 auto;
}

.lead_star_img1 {
    width: 19px;
    height: 22px;
    position: absolute;
    left: 37px;
    top: 44px;
}

.lead_star_img1 img {
    width: 19px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
}

.lead_star_img2 {
    width: 30px;
    height: 32px;
    position: absolute;
    left: 52px;
    top: 26px;
}

.lead_star_img2 img {
    width: 30px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
}

.lead_star_img3 {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 72px;
    top: 7px;
}

.lead_star_img3 img {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
}

.lead_star_img4 {
    width: 19px;
    height: 22px;
    position: absolute;
    left: 134px;
    top: 43px;
}

.lead_star_img4 img {
    width: 19px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
}

.lead_star_img5 {
    width: 30px;
    height: 32px;
    position: absolute;
    left: 108px;
    top: 26px;
}

.lead_star_img5 img {
    width: 30px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
}

.leadboard_info {
    width: 870px;
    height: 500px;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 2em;
    padding-bottom: 2em;
    box-sizing: border-box;
    margin: 0 auto;
}

.lead_info_1 {
    width: 856px;
    height: 50px;
    float: left;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.whiteptch_1 {
    width: 97px;
    height: 52px;
}

.whiteptch_1 img {
    width: 97px;
    height: 52px;
}

.lead_chr {
    width: 59px;
    height: 60px;
    position: absolute;
    left: 74px;
    top: -8px;
}

.lead_chr img {
    width: 59px;
    height: 60px;
}

.whiteptch_2 {
    background-image: url(../../../Media/eng/images/leaderboard/Leader_WhitePatch_Two.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 644px;
    height: 53px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}

.lead_badge_bg {
    width: 90px;
    height: 33px;
    position: absolute;
    right: 26px;
    top: 7px;
}

.lead_badge_bg img {
    width: 90px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 0;
}

.lead_badge_img1 {
    width: 29px;
    height: 32px;
    position: absolute;
    right: 86px;
    top: 7px;
}

.lead_badge_img1 img {
    width: 29px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
}

.lead_badge_img2 {
    width: 29px;
    height: 32px;
    position: absolute;
    right: 61px;
    top: 6px;
}

.lead_badge_img2 img {
    width: 29px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
}

.lead_badge_img3 {
    width: 34px;
    height: 32px;
    position: absolute;
    right: 28px;
    top: 5px;
}

.lead_badge_img3 img {
    width: 34px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
}

.lead_score {
    width: 100px;
    text-align: center;
}

.lead_score span {
    font-family: SpartanMB_ExtraBold;
    font-size: 26px;
    color: #66FFFF;
    text-align: center;
}

.lead_chr_name {
    width: 80px;
    text-align: center;
    font-family: SpartanMB_Black;
    font-size: 1.1rem;
    color: #292929;
}

.lead_medal {
    width: 30px;
    height: 45px;
    position: absolute;
    left: 28px;
    top: 8px;
    color: #3C4F6E;
    font-size: 20px;
    font-family: SpartanMB_ExtraBold;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0.3em 0 0 0;
}

.lead_medal img {
    width: 30px;
    height: 45px;
    position: absolute;
    left: 0;
    top: -10px;
}

.leadscor_head {
    width: 50px;
    position: absolute;
    right: 258px;
    top: 125px;
    text-align: center;
}

.leadscor_head span {
    border-bottom: 1px solid #fff;
    font-family: SpartanMB_Black;
    font-size: 10px;
    color: #fff;
}

.lead_blur_img1 {
    background-image: url(../../../Media/eng/images/common/lead_bpatch_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 868px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 8em;
    right: 0;
    margin: 0 auto;
}

.lead_blur_img1 img {
    width: 618px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
}

.lead_blur_img2 {
    background-image: url(../../../Media/eng/images/common/lead_bpatch_2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 868px;
    height: 45px;
    position: absolute;
    left: 0;
    bottom: 71px;
    right: 0;
    margin: 0 auto;
    /* border: 1px solid #000; */
}

.lead_blur_img2 img {
    width: 618px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
}

.lead_medal_txt {
    font-size: 20px;
    font-family: SpartanMB_ExtraBold;
    color: #3C4F6E;
    position: absolute;
    left: 40px;
    top: 23px;
}

.leadboard_info::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
}


/* Track */

.leadboard_info::-webkit-scrollbar-track {
    /* box-shadow: inset 6px 1px 1px #3c4f6e; */
    border-radius: 10px;
    background-color: #3C4F6E;
    /* position: absolute; */
    /* left: 37px; */
}


/* Handle */

.leadboard_info::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px;
    width: 5px;
}


/* Handle on hover */

.leadboard_info::-webkit-scrollbar-thumb:hover {
    background: #de4f3f;
}

.leadboard_info::-webkit-scrollbar-track-piece {
    width: 10px;
    height: 50px;
}

.leadClose {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 140px;
    top: 100px;
    transform: rotate(0deg);
    transition: 0.2s ease;
}

.leadClose:hover {
    cursor: pointer;
    transform: rotate(360deg);
    transition: 0.2s ease;
}

.leadClose img {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 0;
    top: 0;
    transform: scale(1.2);
}
.leader-badge-section{
    /* display: none; */
    width: 120px;
    height: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
}