.swiper-carousel {
  .swiper-pagination {
    .swiper-pagination-bullet {
      border-radius: 0;
      opacity: 0.3;
      height: 2px;
      width: 100%;

      &.before-active {
        opacity: 1;
      }
    }

    .swiper-pagination-bullet-active {
      opacity: 1;
    }
  }
}

.section-quote-carousel {
  .swiper-pagination {
    bottom: 58px !important;

    .swiper-pagination-bullet {
      background-color: #fff;
    }
  }
}

.social-proof-carousel {
  .swiper-pagination {
    bottom: 0 !important;
    display: flex;
    gap: 8px;

    .swiper-pagination-bullet {
      background-color: #000;
    }
  }
}