.elvtd-faq-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: var(--base-max-width);
  padding: 0 20px;

  @media (max-width: 767px) {
    padding: 0 24px;
  }

  .elvtd-faq-header {
    display: flex;
    gap: 11px;
    align-items: center;
    padding-bottom: 64px;

    @media (max-width: 1440px) {
      padding-bottom: 46px;
    }

    @media (max-width: 1280px) {
      padding-bottom: 24px;
    }

    @media (max-width: 767px) {
      padding-bottom: 20px;
    }
  }

  .elvtd-faq-accordion {
    max-width: 856px;
    margin-left: auto;
    margin-bottom: 56px;
    @media (max-width: 1240px) {
     margin-left: 10px;
    }

    .elvtd-faq-question {
      width: 100%;
      text-align: left;
      font-weight: 600;
      color: var(--base-font-color);
      background-color: transparent;
      border: none;
      cursor: pointer;
      padding: 0;

      .h7:before {
        content: "";
        position: absolute;
        background-image: url(/cdn/shop/files/plus.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: -50px;
        min-width: 30px;
        min-height: 37px;
        margin-top: 3px;

        @media (max-width: 767px) {
         margin-left: -32px;
          min-width: 24px;
          min-height: 24px;
          margin-top: 1px;
        }
      }
    }

    .elvtd-faq-answer {
      padding-top: 20px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;

      @media (max-width: 767px) {
        padding-top: 0;
      }

      p {
        margin-bottom: 0;
      }
    }
  }

  .elvtd-faq-accordion.active {
    .h7:before {
      background-image: url(/cdn/shop/files/minus_new.svg);
      margin-top: 4px;
    }

    .elvtd-faq-answer {
      max-height: 100%;
    }
  }
}