.swiper-slide {
 position: relative;
 top: 0px;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 padding-bottom: 30%;
 position: relative;
}

.swiper-slide::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 min-height: 350px;
 max-height: 350px;
 background: #f6f6f6;
 border-radius: var(--bs-border-radius-2xl) !important;
 z-index: -1;
}

/* .swiper-slide > div {
 position: relative;
 position: absolute;
 bottom: 20%;
 font-family: "Migelo";
 font-weight: 300;
 font-size: 25px;
} */

.swiper-navigation {
 position: absolute;
 bottom: 200px;
 width: 100%;
}

/* Ocultar las flechas predeterminadas de Swiper */
.swiper-button-next::after,
.swiper-button-prev::after {
 display: none; /* Esto oculta el contenido predeterminado de las flechas de Swiper */
}

.swiper-button-next,
.swiper-button-prev {
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 width: 50px; /* Ajusta el tamaño según tus necesidades */
 height: 50px;
}

.swiper-button-next {
 background-image: url("../img/arrow-swiper.svg");
}

.swiper-button-prev {
 background-image: url("../img/arrow-swiper.svg");
 transform: rotate(
  180deg
 ); /* Voltea la flecha para la navegación hacia atrás */
}

.swiper-button-next {
 right: 44% !important;
}
.swiper-button-prev {
 left: 44% !important;
}

@media (max-width: 768px) {
 .servicios h2 span img {
  width: 10%;
 }
 .swiper-slide {
  padding-bottom: 50% !important;
 }
 .swiper-slide::before {
  min-height: 300px;
  max-height: 300px;
 }
 .swiper-navigation {
  bottom: 50px;
 }
 .swiper-button-next {
  right: 35% !important;
 }
 .swiper-button-prev {
  left: 35% !important;
 }
}