/* Made with love by Mutiullah Samim*/

@import url('https://fonts.googleapis.com/css?family=Numans');

html, body {
    /*background-image: url('assets/img/vultur.jpg'); /* Ajusta el nombre de la imagen y la extensión */
    background-color: rgb(254, 254, 254);
    background-size: cover;
    background-repeat: no-repeat;
    height: 30%;
    font-family: 'Numans', sans-serif;
}

.container{
height: 100%;
align-content: center;
}

.card{
height: 650px;
margin-top: 40px;
margin-bottom: 40px;
width: 1500px;
background-color: #CED4DA !important;
}

.social_icon span{
font-size: 60px;
margin-left: 10px;
color: #72b6a7;
}

.social_icon span:hover{
color: white;
cursor: pointer;
}

.card-header h3 {
    color:#173974;
    font-size: 45px;
    font-family: Roboto, sans-serif; /* Utiliza la fuente Roboto o una fuente sans-serif alternativa */
    font-weight: 700; /* Cambia el peso de la fuente a un valor más alto */
    margin: 0 auto; /* Esto centrará horizontalmente el texto */
    margin-left: 10px; /* Ajusta el margen izquierdo según sea necesario */
    text-align: center; /* Centra el contenido horizontalmente */

}




.social_icon{
position: absolute;
right: 20px;
top: -45px;
}

.input-group-prepend span{
width: 50px;
background-color: #72b6a7;
color: black;
border:0 !important;
}

input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;

}

.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

.login_btn{
color: black;
background-color: #72b6a7;
width: 100px;
}

.login_btn:hover{
color: black;
background-color: white;
}

.links{
color: white;
}

.links a{
margin-left: 4px;
}

nav {
    background-color: #173974; /* Color de fondo de la barra de menú */
}

nav ul {
    list-style-type: none; /* Quitamos las viñetas de la lista */
    padding: 0; /* Eliminamos el relleno predeterminado de la lista */
    margin: 0; /* Eliminamos el margen predeterminado de la lista */
    display: flex; /* Mostramos los elementos de la lista en una línea horizontal */
}

nav li {
    display: inline-block; /* Cambiamos el valor de visualización a "inline-block" */
}

nav a {
    display: block;
    color: white; /* Color del texto */
    padding: 20px 25px; /* Espaciado interior */
    text-decoration: none; /* Quitamos el subrayado de los enlaces */
    align-content: center;
}

nav a:hover {
    background-color: #f8f3f3; /* Color de fondo al pasar el ratón sobre un enlace */
    text-decoration: none; /* Quitamos el subrayado al pasar el ratón por encima */
}

.blue-section {
    background-color: #173974;
    padding: 20px; /* Reduce el espacio interno */
    color: white;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center; /* Centra el contenido horizontalmente */

}



.blue-section img {
    max-width: 100%; /* Ajusta el ancho máximo de la imagen al ancho de su contenedor */
    max-height: 100px; /* Ajusta la altura máxima de la imagen */
}

.content {
    margin-bottom: 100px; /* Añade margen inferior al contenido para dejar espacio para la sección */
}

.container2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40vh;
}

.inner-container2 {
    width: 20%; /* Puedes ajustar el ancho como desees */
    max-width: 600px; /* Puedes ajustar el ancho máximo como desees */
    max-height: 200;
    padding: 20px;
}

h3 {
    color: #173974; /* Cambia el color del texto */
    font-family: Arial, sans-serif; /* Cambia la fuente del texto */
    font-size: 50px; /* Cambia el tamaño del texto */
    font-weight: bold; /* Añade negrita al texto */
    text-align: center; /* Centra el texto */
    margin-top: 10px; /* Añade un margen en la parte superior del elemento */
    /* Otros estilos que desees aplicar */
}

.navbar-img{
    width: 120px; /* Puedes ajustar el ancho como desees */
    height: auto; /*Permite que la altura se ajuste automaticamente*/
}

#logo{
    max-width: 95px; /* Puedes ajustar el ancho máximo como desees */
    height: auto; /*Permite que la altura se ajuste automaticamente*/
  }