h1,
h2 {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 2rem;
  line-height: 2.375rem;
}

h3 {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 2.875rem;
  line-height: 2.8rem;
}

h4 {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 4rem;
  line-height: 4.2rem;
  font-weight: 700;
}

ul {
  font-family: "Roboto", sans-serif !important;
}

p {
  font-family: "Roboto", sans-serif !important;
  font-size: 1rem;
  line-height: 1.375rem;
}

.visible-desktop {
  display: block;
}

.visible-modile {
  display: none;
}

.separator-5 {
  padding: 5px;
}

.separator-10 {
  padding: 10px;
}

.separator-15 {
  padding: 15px;
}

.separator-20 {
  padding: 20px;
}

.separator-25 {
  padding: 25px;
}

.separator-30 {
  padding: 30px;
}

.separator-35 {
  padding: 35px;
}

.separator-40 {
  padding: 40px;
}

.separator-45 {
  padding: 45px;
}

.separator-50 {
  padding: 50px;
}

.separator-55 {
  padding: 55px;
}

.separator-60 {
  padding: 60px;
}

/* CUSTOM SOSTENIBILIDAD */
.padding-right-5 {
  padding-right: 5rem;
}

.color-text-white {
  color: #fff;
}

.bg-D5DAF0 {
  background: #D5DAF0;
}

.bg-5871EB_10 {
  background: rgb(88 113 235 / 10%);
}

.bg-F8E59A {
  background: #F8E59A;
}

.bg-D5DAF0 {
  background: #D5DAF0;
}

.bg-5871EB {
  background: #5871EB;
}

.bg-D5F2E3 {
  background: #D5F2E3;
}

.wrapperSustainContet p {
  margin-bottom: 0 !important;
}

.bg-custom-one {
  padding: 2rem 1.5rem;
  border-radius: 6px;
}

.bg-custom-two {
  padding: 1.8rem;
  border-radius: 6px;
}

.bg-custom-two h2 {
  margin-bottom: 0 !important;
}

.img-custom-object-fit-cover {
  object-fit: cover !important;
}

.border-radius-6 {
  border-radius: 6px;
}

.border-radius-12 {
  border-radius: 12px;
}

.sectionSustainBannerMain .sectionAbsoPosContent {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 26%;
  color: #fff;
}

.sectionSustainBannerMain .sectionAbsoPosContent h2 {
  text-transform: uppercase;
  font-size: 2.6rem;
  line-height: 2.7rem;
}

.sectionSustainBannerMain .sectionAbsoPosContent p {
  font-size: 1rem;
  font-weight: 400;
}

.sectionSustainInfoOne .container>.row::before {
  content: '';
  background: url('../assets/sostenibilidad/Group_10557.svg') no-repeat;
  width: 68px;
  height: 85px;
  position: absolute;
  top: -10%;
  left: 3%;
  right: 0;
  text-align: center;
  margin: 0 auto;
  z-index: 9;
  background-position: center;
}

.sectionSustainInfoTwo::before {
  content: '';
  background: url('../assets/sostenibilidad/Group_10555.svg') no-repeat;
  width: 68px;
  height: 85px;
  position: absolute;
  top: 0;
  left: 20%;
  text-align: center;
  margin: 0 auto;
  z-index: 9;
  background-position: center;
}

.sectionSustainInfoSix .container>.row::before {
  content: '';
  background: url('../assets/sostenibilidad/Group_10555_1.svg') no-repeat;
  width: 68px;
  height: 85px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  z-index: 9;
  background-position: center;
}

#tabInfoSix {
  justify-content: center;
  border: 0;
  gap: 3px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #D6F9E7;
}

.nav-tabs .nav-link {
  border-bottom: 4px solid #D6F9E7 !important;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  background: #D6F9E7;
  text-align: center;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  font-size: 1rem;
  font-weight: 400;
  font-family: "Roboto", sans-serif !important;
  color: #00843D;
  line-height: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 57px;
  padding: 1.5rem 3rem;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #00843D;
  border-color: #FED141 !important;
  font-weight: 700;
}

.wrapperTabContentInfo {
  padding: 2rem 1rem;
  color: #333E33;
}

.wrapperOneItemTab {
  padding: 1.5rem;
  margin-bottom: 1rem;
  height: 100%;
}

#tabInfoSixContent #loop-1 .wrapperOneItemTab {
  margin-bottom: 2rem;
  height: 70% !important;
}

#tabInfoSixContent #loop-3 .wrapperTabContentInfo>.row>.col-12 {
  margin-bottom: 1.5rem;
  align-self: normal !important;
}

#tabInfoSixContent #loop-3 .wrapperTabContentInfo>.row>.col-12 .wrapperOneItemTab {
  height: 100% !important;
}

.wrapperOneItemTab.height-auto {
  height: auto !important;
}

.wrapperOneItemTab p {
  margin-bottom: 0.5rem;
}

.wrapperColumnCenter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.wrapperOneItemTab p:last-child {
  margin-bottom: 0 !important;
}

.wrapperTabContentInfo .img-subThumb {
  margin: 0 0 -18px 22px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #00843D;
  background-color: #fff;
  box-shadow: 0px 4px 4px 0px #126E3E33;
  border: 1px solid #00843D;
  font-weight: 700;
}

.nav-pills .nav-link {
  border-radius: .25rem;
  border: 1px solid #EFECEC;
  color: #6C757D;
  margin-bottom: 0.8rem;
  background: #EFECEC;
  font-family: "Roboto Condensed", sans-serif !important;
  height: 74px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}

.sectionSustainInfoSeven {}

.sectionSustainInfoSeven .selectCustomSosten {
  border: 1px solid #EFECEC;
  border-radius: 12px;
  background: #FFF;
  padding: .375rem 1.75rem;
  height: 56px !important;
  font-family: "Roboto", sans-serif !important;
  background-image: url('../assets/sostenibilidad/arrow-select-custom.svg') !important;
  background-repeat: no-repeat !important;
  background-position-x: 97% !important;
  background-position-y: 24px !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none !important;
}

.sectionSustainInfoSeven .btnCustomInform {
  border-radius: 30px;
  border: 1px solid #fff;
  text-decoration: none !important;
  box-shadow: none !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 700;
  font-size: 0.875rem;
  padding: 0.77rem 1.98rem;
}

.sectionSustainInfoSeven .btnDowload {
  color: #fff;
  background: transparent;
}

.sectionSustainInfoSeven .btnVisualize {
  color: #00843D;
  background: #fff;
}

.sectionSustainInfoSeven .view-informe-de-sostenibilidad .view-content {
  margin: 0 !important;
}
.node--type-sostenibilidad .nav-breadcrumb{
  z-index: 9;
  position: absolute;
  top: 26px;
}
.node--type-sostenibilidad .nav-breadcrumb a, 
.node--type-sostenibilidad .nav-breadcrumb span{
  color: #333E33 !important;
  font-weight: 500;
  font-size: 1rem;
}

/* RESPONSIVE */

@media (max-width: 769px) {
  .wrapperSustainContet {
    padding: 0 1.5rem;
  }

  .visible-modile {
    display: block !important;
  }

  .visible-desktop {
    display: none !important;
  }

  .nav-tabs .nav-item {
    width: 100%;
  }

  .customHeightAuto {
    height: auto !important;
  }

  .sectionSustainInfoSeven .customBtnActionsInform {
    flex-direction: column;
  }

  .sectionSustainInfoSeven .customBtnActionsInform a {
    width: 100%;
  }

  .sectionSustainInfoOne {
    padding-top: 1.5rem;
  }

  .sectionSustainInfoTwo {
    padding-top: 2rem;
  }

  .sectionSustainInfoTwo::before {
    left: 0;
    right: 0;
  }

  .wrapperOneItemTab h4 {
    font-size: 3rem;
    line-height: 3rem;
  }

  .sectionSustainBannerMain .sectionAbsoPosContent h2 {
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 2rem;
  }

  .sectionSustainBannerMain .sectionAbsoPosContent {
    bottom: 8% !important;
  }
}

@media (max-width: 992px) {
  #tabInfoSixContent #loop-1 .wrapperOneItemTab {
    height: auto !important;
  }

  .sectionSustainBannerMain .sectionAbsoPosContent {
    bottom: 5%;
    top: inherit;
  }
}

.style_custom_wp {
  display: none;
}