.swiper-slide {
  background: linear-gradient(
      rgba(187, 205, 211, 0.466),
      rgba(109, 125, 165, 0)
    ),
    url(imginicio/empresa4.webp);
  height: 25rem !important;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  z-index: 0 !important;
}

.containerServicios {
  width: 85%;
  /*padding: 10px 40px;*/
  overflow: hidden;
  margin: 0 auto;
  margin-top: 4rem;
}
.containerServicios .swiper-container {
  width: 100%;
}
.containerServicios .swiper-slide {
  margin-top: 2rem;
  margin-bottom: 3rem;
  position: relative;
  text-align: center;
  font-size: 130%;
  background: linear-gradient(
    0deg,
    rgba(1, 72, 253, 0),
    rgba(7, 49, 146, 0.767)
  );
  border-radius: 5px;
  text-align: start;
  box-shadow: 4px -4px 4px rgba(23, 23, 23, 0.25);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-top-left-radius: 20px;
  border-top-right-radius: 15px;
  z-index: 0 !important;
}

.imgServicios {
  display: block;
  width: 100%;
  border-top-left-radius: 90px;
  border-top-right-radius: 15px;
  z-index: 1 !important;
}
.gif {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  width: 21%;
  position: absolute;
  box-shadow: 1px 1px 5px rgb(2, 47, 99);
}
.card-title {
  text-align: center;
  font-size: 20px;
  color: #fff;
  margin-top: 5%;
  margin-bottom: 5%;
}
.card-text {
  min-height: 10rem;
}
.card-text li {
  text-align: start;
  font-size: 20px;
  color: #fff;
  margin-left: 5%;
  margin-right: 5%;
  list-style: none;
}
.containerServicios .swiper-slide .card-link {
  text-align: center;
  margin-top: 5%;
  margin-bottom: 5%;
}
.containerServicios .swiper-slide .card-link a {
  background-color: rgb(34, 112, 202);
  width: 30%;
  border-radius: 5px;
  border-color: rgba(10, 10, 100, 0.521);
  font-size: 130%;
  cursor: pointer;
  text-align: center;
  padding: 0.4rem;
}
.containerServicios .swiper-slide .card-link a:hover {
  background-color: rgba(8, 144, 185, 0.795);
  border-color: rgb(77, 118, 231);
}
#botonCorrer {
  display: grid;
  grid-template-columns: 5% 5%;
  gap: 90%;
}
.swiper-button-next {
  position: relative !important;
  z-index: 0 !important;
}
.swiper-button-prev {
  position: relative !important;
  z-index: 0 !important;
}

/*tamaño compu*/
@media screen and (min-width: 1350px) {
  .containerServicios .swiper-slide .card-description h4 {
    font-size: 70% !important;
  }
  .containerServicios .swiper-slide .card-description p {
    font-size: 65% !important;
  }
  #botonCorrer {
    margin-left: 2%;
  }
  .swiper-button-next {
    margin-top: -12em !important;
  }
  .swiper-button-prev {
    margin-top: -12em !important;
  }
}

/*tamaño tablet*/
@media screen and (min-width: 820px) and (max-width: 1350px) {
  .containerServicios .swiper-slide .card-description h4 {
    font-size: 70% !important;
  }
  .containerServicios .swiper-slide .card-description p {
    font-size: 65% !important;
  }
  #botonCorrer {
    display: none;
  }
  .swiper-button-next {
    margin-top: -12em !important;
  }
  .swiper-button-prev {
    margin-top: -12em !important;
  }
}

/*para tamaño telefono*/
@media screen and (max-width: 820px) {
  .containerServicios {
    width: 80%;
  }
  .containerServicios .swiper-slide .card-description h4 {
    font-size: 70% !important;
  }
  .containerServicios .swiper-slide .card-description p {
    font-size: 70% !important;
  }
  .containerServicios .swiper-slide {
    font-size: 130%;
  }
  #botonCorrer {
    display: none;
  }
  .swiper-button-next {
    margin-top: -12em !important;
  }
  .swiper-button-prev {
    margin-top: -12em !important;
  }
}

/*para tamaño telefono chico*/
@media screen and (max-width: 460px) {
  .containerServicios .swiper-slide .card-description h4 {
    font-size: 70% !important;
  }
  .containerServicios .swiper-slide .card-description p {
    font-size: 65% !important;
  }
  #botonCorrer {
    display: none;
  }
  .swiper-button-next {
    margin-top: -12em !important;
  }
  .swiper-button-prev {
    margin-top: -12em !important;
  }
}

@media screen and (max-width: 320px) {
  .containerServicios .swiper-slide .card-description h4 {
    font-size: 55% !important;
  }
  .containerServicios .swiper-slide .card-description p {
    font-size: 50% !important;
  }
  .containerServicios .swiper-slide {
    font-size: 90% !important;
  }
  #botonCorrer {
    display: none;
  }
  .swiper-button-next {
    margin-top: -9em !important;
  }
  .swiper-button-prev {
    margin-top: -9em !important;
  }
}