@import url('global.css');
.ContactoContainer{
    background-color: #ffffff42;
    border-radius: 20px;
}

.Typewriter__wrapper{
    color: var(---color_primario_1);
}









@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');




/*CONTACT*/

.contact { background-color: 0 5px 15px rgba(0, 0, 0, .1); }
.contact-info h3 { font-size: 22px; color:#000000; font-weight: 500; margin: 0 0 40px; }
.contact-info-item { position: relative; padding-left: 55px; margin-bottom: 30px; }
    .contact-info-item i {
        position: absolute;
        height: 40px;
        width: 40px;
        left: 0;
        top: 0;
        font-size: 16px;
        color: #0073a8;
        text-align: center;
        line-height: 38px;
    }

    .contact-info-item h4 { font-size: 18px; font-weight: 400; margin: 0 0 10px; color: #000000; }

    .contact-info-item p {
        font-size: 16px;
        font-weight: 300;
        margin: 0;
        line-height: 26px;
        color: #555555;
    }

.contact-form .form-group { margin-bottom: 25px; }
.contact-form .form-control,
.contact-form .form-select {
    height: 52px;
    border: 1px solid transparent;
    box-shadow: #f7f7f7;
    border-radius: 30px;
    padding: 0 24px;
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #0073a8;
}

    .contact-form textarea.form-control,
    .contact-form textarea.form-select { height: 140px; padding: 12px; resize: none; }
    .contact-form .form-control:focus,
    .contact-form .form-select:focus { border-color: #0073a8; }




/*MEDIA QUERIES*/

@media(max-width: 991px) {
    .header-content { height: 640px; }
    .navbar-toggler {
        background-color: #0073a8;
        height: 34px;
        width: 44px;
        padding: 0;
        font-size: 17px;
        color: #ffffff;;
    }

    .navbar-nav { background-color: #ffffff;; }
    .navbar .nav-item { margin: 0; padding: 5px 15px; }
        .navbar .nav-item .nav-link::before { display: none; }

    .pricing-plan { margin-bottom: 30px; }
}

@media(max-width: 767px) {
    .header-shape.shape-one img { width: 40px; }
    .header-shape.shape-two img { width: 40px; }
    .header-shape.shape-three img { width: 100px; }
    .header-shape.shape-four img { width: 40px; }
    .header-shape.shape-five img { width: 40px; right: 25px !important; bottom: 50% !important; }
    .header-shape.shape-six img { width: 40px; }
    .header-shape.shape-seven img { width: 100px; left: 50px !important; bottom: 35px !important; }
    .header-shape.shape-eight img { width: 100px; left: 50px !important; bottom: 80px !important; }
    .header-shape.shape-nine img { width: 100px; left: 65% !important; bottom: 20px !important; }
    .header-shape.shape-ten img { width: 100px; right: 0 !important; bottom: 15% !important; }

    .home-text h4 { font-size: 24px; }
    .home-text h1 { font-size: 38px; }

    .about-content ul li { width: 100%; float: none; }

    .call-action-content .action-title { font-size: 30px; }

    .section-title h2 { font-size: 35px; }
    .contact-form { margin-top: 20px;}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .about-content ul li { width: 100%; float: none; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about-content ul li { width: 50%; float: left; }
}




.TituloContactoSimple {
    color: #016FF9;
    display: block;
    font-size: 30px;
    font-weight: 700;
}