.mycard {
  height: 50%;
  width: 100%;
  max-width: 24rem;
}
.cardtitle {
  font-weight: bold;
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
  text-align: center;
}
.cardimg {
width: 100%;
text-align: center;

}
.carddescription {
  --tw-text-opacity: 1;
  color: rgba(3, 3, 3, var(--tw-text-opacity));
  text-align: center;
  font-weight: bold;
}

.carddescription2 {
  --tw-text-opacity: 1;
  color: #ff8000;
  text-align: center;
  font-weight: bold;
}

.carddescription2:hover {
  color: #000;
  text-align: center;
  font-weight: bold;
  opacity: 0,5;
}

.slider {
  width: 100%;
  min-height: 385px;
}
.slider input {
  display: none;
}
.testimonials {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 375px;
  perspective: 500px;
  margin-top: 5rem;
  //*overflow: hidden;*/
}
.testimonials .item {
  max-width: 20rem;
  border-radius: 1.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  top: 0;
  position: absolute;
  box-sizing: border-box;
  background-color: #fff; /*aqui va la imagen de fondo*/
  text-align: center;
  transition: transform 0.4s;
  -webkit-transform-style: preserve-3d;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
width: 300px;

}
.testimonials .item img {
  width: 200px;
  border-radius: 12px;

}
.testimonials .item p {
  color: #000000;
}
.testimonials .item h2 {
  font-size: 14px;
}
.dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dots label {
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
  margin: 12px;
  transition: transform 0.2s, color 0.2s;
  top: 120px;
  position: relative;
}

/* First */
#t-1:checked ~ .dots label[for="t-1"] {
  transform: scale(2); transition: 1s;
  background-color: #ff8000;
}
#t-1:checked ~ .dots label[for="t-2"] {
  transform: scale(1.5); 
  transition: 1s;
}


#t-1:checked ~ .testimonials label[for="t-1"] {
  transform: translateX(00px) translateZ(-30px) translateY(-15px); 
  z-index: 32;
  transition: 1s;
  background-color:  rgba(255, 255, 255, 1); /*aqui va la imagen de fondo*/
}
#t-1:checked ~ .testimonials label[for="t-2"] {
  transform: translateX(200px) translateZ(-90px) translateY(-15px); 
  transition: 1s;
  z-index: 23;

}
#t-1:checked ~ .testimonials label[for="t-3"] {
  transform: translateX(400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 22;
 
}
#t-1:checked ~ .testimonials label[for="t-4"] {
  transform: translateX(600px) translateZ(-270px) translateY(-15px); 
  transition: 1s;
  z-index: 21;
 
}
#t-1:checked ~ .testimonials label[for="t-5"] {
  transform: translateX(800px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 20;
}
#t-1:checked ~ .testimonials label[for="t-6"] {
  transform: translateX(1000px) translateZ(-420px) translateY(-15px); 
  transition: 1s;
  z-index: 19;
}
#t-1:checked ~ .testimonials label[for="t-7"] {
  transform: translateX(1200px) translateZ(-480px) translateY(-15px); 
  transition: 1s;
  z-index: 18;
}
#t-1:checked ~ .testimonials label[for="t-8"] {
  transform: translateX(1400px) translateZ(-540px) translateY(-15px); 
  transition: 1s;
  z-index: 17;
}
#t-1:checked ~ .testimonials label[for="t-9"] {
  transform: translateX(1600px) translateZ(-600px) translateY(-15px); 
  transition: 1s;
  z-index: 16;
}
#t-1:checked ~ .testimonials label[for="t-10"] {
  transform: translateX(1800px) translateZ(-660px) translateY(-15px); 
  transition: 1s;
  z-index: 15;
}#t-1:checked ~ .testimonials label[for="t-11"] {
  transform: translateX(2000px) translateZ(-720px) translateY(-15px); 
  transition: 1s;
  z-index: 14;
}#t-1:checked ~ .testimonials label[for="t-12"] {
  transform: translateX(2200px) translateZ(-780px) translateY(-15px); 
  transition: 1s;
  z-index: 13;
}

/* Second */
#t-2:checked ~ .dots label[for="t-1"] {
  transform: scale(1.5);
  transition: 1s;
}
#t-2:checked ~ .dots label[for="t-2"] {
  transform: scale(2);
  transition: 1s;
  background-color: #ff8000;
  
}
#t-2:checked ~ .dots label[for="t-3"] {
  transform: scale(1.5);
  transition: 1s;
}


#t-2:checked ~ .testimonials label[for="t-1"] {
  transform: translateX(-200px) translateZ(-90px) translateY(-15px); 
  z-index: 32;
  transition: 1s;
  z-index: 10;
}
#t-2:checked ~ .testimonials label[for="t-2"] {
  transform: translateX(00px) translateZ(-30px) translateY(-15px); 
  transition: 1s;
  z-index: 24;
  background-color:  rgba(255, 255, 255, 1); /*aqui va la imagen de fondo*/

}
#t-2:checked ~ .testimonials label[for="t-3"] {
  transform: translateX(200px) translateZ(-90px) translateY(-15px); 
  transition: 1s;
  z-index: 23;

}
#t-2:checked ~ .testimonials label[for="t-4"] {
  transform: translateX(400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 22;
 
}
#t-2:checked ~ .testimonials label[for="t-5"] {
  transform: translateX(600px) translateZ(-270px) translateY(-15px); 
  transition: 1s;
  z-index: 21;
 
}
#t-2:checked ~ .testimonials label[for="t-6"] {
  transform: translateX(800px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 20;
}
#t-2:checked ~ .testimonials label[for="t-7"] {
  transform: translateX(1000px) translateZ(-420px) translateY(-15px); 
  transition: 1s;
  z-index: 19;
}
#t-2:checked ~ .testimonials label[for="t-8"] {
  transform: translateX(1200px) translateZ(-480px) translateY(-15px); 
  transition: 1s;
  z-index: 18;
}
#t-2:checked ~ .testimonials label[for="t-9"] {
  transform: translateX(1400px) translateZ(-540px) translateY(-15px); 
  transition: 1s;
  z-index: 17;
}
#t-2:checked ~ .testimonials label[for="t-10"] {
  transform: translateX(1600px) translateZ(-600px) translateY(-15px); 
  transition: 1s;
  z-index: 16;
}
#t-2:checked ~ .testimonials label[for="t-11"] {
  transform: translateX(1800px) translateZ(-660px) translateY(-15px); 
  transition: 1s;
  z-index: 15;
}#t-2:checked ~ .testimonials label[for="t-12"] {
  transform: translateX(2000px) translateZ(-720px) translateY(-15px); 
  transition: 1s;
  z-index: 14;

}

/* Third */
#t-3:checked ~ .dots label[for="t-2"] {
  transform: scale(1.5);
  transition: 1s;
}
#t-3:checked ~ .dots label[for="t-3"] {
  transform: scale(2);
  transition: 1s;
  background-color: #ff8000;
}
#t-3:checked ~ .dots label[for="t-4"] {
  transform: scale(1.5);
  transition: 1s;
}



#t-3:checked ~ .testimonials label[for="t-1"] {
  transform: translateX(-400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 9;
 
}
#t-3:checked ~ .testimonials label[for="t-2"] {
  transform: translateX(-200px) translateZ(-90px) translateY(-15px); 
  z-index: 32;
  transition: 1s;
  z-index: 10;
}
#t-3:checked ~ .testimonials label[for="t-3"] {
  transform: translateX(00px) translateZ(-30px) translateY(-15px); 
  transition: 1s;
  z-index: 24;
  background-color:  rgba(255, 255, 255, 1); /*aqui va la imagen de fondo*/

}
#t-3:checked ~ .testimonials label[for="t-4"] {
  transform: translateX(200px) translateZ(-90px) translateY(-15px); 
  transition: 1s;
  z-index: 23;

}
#t-3:checked ~ .testimonials label[for="t-5"] {
  transform: translateX(400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 22;
 
}
#t-3:checked ~ .testimonials label[for="t-6"] {
  transform: translateX(600px) translateZ(-270px) translateY(-15px); 
  transition: 1s;
  z-index: 21;
 
}
#t-3:checked ~ .testimonials label[for="t-7"] {
  transform: translateX(800px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 20;
}
#t-3:checked ~ .testimonials label[for="t-8"] {
  transform: translateX(1000px) translateZ(-420px) translateY(-15px); 
  transition: 1s;
  z-index: 19;
}
#t-3:checked ~ .testimonials label[for="t-9"] {
  transform: translateX(1200px) translateZ(-480px) translateY(-15px); 
  transition: 1s;
  z-index: 18;
}
#t-3:checked ~ .testimonials label[for="t-10"] {
  transform: translateX(1400px) translateZ(-540px) translateY(-15px); 
  transition: 1s;
  z-index: 17;
}
#t-3:checked ~ .testimonials label[for="t-11"] {
  transform: translateX(1600px) translateZ(-600px) translateY(-15px); 
  transition: 1s;
  z-index: 16;
}
#t-3:checked ~ .testimonials label[for="t-12"] {
  transform: translateX(1800px) translateZ(-660px) translateY(-15px); 
  transition: 1s;
  z-index: 15;
}




/* Fourth */
#t-4:checked ~ .dots label[for="t-3"] {
  transform: scale(1.5);
  transition: 1s;
}
#t-4:checked ~ .dots label[for="t-4"] {
  transform: scale(2);
  background-color: #ff8000;
  transition: 1s;
}
#t-4:checked ~ .dots label[for="t-5"] {
  transform: scale(1.5);
  transition: 1s;
}
#t-4:checked ~ .testimonials label[for="t-1"] {
  transform: translateX(-600px) translateZ(-240px) translateY(-15px); 
  transition: 1s;
  z-index: 8;
}
#t-4:checked ~ .testimonials label[for="t-2"] {
  transform: translateX(-400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 9;
 
}
#t-4:checked ~ .testimonials label[for="t-3"] {
  transform: translateX(-200px) translateZ(-90px) translateY(-15px); 
  z-index: 32;
  transition: 1s;
  z-index: 10;
}
#t-4:checked ~ .testimonials label[for="t-4"] {
  transform: translateX(00px) translateZ(-30px) translateY(-15px); 
  transition: 1s;
  z-index: 24;
  background-color:  rgba(255, 255, 255, 1); /*aqui va la imagen de fondo*/

}
#t-4:checked ~ .testimonials label[for="t-5"] {
  transform: translateX(200px) translateZ(-90px) translateY(-15px); 
  transition: 1s;
  z-index: 23;

}
#t-4:checked ~ .testimonials label[for="t-6"] {
  transform: translateX(400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 22;
 
}
#t-4:checked ~ .testimonials label[for="t-7"] {
  transform: translateX(600px) translateZ(-270px) translateY(-15px); 
  transition: 1s;
  z-index: 21;
 
}
#t-4:checked ~ .testimonials label[for="t-8"] {
  transform: translateX(800px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 20;
}
#t-4:checked ~ .testimonials label[for="t-9"] {
  transform: translateX(1000px) translateZ(-420px) translateY(-15px); 
  transition: 1s;
  z-index: 19;
}
#t-4:checked ~ .testimonials label[for="t-10"] {
  transform: translateX(1200px) translateZ(-480px) translateY(-15px); 
  transition: 1s;
  z-index: 18;
}
#t-4:checked ~ .testimonials label[for="t-11"] {
  transform: translateX(1400px) translateZ(-540px) translateY(-15px); 
  transition: 1s;
  z-index: 17;
}
#t-4:checked ~ .testimonials label[for="t-12"] {
  transform: translateX(1600px) translateZ(-600px) translateY(-15px); 
  transition: 1s;
  z-index: 16;
}


/* Fifth */
#t-5:checked ~ .dots label[for="t-4"] {
  transform: scale(1.5);
  transition: 1s;
}
#t-5:checked ~ .dots label[for="t-5"] {
  transform: scale(2);
  transition: 1s;
  background-color: #ff8000;
}
#t-5:checked ~ .dots label[for="t-6"] {
  transform: scale(1.5);
  transition: 1s;

}

#t-5:checked ~ .testimonials label[for="t-1"] {
  transform: translateX(-800px) translateZ(-300px) translateY(-15px); 
  transition: 1s;
  z-index: 7;
}
#t-5:checked ~ .testimonials label[for="t-2"] {
  transform: translateX(-600px) translateZ(-240px) translateY(-15px); 
  transition: 1s;
  z-index: 8;
}
#t-5:checked ~ .testimonials label[for="t-3"] {
  transform: translateX(-400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 9;
 
}
#t-5:checked ~ .testimonials label[for="t-4"] {
  transform: translateX(-200px) translateZ(-90px) translateY(-15px); 
  z-index: 32;
  transition: 1s;
  z-index: 10;
}
#t-5:checked ~ .testimonials label[for="t-5"] {
  transform: translateX(00px) translateZ(-30px) translateY(-15px); 
  transition: 1s;
  z-index: 24;
  background-color:  rgba(255, 255, 255, 1); /*aqui va la imagen de fondo*/

}
#t-5:checked ~ .testimonials label[for="t-6"] {
  transform: translateX(200px) translateZ(-90px) translateY(-15px); 
  transition: 1s;
  z-index: 23;

}
#t-5:checked ~ .testimonials label[for="t-7"] {
  transform: translateX(400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 22;
 
}
#t-5:checked ~ .testimonials label[for="t-8"] {
  transform: translateX(600px) translateZ(-270px) translateY(-15px); 
  transition: 1s;
  z-index: 21;
 
}
#t-5:checked ~ .testimonials label[for="t-9"] {
  transform: translateX(800px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 20;
}
#t-5:checked ~ .testimonials label[for="t-10"] {
  transform: translateX(1000px) translateZ(-420px) translateY(-15px); 
  transition: 1s;
  z-index: 19;
}
#t-5:checked ~ .testimonials label[for="t-11"] {
  transform: translateX(1200px) translateZ(-480px) translateY(-15px); 
  transition: 1s;
  z-index: 18;
}
#t-5:checked ~ .testimonials label[for="t-12"] {
  transform: translateX(1400px) translateZ(-540px) translateY(-15px); 
  transition: 1s;
  z-index: 17;
}


/* sexto */
#t-6:checked ~ .dots label[for="t-5"] {
  transform: scale(1.5);
  transition: 1s;

}
#t-6:checked ~ .dots label[for="t-6"] {
  transform: scale(2);
  transition: 1s;
  background-color: #ff8000;
}
#t-6:checked ~ .dots label[for="t-7"] {
  transform: scale(1.5);
  transition: 1s;

}


#t-6:checked ~ .testimonials label[for="t-1"] {
  transform: translateX(-1000px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 6;
}
#t-6:checked ~ .testimonials label[for="t-2"] {
  transform: translateX(-800px) translateZ(-300px) translateY(-15px); 
  transition: 1s;
  z-index: 7;
}
#t-6:checked ~ .testimonials label[for="t-3"] {
  transform: translateX(-600px) translateZ(-240px) translateY(-15px); 
  transition: 1s;
  z-index: 8;
}
#t-6:checked ~ .testimonials label[for="t-4"] {
  transform: translateX(-400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 9;
 
}
#t-6:checked ~ .testimonials label[for="t-5"] {
  transform: translateX(-200px) translateZ(-90px) translateY(-15px); 
  z-index: 32;
  transition: 1s;
  z-index: 10;
}
#t-6:checked ~ .testimonials label[for="t-6"] {
  transform: translateX(00px) translateZ(-30px) translateY(-15px); 
  transition: 1s;
  z-index: 24;
  background-color:  rgba(255, 255, 255, 1); /*aqui va la imagen de fondo*/

}
#t-6:checked ~ .testimonials label[for="t-7"] {
  transform: translateX(200px) translateZ(-90px) translateY(-15px); 
  transition: 1s;
  z-index: 23;

}
#t-6:checked ~ .testimonials label[for="t-8"] {
  transform: translateX(400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 22;
 
}
#t-6:checked ~ .testimonials label[for="t-9"] {
  transform: translateX(600px) translateZ(-270px) translateY(-15px); 
  transition: 1s;
  z-index: 21;
 
}
#t-6:checked ~ .testimonials label[for="t-10"] {
  transform: translateX(800px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 20;
}
#t-6:checked ~ .testimonials label[for="t-11"] {
  transform: translateX(1000px) translateZ(-420px) translateY(-15px); 
  transition: 1s;
  z-index: 19;
}
#t-6:checked ~ .testimonials label[for="t-12"] {
  transform: translateX(1200px) translateZ(-480px) translateY(-15px); 
  transition: 1s;
  z-index: 18;
}

/* septimo */
#t-7:checked ~ .dots label[for="t-6"] {
  transform: scale(1.5);
  transition: 1s;
}
#t-7:checked ~ .dots label[for="t-7"] {
  transform: scale(2);
  transition: 1s;
  background-color: #ff8000;
}
#t-7:checked ~ .dots label[for="t-8"] {
  transform: scale(1.5);
  transition: 1s;

}
#t-7:checked ~ .testimonials label[for="t-1"] {
  transform: translateX(-1200px) translateZ(-420px) translateY(-15px); 
  transition: 1s;
  z-index: 5;
}
#t-7:checked ~ .testimonials label[for="t-2"] {
  transform: translateX(-1000px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 6;
}
#t-7:checked ~ .testimonials label[for="t-3"] {
  transform: translateX(-800px) translateZ(-300px) translateY(-15px); 
  transition: 1s;
  z-index: 7;
}
#t-7:checked ~ .testimonials label[for="t-4"] {
  transform: translateX(-600px) translateZ(-240px) translateY(-15px); 
  transition: 1s;
  z-index: 8;
}
#t-7:checked ~ .testimonials label[for="t-5"] {
  transform: translateX(-400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 9;
 
}
#t-7:checked ~ .testimonials label[for="t-6"] {
  transform: translateX(-200px) translateZ(-90px) translateY(-15px); 
  z-index: 32;
  transition: 1s;
  z-index: 10;
}
#t-7:checked ~ .testimonials label[for="t-7"] {
  transform: translateX(00px) translateZ(-30px) translateY(-15px); 
  transition: 1s;
  z-index: 24;
  background-color:  rgba(255, 255, 255, 1); /*aqui va la imagen de fondo*/

}
#t-7:checked ~ .testimonials label[for="t-8"] {
  transform: translateX(200px) translateZ(-90px) translateY(-15px); 
  transition: 1s;
  z-index: 23;

}
#t-7:checked ~ .testimonials label[for="t-9"] {
  transform: translateX(400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 22;
 
}
#t-7:checked ~ .testimonials label[for="t-10"] {
  transform: translateX(600px) translateZ(-270px) translateY(-15px); 
  transition: 1s;
  z-index: 21;
 
}
#t-7:checked ~ .testimonials label[for="t-11"] {
  transform: translateX(800px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 20;
}
#t-7:checked ~ .testimonials label[for="t-12"] {
  transform: translateX(1000px) translateZ(-420px) translateY(-15px); 
  transition: 1s;
  z-index: 19;
}

/* octavo */
#t-8:checked ~ .dots label[for="t-7"] {
  transform: scale(1.5);
  transition: 1s;
}
#t-8:checked ~ .dots label[for="t-8"] {
  transform: scale(2);
  transition: 1s;
  background-color: #ff8000;
}
#t-8:checked ~ .dots label[for="t-9"] {
  transform: scale(1.5);
  transition: 1s;

}
#t-8:checked ~ .testimonials label[for="t-1"] {
  transform: translateX(-1400px) translateZ(-480px) translateY(-15px); 
  transition: 1s;
  z-index: 4;
}
#t-8:checked ~ .testimonials label[for="t-2"] {
  transform: translateX(-1200px) translateZ(-420px) translateY(-15px); 
  transition: 1s;
  z-index: 5;
}
#t-8:checked ~ .testimonials label[for="t-3"] {
  transform: translateX(-1000px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 6;
}
#t-8:checked ~ .testimonials label[for="t-4"] {
  transform: translateX(-800px) translateZ(-300px) translateY(-15px); 
  transition: 1s;
  z-index: 7;
}
#t-8:checked ~ .testimonials label[for="t-5"] {
  transform: translateX(-600px) translateZ(-240px) translateY(-15px); 
  transition: 1s;
  z-index: 8;
}
#t-8:checked ~ .testimonials label[for="t-6"] {
  transform: translateX(-400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 9;
 
}
#t-8:checked ~ .testimonials label[for="t-7"] {
  transform: translateX(-200px) translateZ(-90px) translateY(-15px); 
  z-index: 32;
  transition: 1s;
  z-index: 10;
}
#t-8:checked ~ .testimonials label[for="t-8"] {
  transform: translateX(00px) translateZ(-30px) translateY(-15px); 
  transition: 1s;
  z-index: 24;
  background-color:  rgba(255, 255, 255, 1); /*aqui va la imagen de fondo*/

}
#t-8:checked ~ .testimonials label[for="t-9"] {
  transform: translateX(200px) translateZ(-90px) translateY(-15px); 
  transition: 1s;
  z-index: 23;

}
#t-8:checked ~ .testimonials label[for="t-10"] {
  transform: translateX(400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 22;
 
}
#t-8:checked ~ .testimonials label[for="t-11"] {
  transform: translateX(600px) translateZ(-270px) translateY(-15px); 
  transition: 1s;
  z-index: 21;
 
}
#t-8:checked ~ .testimonials label[for="t-12"] {
  transform: translateX(800px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 20;
}


/* noveno */
#t-9:checked ~ .dots label[for="t-8"] {
  transform: scale(1.5);
  transition: 1s;
}
#t-9:checked ~ .dots label[for="t-9"] {
  transform: scale(2);
  transition: 1s;
  background-color: #ff8000;
}
#t-9:checked ~ .dots label[for="t-10"] {
  transform: scale(1.5);
  transition: 1s;

}
#t-9:checked ~ .testimonials label[for="t-1"] {
  transform: translateX(-1600px) translateZ(-540px) translateY(-15px); 
  transition: 1s;
  z-index: 3;
}
#t-9:checked ~ .testimonials label[for="t-2"] {
  transform: translateX(-1400px) translateZ(-480px) translateY(-15px); 
  transition: 1s;
  z-index: 4;
}
#t-9:checked ~ .testimonials label[for="t-3"] {
  transform: translateX(-1200px) translateZ(-420px) translateY(-15px); 
  transition: 1s;
  z-index: 5;
}
#t-9:checked ~ .testimonials label[for="t-4"] {
  transform: translateX(-1000px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 6;
}
#t-9:checked ~ .testimonials label[for="t-5"] {
  transform: translateX(-800px) translateZ(-300px) translateY(-15px); 
  transition: 1s;
  z-index: 7;
}
#t-9:checked ~ .testimonials label[for="t-6"] {
  transform: translateX(-600px) translateZ(-240px) translateY(-15px); 
  transition: 1s;
  z-index: 8;
}
#t-9:checked ~ .testimonials label[for="t-7"] {
  transform: translateX(-400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 9;
 
}
#t-9:checked ~ .testimonials label[for="t-8"] {
  transform: translateX(-200px) translateZ(-90px) translateY(-15px); 
  z-index: 32;
  transition: 1s;
  z-index: 10;
}
#t-9:checked ~ .testimonials label[for="t-9"] {
  transform: translateX(00px) translateZ(-30px) translateY(-15px); 
  transition: 1s;
  z-index: 24;
  background-color:  rgba(255, 255, 255, 1); /*aqui va la imagen de fondo*/

}
#t-9:checked ~ .testimonials label[for="t-10"] {
  transform: translateX(200px) translateZ(-90px) translateY(-15px); 
  transition: 1s;
  z-index: 23;

}
#t-9:checked ~ .testimonials label[for="t-11"] {
  transform: translateX(400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 22;
 
}
#t-9:checked ~ .testimonials label[for="t-12"] {
  transform: translateX(600px) translateZ(-270px) translateY(-15px); 
  transition: 1s;
  z-index: 21;
 
}

/* decimo */
#t-10:checked ~ .dots label[for="t-9"] {
  transform: scale(1.5);
  transition: 1s;
}
#t-10:checked ~ .dots label[for="t-10"] {
  transform: scale(2);
  transition: 1s;
  background-color: #ff8000;
}
#t-10:checked ~ .dots label[for="t-11"] {
  transform: scale(1.5);
  transition: 1s;

}
#t-10:checked ~ .testimonials label[for="t-1"] {
  transform: translateX(-1800px) translateZ(-600px) translateY(-15px); 
  transition: 1s;
  z-index: 3;
}
#t-10:checked ~ .testimonials label[for="t-2"] {
  transform: translateX(-1600px) translateZ(-540px) translateY(-15px); 
  transition: 1s;
  z-index: 3;
}
#t-10:checked ~ .testimonials label[for="t-3"] {
  transform: translateX(-1400px) translateZ(-480px) translateY(-15px); 
  transition: 1s;
  z-index: 4;
}
#t-10:checked ~ .testimonials label[for="t-4"] {
  transform: translateX(-1200px) translateZ(-420px) translateY(-15px); 
  transition: 1s;
  z-index: 5;
}
#t-10:checked ~ .testimonials label[for="t-5"] {
  transform: translateX(-1000px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 6;
}
#t-10:checked ~ .testimonials label[for="t-6"] {
  transform: translateX(-800px) translateZ(-300px) translateY(-15px); 
  transition: 1s;
  z-index: 7;
}
#t-10:checked ~ .testimonials label[for="t-7"] {
  transform: translateX(-600px) translateZ(-240px) translateY(-15px); 
  transition: 1s;
  z-index: 8;
}
#t-10:checked ~ .testimonials label[for="t-8"] {
  transform: translateX(-400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 9;
 
}
#t-10:checked ~ .testimonials label[for="t-9"] {
  transform: translateX(-200px) translateZ(-90px) translateY(-15px); 
  z-index: 32;
  transition: 1s;
  z-index: 10;
}
#t-10:checked ~ .testimonials label[for="t-10"] {
  transform: translateX(00px) translateZ(-30px) translateY(-15px); 
  transition: 1s;
  z-index: 24;
  background-color:  rgba(255, 255, 255, 1); /*aqui va la imagen de fondo*/

}
#t-10:checked ~ .testimonials label[for="t-11"] {
  transform: translateX(200px) translateZ(-90px) translateY(-15px); 
  transition: 1s;
  z-index: 23;

}
#t-10:checked ~ .testimonials label[for="t-12"] {
  transform: translateX(400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 22;
 
}

/* decimo primero */
#t-11:checked ~ .dots label[for="t-10"] {
  transform: scale(1.5);
  transition: 1s;
}
#t-11:checked ~ .dots label[for="t-11"] {
  transform: scale(2);
  transition: 1s;
  background-color: #ff8000;
}
#t-11:checked ~ .dots label[for="t-12"] {
  transform: scale(1.5);
  transition: 1s;
}
#t-11:checked ~ .testimonials label[for="t-1"] {
  transform: translateX(-2000px) translateZ(-660px) translateY(-15px); 
  transition: 1s;
  z-index: 1;
}
#t-11:checked ~ .testimonials label[for="t-2"] {
  transform: translateX(-1800px) translateZ(-600px) translateY(-15px); 
  transition: 1s;
  z-index: 2;
}
#t-11:checked ~ .testimonials label[for="t-3"] {
  transform: translateX(-1600px) translateZ(-540px) translateY(-15px); 
  transition: 1s;
  z-index: 3;
}
#t-11:checked ~ .testimonials label[for="t-4"] {
  transform: translateX(-1400px) translateZ(-480px) translateY(-15px); 
  transition: 1s;
  z-index: 4;
}
#t-11:checked ~ .testimonials label[for="t-5"] {
  transform: translateX(-1200px) translateZ(-420px) translateY(-15px); 
  transition: 1s;
  z-index: 5;
}
#t-11:checked ~ .testimonials label[for="t-6"] {
  transform: translateX(-1000px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 6;
}
#t-11:checked ~ .testimonials label[for="t-7"] {
  transform: translateX(-800px) translateZ(-300px) translateY(-15px); 
  transition: 1s;
  z-index: 7;
}
#t-11:checked ~ .testimonials label[for="t-8"] {
  transform: translateX(-600px) translateZ(-240px) translateY(-15px); 
  transition: 1s;
  z-index: 8;
}
#t-11:checked ~ .testimonials label[for="t-9"] {
  transform: translateX(-400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 9;
 
}
#t-11:checked ~ .testimonials label[for="t-10"] {
  transform: translateX(-200px) translateZ(-90px) translateY(-15px); 
  z-index: 32;
  transition: 1s;
  z-index: 10;
}
#t-11:checked ~ .testimonials label[for="t-11"] {
  transform: translateX(00px) translateZ(-30px) translateY(-15px); 
  transition: 1s;
  z-index: 24;
  background-color:  rgba(255, 255, 255, 1); /*aqui va la imagen de fondo*/

}
#t-11:checked ~ .testimonials label[for="t-12"] {
  transform: translateX(200px) translateZ(-90px) translateY(-15px); 
  transition: 1s;
  z-index: 23;

}


/* decimo segundo */
#t-12:checked ~ .dots label[for="t-11"] {
  transform: scale(1.5);
  transition: 1s;
}
#t-12:checked ~ .dots label[for="t-12"] {
  transform: scale(2);
  transition: 1s;
  background-color: #ff8000;
}
#t-12:checked ~ .testimonials label[for="t-1"] {
  transform: translateX(-2200px) translateZ(-720px) translateY(-15px); 
  transition: 1s;
  z-index: 13;
}
#t-12:checked ~ .testimonials label[for="t-2"] {
  transform: translateX(-2000px) translateZ(-660px) translateY(-15px); 
  transition: 1s;
  z-index: 14;
}
#t-12:checked ~ .testimonials label[for="t-3"] {
  transform: translateX(-1800px) translateZ(-600px) translateY(-15px); 
  transition: 1s;
  z-index: 15;
}
#t-12:checked ~ .testimonials label[for="t-4"] {
  transform: translateX(-1600px) translateZ(-540px) translateY(-15px); 
  transition: 1s;
  z-index: 16;
}
#t-12:checked ~ .testimonials label[for="t-5"] {
  transform: translateX(-1400px) translateZ(-480px) translateY(-15px); 
  transition: 1s;
  z-index: 17;
}
#t-12:checked ~ .testimonials label[for="t-6"] {
  transform: translateX(-1200px) translateZ(-420px) translateY(-15px); 
  transition: 1s;
  z-index: 18;
}
#t-12:checked ~ .testimonials label[for="t-7"] {
  transform: translateX(-1000px) translateZ(-360px) translateY(-15px); 
  transition: 1s;
  z-index: 19;
}
#t-12:checked ~ .testimonials label[for="t-8"] {
  transform: translateX(-800px) translateZ(-300px) translateY(-15px); 
  transition: 1s;
  z-index: 20;
}
#t-12:checked ~ .testimonials label[for="t-9"] {
  transform: translateX(-600px) translateZ(-240px) translateY(-15px); 
  transition: 1s;
  z-index: 21;
}
#t-12:checked ~ .testimonials label[for="t-10"] {
  transform: translateX(-400px) translateZ(-180px) translateY(-15px); 
  transition: 1s;
  z-index: 22;
 
}
#t-12:checked ~ .testimonials label[for="t-11"] {
  transform: translateX(-200px) translateZ(-90px) translateY(-15px); 
  z-index: 32;
  transition: 1s;
  z-index: 23;
}
#t-12:checked ~ .testimonials label[for="t-12"] {
  transform: translateX(00px) translateZ(-30px) translateY(-15px); 
  transition: 1s;
  z-index: 24;
  background-color:  rgba(255, 255, 255, 1); /*aqui va la imagen de fondo*/

}