.beneficios {
  padding: 50px 0;

  .beneficios__header {
    margin-block-end: 25px;

    .beneficios__seletor {
      margin: 0 auto;
      margin-bottom: 50px;
      position: relative;
      display: inline-flex;
      justify-content: center;
      font-size: 18px;
      font-weight: 650;
      border-radius: 40px;
      overflow: hidden;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

      @media (width < 1024px) {
        flex-direction: column;
      }

      .beneficios__seletor__item {
        background: #fff;
        color: #333333;
        padding: 15px 60px;
        border-radius: 40px;
        cursor: pointer;
        text-align: center;
        min-width: 247px;
        height: 55px;
        text-decoration: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        transition: 0.2s all;
        z-index: 1;

        &:has(+ &) {
          margin-right: -40px;
        }

        &:hover {
          background: #f3f3f3;
          z-index: 2;
        }

        &.beneficios--active {
          background: #ea8a52;
          color: #fff;
          z-index: 2;
        }

        @media (width < 1024px) {
          width: 100%;
          border-radius: 20px;
        }
      }
    }

    .beneficios__title {
      transition: 0.2s all;
      opacity: 0;

      &.active {
        opacity: 1;
      }

      h3 {
        font-family: var(--font-family-primary);
        font-weight: 700;
        color: #1e215a;

        span {
          color: #ea8a52;
        }
      }
    }
  }
  .card__item {
    .card__imagem {
      padding-inline: 30px;
      padding-block-start: 30px;

      img {
        width: auto;
        height: auto;
        max-height: 55px;
        object-fit: contain;
      }
    }
  }
}