.blue-slides-container
{
    background-color: #007cba;
    color: #fff;
    border-radius: 25px;
    overflow: hidden;

}

.blue-slide-container
{
    padding: 5em 4em 7em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blue-slide-container h4
{
    color: #fff;

    /* font-family: "Cabin", sans-serif; */ 
    font-size: 24px;
    font-weight: 700;
    line-height: 29.16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    
}

.blue-slide-container p
{
    text-align: center;

    font-family: Cabin;
    /* font-size: 20px; */ 
    font-weight: 400;
    /* line-height: 30px; */ 
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    
}


#blue-slide .splide__pagination__page {
    opacity: 0.8;
    width: 40px; /* Ajusta el ancho según sea necesario */
    height: 4px; /* Ajusta la altura según sea necesario */
    background-color: #d5d7d8; /* Color de la línea */
    border: none;
    border-radius: 2px; /* Bordes redondeados para que se asemeje más a una línea */
    display: inline-block; /* Para que se comporte como una línea */
    cursor: pointer; /* Si quieres que actúe como un botón */
}
  
#blue-slide .splide__pagination__page:focus,
#blue-slide .splide__pagination__page:hover {
    outline: none; /* Elimina el contorno predeterminado */
    background-color: #FFF; /* Cambia el color al pasar el mouse, si quieres */
}
  
#blue-slide .splide__pagination__page.is-active {
    background-color: #FFF;
    transform: scale(1);
    opacity: 1;
}
  

#blue-slide .splide__pagination
{
    bottom: 4em;
}

#blue-slide .splide__pagination li {
    margin: 0 5px;
}