: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;
}

.sticky.consalt-header-area.style_three .header-menu ul.sub_menu li a:hover {
   color: var(--color_9) !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;
}

.sticky {
   background: var(--color_1) !important;
   font-weight: bold !important;
}

.header-menu ul li a {
   font-weight: bold;
}

.breadcumb-title h4:before {
   display: none;
}

/* HEADER==================================================================== */
.breadcumb-area {
   background: url('../images/Quienessomos.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==================================================================== */

/* QUIENES SOMOS================================================================ */
section.team_area {
   padding: 3% 0 0px;
}

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);
   font-weight: bold;
}

section.call_area {
   background: var(--color_2);
   padding: 33px 0 5%;
}

section.call_area.style_three .call-do-action-info {
   justify-content: center;
}

section.call_area.style_three .footer_logo {
   display: grid;
   justify-content: center;
   border-left: 1px solid var(--color_1);
   border-right: 1px solid var(--color_1);
}

section.call_area .call_info h3 {
   color: var(--color_3);
}

.call_area.style_three .call-do-social_icon img {
   width: 70px;
   margin-right: 15px;
}

/* QUIENES SOMOS================================================================ */

/* NUESTRA HISTORIA============================================================= */
section.about_area.style_two {
   padding: 40px 0 40px;
   background: var(--color_4);
}

section.about_area .col-lg-6:nth-child(2) {
   padding-left: 5% !important;
}

section.about_area .about_thumb img {
   width: 100%;
}

section.about_area .section_title h4 {
   color: var(--color_1);
}

section.about_area .section_title h1 {
   color: var(--color_3);
}

section.about_area.style_two .section_title p {
   color: var(--color_3);
}

section.about_area .about_button.style_upper {
   border-top: none;
   padding-top: 10px;
   margin-top: 0px;
}

section.about_area .about_btn a {
   border-radius: 14px;
   background-color: var(--color_3);
}

section.about_area .about_info a {
   color: var(--color_3);
}

/* NUESTRA HISTORIA============================================================= */

/* NUESTRA FILOSOFIA============================================================= */

section.service_details {
   background: var(--color_11);
}

section.service_details .service_details_content h4 {
   color: var(--color_1);
}

section.service_details .service_details_content h2 {
   color: var(--color_3);
   margin-bottom: 5%;
}

section.service_details .service_details_content p {
   color: var(--color_3);
   font-weight: 500;
}


section.service_details h2.sidebar_title {
   color: var(--color_3);
}

section.service_details .sidebar_box {
   padding: 30px 30px 30px;
}

section.service_details .sidebar_box p {
   color: var(--color_3);
}

section.service_details .sidebar-list ul li {
   color: var(--color_3);
   display: flex;
   align-items: center;
   line-height: 1.1em;
   margin-bottom: 20px;

}

section.service_details .sidebar-list ul li img {
   width: 30px;
   margin-right: 10px;
}


section.service_details .consalt_btn a {
   background-color: var(--color_6);
   border-radius: 14px;
}

section.service_details .consalt_btn a:hover {
   color: var(--color_3);
}


section.service_details .consalt_btn.sidebar_style a {
   border: 1px solid var(--color_6);
}

section.service_details .consalt_btn a:before {
   display: none;
}

.sidebar_box_img {
   margin-top: 5%;
}

.sidebar_box_img .about_thumb img {
   width: 100%;
}

/* NUESTRA FILOSOFIA============================================================= */

/* 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.team_area {
      padding: 35px 0 0px !important;
   }

   .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.call_area {
      padding: 0px 0 15% !important;
   }

   section.call_area.style_three .call-do-action-info {
      display: grid;
      justify-content: center;
      text-align: center;
   }

   section.call_area.style_three .footer_logo {
      border-left: none;
      border-right: none;
   }

   section.call_area.style_three .call-do-action-info .call-do-social_icon i {
      margin-right: 0px;
   }

   section.about_area.style_two {
      padding: 10% 0 90px !important;
   }

   section.about_area .col-lg-6:nth-child(2) {
      padding-left: 10% !important;
   }

   section.about_area .about_thumb img {
      margin-bottom: 5%;
   }

   .about_area.style_two .section_title p {
      width: 100%;
   }

   section.about_area .about_button {
      text-align: center;
   }

   section.about_area .about_button .about_btn {
      margin-bottom: 5%;
      margin-right: 0;
   }

   section.about_area .about_button .about_info a {
      margin-left: 0;
   }

   section.service_details {
      padding: 10% 0 90px !important;
      text-align: center;
   }

   section.service_details .pt-60 {
      padding-top: 0px;
   }

   section.service_details .sidebar_box {
      margin-top: 5%;
   }

   section.service_details .consalt_btn.sidebar_style {
      text-align: center;
      margin-top: 0;
   }

   section.service_details .pt-60 .pt-37 {
      padding-top: 5% !important;
   }

   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;
   }

}