.swiper-pagination-bullets {
    bottom:32px!important;
    margin-top: 32px!important;
  }
  .swiper-pagination-bullets .swiper-pagination-bullet {
    position:relative;
    margin:0 16px!important;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:22px;
    height:22px;
    background-color:transparent;
    border:1px solid transparent;
    opacity:1;
    transition:all .5s ease-in-out
  }
  .swiper-pagination-bullets .swiper-pagination-bullet span {
    position:relative;
    width:6px;
    height:6px;
    background-color:transparent;
    border-radius:100%;
    opacity:1;
    border:1px solid #595959;
    z-index:1;
    transition:all .9s ease-in-out
  }
  .qodef-skin--light .swiper-pagination-bullets .swiper-pagination-bullet span {
    border-color:#fff
  }
  .swiper-pagination-bullets .swiper-pagination-bullet:after,
  .swiper-pagination-bullets .swiper-pagination-bullet:before {
    content:'';
    display:block;
    position:absolute;
    background-color:#bfbfbf;
    z-index:0;
    opacity:0;
    transition:all .9s ease-in-out
  }
  .qodef-skin--light .swiper-pagination-bullets .swiper-pagination-bullet:after,
  .qodef-skin--light .swiper-pagination-bullets .swiper-pagination-bullet:before {
    background-color:#e1e1e1
  }
  .swiper-pagination-bullets .swiper-pagination-bullet:before {
    width:40px;
    height:1px
  }
  .swiper-pagination-bullets .swiper-pagination-bullet:after {
    width:1px;
    height:40px
  }
  .swiper-pagination-bullets .swiper-pagination-bullet.active {
    border-color:#bfbfbf
  }
  .qodef-skin--light .swiper-pagination-bullets .swiper-pagination-bullet.active {
    border-color:#e1e1e1
  }
  .swiper-pagination-bullets .swiper-pagination-bullet.active span {
    background-color:#595959
  }
  .qodef-skin--light .swiper-pagination-bullets .swiper-pagination-bullet-active span {
    background-color:#fff
  }
  .swiper-pagination-bullets .swiper-pagination-bullet.active:after,
  .swiper-pagination-bullets .swiper-pagination-bullet.active:before {
    opacity:1
  }


  .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
      background-color: rgb(0, 0, 0);
    opacity: .2;
  }