.niccos-reviews {
  .niccos-reviews__wrapper {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;

    &:active {
      cursor: grabbing;
    }
  }

  .reviews-list {
    display: flex;
    gap: 2.5rem;
    width: fit-content;
    padding: 0 1.8rem;

    @media screen and (max-width: 767px) {
      gap: 1.8rem;
    }

    .review-item {
      padding: 4rem 4rem 3.8rem;
      border-radius: 3rem;
      width: 52rem;
      flex-shrink: 0;

      @media screen and (max-width: 767px) {
        padding: 2.2rem 3rem 2.4rem;
        width: calc(100vw - 3.6rem);
      }

      .review-item__content-text {
        line-height: 1.5;
        color: #393939;
        padding: 0;
        margin: 0;
      }

      .review-item__author {
        margin-top: 2rem;
        display: flex;
        gap: 1.3rem;
      }

      .review-item__author-info {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;

        .review-item__author-name {
          line-height: 1.25;
          color: #000;
          margin: 0;
        }

        .review-item__author-subtitle {
          line-height: 1.43;
          color: #5e5e5e;
          margin: 0;
        }
      }

      .review-item__author-image {
        width: 6rem;
        height: 6rem;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        background: white;

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
    }
  }

  .niccos-reviews__bullets {
    display: none;

    @media screen and (max-width: 767px) {
      display: flex;
      gap: 1rem;
      justify-content: center;
      margin-top: 3rem;
      align-items: center;
    }

    .niccos-reviews__bullet {
      width: 1.2rem;
      height: 1.2rem;
      border-radius: 50%;
      background-color: #ededed;
      display: block;
    }

    .active {
      background-color: #ababab;
    }
  }
}