.bazario-advanced-slider {
  .slider-card {
    position: relative;
    display: flex;
    transition: all 0.3s ease;

    .title {
      position: relative;
    }

    .description {
    }

    span {
      display: inline-block;
    }

    .img {
      position: relative;

      img {
        max-width: 100%;
        max-height: 100%;
      }
    }

    .butn {
      transform : perspective(var(--e-transform-bazario-advanced-slider-button-perspective,0)) rotate(var(--e-transform-bazario-advanced-slider-button-rotateZ,0)) rotateX(var(--e-transform-bazario-advanced-slider-button-rotateX,0)) rotateY(var(--e-transform-bazario-advanced-slider-button-rotateY,0)) translate(var(--e-transform-bazario-advanced-slider-button-translate,0)) translateX(var(--e-transform-bazario-advanced-slider-button-translateX,0)) translateY(var(--e-transform-bazario-advanced-slider-button-translateY,0)) scaleX(calc(var(--e-transform-bazario-advanced-slider-button-flipX, 1) * var(--e-transform-bazario-advanced-slider-button-scaleX, var(--e-transform-bazario-advanced-slider-button-scale, 1)))) scaleY(calc(var(--e-transform-bazario-advanced-slider-button-flipY, 1) * var(--e-transform-bazario-advanced-slider-button-scaleY, var(--e-transform-bazario-advanced-slider-button-scale, 1)))) skewX(var(--e-transform-bazario-advanced-slider-button-skewX,0)) skewY(var(--e-transform-bazario-advanced-slider-button-skewY,0));
      &:before {
        content: "";
      }
    }
  }
  //controls
  .bazario-advanced-slider-arrows {
    color: #ccc;
    font-size: 13px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    margin: 5px 0;
    border: 1px solid rgba(255, 255, 255, .3);
    position: absolute;
    border-radius: 50%;
    background: none;

    &:after {
      display: none;
    }

    &.swiper-button-next {
      position: absolute;
      top: 50%;
      right: 30px;

      .bazario-advanced-slider-arrow-text {
        margin-right: 8px;
      }
    }

    &.swiper-button-prev {
      position: absolute;
      top: 50%;
      left: 30px;

      .bazario-advanced-slider-arrow-text {
        margin-left: 8px;
      }
    }
  }

  .swiper-pagination-bullets {
    &.swiper-pagination-horizontal {
      width: auto;
      display: block;
      right: 50%;
      left: unset;
      transform: translateX(50%);
    }

    &.swiper-pagination-vertical {
      width: auto;
      display: block;
      top: 50%;
      bottom: unset;
      transform: translateY(50%);
    }
  }

  .swiper-pagination-fraction {
    width: auto;
    display: block;
    right: 50%;
    left: unset;
    transform: translateX(50%);
  }

  .swiper-scrollbar {
    &.scrollbar-horizontal {
      position: absolute;
      bottom: 15px;
      z-index: 10;
      left: unset;
      margin: 0 1%;
      width: calc(100% - (1% + 1%));
      height: 4.5px;

      .swiper-scrollbar-drag {
        height: 4.5px;
      }
    }

    &.scrollbar-vertical {
      position: absolute;
      right: 15px;
      z-index: 10;
      top: 0;
      margin: 1% 0;
      display: block;
      height: calc(100% - ((1% + 1%) * 3));
      width: 4.5px;

      .swiper-scrollbar-drag {
        width: 4.5px;
      }
    }
  }

  .arrows-pagination-container {
    z-index: 1;
  }
}