/* Estilo automático para a página: trabalhe-conosco */
section.sobre {
  .thumb {
    svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
}

section.depoimentos {
  .swiper {
    padding-top: 20px;
    padding-bottom: 80px;
  }

  .card-depo {
    box-shadow: 6px 6px 25px 2px #56596726;

    .depo-info {
      h4 {
        font-size: 16px;
        font-weight: 600;
        color: var(--creme);
        margin: 0;
      }

      p {
        font-size: 14px;
        font-weight: 400;
        color: #e1e3e9;
        margin: 0;
      }
    }
  }
}

section.banner {
  overflow-x: hidden;

  h2 {
    font-size: 32px;
    color: white;
    font-weight: 600;
    margin-bottom: 16px;

    @media (max-width: 540px) {
      text-align: center;
      font-size: 22px;
      margin: 0;
    }
  }

  p {
    color: white;
    margin-bottom: 32px;
    font-weight: 500;

    @media (max-width: 540px) {
      text-align: center;
      font-size: 16px;
      margin: 0;
    }
  }

  .outer {
    &::after {
      content: '';
      position: absolute;
      width: 98svw;
      height: 120%;
      background: var(--laranja);
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      box-shadow: 0px 8px 6px 0px #55586626;
      top: 20%;
      left: 50%;
      right: 0;
      z-index: -1;
      transform: translateX(-50%);
    }
  }
}

section.principios {
  .swiper-slide:nth-child(odd) .holder {
    background: var(--laranja);
  }

  .swiper-slide:nth-child(even) .holder {
    background: var(--roxo);
  }

  h2 {
    margin-bottom: 30px;
  }

  p {
    margin: 0;
    color: #fff;
  }

  .card-p {
    h3 {
      font-weight: 500;
      font-size: 16px;
      line-height: 140%;
      margin-bottom: 0;
      margin-top: 5px;
      text-transform: uppercase;
      color: var(--roxo);

      span {
        color: var(--laranja);
      }
    }

    p {
      font-size: 16px;
      color: var(--cinza);
      font-weight: 500;
      line-height: 140%;
      margin: 0;
    }
  }

  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: #7A4A9C;

    &.swiper-pagination-bullet-active {
      background-color: #FF6A00;
    }
  }
}