/* css para empleos */
body {
  color: #000;
  font-family: 'Roboto', sans-serif;
}
.oswald { font-family: 'Oswald', sans-serif;}
.roboto {font-family: 'Roboto', sans-serif;}
.container-fluid {
    padding-left: 7rem;
    padding-right: 7rem;
}
@media (max-width: 1199.98px) {
  .container-fluid {
      padding-left: 15px;
      padding-right: 15px;
  }
}
.font-bold {font-weight: 700;}
.text_empleo {color: #f9bb00!important;}
.text_project_1 {color: #f4b600;}
.text_project_2 {color: #4d4d4d;}
.lh_0 {line-height: 1;}
.lh_1 {line-height: 1.1;}
.lh_2 {line-height: 1.2;}
.lh_3 {line-height: 1.3;}
.p_relative {position: relative;}

::-webkit-scrollbar {width: 10px;}
.table-responsive::-webkit-scrollbar {height: 6px;}
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
::-webkit-scrollbar-thumb {
  background: #f4b600;
  border-radius: 4px;
}
.table-responsive::-webkit-scrollbar-thumb {background: #dfdfdf;}
/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
::-webkit-scrollbar-thumb:hover {background: #e5ab01;}
::-webkit-scrollbar-thumb:active {background-color: #e5ab01;}

.table-responsive::-webkit-scrollbar-thumb:hover {background: #d5d5d5;}
.table-responsive::-webkit-scrollbar-thumb:active {background-color: #d5d5d5;}

.owl-dots {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
}
.owl-dot span,
.owl-dot.active span {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  padding: 5px;
}
.owl-dot span::before {
  content:'\f111';
  color: #fff;
}
.owl-dot.active span:before {
  content:'\f111';
  color: #f4b600;
}

/* header */
.sticky-wrapper {position: relative;}
.site-logo img {width: 150px;}
.site-navbar .principal_menu .site-navigation .site-menu > li > a {
  padding: 5px 6px;
  color: #4d4d4d;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
}
.site-navbar .principal_menu .site-navigation .site-menu > li > a:hover,
.site-navbar .principal_menu .site-navigation .site-menu > li > a.active {color: #000;}
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active:after {background: #f4b600;}
.site-mobile-menu .site-nav-wrap > li > a.nav-link {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.site-mobile-menu .site-nav-wrap  a.nav-link:hover, .site-mobile-menu .site-nav-wrap li .active {color: #f4b600;}

.btn_border {
  border: 1px solid #000;
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 13px;
}
.btn_border:hover {color: #000;}
.btn_black {
  background: #000;
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 13px;
  /* min-width: 120px; */
}
.btn_black_2 {
  background: #000;
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 15px;
  border-radius: .4rem;
}
.btn_black_2:hover {color: #fff;}
.site-navbar .site-navigation .site-menu.site-menu-dark > li > a.btn_black {color: #fff;}
.btn_head_menu {
  background: #f9bb00;
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 13px;
  /* min-width: 120px; */
}
.btn_flag_menu {
  padding: 6px 10px;
  background: inherit;
  color: #000;
  border: 1px solid #ccc;
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  min-width: 120px;
}

#slider_banner .owl-nav{
    position: absolute;
    top: 45%;
    width: 100%;
}
#slider_banner .owl-prev{
    float: left;
    background: #f9bb00;
    padding: 6px 14px 8px 5px!important;
    color: #fff;
    border-radius: 0px;
    transition: 0.5s;
    margin: 0;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
 }
#slider_banner .owl-next{
    float: right;
    background:  #f9bb00;
    padding: 6px 5px 8px 14px!important;
    color: #fff;
    border-radius: 0px;
    transition: 0.5s;
    margin: 0;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}
#slider_banner .owl-nav img {width: 25px;}
header {
  border-bottom: 1px solid #f4b600;
  background: #fff;
}

/* footer */
.footer-section {
  background: #1a1a1a;
  color: #fff;
}
.footer-section .text-footer {
  line-height: 1.3;
  font-size: 18px;
}
.footer-section hr {border-color: #444;}
.red_option > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px;
  line-height: 1;
  background: #f9bb00;
  color: #000;
  border-radius: 50%;
  font-size: 18px;
  width: 35px;
  height: 35px;
}
/* banner */
.banner_section {position: relative;}
.banner_section img {width: 100%;}
.banner_text {
  position: absolute;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
.title_banner {
  font-family: 'Oswald', sans-serif;
  color: #fff;
  font-size: 70px;
  font-weight: 600;
  line-height: 1.1;
}
/* contenido */
.form-control {font-family: 'Roboto', sans-serif;}
.area_content {
  position: relative;
  background-image: linear-gradient(#e9e9e9, #fff);
}
.back_basic_job {
  position: relative;
  background: #f2f2f2;
}
.search_position {
  position: absolute;
  top: -65px;
  z-index: 1;
}
.search_area {
  background: #fff;
  border-radius: .4rem;
}
.search_area .input-group {
  border: 1px solid #ced4da;
  border-radius: .25rem;
}
.search_area .input-group-text {
  background-color: #fff;
  color: #f9bb00;
  border: none;
  padding-right: 3px;
}
.search_area .input-group .form-control {border: none;}
.btn_empleo {
  background: #f9bb00;
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  padding: 6px 5px;
}
.title_area_1 {
  font-family: 'Oswald', sans-serif;
  font-size: 50px;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .title_area_1 {
    font-size: 40px;
    line-height: 1.1;
  }
}

.title_about {
  font-family: 'Oswald', sans-serif;
  font-size: 40px;
  font-weight: 600;
}
.text_about {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}
.line_title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.line_title > div {
  border-top: 3px solid #f9bb00;
  width: 100px;
}
.line_about > div {
  border-top: 3px solid #f9bb00;
  width: 100px;
}
.job_area {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.job_area img {
  width: 100%;
  border-radius: 15px;
  transform: scale(1.1);
  transition: transform .2s;
}
a:hover .job_area img {transform: scale(1);}
.text_job {
  background: #000000a3;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  top: 0;
}
.job_name {
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  text-align: center;
  line-height: 1.1;
  font-size: 20px;
}
.line_job {
  display: flex;
  align-items: center;
  justify-content: center;
}
.line_job > div {
  border-top: 2px solid #f9bb00;
  width: 30px;
}
.featured_area .card {
  border: none;
  border-radius: calc(1rem - 1px);
}
.featured_area .card-body {
  background: #f9bb00;
  border-bottom-left-radius: calc(1rem - 1px);
  border-bottom-right-radius: calc(1rem - 1px);
}
.featured_area .card-img-top {
  border-top-left-radius: calc(1rem - 1px);
  border-top-right-radius: calc(1rem - 1px);
}
.title_featured {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
}
.text_featured {
  font-family: 'Roboto', sans-serif;
  line-height: 1.1;
  font-weight: 400;
}
.btn_featured {
  background: #000;
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 18px;
  min-width: 120px;
}
.btn_featured:hover {color: #fff;}
.btn_company {
  background: #f9bb00;
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 25px;
}
.job_option_left {
  background: #333333;
  border-radius: .4rem;
  color: #fff;
  font-size: 20px;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  align-items: center;
}
.job_option_left i {color: #f9bb00;}
.description_job {
  justify-content: center;
}
.description_job img {
  width: 100%;
  border: 1px solid #eee;
}
.description_job i {color: #f9bb00;}
.job_company {
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
}
.job_data {
  font-family: 'Roboto', sans-serif;
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
.job_data i {color: #f9bb00;}
.description_job_area {
  border-left: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
}
.job_title {
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 24px;
}
.job_subtitle {
  font-family: 'Roboto', sans-serif;
  color: #919191;
  font-size: 14px;
  font-weight: 500;
}
.job_content {
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  text-align: justify;
}
.title_project {
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
  font-weight: 600;
}
.subtitle_project {
  font-family: 'Roboto', sans-serif;
  color: #666;
  font-size: 15px;
  font-weight: 500;
}
.announcement_head {align-items: flex-end;}
.announcement_head img {
  width: 100%;
  border-radius: .4rem;
}
.announcement_title {
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  font-weight: 600;
}
.announcement_title i {color: #f9bb00;}

.banner_section_2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 30vh;
}
@media screen and (min-width: 768px) {
  .banner_section_2 {display: none;}
  .desktop_none {display: none;}
  .job_option_list {
    position: sticky;
    top: 100px;
  }
}
@media screen and (max-width: 767px) {
  .empleos_header .banner_section {display: none;}
  .announcement_head {justify-content: center;}
  .announcement_head div {text-align: center;}
  .announcement_head .title_project {line-height: 1.2}
  .mobile_none {display: none;}
  .text_footer_center div, .text_footer_center p {text-align: center;}
  .text_footer_center .d-flex {
    justify-content: center;
    flex-wrap: wrap;
  }
  .option_postula {
    position: sticky;
    bottom: 0px;
  }
  .job_option_list {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.card_project {
  background: #fff;
  border-radius: .4rem;
}
.list_announcement {
  font-family: 'Roboto', sans-serif;
  color: #000;
  font-weight: 500;
  font-size: 14px;
}
.btn_project {
  background: #f9bb00;
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 16px;
}
.job_relation_area {border-right: 1px solid #ced4da;}
@media screen and (max-width: 767px) {
  .job_relation_area {border-right: none;}
}
.announcement_content {
  position: absolute;
  top: -130px;
  z-index: 1;
}
.padding_announcement {padding-top: 180px;}
.title_cmpany_area {
  height: 100%;
  display: flex;
  /* align-items: flex-end; */
}
.logo_company_top {
  width: 100%;
  border-radius: .4rem;
}
.company_top_content {
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
}
.company_info_1 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  line-height: 1.3;
  font-size: 20px;
}
.company_info_2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  line-height: 1.3;
  color: #666;
  font-size: 14px;
}
.company_link {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}
.announcement_content .card_project .btn-primary {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 18px;
  border-radius: .4rem;
}
/* login */
.text_form {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  margin-bottom: 0px;
}
.register_title {
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  font-weight: 400;
}
.register_title i {color: #f9bb00;}
.btn_register_1 {
  background: #b2b2b2;
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-transform: inherit;
}
.btn_welcome {
  background: #f9bb00;
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 22px;
  text-transform: inherit;
}
/* admin postulante */
.admin_empleo_back {
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
}
.admin_empleo_title {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #4d4d4d;
}
.admin_empleo_title i {color: #f4b600;}
.info_input_text {
  font-family: 'Roboto', sans-serif;
  color: #4d4d4d;
  line-height: 1.2;
  font-size: 13px;
}
#tab_data .text_form, #tab_company .text_form {color: #4d4d4d;}
.btn_project_3 {
  background: #f4b600;
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 20px;
}
.btn_project_3:hover {color: #000;}
.nav-tabs {border-bottom: 1px solid #f1f1f1;}
.nav-tabs .nav-link {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  color: #666;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  color: #4d4d4d;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #f4b600;
}
.btn_login_data .btn {
  border: none;
  background: transparent;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  color: #000;
  font-size: 16px;
}
.btn_login_data img {
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ccc;
}
.btn_login_data:hover .dropdown-menu {display: block;}
.blog_option_data {
  /* padding: 5px 10px; */
  color: #4d4d4d;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  /* text-transform: uppercase; */
  font-size: 16px;
}
.blog_option_data:hover,
.blog_option_data.active {color: #000;}

/* dashboard */
.dashboard .btn_login_data img {border: 3px solid #ccc;}
.img_dual_back {
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
}
.text_company_header {
  position: absolute;
  top: 0;
  background: #0000007a;
  display: flex;
  align-items: center;
  height: 100%;
}
.company_area_content {
  position: relative;
  background: #ebebeb;
}
.company_data {
  font-family: 'Roboto', sans-serif;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 400;
}
.company_data_2 {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.search_btn_company {
  background: #f4b600;
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.company_data_title {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.avisos_option {
  display: flex;
  align-items: center;
}
.avisos_option i {color: #f4b600;}
.avisos_option p {
  margin-bottom: 0px;
  line-height: 1.1;
}
.avisos_option .company_data_2,
.avisos_option .company_data_title {color: #000;}
.avisos_option img {
  height: 40px;
  border-radius: 50%;
}
.post_area {
  position: relative;
  top: -65px;
}
.post_data {
  font-family: 'Roboto', sans-serif;
  color: #4d4d4d;
  font-size: 13px;
  font-weight: 400;
}
.post_data i {color: #90b022;}
.post_link {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: #ff0000;
  border-bottom: 1px solid #ff0000;
  padding-bottom: 3px;
}
.post_link:hover {color: #ff0000;}
.post_form {
  border: 1px solid #ced4da;
  border-radius: .25rem;
}
.post_form .form-control {border: none;}
.post_form .input-group-text {
  border: none;
  background: transparent;
  font-size: 13px;
}
.subtext_form {
  color: #808080;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 0px;
}
.subtext_form_2 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 0px;
}
.radio_post {justify-content: space-between;}
.radio_post .form-check-inline {
  color: #808080;
  font-weight: 400;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
}
.radio_post .form-check-label {line-height: 1.2;}
.radio_post .form-check-inline .form-check-input {margin-top: -2px;}
.area_text_form {
  border: 1px solid #ced4da;
  border-radius: .25rem;
}
.area_text_form .form-control {border: none;}
.area_text_form .input-group-text {
  border: none;
  background: transparent;
}
.table_post thead th {
  border-top: none;
  border-bottom: 1px solid #dee2e6;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}
.table_post tbody td {
  font-weight: 400;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  vertical-align: middle;
  color: #4d4d4d;
}
.free_version {justify-content: space-between;}
.free_version label,
.pay_version label {line-height: 1;}
.free_version p, .pay_version p {
  line-height: 1;
  margin-bottom: 0px;
}
.mypost_link {
  color: #ff0000;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.pay_version {
  align-items: center;
  justify-content: space-between;
}
.pay_version .d-flex {align-items: center;}

.postular_modal .modal-header {border-bottom: none;}
.postular_modal .modal-footer {border-top: none;}
.basic_title_1 {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 20px;
}
.postular_modal .basic_title_1 i {color: #90b022;}
.basic_subtitle_1 {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: #4d4d4d;
}
.postular_modal .area_text_form {
  border: none;
  background: #eaeaea;
}
.postular_modal .area_text_form .form-control {
  background-color: #eaeaea;
  font-size: 14px;
}
.postular_modal .area_text_form .post_data {font-size: 13px;}
.btn_project_2 {
  background: #c4c4c4;
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 16px;
}
.position_content {
  position: relative;
  top: -100px;
}
.position_content_2 {
  position: relative;
  top: -120px;
}
.position_content_3 {
  position: relative;
  top: -75px;
  z-index: 1;
}
@media screen and (max-width: 1366px) {
  .position_content {top: -60px;}
  .position_content_2, .position_content_3 {top: -55px;}
}
.card_nonpost {
  border-radius: .4rem;
  border: 1px solid #ccc;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4d4d4d;
}
@media screen and (min-width: 576px) {
  .card_nonpost {min-height: 400px;}
}
#tab_certificacion .form-control {font-size: 14px;}
.title_project_2 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #4d4d4d;
}
.title_project_2 i {color: #f4b600;}

/* pills acounts */
.pill_aplicants .nav-link {
  background: #fff;
  border-radius: .4rem;
}
.pill_aplicants .nav-pills .nav-link.active,
.pill_aplicants .nav-pills .nav-link:hover {background: #dedede;}
.pill_aplicants .nav-item {
  margin-bottom: 5px;
  width: 100%;
}
.img_pill {
  width: 50px;
  border-radius: 50%;
  background: #f4b600;
}
.pill_aplicants .nav-item .company_data_2,
.pill_aplicants .nav-item .company_data_title {color: #000;}
.title_aplicant {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 20px;
  border-bottom: 1px solid #f4b600;
  line-height: 1;
}
.content_aplicant {
  font-family: 'Roboto', sans-serif;
  /* line-height: 1.5; */
  font-weight: 400;
  color: #8a8a8a;
  font-size: 14px;
}
.aplicants_pill_content {position: relative;}
@media screen and (min-width: 768px) {
  .aplicants_pill_content .card_project {
    overflow-y: auto;
    max-height: 80vh;
  }
}
.name_applicant {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.name_applicant img {
  width: 100px;
  border-radius: 50%;
  background: #f4b600;
}
.admin_congrat_back {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.btn_project_5 {
  background: #f4b600;
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 16px;
}
.btn_project_5:hover {color: #000;}
.content_aplicant .success {
  background: #28a745;
  color: #fff;
  border-radius: .25rem;
  padding: 0px 5px;
}
.content_aplicant .success:hover {color: #fff;}
.list_cert label {
  border: 1px solid #007bff;
  padding: 2px 8px;
  border-radius: .4rem;
}
.content_popup {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.popup_title_1 {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 40px;
  color: #fff;
  text-align: center;
}
.btn_popup {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #000;
  background: #f4b600;
  border-radius: .4rem;
}
.popup_close {
  position: absolute;
  top: 0;
  right: 0;
}
.popup_close .btn {
  color: #fff;
  background: transparent;
  border: none;
  font-size: 18px;
}
@media screen and (max-width: 991px) and (min-width: 421px) {
  .popup_title_1 {font-size: 30px;}
  .btn_popup {font-size: 16px;}
}
@media screen and (max-width: 420px) {
  .popup_title_1 {font-size: 25px;}
  .btn_popup {font-size: 13px;}
}

/* faqs */
.faq_accordion .card {
  border-radius: .4rem;
  background: #fff;
  margin-bottom: 5px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 3px solid #f4b600;
}
.faq_accordion .card-header {
  background-color: transparent;
  border: none;
}
.title_faq {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title_faq span {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #4d4d4d;
}
.title_faq:hover span {color: #000;}
.title_faq i {color: #f4b600;}
.title_faq:hover i {color: #e5ab01;}
.faq_accordion .card-body {
  padding-top: 0px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  color: #4d4d4d;
  font-weight: 400;
}
.faq_icon:before {content: "\f068";}
.collapsed .faq_icon:before {content: "\2b";}

.bg_steps_area {
  background: #eaeaea;
  position: relative;
}
.step_row {position: relative;}
@media screen and (min-width: 768px) {
  .step_row {top: -120px;}
}
.step_row .card_project {height: 100%;}
.text_area_about {
  background: #fff;
  padding-left: 7rem;
}
@media (max-width: 1199.98px) {
  .text_area_about{padding-left: 15px;}
}
.degrade_back {background-image: linear-gradient(#efefef, #fff);}
.card_height .card_project {
  height: 100%;
  border-radius: 25px;
}
.function_row .card_project img {width: 60px;}
.function_row .card_project {padding: 3rem;}
@media screen and (max-width: 1366px) and (min-width: 768px) {
  .function_row .col-md-5 {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
  }
}
@media screen and (max-width: 576px) {
  .function_row .card_project img {width: 45px;}
  .function_row .card_project h2 {font-size: 25px;}
  .function_row .card_project p {font-size: 15px;}
  .function_row .card_project {padding: 2.5rem;}
}


.faq_accordion.other_color .card {background: #f4f4f4;}

.format_step img {width: 100px;}
.text_normal {font-weight: 500;}
.font_about {font-weight: 400;}
@media screen and (max-width: 1366px) {
  .format_step img {width: 65px;}
  .format_step h2 {font-size: 26px;}
  .format_step .text_normal {
    font-size: 14px;
    line-height: 1.3;
  }
  .font_about {font-size: 14px;}
  .text_area_about .title_about {font-size: 35px;}
}
/* blog2 */
.nav_title_blog {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-left: 3px solid #f4b600;
  line-height: 1.3;
}
.title_filter {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 25px;
  color: #000;
}
.title_filter_2 {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 30px;
  color: #000;
  line-height: 1;
}
.filter_blog {
  display: flex;
  align-items: center;
}
.text_filter {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #4d4d4d;
}
.filter_blog .btn_flag_menu {
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  color: #4d4d4d;
  font-weight: 400;
  min-width: 145px;
}
.filter_blog .dropdown-item {
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  color: #4d4d4d;
  font-weight: 400;
}
.filter_blog .dropdown-toggle::after {
    position: absolute;
    top: 45%;
    right: 7px;
    color: #f4b600;
}
.card_blog {
  border: 1px solid #ccc;
  height: 100%;
}
.card_blog img {width: 100%;}
.blog_card_cat {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 400;
}
.blog_card_title {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #000;
  line-height: 1;
}
.blog_card_title:hover {color: #000;}
.card_blog_line {
  border-top: 3px solid #f4b600;
  width: 35px;
  margin-top: 10px;
  margin-bottom: 30px;
}
.blog_line {
  border-top: 4px solid #f4b600;
  width: 40px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.btn_card_blog {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  background: #f4b600;
  color: #000;
  font-size: 15px;
  border-radius: .4rem;
}
.blog_card_date {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #4d4d4d;
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) and (max-width: 1530px) {
  .card_blog .py-md-5 {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important;
  }
}
.blog_card_cat a, .blog_card_cat a:hover {color: #000;}
.blog_span {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
}
.blog_span span {color: #f4b600;}
#blog_perfil_slider .owl-dot span,
#blog_perfil_slider .owl-dot.active span {
  font-size: 10px;
}

/* /////////////////// */
/* Home Responsivo */
#slider_banner_mobile .banner_section{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#slider_banner_mobile .banner_section .d-flex{
  min-height: 80vh;
  align-items: center;
}
.site-mobile-menu .site-nav-wrap a.btn_border {
  margin-bottom: 10px;
  font-size: 14px;
}
.site-mobile-menu .site-nav-wrap a.btn_border:hover {color: #000;}
.site-mobile-menu .site-nav-wrap a.btn_black {
  color: #fff;
  margin-bottom: 10px;
  font-size: 14px;
}
.site-mobile-menu .site-nav-wrap a.btn_head_menu {
  margin-bottom: 10px;
  font-size: 14px;
}
.site-mobile-menu .site-nav-wrap .btn_flag_menu {width: 100%;}

#slider_banner_mobile .owl-dots {
  position: absolute;
  bottom: 15%;
  width: 100%;
  text-align: center;
}
#slider_banner_mobile .owl-dot span,
#slider_banner_mobile .owl-dot.active span {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  padding: 5px;
}
#slider_banner_mobile .owl-dot span::before {
  content:'\f111';
  color: #fff;
}
#slider_banner_mobile .owl-dot.active span:before {
  content:'\f111';
  color: #f9bb00;
}
.logo_dashboard img {width: 180px;}

@media screen and (min-width: 1005px) {
  .home_version .d_bar_menu {display: none;}
  .d_banner_mobile {display: none;}
}
@media screen and (max-width: 1004px) {
  .home_version .d_option_menu {display: none;}
  div.principal_menu {order: 1;}
  div.site-logo {
    order: 2;
    padding-left: 20px;
  }
  div.option_menu {order: 3;}
  .d_banner_desktop {display: none;}
}
@media screen and (max-width: 715px) {
  .js-clone-nav li.d_none_btn {display: none!important;}
}
@media screen and (max-width: 576px) and (min-width: 416px) {
  .site-logo img, .logo_dashboard img {width: 100px;}
}
@media screen and (max-width: 415px) {
  .site-logo img, .logo_dashboard img {width: 80px;}
  .js-clone-nav .btn_black, .js-clone-nav .btn_border,.dashboard_button .btn_project {
    font-size: 12px;
    min-width: 80px;
  }
}

@media screen and (max-width: 1600px) {
  .announcement_content {top: -80px;}
}

/* screen */
@media screen and (min-width: 1701px) {
  .col_log {padding: 0px 230px 0px 140px;}
}
@media screen and (max-width: 1700px) and (min-width: 1601px) {
  .col_log {
    padding-left: 40px;
    padding-right: 230px;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1451px) {
  .col_log {padding-right: 230px;}
}
@media screen and (max-width: 1450px) and (min-width: 1367px) {
  .col_log {padding-right: 180px;}
}
@media screen and (max-width: 1366px) and (min-width: 1281px) {
  .col_log {padding-right: 140px;}
}
@media screen and (max-width: 1280px) and (min-width: 1199.98px) {
  .col_log {padding-right: 100px;}
}

/* resoluciones */
@media screen and (min-width: 1601px) {
  .col_data_view {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1367px) {
  .col_data_view {
    -ms-flex: 0 0 83%;
    flex: 0 0 83%;
    max-width: 83%;
  }
}
@media screen and (max-width: 1366px) and (min-width: 1201px) {
  .col_data_view {
    -ms-flex: 0 0 94%;
    flex: 0 0 94%;
    max-width: 94%;
  }
}