/* Basic positioning and styling for your custom buttons */
.swiper-button-prev-custom,
.swiper-button-next-custom {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  /* Add more styles like color, size, background, etc. */
  color: #aaaaa; /* Example color */
  font-size: 20px; /* Example size for the icon */
}

.swiper-button-prev-custom {
  left: 1px;
}

.swiper-button-next-custom {
  right: 1px;
}

/* Optional: change icon color on hover */
.swiper-button-prev-custom:hover i,
.swiper-button-next-custom:hover i {
 # color: #cccccc;
}