.carousel-heading {
    text-align: center;
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}

.testimonial-carousel {
    position: relative;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 25px;
    background-color: #0c22e7;
    text-align: center;
}

.testimonial-carousel input {
    display: none;
}

.testimonial-carousel .slides {
    display: flex;
    transition: transform 1.5s ease-in-out;
}

.testimonial-carousel .slide {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding: 35px;
    padding-top: 0;
    padding-bottom: 10px;
}

.testimonial-carousel .profile-picture {
    flex-shrink: 0;
    margin-right: 20px;
}

.testimonial-carousel .profile-picture img {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    object-fit: cover;
}

.testimonial-carousel .details {
    text-align: left;
}

.testimonial-carousel .position,
.testimonial-carousel .name,
.testimonial-carousel .email {
    margin: 5px 0;
}

.testimonial-carousel .position {
    color: #fd7eb1;
    font-weight: bold;
    font-size: 18px;
}

.testimonial-carousel .email .email-text {
    color: white;
}

.testimonial-carousel .description {
    margin-top: 10px;
    font-style: italic;
}

.testimonial-carousel .rating {
    margin-top: 5px;
    color: gold;
}

.testimonial-carousel .indicators {
    text-align: center;
    margin-top: 20px;
}

.testimonial-carousel .indicators label {
    cursor: pointer;
    font-size: 30px;
    color: #fd7eb1;
    margin: 5px;
    transition: color 0.3s ease-in-out;
}

.testimonial-carousel input#carousel-1:checked ~ .indicators label:nth-of-type(1),
.testimonial-carousel input#carousel-2:checked ~ .indicators label:nth-of-type(2),
.testimonial-carousel input#carousel-3:checked ~ .indicators label:nth-of-type(3) {
    color: #f9e5ef;
}

#carousel-1:checked ~ .slides {
    transform: translateX(0);
}

#carousel-2:checked ~ .slides {
    transform: translateX(-100%);
}

#carousel-3:checked ~ .slides {
    transform: translateX(-200%);
}

@keyframes slide-animation {
    0%, 20% { transform: translateX(0); }
    33.33%, 53.33% { transform: translateX(-100%); }
    66.66%, 86.66% { transform: translateX(-200%); }
    100% { transform: translateX(0); }
}

.testimonial-carousel .slides {
    animation: slide-animation 15s infinite;
}

.testimonial-carousel input:checked ~ .slides {
    animation: none;
}


/*sdfdsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa ES PARA LOS VIDEOS DE YOUTUBE aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/*

/* CSS para el color de fondo del cuerpo de la página */
.test-body-bg {
    /*background-color: #dde0f7;*/ /* Color de fondo de prueba */
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

/* CSS para el contenedor con fondo de prueba */
.test-background-container {
    background-color: #dde0f7; /* Color de fondo actualizado */
    border-radius: 10px; /* Redondear las esquinas */
    width: 90%; /* Reducir el ancho al 80% del contenedor del cuerpo */
    max-width: 800px; /* Ajustar el ancho máximo del contenedor */
    padding: 50px;
    box-sizing: border-box; /* Incluye el padding en el cálculo del ancho */
    text-align: center;
    margin: 0 auto; /* Centrar el contenedor */
    /* Sin borde añadido */
}

/* CSS para el marco del video */
.test-video-frame {
    width: 100%;
    height: 315px;
    border-radius: 10px;
    margin-bottom: 20px;
}

/* CSS para el texto de la descripción */
.test-description-text {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 20px;
}


/************************************************************/

/*sdfdsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa ES PARA LOS MANUALES PDFS aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/*
/* CSS adicional para el contenedor del manual */
.unique-manual-container {
    background-color: #dde0f7; /* Color de fondo del contenedor */
    border-radius: 10px; /* Redondear las esquinas */
    width: 90%; /* Reducir el ancho al 90% del contenedor del cuerpo */
    max-width: 800px; /* Ajustar el ancho máximo del contenedor */
    padding: 50px;
    padding-top: 30px;
    padding-bottom: 0px;
    box-sizing: border-box; /* Incluye el padding en el cálculo del ancho */
    text-align: justify; /* Justificar el texto en lugar de centrarlo */
    margin: 0 auto; /* Centrar el contenedor */
}

/* CSS adicional para el botón */
.unique-manual-button {
    background-color: #0c22e7; /* Color de fondo del botón */
    color: #ffffff !important; /* Color del texto del botón por defecto */
    border: none; /* Sin borde */
    border-radius: 5px; /* Redondear las esquinas del botón */
    padding: 10px 20px; /* Espaciado interno del botón */
    text-decoration: none; /* Sin subrayado */
    font-size: 16px; /* Tamaño de fuente del botón */
    display: block; /* Hacer el botón un bloque */
    width: fit-content; /* Ajustar el ancho del botón al contenido */
    margin: 45px auto; /* Centrar el botón horizontalmente y margen superior */
    margin-bottom: 20px; /* Margen inferior del botón */
    transition: background-color 0.3s, color 0.3s; /* Transición suave para el color */
}

/* Estado del botón al pasar el ratón por encima */
.unique-manual-button:hover {
    background-color: #0a1cbb; /* Color de fondo al pasar el ratón por encima */
    color: #ff69b4 !important; /* Color del texto al pasar el ratón por encima (rosa) */
}

/* CSS adicional para la lista */
.unique-manual-list {
    list-style-type: disc; /* Cambiar de guiones a puntos */
    padding: 0;
    margin: 0;
    text-align: left; /* Alinear el texto a la izquierda para la lista */
    padding-left: 45px; /* Sangría para los puntos de la lista */
}

/*       **************** pequeño wigget al costado del formulario ********************* */ 

.sla-carousel-unique {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
    background-image: url('https://desk.zoho.com/portal/api/publicImages/392599000004749027?portalId=edbsn71dd41a1b1e545caf478490bbc0dcc4ade1418389c25629c0d5619188bbcf73a');
    background-size: cover;
    background-position: center;
    color: #ffffff;
    height: 200px;
}

.sla-carousel-unique input {
    display: none;
}

.sla-carousel-unique .slides-unique {
    display: flex;
    width: 300%;
    height: 15%;
    animation: slide-animation-unique 12s infinite;
}

.sla-carousel-unique .slide-unique {
    width: 33.3333%;
    flex-shrink: 0;
    padding: 20px;
  	padding-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 0.8em;
    text-align: center;
    box-sizing: border-box;
}

.sla-carousel-unique .slide-unique h3 {
    font-size: 1.5em;
    color: #fd7eb1;
    margin: 10px 0;
}

.sla-carousel-unique .slide-unique p {
    margin: 5px 0;
    line-height: 1.3;
    font-size: 1em;
}

.sla-carousel-unique .indicators-unique {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.sla-carousel-unique .indicators-unique label {
    background-color: #fd7eb1;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    width: 10px;
}

.sla-carousel-unique input:nth-of-type(1):checked ~ .slides-unique {
    transform: translateX(0%);
}

.sla-carousel-unique input:nth-of-type(2):checked ~ .slides-unique {
    transform: translateX(-33.333%);
}

.sla-carousel-unique input:nth-of-type(3):checked ~ .slides-unique {
    transform: translateX(-66.666%);
}

@keyframes slide-animation-unique {
    0% { transform: translateX(0%); }
    33% { transform: translateX(0%); }
    38% { transform: translateX(-33.333%); }
    71% { transform: translateX(-33.333%); }
    76% { transform: translateX(-66.666%); }
    100% { transform: translateX(-66.666%); }
}