@import "@/styles/variables";
@import "@/styles/mixins";

:local .clientReferral {
  .container {
    padding: 3.75rem 1rem 6.25rem 1rem;

    div > :global(.swiper-pagination-bullet-active) {
      opacity: 0.6;
    }
    :global(.swiper-pagination-bullet) {
      background-color: $blue-dark;
      opacity: 0.15;
    }
  }

  :global(.swiper-wrapper) {
    align-items: center;
  }

  .slideItem {
    margin: auto;
    padding: 0 3rem;
    max-width: 62.5rem;
    @include h4();

    span {
      color: $black;
      opacity: 0.8;
    }

    p {
      text-align: center;
      padding: 1.5rem 0 3.5rem 0;
      min-height: 4.375rem;
      color: $black;
    }
  }
}