/* Arrows Position */
.projects .swiper-button-next {
  right: unset !important;
  left: 50%;
  /* transform: translate(-80%); */
  margin-left: 40px !important;
}

.projects .swiper-button-prev {
  left: calc(50% - 90px) !important;
}

.mySwiper2 .swiper-slide {
  width: fit-content !important;
}

.projects .swiper-button-next::after {
  background-image: url('../image/next-arrow.svg');
  border: 2px solid var(--green);
  color: var(--green);
  padding: 15px;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
}

.projects .swiper-button-prev::after {
  background-image: url('../image/prev-arrow.svg');
  border: 2px solid var(--green);
  color: var(--green);
  padding: 15px;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
}

.projects .swiper-button-next:hover::after {
  background-image: url('../image/next-arrow-white.svg');
  background-color: var(--green);
}

.projects .swiper-button-prev:hover::after {
  background-image: url('../image/prev-arrow-white.svg');
  background-color: var(--green);
}

.projects .swiper-button-prev:hover::after {
  background-color: var(--green);
  color: #fff !important;
}

.mySwiper2 [class^="swiper-button-prev"] {
  top: initial;
  bottom: 0;
}

.mySwiper2 [class^="swiper-button-next"] {
  top: initial;
  bottom: 0;
}

.mySwiper2 .swiper-button-next:after,
.mySwiper2 .swiper-button-prev:after {
  font-size: 18px;
}

/* @media (min-width:1440px){
 .projects .swiper-slide-prev{transform: rotate(-10deg) !important; }
 .projects .swiper-slide-next .left img{height: 350px !important; transform: translateY(30%) !important;}
 .projects .swiper-slide-prev .left img{height: 350px !important; transform: translateY(30%) !important;}
 .projects .swiper-slide-next{transform: rotate(10deg) !important;}
 .projects .swiper-slide-prev .right,.projects .swiper-slide-next .right{display: none !important; transition: all cubic-bezier(0.19, 1, 0.22, 1) 1s !important;} 
 .projects .swiper-slide-prev,.projects .swiper-slide-next{
  opacity: 0.3 !important;
  width: 50% !important;}
} */

@media (max-width:991px) {

  .mySwiper2 [class^="swiper-button-prev"],
  .mySwiper2 [class^="swiper-button-next"] {
    display: none;
  }

  .mySwiper2 [class^="swiper-pagination"] {
    margin-bottom: 0px !important;
    left: 50% !important;
    transform: translate(-50%);
    text-align: center;
  }
}