.section-swiper{
   height: 70vh; 
    max-height: 70vh; 
    overflow: hidden; 
}


.section-swiper .section-title h2{
  font-size: clamp(22px, 4vw, 45px);
}

.swiper-container,
.swiper-wrapper,
.swiper-slide {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    font-size: 18px;
    background: #fff;
}
.slide-1 {
    background-image: url("../images/sliderswiper/cuquito-progrentis.webp");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slide-2 {
    background-image: url("../images/sliderswiper/cuquito-hape.webp");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slide-3 {
    background-image: url("../images/sliderswiper/cuquito-proyectos-integrales.webp");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slide-4 {
    background-image: url("../images/sliderswiper/cuquito-programa-socioafectivo.webp");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slide-5 {
    background-image: url("../images/sliderswiper/cuquito-arte-cultura-deportes.webp");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slide-1_1 {
    background-image: url("../images/sliderswiper/cuco-progrentis.webp");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slide-2_1 {
    background-image: url("../images/sliderswiper/cuco-ha-pe.webp");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slide-3_1 {
    background-image: url("../images/sliderswiper/cuco-proyectos-integrales.webp");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slide-4_1 {
    background-image: url("../images/sliderswiper/cuco-steam.webp");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slide-5_1 {
    background-image: url("../images/sliderswiper/cuco-programa-socioafectivo.webp");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slide-6_1 {
    background-image: url("../images/sliderswiper/cuco-talleres.webp");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slide-7_1 {
    background-image: url("../images/sliderswiper/cuco-especialidades.webp");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slide-8_1 {
    background-image: url("../images/sliderswiper/cuco-vocacional.webp");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slide-1, .slide-2, .slide-3, .slide-4, .slide-5, .slide-1_1, .slide-2_1, .slide-3_1, .slide-4_1, .slide-5_1, .slide-6_1, .slide-7_1, .slide-8_1 {
  background-position-y: -20vh;
}

.swiper-button-prev, .swiper-button-next {
  top: 40vh;
}


.swiper-slide h2 {
    max-width: 600px;
    text-align: left;
    margin-left: 34vw;
    margin-top: 5vw;
    font-size: clamp(22px, 3vw, 40px);
    font-weight: 900;
    color: #e32845;
}

.swiper-slide p {
    max-width: 58vw;
    text-align: left;
    margin-left: 34vw;
    font-size: clamp(16px, 2vw, 30px);
    /*font-size: 1.5vw;*/
    font-weight: 600;
    color: #001C38;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/sliderswiper/prev.svg)!important;
    right: 10px;
    left: auto;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url(../images/sliderswiper/next.svg)!important;
    left: 10px;
    right: auto;
}

/* responsive */

@media only screen and (min-width: 915px) {
.section-swiper{
  height: 99vh;
  max-height: 99vh;
  overflow: hidden;
}
}


@media only screen and (max-width: 1920px) {
  .swiper-button-prev, .swiper-button-next {
    /*top: 27vw;*/
    width: 10vw;
    height: 3vw;
    margin-top: 0;
  }

  .swiper-slide p {
    /*max-width: 850px;*/
    margin-left: 34vw;
    /*font-size: 3vw;*/
  }

.section-swiper{
  height: 99vh;
  max-height: 99vh;
  overflow: hidden;
}


}

@media only screen and (max-width: 1399px) {
  .swiper-button-prev, .swiper-button-next {
    /*top: 27vw;*/
    width: 10vw;
    height: 3vw;
    margin-top: 0;
  }

  .swiper-slide h2 {
    margin-left: 34vw;
    /*margin-top: 5vw;*/
    /*font-size: 5vw;*/
  }

  .swiper-slide p {
    /*max-width: 650px;*/
    margin-left: 34vw;
    /*font-size: 3vw;*/
  }

    .section-swiper {
    height: 85vh;
    max-height: 85vh;
    overflow: hidden;

}
}

@media only screen and (max-width: 1255px) {
  .swiper-button-prev, .swiper-button-next {
    /*top: 27vw;*/
    width: 10vw;
    height: 3vw;
    margin-top: 0;
  }

  .swiper-slide h2 {
    margin-left: 34vw;
    /*margin-top: 5vw;*/
    /*font-size: 5vw;*/
  }

  .swiper-slide p {
    /*max-width: 600px;*/
    margin-left: 34vw;
    /*font-size: 3vw;*/
  }

}

@media only screen and (max-width: 1199px) {
  .swiper-button-prev, .swiper-button-next {
    /*top: 27vw;*/
    width: 10vw;
    height: 3vw;
    margin-top: 0;
  }

  .swiper-slide h2 {
    margin-left: 34vw;
    /*margin-top: 14vw;*/
    /*font-size: 5vw;*/
  }

  .swiper-slide p {
    /*max-width: 550px;*/
    margin-left: 34vw;
    /*font-size: 3vw;*/
  }

  .slide-1, .slide-2, .slide-3, .slide-4, .slide-5, .slide-1_1, .slide-2_1, .slide-3_1, .slide-4_1, .slide-5_1, .slide-6_1, .slide-7_1, .slide-8_1{
  background-position-y: -5vh;
}

}

@media only screen and (max-width: 991px) {
  .swiper-button-prev, .swiper-button-next {
    top: 25vh;
    width: 10vw;
    height: 3vw;
    margin-top: 0;
  }

  .swiper-slide h2 {
    margin-left: 34vw;
    /*margin-top: 14vw;*/
    /*font-size: 5vw;*/
  }

  .swiper-slide p {
    /*max-width: 450px;*/
    margin-left: 34vw;
    /*font-size: 3vw;*/
  }

   .section-swiper{
    height: 65vh;
    max-height: 65vh;
    overflow: hidden;
  }

    .slide-1, .slide-2, .slide-3, .slide-4, .slide-5{
  background-position-y: -19vh;
}

 .slide-1_1, .slide-2_1, .slide-3_1, .slide-4_1, .slide-5_1, .slide-6_1, .slide-7_1, .slide-8_1{
  background-position-y: -11vh;
}

}

@media only screen and (max-width: 767px) {
  .swiper-button-prev, .swiper-button-next {
    top: 15vh;
    width: 10vw;
    height: 3vw;
    margin-top: 0;
  }

  .swiper-slide h2 {
    margin-left: 34vw;
    /*margin-top: 14vw;*/
    /*font-size: 5vw;*/
  }

  .swiper-slide p {
    /*max-width: 350px;*/
    margin-left: 34vw;
    /*font-size: 3vw;*/
  }

     .section-swiper{
    height: 50vh;
    max-height: 50vh;
    overflow: hidden;
  }

    .slide-1, .slide-2, .slide-3, .slide-4, .slide-5{
  background-position-y: -15vh;
}

 .slide-1_1, .slide-2_1, .slide-3_1, .slide-4_1, .slide-5_1, .slide-6_1, .slide-7_1, .slide-8_1{
  background-position-y: -11vh;
}
}

@media only screen and (max-width: 567px) {
  .swiper-button-prev, .swiper-button-next {
    /*top: 27vw;*/
    width: 10vw;
    height: 3vw;
    margin-top: 0;
  }

  .swiper-slide h2 {
    margin-left: 34vw;
    /*margin-top: 14vw;*/
    /*font-size: 5vw;*/
  }

  .swiper-slide p {
    /*max-width: 58vw;*/
    margin-left: 34vw;
    /*font-size: 3.7vw;*/
  }

     .section-swiper{
    height: 45vh;
    max-height: 50vh;
    overflow: hidden;
  }

     .slide-1, .slide-2, .slide-3, .slide-4, .slide-5{
  background-position-y: -10vh;
}

    .slide-1_1, .slide-2_1, .slide-3_1, .slide-4_1, .slide-5_1, .slide-6_1, .slide-7_1, .slide-8_1{
  background-position-y: -5vh;
}

}


@media only screen and (max-width: 380px){
 .section-swiper{
    height: 55vh;
    max-height: 55vh;
    overflow: hidden;
}

 .slide-1, .slide-2, .slide-3, .slide-4, .slide-5, .slide-1_1, .slide-2_1, .slide-3_1, .slide-4_1, .slide-5_1, .slide-6_1, .slide-7_1, .slide-8_1{
  background-position-y: 0vh;
}

.section-swiper .section-title{
  margin-bottom: 5px !important;
}

}

@media only screen and (max-height: 500px){
  .section-swiper{
    min-height: 100vh !important;
    overflow: scroll;
  }

  .swiper-slide p{

  }
}