.rewards-badges-block {
  color: var(--primary-main);
  font-family: var(--font-primary-nexa);
  padding-block:40px 56px;
  background: var(--tertiary-black);
  position: relative;
  overflow: hidden;
  @media (width >=1024px) {
    padding-block:64px 88px;
  }
  &::after {
    content: '';
    background: var(--tertiary-light-grey);
    width: 172px;
    height: 16px;
    position: absolute;
    bottom: 0px;
    right: -24px;
    transform: skewX(-40deg);
    @media (width >=1024px) {
      width: 458px;
      height: 24px;
    }
  }
  .rewards-badges-title {
    font-size: var(--heading-font-1-des);
    margin: 0px 0 24px;
    font-weight: var(--fw-500);
    line-height: var(--heading-lh-11-mob-display);
    letter-spacing: 0.64px;
    font-style: normal;
    color: var(--tertiary-white);
    @media (width >=1024px) {
      margin: 0px 0px 36px 0px;
      font-size: var(--heading-font-5-des); 
      line-height: var(--heading-lh-9-mob-display);
      letter-spacing: 0.96px;
    }
  }

  .rewards-badges-container {
    @media (width >=1024px) {
      flex-direction: row;
    }
    .rewards-badges-content {
      color: var(--tertiary-white);
      font-style: normal;
      font-size: var(--heading-font-18-mob-text-small);
      font-weight: var(--fw-300);
      line-height: var(--heading-lh-19-mob-text-small);
      margin: 0 0 24px;
      p {
        margin: 0px;
      }
      @media (width >=1024px) {
        font-size: var(--heading-font-20-des);
      }
    }

    .badges-container {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      height: 100%;
      .badges {
        display: flex;
        flex-wrap: wrap;
        margin-left: 13px;
        @media (width >=1024px) {
            margin-left: 25px;
            flex-wrap: nowrap;
        }
        picture {
          position: relative;
          margin-left: -13px; 
          @media (width >=1024px) {
            margin-left: -25px;
          }
          img {
            object-position: center;
            display: block;
            object-fit: cover;
            width: 89.56px;
            height: 89px;
            flex-shrink: 0;
            aspect-ratio: 89.56/89.00;
            @media (width >=1024px) {
              width: 160px;
              height: 159px;
              flex-shrink: 0;
              aspect-ratio: 160/159;
            }
          }
        }
      }
    }
    
  }


}