.fz-40 {
  font-size: 40px; }
  @media (max-width: 1499px) {
    .fz-40 {
      font-size: 28px; } }
  @media (max-width: 767px) {
    .fz-40 {
      font-size: 18px; } }

.fz-28 {
  font-size: 28px; }

.fz-24 {
  font-size: 24px; }

.fz-20 {
  font-size: 20px; }
  @media (max-width: 767px) {
    .fz-20 {
      font-size: 12px; } }

.fz-18 {
  font-size: 18px; }
  @media (max-width: 767px) {
    .fz-18 {
      font-size: 14px; } }

.fz-16 {
  font-size: 16px; }
  @media (max-width: 767px) {
    .fz-16 {
      font-size: 14px; } }

.fz-15 {
  font-size: 15px; }
  @media (max-width: 767px) {
    .fz-15 {
      font-size: 12px; } }

.fz-14 {
  font-size: 14px; }
  @media (max-width: 1499px) {
    .fz-14 {
      font-size: 12px; } }

.fz-12 {
  font-size: 12px; }
  @media (max-width: 767px) {
    .fz-12 {
      font-size: 10px; } }

.rewards-list {
  display: flex;
  flex-wrap: wrap;
  margin: -20px -12px; }
  @media (max-width: 767px) {
    .rewards-list {
      margin: 0px; } }
  .rewards-list__item {
    width: 20%;
    padding: 20px 12px;
    display: flex; }
    @media (max-width: 1499px) {
      .rewards-list__item {
        width: 25%; } }
    @media (max-width: 1199px) {
      .rewards-list__item {
        width: 33.33%; } }
    @media (max-width: 767px) {
      .rewards-list__item {
        width: 50%; } }
    @media (max-width: 767px) {
      .rewards-list__item {
        width: 100%;
        margin: 0px;
        padding: 0px;
        margin-bottom: 20px; } }

.rewards-tab {
  margin-bottom: 40px;
  border-radius: 10px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .rewards-tab {
      margin-bottom: 20px; } }
  .rewards-tab__inner {
    display: flex;
    background: #d9d9d9;
    overflow: auto; }
    .rewards-tab__inner::-webkit-scrollbar {
      display: none; }
  .rewards-tab__item {
    width: 100%;
    height: 23px;
    color: #fff;
    font-size: 15;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    padding: 0px 13px; }
    .rewards-tab__item.active {
      background-color: #DEB136;
      pointer-events: none; }
    @media (min-width: 1024px) {
      .rewards-tab__item:hover {
        cursor: pointer;
        background-color: #DEB136; } }