.porqueTrabalharDocContent, .beneficiosDocContent, .vagasContent {
  padding-top: 60px!important;
  padding-bottom: 30px!important;
}

#introCarreiras {
  background-image: url("../../assets/img/carreiras/carreiras-intro-bg-01.webp");
  background-position: left top;
  background-repeat: no-repeat;
}

@media (min-width: 1400px) {
  #introCarreiras {
    background-image: url("../../assets/img/carreiras/carreiras-intro-bg-01.webp");
    background-position: right top;
    background-repeat: no-repeat;
  }
}

.introCarreirasContent {
  padding-top: 160px!important;
  padding-bottom: 40px!important;
  color: white;
  text-align: center;
}

@media (min-width: 768px) {
  .porqueTrabalharDocContent, .beneficiosDocContent, .vagasContent {
    padding-top: 80px!important;
  }
}

@media (min-width: 768px) {
  .introCarreirasContent {
    padding-top: 220px!important;
    text-align: left;
  }
}

@media (min-width: 992px) {
  .introCarreirasContent h1, .introCarreirasContent p {
    width: 60%!important;
  }
}

.introCarreirasContent p {
  margin: 30px 0;
}

@media (min-width: 768px) {
  .introCarreirasContent p {
    margin: 50px 0;
  }
}

.porqueTrabalharDocContent ul, .beneficiosDocContent ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

@media (min-width: 768px) {
  .porqueTrabalharDocContent ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 40px auto;
    row-gap: 40px;
  }
}

@media (min-width: 768px) {
  .beneficiosDocContent ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px auto;
    row-gap: 80px!important;
    align-items: self-start;
  }
}

.porqueTrabalharDocContent ul li, .beneficiosDocContent ul li {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  margin: 40px 0;
  font-size: 16px;
  gap: 8px;
}

.porqueTrabalharDocContent ul li span, .beneficiosDocContent ul li span {
  font-weight: 600;
  font-size: 18px;
}

@media (min-width: 768px) {
  .porqueTrabalharDocContent ul li {
    margin: 0;
    width: 48%;
  }
}

@media (min-width: 768px) {
  .beneficiosDocContent ul li {
    margin: 0;
    width: 32%;
  }
}

@media (min-width: 1200px) {
  .beneficiosDocContent ul li {
    /*width: 24%;*/
  }
}

.porqueTrabalharDocContent ul li svg, .beneficiosDocContent ul li svg {
  font-size: 50px;
  color: #2d82fc;
}

.vagasContent {
  padding-bottom: 60px!important;
}

#accordion-1 {
  margin: 40px 0 0;
}

#beneficiosDoc {
  background-color: #f6f6f6;
}

.vagasItem, .vagasItem h2, .vagasItem h2 button {
  background-color: transparent!important;
  border: none!important;
}

.vagasItem h2 button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}

@media (min-width: 768px) {
  .vagasItem h2 button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.vagasItem h2 button::after {
  content: none;
}

.vagasItem h2 button span:nth-child(1) {
  font-size: 12px;
  color: #555555;
}

@media (min-width: 768px) {
  .vagasItem h2 button span:nth-child(1) {
    font-size: 14px;
    margin: 0;
    width: 9%;
  }
}

.vagasItem h2 button span:nth-child(2) {
  font-size: 20px;
  color: #2d82fc;
  font-weight: 600;
  margin: 0 0 4px;
}

@media (min-width: 768px) {
  .vagasItem h2 button span:nth-child(2) {
    margin: 0;
    width: 46%;
  }
}

@media (min-width: 1200px) {
  .vagasItem h2 button span:nth-child(2) {
    font-size: 28px;
  }
}

.vagasItem h2 button span:nth-child(3), .vagasItem h2 button span:nth-child(4) {
  font-size: 14px;
  color: #555555;
  font-weight: 500;
  display: flex;
  animation: center;
  margin: 2px 0;
  gap: 4px;
  flex-direction: row-reverse;
  align-items: center;
}

@media (min-width: 768px) {
  .vagasItem h2 button span:nth-child(3) {
    margin: 0;
    width: 14%;
  }
}

@media (min-width: 768px) {
  .vagasItem h2 button span:nth-child(4) {
    margin: 0;
    width: 30%;
  }
}

.vagasItem > div, .vagasItem > div p, .accordion-body, .accordion-button {
  border-top: none!important;
  padding: 0!important;
  margin: 0!important;
}

@media (min-width: 1200px) {
  .vagasItem h2 button span:nth-child(1), .vagasItem h2 button span:nth-child(3), .vagasItem h2 button span:nth-child(4) {
    font-size: 16px;
  }
}

.vagasItem > div {
  border-top: none!important;
  padding: 0!important;
}

.vagasItem > div span {
  font-size: 18px;
  color: #2a2a2a;
  font-weight: 600;
  margin: 20px 0 6px;
  display: block;
}

@media (min-width: 1200px) {
  .vagasItem > div span {
    font-size: 24px;
  }
}

.vagasItem > div p {
  font-size: 14px;
  color: #555555;
  display: block;
}

@media (min-width: 1200px) {
  .vagasItem > div p {
    font-size: 20px;
  }
}

.linkVaga {
  font-size: 16px!important;
  background-color: #2d82fc!important;
  background-image: none;
  padding: 8px!important;
  margin: 20px 0 0;
}

.vagasItem {
  border-bottom: 1px solid #ccc!important;
  border-radius: 0!important;
  padding-bottom: 20px!important;
  padding-top: 20px!important;
}

header {
  z-index: 999!important;
  background-color: white!important;
}