.swiper__arrows {
  .swiper-wrapper {
    margin-bottom: 46px;
    height: auto !important;
  }

  .swiper-button-prev {
    left: 40%;
   
    @media (max-width: 991px) {
      left: 40%;
    }
    @media (max-width: 600px) {
      left: 0%;
    }
  }
  .swiper-button-next {
    right: 40%;
    
    @media (max-width: 991px) {
      right: 40%;
    }
    @media (max-width: 600px) {
      right: 0%;
    }
  }

  .swiper-button-prev:after,
  .swiper-button-next:after {
    content: "";
  }

  .swiper-button-prev i,
  .swiper-button-next i {
    position: relative;
    z-index: 1;
    color: $c-second;
  }

  .swiper-button-prev i:after,
  .swiper-button-next i:after {
    content: "";
    background-color: rgba($c-second, .5);
    opacity: 0.5;
    width: 24px;
    height: 16px;
    z-index: -1;
    position: absolute;
    border-radius: 50px;
  }

  .swiper-button-prev i:after {
    left: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .swiper-button-next i:after {
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .swiper-button-prev,
  .swiper-button-next {
    top: 96%;
    i {
      color: $c-second;
    }
  }
}



.swiper__arrows--inside {
  .swiper-button-prev,
  .swiper-button-next {
    background-color: rgba($c-white, 0.4);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .swiper-button-prev {
    left: 24px;
  }
  .swiper-button-next {
    left: 92px;
  }

  .swiper-button-prev:after,
  .swiper-button-next:after {
    content: "";
  }

  .swiper-button-prev i,
  .swiper-button-next i {
    position: relative;
    z-index: 1;
    color: $c-white;
  }


  .swiper-button-prev,
  .swiper-button-next {
    top: 88%;
    i {
      color: $c-white;
    }
  }
}


.swiper--inside {
  .swiper-prev,.swiper-next {
    position: absolute;
    z-index: 1;
    top: 50%;  
    bottom: 50%; 
    transform: translate(-50%, -50%);
  }
  .swiper-prev {
    position: absolute;
    left: 4%;
  
    
  }
  .swiper-next {
    position: absolute;
    right: 0;
  }
  .swiper-prev:after,
  .swiper-next:after {
    content: none !important;
  }

  .swiper-prev i,
  .swiper-next i {
    position: relative;
    z-index: 1;
    color: $c-white;
  }

  .swiper-prev i:after,
  .swiper-next i:after {
    content: "";
    background-color: rgba($c-white, .5);
    opacity: 0.5;
    width: 32px;
    height: 16px;
    z-index: -1;
    position: absolute;
    border-radius: 50px;
  }

  .swiper-prev i:after {
    left: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .swiper-next i:after {
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}

.swipper--pagination {
  .slider__controls {
    position: relative;
    z-index: 12;

    & .slider__pagination {
      text-align: center;
      // margin-top: 16px;
      left: 0;
      right: 0;
      margin: 16px auto 0 auto;
      transform: translateX(0%);

      & .swiper-pagination-bullet {
        width: 13px;
        height: 10px;
        display: inline-block;
        background: $c-gray;
        opacity: 0.2;
        margin: 0 5px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -webkit-transition: opacity 0.5s, background-color 0.5s, width 0.5s;
        -o-transition: opacity 0.5s, background-color 0.5s, width 0.5s;
        transition: opacity 0.5s, background-color 0.5s, width 0.5s;
        -webkit-transition-delay: 0.5s, 0.5s, 0s;
        -o-transition-delay: 0.5s, 0.5s, 0s;
        transition-delay: 0.5s, 0.5s, 0s;
      }
    }

    & .swiper-pagination-clickable .swiper-pagination-bullet {
      cursor: pointer;
    }

    & .slider__pagination .swiper-pagination-bullet-active {
      opacity: 1;
      background: $c-gray;
      width: 30px;
      -webkit-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
    }
  }
}


.swiper-wrapper {
  height: auto !important;
}


.nav__hero {
  z-index: 2;
  .swiper-button-prev,
  .swiper-button-next {
    top: 0;
    bottom: 0;
    margin: auto;
    // background-color: $c-main;
    // border-radius: 50px;
    // height: 32px;
    // width: 32px;
    // display: flex;
    // align-items: center;
    // justify-content: center;
    svg {
      width: 100%;
    }
  }

  .swiper-button-prev { 
    left: 32px;
    @media (max-width: 767px) {
      left: 16px;
    }
    @media (max-width: 500px) {
      left: 8px;
    }
  }
  .swiper-button-next { right: 32px;
    @media (max-width: 767px) {
      right: 16px;
    }
    @media (max-width: 500px) {
      right: 8px;
    }
  }

  .swiper-button-prev:after,
  .swiper-button-next:after {
    content: "";
  }

  .swiper-button-prev svg,
  .swiper-button-next svg {
    position: relative;
    z-index: 1;
    color: $c-white;

    @media (max-width: 600px) {
      height: 24px;
    }
  }

  .swiper-button-prev svg:after,
  .swiper-button-next svg:after {
    content: "";
    background-color: rgba($c-white, .5);
    opacity: 0.5;
    width: 32px;
    height: 16px;
    z-index: -1;
    position: absolute;
    border-radius: 50px;
  }

  .swiper-button-prev svg:after {
    left: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .swiper-button-next svg:after {
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
  }


  // pagination
  
  .swiper-pagination-bullets-dynamic {
    transform: none !important
  }
  .slider__controls {
    z-index: 1;
    position: absolute;
    bottom: 2%;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

  

    & .slider__pagination {
      text-align: center;
      margin-top: 16px;

      & .swiper-pagination-bullet {
        width: 16px;
        height: 8px;
        display: inline-block;
        background: $c-white;
        opacity: 0.5;
        margin: 0 5px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -webkit-transition: opacity 0.5s, background-color 0.5s, width 0.5s;
        -o-transition: opacity 0.5s, background-color 0.5s, width 0.5s;
        transition: opacity 0.5s, background-color 0.5s, width 0.5s;
        -webkit-transition-delay: 0.5s, 0.5s, 0s;
        -o-transition-delay: 0.5s, 0.5s, 0s;
        transition-delay: 0.5s, 0.5s, 0s;
      }
    }

    & .swiper-pagination-clickable .swiper-pagination-bullet {
      cursor: pointer;
    }

    & .slider__pagination .swiper-pagination-bullet-active {
      opacity: 1;
      background: $c-white;
      width: 40px;
      -webkit-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
    }
  }
  
}


// .swiper-button-next, .swiper-button-prev {
//   text-rendering: auto;
// }