.leaderboard_section {
  padding-top: 10px;
}
.leaderboard_section .h1 {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.leaderboard_section .h1::after {
  position: absolute;
  right: -64px;
  bottom: -3px;
  content: "";
  background-image: url(../images_new/leaderboard/trophy.png);
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: contain;
}
.leaderboard_section .desc_wrap {
  max-width: 885px;
}

.leaderboard_row {
  align-items: flex-start;
}

.report_card {
  width: 600px;
  flex-shrink: 0;
}
.report_card .report_wrap {
  background-color: var(--purple400);
}

.points_history {
  flex: 1;
}
.points_history .view-all {
  padding: 0;
}

.history_card {
  background-color: var(--white);
  border-radius: 12px;
  padding: 16px 20px;
}
.history_card .img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-right: 12px;
}
.history_card .points {
  margin-top: 20px;
  margin-bottom: 2px;
  line-height: 30px;
}
.history_card .credited {
  color: var(--gray200);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cmask id='mask0_138_754' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='15'%3E%3Crect y='0.5' width='14' height='14' fill='%2352BC38'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_138_754)'%3E%3Cpath d='M3.67165 10.7925L3.0625 10.1833L8.80279 4.4375H3.58415V3.5625H10.2925V10.2708H9.41748V5.05219L3.67165 10.7925Z' fill='%23666666'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 24px;
}
.history_card:hover {
  background-color: var(--lightBg);
}
.history_card.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='233' height='141' viewBox='0 0 233 141' fill='none'%3E%3Cg clip-path='url(%23clip0_2747_33577)'%3E%3Cpath d='M119.491 0L243.671 129.051H-4.68784L119.491 0Z' fill='url(%23paint0_linear_2747_33577)'/%3E%3Cpath d='M119.491 57.3555L243.671 186.406H-4.68784L119.491 57.3555Z' fill='url(%23paint1_linear_2747_33577)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2747_33577' x1='119.491' y1='0' x2='120.002' y2='97.3866' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2747_33577' x1='119.491' y1='57.3555' x2='119.37' y2='120.088' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_2747_33577'%3E%3Crect width='233.008' height='141' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right top;
  background-color: rgba(56, 213, 132, 0.2);
}
.history_card:not(:nth-last-of-type(1)) {
  margin-bottom: 20px;
}

.points-modal .modal-body {
  padding: 40px;
}
.points-modal .info_row {
  justify-content: space-between;
  margin-right: 25px;
  border-bottom: 1px solid #CACACA;
  padding-bottom: 16px;
}
.points-modal .info_row .col_left img {
  width: 70px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  margin-right: 23px;
}
.points-modal .info_row .col_left h2 {
  color: var(--black800);
}
.points-modal .info_row .rank {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cmask id='mask0_140_1990' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_140_1990)'%3E%3Cpath d='M7.19165 2.78906H16.8071V10.2543C16.8071 10.6248 16.7174 10.9617 16.5379 11.2651C16.3584 11.5682 16.1122 11.8146 15.7994 12.0043L12.3457 14.0658L13.0647 16.4043H16.4032L13.6687 18.3351L14.7339 21.6928L11.9994 19.6121L9.2649 21.6928L10.3302 18.3351L7.59565 16.4043H10.9342L11.6532 14.0658L8.18015 12.0236C7.86732 11.8402 7.6244 11.5938 7.4514 11.2843C7.27823 10.9746 7.19165 10.6313 7.19165 10.2543V2.78906ZM8.69165 4.28906V10.2543C8.69165 10.3505 8.71573 10.4386 8.7639 10.5188C8.8119 10.599 8.87757 10.6647 8.9609 10.7161L11.2494 12.0698V4.28906H8.69165ZM15.3071 4.28906H12.7494V12.0698L15.0379 10.7161C15.1212 10.6647 15.1869 10.599 15.2349 10.5188C15.2831 10.4386 15.3071 10.3505 15.3071 10.2543V4.28906Z' fill='%23984AE1'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 12px center;
  background-color: var(--light300);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: var(--gray200);
  padding: 10px 16px 10px 42px;
}
.points-modal .info_row .rank sup {
  position: relative;
  top: -6px;
  font-size: 70%;
}
.points-modal .heading {
  color: var(--black800);
  padding-top: 16px;
}
.points-modal .date {
  color: var(--gray200);
}

.logout-modal .modal-body {
  padding-bottom: 60px;
}

@media screen and (max-width:1200px) {
  .points_history{
    min-width: 200px;
  }
}

@media screen and (max-width:992px) {
  .leaderboard_row{
    flex-direction: column;
  }

  .report_card{
    width: 100%;
  }
  .points_history{
    width: 100%;
  }
}

@media screen and (max-width:767px) {

  .report_card{
    width: 100%;
  }

  .report_wrap .fs_20{
    font-size: 13px;
  }

  .report_wrap .column{
    display: flex;
    flex-direction: column;
  }

  .report_wrap .count{
    margin-top: auto;
  }

  .profile_sidenav .nav_item > img{
    margin-right: 10px;
  }
}