.rc-leaderboard__overlay {
   position: absolute;
   left: 20px;
   right: 20px;
   top: 20px;
   bottom: 20px;
   background: #2f2143f7;
   border-radius: 10px;
   max-height: none ! important;
   padding: 7.5rem;
   z-index: 10;
}

.rc-btn--back {
   font-size: 40px;
   color: white;
   position: absolute;
   left: 40px;
   top: 80px;
   cursor: pointer;
   transition: .2s all ease-in-out;
   z-index: 2;
}

.rc-btn--back:hover {
   color: rgb(247 202 255);
}

/* LEADERBOARD */
.rc-board {
   border-left: 3px solid white;
   border-right: 3px solid white;
   border-radius: 5px;
   position: relative;
   width: 100%;
   max-width: 700px;
   min-width: 400px;
}

.rc-board__top-wrap {
   display: grid;
   width: 100%;
   grid-template-columns: 20px auto 1fr;
}

.rc-board__border {
   border-top: 3px solid white;
}

.rc-board__btm-wrap {
   display: grid;
   width: 100%;
   grid-template-columns: 1fr auto 20px;
   position: relative;
   bottom: -23px;
}

.rc-board__myrank {
   position: relative;
   bottom: 17px;
   padding: 0 15px;
   font-size: 22px;
   font-weight: 300;
   color: white;
}

.rc-board__inner {
   padding: 0 45px 25px 45px;
}

.rc-board__title {
   position: relative;
   top: -22px;
   font-size: 40px;
   padding: 0 15px;
   font-weight: 600;
   color: white;
   text-transform: none;
}



.rc-board__btns {
   display: flex;
   justify-content: start;
   margin-bottom: 20px;
   gap: 10px;
   flex-wrap: wrap;
}

.rc-mystats__btns {
   display: flex;
   flex-wrap: wrap;
   flex-flow: wrap;
}

.rc-mystats__btns .rc-btn {
   margin-right: 20px;
   margin-bottom: 20px;
   text-decoration: none;
   display: flex;
   justify-content: center;
   align-items: center;
}

.rc-board__btn {
   font-size: 12px;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 2px;
   padding: 5px 15px;
   border: 1px solid white;
   border-radius: 50px;
   transition: .2s all ease-in-out;
   background: transparent;
   color: white;
}

.rc-board__btn.active {
   background: white;
   color: #333;
   font-weight: 700;
}

.rc-board__btn:hover {
   cursor: pointer;
   background: white;
   color: #333;
   font-weight: 700;
}

.rc-leader {
   font-size: 20px;
   font-weight: 600;
   padding: 10px 0;
   display: grid;
   grid-template-columns: 22px auto 1fr;
   justify-items: end;
   transition: all 0.25s ease;
}

.rc-leader.highlight {
   background: #ffe87c! important;
   color: #333;
   font-weight: 800;
   padding-right: 10px;
   transition: all 0.25s ease;
}

.rc-leader__name {
   margin-left: 35px;
}

button.view-my-ranking {
   margin: 0 auto;
   outline: none;
   position: relative;
   padding: 1.5px 15px;
   font-size: 16px;
   font-weight: 600;
   border-radius: 16px;
   color: #333;
   background: rgba(255, 255, 255, .9);
   border: 2px solid white;
   font-family: 'Raleway', sans-serif;
   cursor: pointer;
   transition: .2s all ease-in-out;
}

button.view-my-ranking:hover {
   background: rgb(247 202 255);
}


@media (max-width: 950px) {
   .rc-board {
      width: 100% ! important;
   }

   #rc-leaderboard {
      padding: 5rem 1.5rem 2.5rem 1.5rem;
      width: 100%;
   }

   .rc-leaderboard__btn--back {
      top: 20px;
   }

   .rc-board__btns {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
   }

   .rc-board__btns {
      gap: 2px;
   }

   .rc-board__btn {
      margin-right: 5px;
      margin-bottom: 5px;
   }

   .rc-mystats__order {
      text-align: center;
   }

   .rc-mystats__img-text {
      margin-top: 2rem;
   }

   .rc-leader * {
      padding-left: 10px;
      padding-right: 10px;
   }
}

@media (max-width: 650px) {
   /* .goToPrev, .goToNext {
      display: none! important;
   } */
   /* .slider {
      grid-gap: 0;
      display: flex;
      gap: 0;
      justify-content: center;
      align-items: center;
   }
   .slide {height: auto! important;}
   .slide__img-overlay {
      display: none! important;
   } */
   #rc-leaderboard {
      padding: 10rem 1.5rem 2.5rem 1.5rem;
   }
   .rc-board {
      width: 100%! important;
      min-width: unset! important;
      max-width: unset! important;
   }

   .rc-mystats .rc-btn {
      margin: 0 auto;
   }

   .rc-mystats__order {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
  }
}

@media (max-width: 450px) {
   .rc-board__inner {
      padding: 10px;
   }

   #rc-leaderboard {
      padding: 10rem 0.5rem 2.5rem 0.5rem;
   }

   .rc-btn--back {
      top: 65px;
      left: unset;
      right: 40px;
   }

   .rc-leader__name {
      margin-left: 10px;
   }

   .rc-board__title {
      font-size: 28px;
   }

   .rc-mystats__order {
      display: block;
   }

   .rc-board {
      width: 100%! important;
      min-width: unset! important;
      max-width: unset! important;
   }

   .rc-board__btn {
      min-height: 45px;
   }

   /* .rc-mystats__videos {
      max-width: 330px;
  } */
}