/* CSS Document */

 

.approach-hero{
  position: relative;
  min-height: clamp(250px, 28vw, 430px);
  overflow: hidden;
  display: grid;
  align-items: center;
}
section.approach-intro .container-lg {
    padding: 0 50px 0 0;
}

.container-lg {}

.approach-hero__media{
  position: absolute;
  inset: 0;
}

.approach-hero__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

 
.approach-hero__media::after{
  content:"";
  position: absolute;
  inset: 0;
  background: #545454;
  opacity: 0.6;
  pointer-events: none;
}

.approach-hero__container{
  position: relative;
  z-index: 2;
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 260px 0 210px;
}
h1.approach-hero__title span {
    color: #FFF;
    text-align: center;

/* h3 */
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    align-self: flex-start;
    line-height: normal;
    text-transform: uppercase;
}
.approach-hero__title{
  flex-flow: column;
  display: flex;
  margin: 0;
  color: #fff;
  width: fit-content;
  justify-self: center;
  text-align: center;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;

  /* desktop target: 130px / 150px */
  font-size: clamp(42px, 6.8vw, 130px);
  line-height: clamp(48px, 7.6vw, 150px);
  /* letter-spacing: 0.5px; */
}

@media (max-width: 520px){
  .approach-hero__media::after{}

}
/* =========================
   CULTURE REPEATER
   - no flex / no grid
   - odd/even handled in CSS
   - can start reversed via .culture-repeater.is-reverse
   ========================= */

.culture-repeater{ padding: 0; }
.culture-repeater .container-lg{ padding: 0; }

.culture-item{position: relative;margin-bottom: 5px;}

/* stage */
.culture-item__wrap{
  display: flex;
  justify-content: end;
  align-items: center;
  position: relative;
  min-height: 900px;
  padding: 100px 0;
}
.culture-item:nth-child(odd) .culture-item__wrap{
  justify-content: flex-start;
}
.culture-item:nth-child(even) .culture-item__wrap{
  justify-content: flex-end;
}

.is-reverse .culture-item:nth-child(even) .culture-item__wrap{
  justify-content: flex-start;
}
.is-reverse .culture-item:nth-child(odd) .culture-item__wrap{
  justify-content: flex-end;
}
.culture-item__wrap::after{
  content:"";
  display: table;
  clear: both;
}

/* background image half */
.culture-item__bg{
  position: absolute;
  top: 0;
  height: 100%;
  width: 55%;
  overflow: hidden;
  z-index: 1;
}
.culture-item__bgimg{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* text box (in flow) */
.culture-item__box{
  position: relative;
  z-index: 2;
  width: 58%;
  background: #fff;
  padding: clamp(26px, 3vw, 54px);
  top: 35%;
  /* transform: translateY(50%); */
}

/* ALT headline style */
.h3-alt{
  color: #1E1E1E;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 10px 0 0;
}

/* =========================
   DEFAULT ORDER (as requested):
   - even: image RIGHT, text LEFT
   - odd : image LEFT,  text RIGHT
   ========================= */

/* ODD (1,3,5...) */
.culture-item:nth-child(even) .culture-item__bg{ left: 0; right: auto; }
.culture-item:nth-child(even) .culture-item__box{
  float: right;
  margin-right: 40px;
  margin-left: -120px; /* overlap into image */
}

/* EVEN (2,4,6...) */
.culture-item:nth-child(odd) .culture-item__bg{ right: 0; left: auto; }
.culture-item:nth-child(odd) .culture-item__box{
  float: left;
  margin-left: 50px;
  margin-right: -120px; /* overlap into image */
}

/* =========================
   START REVERSED:
   add .is-reverse on .culture-repeater
   (flips the pattern from the first item onward)
   ========================= */

.culture-repeater.is-reverse .culture-item:nth-child(even) .culture-item__bg{ right: 0; left: auto; }
.culture-repeater.is-reverse .culture-item:nth-child(even) .culture-item__box{
  margin-left: 50px;
  margin-right: -120px;
  margin-left: 50px;
  margin-right: -120px;
  margin-top: 0;
}

.culture-repeater.is-reverse .culture-item:nth-child(odd) .culture-item__bg{ left: 0; right: auto; }
.culture-repeater.is-reverse .culture-item:nth-child(odd) .culture-item__box{
  float: right;
  margin-right: 50px;
  margin-left: -120px;
}

/* smoother resize before mobile */
@media (max-width: 1500px){
  .culture-item__bg{ width: 62%; }
  .culture-item__box{ width: 56%; }
  .culture-item:nth-child(odd)  .culture-item__box{/* margin-left: -100px; */}
  .culture-item:nth-child(even) .culture-item__box{/* margin-right: -100px; */}
  .culture-repeater.is-reverse .culture-item:nth-child(odd)  .culture-item__box{/* margin-right: -100px; */}
  .culture-repeater.is-reverse .culture-item:nth-child(even) .culture-item__box{/* margin-left: -100px; */}
}

@media (max-width: 1200px){
  .culture-item__bg{ width: 66%; }
  .culture-item__box{ width: 62%; }
   .h3-alt{ font-size: 34px; }
}

/* =========================
   CULTURE – MOBILE FIX (<= 991px)
   Make it behave like Approach:
   image (normal) + text BELOW (no overlap)
   Paste this AT THE END of your CSS.
   ========================= */

@media (max-width: 991px){

  /* stop forcing desktop fixed height */
  .culture-item__wrap{
    height: auto !important;
    min-height: 0 !important;
    flex-flow:column;
    padding:0;
  }
  h1.approach-hero__title span{font-size:18px;}
  /* image becomes normal block */
  .culture-item__bg{
    position: relative !important;
    width: 100% !important;
    height: 560px !important;
    left: auto !important;
    right: auto !important;
  }

   
  .culture-item__box{
    float: none !important;
    width: 100% !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 20px;
    padding-bottom: 0;
  }

  /* in case odd/even rules are still applying margins */
  .culture-item:nth-child(odd) .culture-item__box,
  .culture-item:nth-child(even) .culture-item__box{
    margin: 0 !important;
  }

   
  .culture-item{
    margin-bottom: 12px;
    display: block;
  }

  .h3-alt{ font-size: 30px; }
}
h1.approach-hero__title i {margin-bottom: -2px;}
@media (max-width: 520px){
  .culture-item__bg{ height: 320px !important; }
  .culture-item__box{ padding: 18px !important; }
  .h3-alt{ font-size: 26px; }
  h1.approach-hero__title span{
    align-self: center;
    margin-bottom: 10px;
}
}

/* =========================
   ICONS SECTION
   ========================= */

.icons-section{
  padding: clamp(46px, 5vw, 84px) 0;
}

.icons-section .container{
  padding: 0 150px;
  text-align: center;
}

.icons-section__grid{
  margin-top: clamp(26px, 3vw, 44px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(26px, 3vw, 54px) clamp(18px, 2.6vw, 44px);
}

.icons-section__grid.four-itens{
 
  grid-template-columns: repeat(2, minmax(0, 1fr));
   
}
/* card */
.icons-card{
  text-align: center;
}

/* icon area */
.icons-card__icon-wrap{
  width: 148px;
  height: 208px;
  margin: 0 auto 14px;
  position: relative;
  display: grid;
  place-items: center;
}

/* curve svg around icon (outside the shadow) */
.icons-card__curve{
  position: absolute;
  inset: 0;
  background: url("../img/icons/line-curve.svg") no-repeat center / contain;
  z-index: 1;
}

/* the shadow only behind the inner square */
.icons-card__shadow{
  position: relative;
  width: 92px;
  height: 79px;
  border-radius: 16px;
  /* background: #fff; */
  /* box-shadow: 0 14px 34px rgba(0,0,0,.10); */
  z-index: 2;
  /* display: grid; */
  /* place-items: center; */
}
.icons-card__icon-wrap::before{
  content:"";
  position: absolute;
  left: 50%;
  top: 44%;
  width: 112px;
  height: 111px;
  transform: translate(-50%, -50%);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(0,0,0,.10);
  z-index: 1;
}
/* icon */
.icons-card .cnm-icon{
  position: relative;
  z-index: 3;
  width: 85px;
  box-shadow: 0 14px 34px rgba(0,0,0,.10);
  margin-bottom: 33px;
  height: 58px;
  display: inline-block;

  /* default gray */
  background-color: #54565B;
}

/* blue variant */
.icons-card.is-blue .cnm-icon{
  background-color: #0673CD;
}

/* tint the curve svg for blue items */
.icons-card.is-blue .icons-card__curve{
  filter: brightness(0) saturate(100%) invert(33%) sepia(88%) saturate(2150%) hue-rotate(189deg) brightness(93%) contrast(98%);
}

/* Titles (h3) */
.icons-card h3{
  margin: 0 0 10px;
  color: var(--dark-gray, #54565B);
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.is-blue.icons-card h3{
color:#0673CD;
}
.is-blue.icons-card p{
color:#1E1E1E;
}
/* Body text (p) */
.icons-card p{
  margin: 0 auto;
  max-width: 370px;
  color: var(--dark-gray, #54565B);
  text-align: center;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* responsive */
@media (max-width: 1200px){
  .icons-section .container{ padding: 0 32px; }
  .icons-section__grid{ gap: 36px 26px; }
}

@media (max-width: 991px){
  .icons-section .container{padding: 0 20px;}
  .icons-section__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 20px;
  }
}

@media (max-width: 520px){
  .icons-section__grid{
    grid-template-columns: 1fr!important;
    gap: 26px;
  }

  .icons-card__icon-wrap{
    /* width: 118px; */
    /* height: 118px; */
  }

  .icons-card__shadow{
    /* width: 86px; */
    /* height: 86px; */
  }

  .icons-card .cnm-icon{
    width: 50px;
    height: 50px;
  }

  .icons-card h3{ font-size: 22px; }
  .icons-card p{ font-size: 16px; }
}

/* =========================
   GIVING BACK
   ========================= */

.giving-back{
  padding: clamp(40px, 5vw, 84px) 0;
}

.giving-back .container-lg{
  padding: 0 50px;
}

/* top image */
.giving-back__hero{
  width: 100%;
  overflow: hidden;
  margin-bottom: clamp(62px, 3vw, 34px);
}

.giving-back__hero img{
  width: 100%;
  /* height: clamp(260px, 28vw, 420px); */
  object-fit: cover;
  display: block;
}

/* layout */
.giving-back__row{
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  gap: 20px;
  align-items: start;
  padding: 0 150px;
}

/* left text */
.giving-back__left p{
  max-width: 560px;
  margin-bottom: 50px;
}

/* blue panel */
.giving-back__panel{
  margin-top: 18px;
  background: #0B6DB5;
  border-radius: 10px;
  padding: 50px;
  max-width: 100%;
}

.giving-back__panel-title{
  color: #FFF;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 12px;
}

/* force white text inside blue box */
.giving-back__panel p{
  color: #fff;
  margin: 0;
}

/* right logos */
.giving-back__right{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 18px;
  align-items: center;
  justify-items: center;
}

.giving-back__logo{
  width: 100%;
  background: transparent;
  border: 0;
  /* padding: 8px; */
  cursor: pointer;
  opacity: 1;
  transition: opacity .2s ease, transform .2s ease;
}

.giving-back__logo img{
  width: 100%;
  height: auto;
  max-width: 260px;
  display: block;
  justify-self: center;
}
.giving-back__left {
    margin-top: -100px;
    background: #FFF;
    max-width: 725px;
    justify-self: center;
    padding: 50px;
}

section.giving-back .container-lg {
    padding: 0;
}

.giving-back__left h2 {
    text-align: left;
}
.giving-back__logo:hover{
  transform: translateY(-1px);
}

.giving-back__logo.is-active{
  opacity: .8; /* requested effect */
}

/* responsive */
@media (max-width: 1200px){
  .giving-back .container-lg{ padding: 0 32px; }
  .giving-back__row{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 991px){
  .giving-back .container-lg{ padding: 0; }
  .giving-back__left {max-width:1900px; padding:20px}
 .giving-back__left p {max-width:1900px;}
  .giving-back__row{
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 0;
  }
.giving-back__hero{
  width: 100%;
  overflow: hidden;
  margin-bottom: 80px;
}
.giving-back__hero img{height:200px}
  .giving-back__right{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px){
  .giving-back__right{
    grid-template-columns: 1fr;
  }
  .giving-back__panel{ padding: 18px; }
  .giving-back__panel-title{ font-size: 20px; }
}

/* =========================
   SWIPER CSS (minimal required)
   Only for this section
   ========================= */

.carousel-sec .swiper,
.carousel-sec .swiper-wrapper,
.carousel-sec .swiper-slide{
  width: 100%;
  height: 100%;
}

.carousel-sec .swiper-slide{
  overflow: hidden;
}

/* your image already uses height:100% via .culture-item__bgimg */
.carousel-sec .culture-item__bgimg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* IMPORTANT: no arrows / no bullets (in case swiper css adds them somewhere) */
.carousel-sec .swiper-button-prev,
.carousel-sec .swiper-button-next,
.carousel-sec .swiper-pagination{
  display: none !important;
}
/* =========================
   LOGOS STRIP
   ========================= */

.logos-strip{
  padding: 80px 0;
}

.logos-strip__row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 120px;
  flex-wrap: wrap;
}

.logos-strip__row img{
  max-height: 186px;
  width: auto;
  max-width: 100%;
  display: block;
  /* opacity: .9; */
}

/* responsive */
@media (max-width: 991px){
  .logos-strip__row{
    flex-wrap: wrap;
    justify-content: center;
  }
  .logos-strip__row img{
    /* max-height: 70px; */
  }
.logos-strip{
  padding: 10px 0;
}
}

@media (max-width: 520px){
  .logos-strip__row{
    gap: 18px 24px;
  }
  .logos-strip__row img{
    /* max-height: 62px; */
  }
}

.default-area {padding: 100px 0;}

/* =========================
   TEAM SECTION
   ========================= */

.team-section{
  background: #0071BA;
  padding: 50px 20px;
}

.team-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px;
}

/* card */
.team-card{
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  /* aspect-ratio: 1 / 1; */
  background: rgba(255,255,255,.12);
}

.team-card__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* overlay (hidden by default) */
.team-card__overlay{
  position: absolute;
  inset: 0;
  border-radius: 20px;

  display: grid;
  place-items: center;
  padding: 18px;

  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
  background: linear-gradient(0deg, rgba(0, 113, 186, 0.80) 0%, rgba(0, 113, 186, 0.80) 100%);
}

/* show overlay on hover (desktop) */
@media (hover:hover){
  .team-card:hover .team-card__overlay{
    opacity: 1;
    pointer-events: auto;
  }
}

/* mobile state via class (JS toggles) */
.team-card.is-open .team-card__overlay{
  opacity: 1;
  pointer-events: auto;
}

.team-card__meta{
  width: 100%;
  text-align: center;
}

.team-card__name{
  color: #FFF;
  text-align: center;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.team-card__title{
  margin-top: 6px;
  color: #FFF;
  text-align: center;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

/* bio list */
.team-card__bio{
  list-style: disc;
  margin: 14px 40px 0;
  padding-left: 22px;
  width: fit-content;
  /* justify-self: center; */
  color: #FFF;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.team-card__bio li{
  margin: 6px 0;
  color: #FFF;
}

/* responsive */
@media (max-width: 1200px){
  .team-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 991px){
  .team-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .team-card__name{ font-size: 26px; }
  .team-card__title{ font-size: 20px; }
  .team-card__bio{ font-size: 16px; }
}

@media (max-width: 520px){
  .team-grid{ grid-template-columns: 1fr; }
}


/* OUR CORE SERVICES */
.core-services{
  padding: 46px 0;
}

.core-services h3{
  /* margin: 0 0 22px 0; */
   /* ajuste para o azul do tema, se precisar */
}

.core-services__cols{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 120px; /* linha / coluna */
  justify-content: center;
  max-width: 980px;
  margin: 0 auto;
}

.core-services__col ul{
  margin: 0;
  padding-left: 28px;  
  list-style: disc;
}

.core-services__col li{
 
}

/* <= 991px */
@media (max-width: 991px){
  .core-services{
    padding: 20px 0;
  }
  .core-services__cols{
    gap: 14px 60px;
  }
}

/* <= 520px */
@media (max-width: 780px){
  .core-services__cols{
    grid-template-columns: 1fr;
    gap: 0px;
  }
  
}

/* LIST + IMAGE SECTION */
.list-image-section{
  padding: 46px 0;
}

.list-image-section h3{
 
}

.list-image-section__row{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 30px;
}

.list-image-section__lists{
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* gap: 18px 90px; */
  max-width: 860px;
}

.list-image-section__col ul{
  margin: 0;
  padding-left: 18px;
  list-style: disc;
}

 

/* image */
.list-image-section__media{
  width: min(310px, 28vw);
  display: flex;
  justify-content: center;
  align-items: center;
}

.list-image-section__media img{
  width: 100%;
  height: auto;
  display: block;
}

/* <= 991px */
@media (max-width: 991px){
  .list-image-section{
    padding: 36px 0;
  }

  .list-image-section__row{
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .list-image-section__lists{
    max-width: 100%;
    gap: 14px 50px;
  }

  .list-image-section__media{
    width: min(240px, 60vw);
    margin: 0 auto;
  }
}

/* <= 520px */
@media (max-width: 520px){
  .list-image-section__lists{
    grid-template-columns: 1fr;
    gap: 0;
  }
}

/* 5 items: 3 em cima + 2 embaixo centralizados (SEM afetar outras grids) */
.icons-section__grid.five-itens{
  margin-top: clamp(26px, 3vw, 44px);

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(26px, 3vw, 54px) clamp(18px, 2.6vw, 44px);
}

/* desktop: 3 por linha */
.icons-section__grid.five-itens > *{
  flex: 0 1 calc((100% - (clamp(18px, 2.6vw, 44px) * 2)) / 3);
  max-width: 360px; /* opcional */
  width: 100%;
}

/* <= 991px: 2 por linha */
@media (max-width: 991px){
  .icons-section__grid.five-itens > *{
    flex-basis: calc((100% - clamp(18px, 2.6vw, 44px)) / 2);
    max-width: 420px;
  }
}

/* <= 520px: 1 por linha */
@media (max-width: 520px){
  .icons-section__grid.five-itens > *{
    flex-basis: 100%;
    max-width: 520px;
  }
}
h2.grey-icon-h2 {
    color: var(--dark-gray, #54565B);
    text-align: center;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}

h3.grey-icon-h3 {
    color: var(--dark-gray, #54565B);
    text-align: center;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.grey-rep-h3 {
    color: var(--dark-gray, #54565B);
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.culture-item__box h2 {
    color: var(--main, #0071BA);
    font-family: Poppins;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: start;
    text-transform: math-auto;
}


/* =========================
   TEXT + IMAGE SECTION
========================= */
.text-image-sec{
  padding: clamp(46px, 6vw, 86px) 0;
}

.text-image-sec__grid{
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(24px, 4vw, 64px);
  align-items: center;
}

.text-image-sec__content p{
  margin-top: 14px;
  max-width: 62ch;
}

.text-image-sec__content h3{
  margin-top: clamp(18px, 2.2vw, 28px);
}

.text-image-sec__content ul{
  margin-top: 14px;
}

.text-image-sec__media{
  display: grid;
  gap: clamp(14px, 2vw, 20px);
}

.text-image-sec__img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
}

/* Breakpoints do seu padrão */
@media (max-width: 991px){
  .text-image-sec__grid{
    grid-template-columns: 1fr;
  }

  .text-image-sec__content p{
    max-width: none;
  }
}

@media (max-width: 520px){
  .text-image-sec__img{
    border-radius: 14px;
  }
}
/* =========================
   SAFETY SECTION
========================= */
.safety-section{
  padding: clamp(46px, 6vw, 86px) 0;
}

.safety-section h3{
  margin-bottom: 14px;
}

.safety-section p{
  max-width: 92ch;
  margin-top: 14px;
}

/* bottom area */
.safety-section__bottom{
  margin-top: clamp(28px, 4vw, 46px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 260px) minmax(0, 1fr);
  gap: clamp(22px, 3.5vw, 54px);
  align-items: start;
}

.safety-section__lead{
  margin-top: 0;
  max-width: none;
}

.safety-section__lead + .safety-section__lead{
  margin-top: 22px;
}

.safety-section__list{
  margin-top: 10px;
  padding-left: 18px;
}

.safety-section__list ul{
  margin-top: 6px;
  padding-left: 18px;
}

/* images */
.safety-section__media{
  display: grid;
  gap: 16px;
  justify-items: center;
}

.safety-section__img{
  width: 100%;
  max-width: 240px;
  height: auto;
  display: block;
}

 .safety-section__list li > ul{
  /* fonte (exemplos) */
  /* font-size: 0.95em; */          /* ou 14px, etc */
  /* font-weight: 400; */
  /* line-height: 1.35; */

  /* espaçamento */
  /* margin-top: 6px; */
  padding-left: 18px;

  /* bullet padrão */
  list-style: disc;         /* disc | circle | square */
  margin-left: 20px;
}
@media (max-width: 991px){
  .safety-section p{
    max-width: none;
  }

  .safety-section__bottom{
    grid-template-columns: 1fr;
  }

  .safety-section__media{
    grid-template-columns: 1fr 1fr;
    justify-items: start;
  }

  .safety-section__img{
    max-width: 260px;
  }
}

@media (max-width: 520px){
  .safety-section__media{
    grid-template-columns: 1fr;
  }

  .safety-section__img{
    max-width: 280px;
  }
}
 
.careers-openings{
  padding: clamp(46px, 6vw, 86px) 0;
}

 

/* LEFT */
.careers-acc{
  border-top: 1px solid rgba(0,0,0,.12);
}

.careers-acc__active:empty{
  display: none;
}

/* item */
 .careers-acc__item:first-child{
  border-top: 1px solid #54565B;
}
.careers-acc__item{
  border-bottom: 1px solid #54565B;
}
.careers-acc__active .careers-acc__item:first-child{
  border-bottom: 0px;
  border-top:0
}
/* header button (vaga) */
.careers-acc__toggle{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
  flex-flow: row-reverse;
  padding: 20px 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  color: var(--main, #0071BA);
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.careers-acc__toggle::after{
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: .9;
  flex: 0 0 auto;
  margin-left: 10px;
}

.careers-acc__item.is-open .careers-acc__toggle::after{
  transform: rotate(-135deg);
}

/* content */
.careers-acc__panel{
  padding: 0 0 18px 0;
}

.careers-acc__panel p{
  margin-top: 10px;
  max-width: 75ch;
}

.careers-acc__panel ul{
  margin-top: 10px;
  padding-left: 18px;
}

/* RIGHT */
.careers-openings__form{
  position: sticky;
  top: 24px;
}
/* GRID: closed state = list beside form */
.careers-openings__grid{
  margin-top: clamp(18px, 3vw, 30px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(18px, 3vw, 44px);
  align-items: start;
  grid-template-areas:
    "list form";
}

/* open state = active beside form + list below both */
.careers-openings__grid.has-active{
  grid-template-areas:
    "active form"
    "list   list";
}

.careers-acc__active{grid-area: active;}
.careers-acc__list{grid-area: list;}
.careers-openings__form{ grid-area: form; }

/* hide active slot when empty (so closed layout fica igual ao seu print atual) */
.careers-openings__grid:not(.has-active) .careers-acc__active{
  display: none;
}

.careers-openings__grid.has-active .careers-acc__list{
  margin-top: 18px;
}

/* mobile */
@media (max-width: 991px){
  .careers-openings__grid,
  .careers-openings__grid.has-active{
    grid-template-columns: 1fr;
    grid-template-areas:
      "form"
      "active"
      "list";
  }
    .careers-acc__list{grid-area: list;width: 100%;}
  .careers-openings__grid.has-active .careers-acc__list{
    margin-top: 0;
  }
}

@media (max-width: 991px){
  .careers-openings__grid{
    grid-template-columns: 1fr;
    display: flex;
    flex-flow: column-reverse;
    width: 100%;
  }

  .careers-openings__form{
    position: static;
  }
}

@media (max-width: 520px){
  .careers-acc__toggle{
    font-size: 16px;
    padding: 14px 0;
  }
}

/* =========================
   ACCORDION caret (mask + blue)
========================= */
.careers-acc__toggle::after{
  content: "";
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  margin-left: 10px;

  /* mask */
  -webkit-mask-image: url(../img/icons/icon-caret-down.svg);
  mask-image: url(../img/icons/icon-caret-down.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;

  /* color */
  background-color: #0071BA;

  /* remove old arrow */
  border: 0 !important;
  opacity: 1;
  transform: rotate(0deg);
}

.careers-acc__item.is-open .careers-acc__toggle::after{
  transform: rotate(180deg);
}

/* =========================
   Gravity Forms select caret (mask + blue)
========================= */
.careers-openings__form .gform_wrapper select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* remove any theme arrow if present */
  background-image: none !important;

  padding-right: 44px; /* room for caret */
}

/* add caret via wrapper so we can use mask */
.careers-openings__form .gform_wrapper .ginput_container_select{
  position: relative;
}

.careers-openings__form .gform_wrapper .ginput_container_select::after{
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  pointer-events: none;

  -webkit-mask-image: url(../img/icons/icon-caret-down.svg);
  mask-image: url(../img/icons/icon-caret-down.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;

  background-color: #0071BA;
}
/* =========================
   BLOG GRID PAGE
========================= */
.blog-grid-page{
  padding: 30px 0;
}

.blog-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.blog-grid__item{
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 11; /* aproxima do print */
  overflow: hidden;
  background: #0b0f14;
  text-decoration: none;
}

.blog-grid__img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.001);
  transition: transform .35s ease;
}

.blog-grid__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.45) 100%);
  opacity: .9;
  transition: opacity .35s ease;
}

.blog-grid__title{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  max-width: 100%;
  width: fit-content;
  background: #0071BA;
  transition: transform .35s ease, background-color .35s ease, filter .35s ease;
  color: #FFF;
  text-align: center;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

/* Hover: leve zoom + levanta título */
.blog-grid__item:hover .blog-grid__img{
  transform: scale(1.06);
}

.blog-grid__item:hover .blog-grid__overlay{
  opacity: 1;
}

.blog-grid__item:hover .blog-grid__title{
  transform: translate(-50%, calc(-50% - 10px));
  filter: brightness(.95);
}

/* Breakpoints do seu padrão */
@media (max-width: 991px){
  .blog-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .blog-grid__title{
    font-size: 20px;
  }
}

@media (max-width: 890px){
  .blog-grid{
    grid-template-columns: 1fr;
  }

  .blog-grid__title{
    font-size: 16px;
  }
}


/* =========================
   CONTACT SECTION
========================= */
.contact-section{
  padding: 100px 80px;
}

.contact-section__row{
  display: flex;
  gap: clamp(22px, 4vw, 58px);
  align-items: flex-start;
}

/* columns */
.contact-section__left{
  flex: 1 1 52%;
  min-width: 0;
  width: 100%;
}

.contact-section__right{
  flex: 1 1 48%;
  min-width: 0;
  width: 100%;
}

/* info links */
.contact-section__info{
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.contact-section__link{
  display: flex;
  align-items: flex-start;
  gap: 10px;

  color: var(--main, #0071BA);
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
}

.contact-section__link span{
  display: block;
}

/* icon sizing (icons já usam mask no seu framework) */
.contact-section__link .cnm-icon{
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  background-color: var(--main, #0071BA);
}

.contact-section__link:hover{
  text-decoration: underline;
}

/* map */
.contact-section__map{
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.12);
}

.contact-section__map iframe{
  width: 100%;
  height: 320px;
  border: 0;
  display: block;
}

/* form spacing */
.contact-section__right h3{
  margin: 0 0 14px 0;
}

/* Breakpoints do seu padrão */
@media (max-width: 991px){
  .contact-section__row{
    flex-direction: column;
  }
  .contact-section{
  padding: 50px 0px;
}
  .contact-section__map iframe{
    height: 300px;
  }
}

@media (max-width: 520px){
  .contact-section__link{
    font-size: 16px;
  }

  .contact-section__link .cnm-icon{
    width: 16px;
    height: 16px;
  }

  .contact-section__map iframe{
    height: 260px;
  }
}

/* =========================
   EMPLOYEE PORTAL
========================= */
.employee-portal{
  padding: clamp(46px, 6vw, 86px) 0;
}

.employee-portal__wrap{
  max-width: 420px;
  margin: 0 auto;
  text-align: center;
}

.employee-portal__wrap h3{
  margin: 0 0 14px 0;
  text-align: left;
}

.employee-portal__form{
  display: grid;
  gap: 12px;
  justify-items: left;
}

.employee-portal__form input{
  width: 100%;
  /* max-width: 280px; */
  border-radius: 5px;
  border: 1px solid var(--dark-gray, #54565B);
  padding: 12px 12px;
  color: var(--dark-gray, #54565B);
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 105%;
  box-shadow: none;
  outline: none;
}

.employee-portal__form input::placeholder{
  color: var(--dark-gray, #54565B);
  opacity: 1;
}

 
.employee-portal__form .btn-layout{
  margin-top: 8px;
}
/* =========================
   EMPLOYEE HOME (LOGGED IN)
========================= */
.employee-home{
  padding: clamp(46px, 6vw, 86px) 0;
}

.employee-home__grid{
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 20px;
  align-items: start;
}

/* left */
.employee-home__actions{
  margin-top: 14px;
  margin-bottom: 40px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.employee-home__sub{
  margin-top: 22px;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--main, #0071BA);
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
}

.employee-home__links{
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
  display: grid;
  gap: 10px;
}

.employee-home__links a{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--main, #0071BA);
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

/* caret icon (down -> right) */
.employee-home__links .cnm-icon{
  width: 12px;
  height: 12px;
  background-color: var(--main, #0071BA);
  transform: rotate(-90deg);
  flex: 0 0 auto;
}

/* right news */
.employee-home__news{
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.employee-home__news-item{
  position: relative;
  display: block;
  aspect-ratio: 4 / 4;
  overflow: hidden;
  text-decoration: none;
  background: #0b0f14;
}

.employee-home__news-item img{
  position: absolute;
  aspect-ratio: 4/3;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.001);
  transition: transform .35s ease;
}

.employee-home__news-item span{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  background: var(--main, #0071BA);
  color: #fff;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 24px;
  width: max-content;
  max-width: 100%;
  font-weight: 700;
  text-transform: uppercase;
  transition: transform .35s ease, filter .35s ease;
}

.employee-home__news-item:hover img{
  transform: scale(1.06);
}
.employee-home__news-item:hover span{
  transform: translate(-50%, calc(-50% - 8px));
  filter: brightness(.95);
}

.employee-home__seeall{
  margin-top: 14px;
  display: inline-flex;
}
/* Add/adjust these rules (keeps your current Employee Home layout) */
.employee-home__links .emp-file a{
  text-transform: none; /* optional */
}

/* file icon alignment */
.employee-home__links .emp-file a{
  position: relative;
  padding-left: 44px;
}

/* keep caret only on folders that have dropdown (already controlled in PHP) */
.employee-home__links .emp-item > a{
  position: relative;
}

/* optional: make file links not look like folder toggles */
.employee-home__links .emp-file a{
  cursor: pointer;
}

/* responsive */
@media (max-width: 991px){
  .employee-home__grid{
    grid-template-columns: 1fr;
  }
  .employee-home__news{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px){
  .employee-home__news{
    grid-template-columns: 1fr;
  }
}
section.page-content.scroll-section {
    margin-top: 50px;
}
.page-content__inner.\34 04 h2 {
    text-align: left;
}


.giving-back__hero .swiper,
.giving-back__hero .swiper-wrapper,
.giving-back__hero .swiper-slide {
  height: 100%;
}

.giving-back__hero .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {
.default-area {padding: 50px 0;}
.approach-hero__title{ width: 100%}
}
@media (max-width: 768px) {.grey-icon-h3{font-size: 20px!important;}
.grey-icon-h2{font-size: 28px!important;}}