@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");


.slide-container3,
.slide-container2 {
  margin: 0 30px;
  overflow: hidden;
}

.swiper-navBtn {
  color: #000;
  height: 35px !important;
  width: 35px !important;
  background: #fff;
  border-radius: 50%;
}

.swiper-navBtn::before,
.swiper-navBtn::after {
  font-size: 18px;
}

.swiper-pagination-bullet {
  background-color: #000;
}


.swiper-button-prev3,
.swiper-button-prev2 {
  left: 10px;
  right: auto;
}


.swiper-button-next3,
.swiper-button-next2 {
  right: 10px;
  left: auto;
}


.swiper-button-prev3:after,
.swiper-button-prev2:after {
  font-weight: bolder !important;
  font-size: 22px !important;
}


.swiper-button-next3:after,
.swiper-button-next2:after {
  font-weight: bolder !important;
  font-size: 17px !important;
}


.swiper-button-next3,
.swiper-button-next2 {
  position: absolute;
  top: 50%;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}


.swiper-button-prev3,
.swiper-button-prev2 {
  position: absolute;
  top: 50%;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}


.swiper-button-next3,
.swiper-button-next2 {
  color: white;
  transition: all 0.3s ease;
}


.swiper-button-prev3,
.swiper-button-prev2 {
  color: white;
  transition: all 0.3s ease;
}



.swiper-button-prev3:after,
.swiper-button-prev2:after {
  content: 'prev';
}


.swiper-button-next3:after,
.swiper-button-next2:after {
  content: 'next';
}


.swiper-button-next3:after,
.swiper-button-prev3:after,
.swiper-button-next2:after,
.swiper-button-prev2:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-navBtn::before,
.swiper-navBtn::after {
  font-size: 18px;
}


.swiper-button-prev3:after,
.swiper-button-prev2:after {
  font-weight: bolder !important;
  font-size: 17px !important;
}

@media screen and (max-width: 576px) {

  .slide-container3,
  .slide-container2 {
    margin: 0 40px;
  }

  .swiper-button-next3,
  .swiper-button-next2 {
    right: 0;
    background: #f27235;
  }

  .swiper-button-prev3,
  .swiper-button-prev2 {
    left: 0;
    background: #f27235;
  }


}

@media screen and (max-width: 768px) {
  .swiper-navBtn {
    display: block;
    text-align: center;
  }


  .swiper-button-next3:after,
  .swiper-button-prev3:after,
  .swiper-button-next2:after,
  .swiper-button-prev2:after {
    line-height: 2;
  }
}