/* Estilos para el Carrusel */
.MyCarrusel .banner {
    
    /*background-size: cover;*/
    background-size: 250vh;
    background-position: top;
    height: 88vh; /* Ajusta la altura según sea necesario */
    /* height: 100vh; /* Establece la altura en 100% de la ventana */
}

.MyCarrusel .banner2 {
    
    /*background-size: cover;*/
    background-size: 230vh;
    background-position: top;
    height: 58vh; /* Ajusta la altura según sea necesario */
    /* height: 100vh; /* Establece la altura en 100% de la ventana */
}
.MyCarrusel .banner3 {
    
    /*background-size: cover;*/
    background-size: 230vh;
    background-position: top;
    height: 62vh;/* Ajusta la altura según sea necesario */
    /* height: 100vh; /* Establece la altura en 100% de la ventana */
}
.MyCarrusel .preguntas2{
    
    /*background-size: cover;*/
    margin-left: -4vh;
}
.MyCarrusel .CONTADOR {
    
    /*background-size: cover;*/
    background-size: 230vh;
    background-position: top;
    height: 34vh; /* Ajusta la altura según sea necesario */
    /* height: 100vh; /* Establece la altura en 100% de la ventana */
}
.MyCarrusel .fondo2 {
    
    /*background-size: cover;*/
    background-size: 400vh;
    background-position: center;
    height: 30vh; /* Ajusta la altura según sea necesario */
    /* height: 100vh; /* Establece la altura en 100% de la ventana */
}
.MyCarrusel .CONTADOR2 {
    
    /*background-size: cover;*/
    background-size: 230vh;
    background-position: top;
    height: 302vh; /* Ajusta la altura según sea necesario */
    /* height: 100vh; /* Establece la altura en 100% de la ventana */
}
.MyCarrusel .carousel-caption {
    position: absolute;
    /*right: 2%;*/
    bottom: 24%;
    /*left: 15%;*/
    left: 60%;
    Right: 8%;
    z-index: 10;
    padding-top: 4vh;
    padding-bottom: 4vh;
    color: #fff;
    text-align: left;
}
.MyCarrusel .carousel-caption4 {
    position: absolute;
    /*right: 2%;*/
    bottom: 5%;
    /*left: 15%;*/
    left: 60%;
    Right: 8%;
    z-index: 10;
    padding-top: 3vh;
    padding-bottom: 4vh;
    color: #fff;
    text-align: left;
}
.MyCarrusel .carousel-caption3 {
    position: absolute;
    /*right: 2%;*/
    bottom: 13%;
    /*left: 15%;*/
    left: 60%;
    Right: 8%;
    z-index: 10;
    padding-top: 4vh;
    padding-bottom: 4vh;
    color: #ffffff;
    text-align: left;
}

.MyCarrusel .carousel-caption h1 {
    font-size: 6vh;
    font-weight: bold;
    color: #ffffff;
}

.MyCarrusel .carousel-caption p {
    font-size: 3vh;
    margin-bottom: 20px;
    color: #ffffff;
}
.MyCarrusel .carousel-caption2 {
    position: absolute;
    /*right: 2%;*/
    bottom: 19%;
    /*left: 15%;*/
    left: 45%;
    Right: 14%;
    z-index: 10;
    padding-top: 4vh;
    padding-bottom: 4vh;
    color: #fff;
    text-align: left;
}
.MyCarrusel .carousel-caption2 h1 {
    font-size: 6vh;
    font-weight: bold;
    color: #ffffff;
}

.MyCarrusel .carousel-caption2 p {
    font-size: 3vh;
    margin-bottom: 20px;
    color: #ffffff;
}


.MyCarrusel .carousel-caption3 h1 {
    font-size: 4vh; 
    font-weight: bold;
    color: #000000;
    text-align: center;
    padding-bottom: 3%;
    margin-left: 3%;
}

.MyCarrusel .carousel-caption3 p {
    font-size: 3vh;
    color: #000000;
    text-align: center;
    margin-bottom: -6%;
}

.MyCarrusel .carousel-caption4 h1 {
    font-size: 5vh;
    font-weight: bold;
    margin-bottom: 1vh;
    color: #000000;
    text-align: center;
}

.MyCarrusel .carousel-caption4 p {
    font-size: 3vh;
    margin-bottom: 4vh;
    color: #000000;
    text-align: center;
}

.MyCarrusel .carousel-caption .btn {
    border-radius: 25px;
    padding: 10px 20px;
    background-color: #1F3C90;
    border: none;
}
.MyCarrusel .timer-content h1 {
margin-left: 127%;
margin-top: 6%;
font-size: 200%;
text-align: center;
border-radius: 25px;
white-space: nowrap;

}
.MyCarrusel .timer-content2 h1 {
    margin-left: 138%;
    margin-top: 6vh;
    font-size: 4vh;
    text-align: center;
    border-radius: 25px;
    white-space: nowrap;
    
    }
.MyCarrusel .wow_fadeInUp {
    font-size: 22px;
    color: #ffffff;
    text-align: Center;
}
.MyCarrusel .clock {
    font-size: 40%;
    left: 37vh;
    right: 1vh;
    margin-top: 11vh;
    margin-bottom: 0px;
    color: #ffffff;
    text-align: center;
}
.MyCarrusel .clock2 {
    font-size: 3vh;
    left: 37vh;
    right: 1vh;
    margin-top: 11vh;
    margin-bottom: 0px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

.MyCarrusel .carousel-control-prev-icon,
.MyCarrusel .carousel-control-next-icon {
    /*background-color: #ff7b00;*/
    background-size: 95%;
    border-radius: 50%;
}
.MyCarrusel .carousel-control-prev-icon2,
.MyCarrusel .carousel-control-next-icon2 {
    background-color: #000000;
    /*background-color: #1F3C90;*/
    border-radius: 50%;
}

/* ---------------- Portafolio --------------*/
.MyCarrusel .text-container32 h1 {
    font-size: 4vh;
    font-weight: bold;
    margin-top: 20vh;
    margin-left: 130vh;
    margin-right: 26vh;
    margin-bottom: 1vh;
    color: #152d73;
    text-align: center;
}

.MyCarrusel .text-container32 p {
    font-size: 2.6vh;
    margin-left: 130vh;
    margin-right: 26vh;
    margin-bottom: 1vh;
    color: #1F3C90;
    text-align: center;
}


.footer-list-menu2 li+li {
    margin-top: 5px;
  }
  .footer-list-menu2 li a {
    /*font-family: var(--para-font);
    font-weight: 400;*/
    color: #1f3c90;
    position: relative;
    padding-left: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
  }
  .footer-list-menu2 li a::before {
    position: absolute;
    content: "\f105";
    font-family: 'FontAwesome';
    top: 0;
    left: 0;
    color: #f4f7ff;
    opacity: 0.8;
  }
  .footer-list-menu2 li a:hover {
    color: var(--main-color);
    margin-left: 10px;
  }
  .footer-list-menu2 li a:hover::before {
    color: var(--main-color);
  }