.slides-lite {
  &.slides-container {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    visibility: hidden;

    .slides-wrapper {
      position: relative;
      display: flex;
      width: 100%;
      height: 100%;
      padding: 0;
      overflow: hidden;
      flex-wrap: nowrap;
    }
  }

  .swiper-pagination {
    position: absolute;
    z-index: 10;
    text-align: center;
    transition: 300ms;
    transform: translate3d(0, 0, 0);

    &.swiper-pagination-bullets {
      bottom: 10px;
      left: 0;
      width: 100%;
    }

    .swiper-pagination-bullet {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin: 0 5px;
      background: #000;
      border-radius: 100%;
      opacity: 0.2;

      &.swiper-pagination-bullet-active {
        background: #007aff;
        opacity: 1;
      }
    }
  }
}