:root {
    --color_1: #85A0CA;
    --color_2: #fff;
    --color_3: #1F497D;
    --color_4: #F9F8F8;
    --color_5: #2F5A87;
    --color_6: #76936D;
    --color_7: #053131;
    --color_8: #3438BE;
    --color_9: #000;
    --color_10: #C8D300;
    --color_11: #E5E7EB;
    --color_12: #1e487c;
}

@font-face {
    font-family: 'Poppins-Light';
    src: url('../fonts/Popins/Poppins-Light.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Popins/Poppins-Regular.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Popins/Poppins-Medium.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Popins/Poppins-SemiBold.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Popins/Poppins-Bold.ttf');
    font-style: normal;
}

html,
body {
    scroll-behavior: smooth !important;
}

h1,
h2,
h3 {
    font-family: 'Poppins-SemiBold', Arial, sans-serif;
    margin-top: 0;
    line-height: 1.1em !important;
}

h4 {
    font-family: 'Poppins-Medium', Arial, sans-serif;
}

p,
a,
button,
form,
li {
    font-family: 'Poppins-Regular', Arial, sans-serif;
}

.footer_area li,
.footer_area a {
    font-family: 'Poppins-Light', Arial, sans-serif;
}

.img-carga {
    width: 100%;
}

.boxed {
    width: 100% !important;
}

.boxed.box_two {
    margin: 0 0 0 0px !important;
}

.sticky.consalt-header-area.style_three {
    background: url("") !important;
    background: var(--color_1) !important;
}

.header-menu ul .sub_menu {
    background: var(--color_2);
    border-top: none;
}

.header-menu ul .sub_menu li a {
    color: var(--color_3) !important;
}

.header-menu ul .sub_menu li:hover a {
    background: var(--color_2);
    color: var(--color_3) !important;
}

.breadcumb-title h4:before {
    display: none;
}

.sticky {
    background: var(--color_1) !important;
    font-weight: bold !important;
}

.header-menu ul li a {
    font-weight: bold;
}

.sticky.consalt-header-area.style_three .header-menu ul.sub_menu li a:hover {
    color: var(--color_9) !important;
}

/* HEADER==================================================================== */
.breadcumb-area {
    background: url('../images/Contactanos.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.breadcumb-area:before {
    display: none;
}

.consalt-header-area.inner_page {
    background: var(--color_1);
}

.consalt-header-area.style_three .header-menu ul li a {
    color: var(--color_2);
}

.consalt-header-area.style_three .header-menu ul li span {
    color: var(--color_2);
}

.header-menu ul .sub_menu {
    background: var(--color_2);
    border-top: none;
}

.header-menu ul .sub_menu li a {
    color: var(--color_3) !important;
}

.header-menu ul .sub_menu li:hover a {
    background: var(--color_2);
    color: var(--color_3) !important;
}

.breadcumb-title h4:before {
    display: none;
}

.whatsapp-container {
    position: relative;
}

.whatsapp {
    position: fixed;
    display: flex;
    align-items: center;
    bottom: 5%;
    right: 5%;
    cursor: pointer;
    z-index: 100;
}

.whatsapp a {
    z-index: 1;
}

.whatsapp .wa-texts {
    display: flex;
    align-items: center;
    padding: 10px 40px 10px 40px;
    background-color: var(--color_10);
    border-radius: 14px;
}

.whatsapp img {
    width: 60px;
    margin-right: -30px;
    z-index: 1;
}

.whatsapp .wa-texts p {
    color: var(--color_2);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1em;
    margin-bottom: 0;
}


/* HEADER==================================================================== */

/* CONTACTANOS================================================================ */
section.team_area {
    padding: 50px 0 0px !important;
    background: var(--color_4);
}

section.team_area .section_title h4 {
    color: var(--color_1);
}

section.team_area .section_title h1 {
    color: var(--color_3);
}

section.team_area .section_title p {
    color: var(--color_3);
    margin-top: 5%;
    margin-bottom: 5%;
}

section.call_area {
    background: var(--color_2);
}

section.call_area .call_info h3 {
    color: var(--color_3);
}

.call_area.style_three .call-do-social_icon i {
    background-color: var(--color_3);
}

/* CONTACTANOS================================================================ */

/* FORMULARIO================================================================== */
section.contact_area.inner_section {
    padding: 0px 0 5%;
    background: var(--color_4);
}

section.contact_area .contact_main_info {
    height: 60vh;
    display: grid;
}

section.contact_area .contact-form-box {
    height: 60vh;
    display: grid;
}

section.contact_area .contact_main_info {
    background: var(--color_11);
}

section.contact_area .call_info h3 {
    font-size: 18px;
    font-weight: 400;
}

section.contact_area .call-do-social_icon img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}

section.contact_area .call-do-action-info:nth-child(1),
section.contact_area .call-do-action-info:nth-child(2) {
    border-bottom: 1px solid var(--color_3);
}

section.contact_area .call-do-action-info:nth-child(3) {
    justify-content: left;
    border-bottom: 1px solid var(--color_3);
    padding-bottom: 25px;
    margin-bottom: 25px;
}

section.contact_area .call-do-action-info:nth-child(4) {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

section.contact_area .contact_main_info .call_info h3 {
    color: var(--color_3);
}

section.contact_area .section_title h1 {
    color: var(--color_3);
}

section.contact_area .section_title.style_three:before {
    display: none;
}

section.contact_area .contact-form-box.style_two .form-box input,
section.contact_area .contact-form-box.style_two .form-box textarea {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid var(--color_3);
    color: var(--color_9);
    font-size: 18px;
}

section.contact_area .contact-form-box.style_two .form-box input::placeholder,
section.contact_area .contact-form-box.style_two .form-box textarea::placeholder {
    font-size: 18px;
    color: var(--color_3);
}

section.contact_area .contact-form-box.style_two .contact-form button {
    border-radius: 14px;
    background: var(--color_3);
}

/* FORMULARIO================================================================== */

/* FOOTER=========================================================== */

section.footer_area {
    padding: 8% 0 8%;
}

section.footer_area.style_two {
    background-image: url('../images/Footer.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* .footer_area .mail-icon {
    width: 50%;
}

.footer_area .subscribe_form {
    width: 50%;
} */


section.footer_area .subscribe_form p {
    color: var(--color_2);
}

section.footer_area p.footer_desc {
    color: var(--color_2);
}

section.footer_area .footer-widget-menu ul li,
section.footer_area .footer-widget-menu ul li a {
    font-size: 14px;
    color: var(--color_2);
}


section.footer_area .recent-post-text a {
    font-size: 14px;
    color: var(--color_2);
}

section.footer_area .header-menu {
    justify-content: left;
}

section.footer_area .header-menu ul li {
    padding: 9px 0 9px;
    color: var(--color_2);
    font-size: 14px;
    cursor: pointer;
}

section.footer_area .fa-angle-down:before {
    color: var(--color_2);
}

section.footer_area .header-menu ul .sub_menu li {
    padding: 1px 5% 1px;
}

section.footer_area .header-menu ul .sub_menu li a {
    padding: 5px 0 5px;
    font-size: 14px;
    font-weight: 500;
}

/* FOOTER=========================================================== */

@media (max-width: 999px) {
    .img-carga {
        width: 50%;
    }

    .mean-container .mean-bar::before {
        content: "";
        background-image: none;
        width: 0px;
        height: 0px;
    }

    .mean-container .mean-bar {
        background: var(--color_1);
    }

    .breadcumb-area .breadcumb-title h4 {
        font-size: 35px;
    }

    .section_title h4 {
        text-align: center;
        font-size: 18px !important;
    }

    .section_title h1 {
        text-align: center;
        font-size: 18px !important;
    }

    .section_title p {
        text-align: center;
        font-size: 18px !important;
    }

    section.contact_area .contact_main_info {
        height: auto;
    }

    section.contact_area .contact-form-box {
        height: auto;
    }

    section.contact_area.inner_section {
        padding: 0px 0 100px !important;
    }

    .contact_main_info {
        text-align: center;
    }

    .contact_main_info .call-do-social_icon i {
        margin-right: 0px;
    }

    section.footer_area {
        text-align: center;
    }

    .footer-widget-title img {
        width: 60%;
    }

    .footer_area .subscribe_form {
        /* width: 100%; */
        margin-bottom: 5%;
    }

    section.footer_area .header-menu {
        justify-content: center;
    }

    p.footer_desc {
        width: 100%;
    }

    .footer-widget-menu ul li a {
        margin-left: 0px;
    }

    .footer-widget-menu ul li a i {
        display: none;
    }
}