@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;400&display=swap');

body {
    color: #34446D;
    font-family: 'Outfit', sans-serif;
}

.new-container {
    width: 100%;
    margin: 0px auto;
    display: flex;
    padding: 50px 100px 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.row_login {
    margin: 8% auto;
}

.login_column_left {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.img_login {
    margin: auto;
    display: block;
    width: 113%;
}

.login_h4 {
    color: #34446D;
    font-weight: 700;
    font-size: 24px;
}

.span_h4 {
    color: #5F8BFA;
}

.login_h2 {
    color: #34446D;
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
}

.login_h3 {
    color: #34446D;
    font-size: 49px;
    font-weight: 400;
    font-style: normal;
}

.login_h4_ {
    color: #34446D;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
}

.btn_login,
.btn_login:hover,
.btn_login:active,
.btn_login:focus {
    width: 33%;
    height: 58px;
    background: #5F8BFA !important;
    box-shadow: 0px 4px 6px rgba(75, 78, 227, 0.4);
    color: white;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 18px;
}

.input_login {
    border: 1.3px solid #5F8BFA;
}

.div_form_login {
    /*width: 73% !important;*/
    height: 58px;
}

.div_gratis {
    background: #DEE7FF;
    border-radius: 35px;
    color: #4B4EE3;
    width: 208px;
    height: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
}

.nav_ {
    position: fixed;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(189, 195, 219, 0.2);
    padding: 10px 40px;
    z-index: 10000;
}

.menu_nvar {
    width: 65%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
}

.menu_nvar_items {
    font-size: 18px;
    line-height: 23px;
    margin-left: 71px;
    text-align: center;
    padding-bottom: 5px;
    color: #737993;
}

.menu_nvar_items:hover {
    
}

.m_img_login{
    width: 100%;
}

.active_tab,
.active_tab:hover {
    border-bottom: solid #5F8BFA 4px;
    color: #5F8BFA;
}

.bnt_primary_landing,
.bnt_primary_landing:focus,
.bnt_primary_landing:hover,
.bnt_primary_landing:active {
    background: #5F8BFA !important;
    box-shadow: 0px 4px 6px rgba(75, 78, 227, 0.4);
    color: white;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 18px;
    border: none !important;
    border-color: #5F8BFA !important;
    border-radius: 4px 0px !important;
    box-shadow: none !important;
}

.bnt_primary_landing_no_border,
.bnt_primary_landing_no_border:hover {
    color: #737993;
}

.section_one {
    position: relative;
    top: 100px;
}

.section_two {
    text-align: center;
    background-color: #F2F7FF;
    padding: 50px 20px;
    margin-top: 8%;
}

.h3_section_two {

    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
}

.p_section_two {
    font-weight: 400;
    font-size: 19px;
    line-height: 32px;
    width: 60%;
    margin: auto;
    display: block;
}

.left_column_sec_two {
    display: flex;
    width: 50%;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.div_list {
    background: #FFFFFF;
    border-radius: 8px;
    width: 83%;
    height: 62px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    padding: 0px 30px;
}

.div_list span {
    margin-left: 20px;
}

.div_list:hover {
    background-color: #F2F7FF;
    box-shadow: 8px 9px 5px 0px rgba(0, 0, 0, 0.15);
}

.planet_img {
    position: relative;
    left: 255px;
    top: -300px;
}

.usuarios_img {
    position: relative;
    left: 20px;
    top: -70px;
}

.clock_img {
    position: absolute;
    right: 10%;
    bottom: -18%;
    transform: rotate(21deg)
}

.car_img {
    position: relative;
    left: -50%;
    top: -105px;
}

.section_three {
    text-align: center;
    margin-top: 5%;

}

.p_section_three {
    font-weight: 400;
    font-size: 19px;
    line-height: 32px;
    width: 100%;
    margin: auto;
    display: block;
}

.card_coments_ctive{
    background: url('../img/comillas.svg') no-repeat, #5F8BFA;
    background-position: 72% 62%;
    background-size: 37%;
    color: white;
    padding: 26px 26px 26px 26px;
    text-align: justify;
    border-radius: 0px 8px;
    height: 455.25px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: center;
    width: 26%;
    transition: width 0.5s, height 0.5s;
}

.card_coments {
    background-color: white;
    padding: 26px 26px 26px 26px;
    text-align: justify;
    border-radius: 0px 8px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 24px rgba(95, 139, 250, 0.25);
    width: 24%;
    height: 382px;
}

.card_coments:hover{
    cursor: pointer;
}

.content_coments {
    margin-top: 5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: nowrap;
}

.img_profile_active {
    width: 100%;
    border-radius: 100%;
    border: white solid 5px !important;
}

.img_profile {
    width: 100%;
    border-radius: 100%;
    border: #5F8BFA solid 5px;
}

.section_four {
    text-align: justify;
    background-color: #F2F7FF;
    padding: 50px 20px;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

.span_contact {
    margin-left: 10px;
}

.footer_b {
    height: 40px;
    background: #86A8FF;
    width: 100%;
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_a {
    background-color: #5F8BFA;
    display: flex;
    padding: 20px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.footer_menu {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    text-align: center;
    margin: auto;

}

.footer_menu a {
    text-decoration: none;
    color: #FFFFFF;
}

.footer_img {
    width: 20%
}

.row_sec_four {
    margin: 8% 0px 0px 0px;
}

.contacto_row {
    padding: 10px 8%;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}


/*mobile*/
#mobile_ver{
    /*width: 105%;*/
}

.nav_hamburguer,
.nav_hamburguer:focus,
.nav_hamburguer:active {
    border: none;
    box-shadow: none;
}

#navbarNav {
    text-align: center;
}

.m_section_one {
    position: relative;
    top: 80px;
}

#m_section_two{
    margin-top: 25%;
}

.m_login_h4 {
    font-weight: 700;
    font-size: 15px;
    text-align: center;

}

.m_login_h2 {
    font-weight: 700;
    font-size: 25px;
    line-height: 81%;
}

.m_login_h4_ {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
}

.m_input_login {
    height: 58px;
}

.m_div_list {
    background: #FFFFFF;
    border-radius: 8px;
    width: 100%;
    height: 62px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    padding: 0px 30px;
    margin-bottom: 10px;
}

.m_div_list span {
    margin-left: 20px;
}

.m_card_coments_ctive {
    background: url(../img/comillas.svg) no-repeat, #5F8BFA;
    background-position: 72% 62%;
    background-size: 26%;
    color: white;
    padding: 20px;
    text-align: justify;
    border-radius: 0px 8px;
    height: 455.25px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: center;
}

#carouselExampleControls {
    margin-top: 10%;
}

.m_social_div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.m_footer_b {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    background: #86A8FF;
    color: #FFFFFF;
    text-align: center;
}

.m_footer_menu {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    text-align: center;
    margin: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    flex-wrap: nowrap;

}

.m_footer_menu a {
    text-decoration: none;
    color: #FFFFFF;
    border-bottom: #FFFFFF solid 2px;
    width: 80%;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.m_usuarios_img {
    position: absolute;
    left: 0px;
    top: 1239px;
    width: 18%;
}

.m_clock_img {
    position: relative;
    right: -151px;
    top: 305px;
    transform: rotate(314deg);
    width: 46px;
}

.m_car_img {
    position: relative;
    left: -48%;
    top: -89px;
    width: 35%;
}

.m_planet_img {
    position: absolute;
    left: -25px;
    top: 860px;
    width: 35%;
}

.shadow_nav {
    box-shadow: 0px 4px 6px rgba(75, 78, 227, 0.4) !important;
    position: fixed;
    background: white;
    z-index: 10;
    width: 100%;
}

.div_content_aviso {
    top: 65px;
    position: relative;
    margin-bottom: 13%;
}

.header_aviso {
    background: #DEE7FF;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aviso_text {
    padding: 40px 25%;
}

.m_aviso_text {
    padding: 40px 25px;
}

input::placeholder {
    font-weight: 400;
    font-size: 16px !important;
    line-height: 20px;
    color: #737993 !important;
}

.social_div {

    display: flex;
    justify-content: space-around;

}

.h2_contacto {
    font-weight: 700;
    font-size: 28px;
    line-height: 50px;
    margin-bottom: 20px;
}

.svg_social {
    width: 80%;
}

.div_contactos {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 0px 40px;
}

.svg_contactos {
    margin-left: -13%;
}

.p_coments {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

@media only screen and (max-width: 767px) {
    .swal2-popup {
      width: 90% !important; /* Cambia el valor del ancho según tus necesidades */
    }
}

.swal2-popup {
    width: 40% ;
}

.swal2-popup h2,
.swal2-popup #swal2-html-container {
    color: #34446D !important;
}


.div_tab{
    height: 0px;
    border-radius: 15px;
    
    padding: 0px 13px;
    bottom: -12px;
    position: relative;
    text-align: center;
    display: block;
}

.div_tab span{
    position: relative;
    top: -28px;
    margin: auto;
    display: block;
}

.div_tab:hover{
    border: 3px solid #5F8BFA;
}

.tab_active{
    height: 0px;
    border-radius: 15px;
    border: 3px solid #5F8BFA;
    padding: 0px 13px;
    bottom: -9px;
    position: relative;
    text-align: center;
    display: block;
}

.btn_crear_cuenta{
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    height: 40px;
    padding: 10px 32px;
}

.btn_iniciar_sesion{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    height: 40px;
    margin-right: 20px;
}

#emailtoaccount{
    border-radius: 8px;
}

.with_btn{
    border-radius: 8px 0px 0px 8px !important;
}

.input_contact{
    height: 52px;
}

.divider_div{
    border: 1px solid white;
    height: 19px;
    width: 0px;
}
/*