swiper-container {

    width: 100%;

    height: 100%;

  }



  swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    animation: cambia;

  }



  swiper-slide img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    animation: cambia 1s infinite;

  }



  .swiper-button-next:hover{

    background-color: black;



  }

  .swiper-button-prev:hover{

background-color: black;

  }







  

/* other slid*/



.slider {

  max-width:100%;

  height:700px;

  margin: auto;

  position: relative;

  z-index: 1;

  margin-top: -200px;

}

.slide1,.slide2,.slide3,.slide4,.slide5 {

background-size: cover;

 position: absolute;

  width: 100%;

  height: 100%;

}

/*.slide1 { transition: 20s; background: url(../img/SLIDE_VEDA.jpg)no-repeat center;animation:cambia1 20s infinite; background-size: 100% 100%; } 

.slide2 { transition: 20s; background: url(../img/SLIDE_VEDA.jpg)no-repeat center;animation:cambia2 20s infinite; background-size: 100% 100%; }
*/
.slide1 { transition: 20s; background: url(../img/slide_new1.jpg)no-repeat center;animation:cambia1 20s infinite; background-size: 100% 100%; } 

.slide2 { transition: 20s; background: url(../img/slide_new2.jpg)no-repeat center;animation:cambia2 20s infinite; background-size: 100% 100%; }

.slide3 { transition: 20s; background: url(../img/slide_new3.jpg)no-repeat center;animation:cambia3 20s infinite; background-size: 100% 100%; }

.slide4 { transition: 20s; background: url(../img/slide_new4.jpg)no-repeat center;animation:cambia4 20s infinite; background-size: 100% 100%; }

@keyframes cambia1{0%{opacity:1}25% {opacity: 0}50% {opacity: 0}75% {opacity: 0}100% {opacity: 1}}

@keyframes cambia2{0%{opacity:0}25% {opacity: 1}50% {opacity: 0}75% {opacity: 0}100% {opacity: 0}}

@keyframes cambia3{0%{opacity:0}25% {opacity: 0}50% {opacity: 1}75% {opacity: 0}100% {opacity: 0}}

@keyframes cambia4{0%{opacity:0}25% {opacity: 0}50% {opacity: 0}75% {opacity: 1}100% {opacity: 0}}











/* other of other slider of slid*/



.slidering {

  max-width:100%;

  height:700px;

  margin: auto;

  position: relative;

  z-index: 1;

  margin-top: -200px;

}

.sliderin1,.sliderin2,.sliderin3,.sliderin4,.sliderin5 {

background-size: cover;

 position: absolute;

  width: 100%;

  height: 100%;

}

.sliderin1 { transition: 20s; background: url(../img/dif1.jpg)no-repeat center;animation:cambia1 20s infinite; background-size: 100% 100%; } 

.sliderin2 { transition: 20s; background: url(../img/foto06.jpg)no-repeat center;animation:cambia2 20s infinite; background-size: 100% 100%; }

.sliderin3 { transition: 20s; background: url(../img/dif2.jpg)no-repeat center;animation:cambia3 20s infinite; background-size: 100% 100%; }

.sliderin4 { transition: 20s; background: url(../img/dif3.jpg)no-repeat center;animation:cambia4 20s infinite; background-size: 100% 100%; }

@keyframes cambia1{0%{opacity:1}25% {opacity: 0}50% {opacity: 0}75% {opacity: 0}100% {opacity: 1}}

@keyframes cambia2{0%{opacity:0}25% {opacity: 1}50% {opacity: 0}75% {opacity: 0}100% {opacity: 0}}

@keyframes cambia3{0%{opacity:0}25% {opacity: 0}50% {opacity: 1}75% {opacity: 0}100% {opacity: 0}}

@keyframes cambia4{0%{opacity:0}25% {opacity: 0}50% {opacity: 0}75% {opacity: 1}100% {opacity: 0}}