.elvtd-new-faq-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: calc(100vw - 260px); 
  margin:auto;
  display: flex;
  gap: 180px;
  @media(max-width:1680px){
    max-width:100%;
    padding-left:100px;
    padding-right:100px;
  }
  @media(max-width:1280px){
    flex-direction:column;
    gap:80px
  }
  @media (max-width: 767px) {
    padding: 0 24px;
    gap:32px;
  }

  &.two-column-layout {
    @media (min-width: 1025px) {
      display: flex;
      display: -webkit-flex;
      gap: 60px;
      align-items: flex-start;
    }

    .elvtd-faq-header {


      @media (min-width: 1025px) {
        flex: 0 0 calc(50% - 30px);
        width: calc(50% - 30px);
        padding-bottom: 0;
        position: sticky;
        position: -webkit-sticky;
        top: 100px;
      }
    }

    .elvtd-faq-questions-wrapper {
      @media (min-width: 1025px) {
        flex: 0 0 calc(50% - 30px);
        width: calc(50% - 30px);
      }
    }

    .elvtd-faq-accordion {
      max-width: unset;
      margin-left: 50px;
      display: flex;
      flex-direction: column;
      gap: 20px;
      span{
           font-size:30px;
        font-weight:500;
      }
     

      @media (min-width: 1025px) {
        margin-left: 0;
        max-width: 100%;
      }
    
    }
  }

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



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

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

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

    .faq-header-wrapper {
      display: flex;
      gap: 24px;
      flex-direction: column;

      h2 {
        font-weight: 500;
        font-size: 64px;
        @media(max-width:767px){
          font-size:35px;
          line-height:1.1;
        }
      }

      .elvtd-faq-subheading {
        width: 100%;
        flex-basis: 100%;
        margin: 0;
        font-weight: 300;
        font-size: 20px;
      }
    }

  }

  .elvtd-faq-accordion {
    max-width: 856px;
    margin-left: auto;
    margin-bottom: 56px;

    @media (max-width: 1280px) {
      margin-left: 40px;
      margin-bottom:32px;
    }
    @media(max-width:767px){
      margin-left:36px;
    }

    .elvtd-faq-question {
      width: 100%;
      text-align: left;
      font-weight: 500;
      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: 1280px) {
          .h7:before{
            margin-left:-40px;
          }
       }

      @media (max-width: 767px) {
        .h7:before {
          margin-left: -36px;
          min-width: 24px;
          min-height: 24px;
          margin-top: 1px;
          margin-left: -28px;
        }
      }
    }

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

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

      p {
        margin: 0;
        margin-top: 20px;
        font-weight: 300;
        font-size: 20px;
        line-height: 1.2;
        letter-spacing:-4%;
        @media(max-width:767px){
          font-size: 14px;
          letter-spacing: -3%;

        }
      }
    }
  }

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

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