.rewards-faqs {
  @media (min-width: 1024px) {
    &.wrapper-content {
      max-width: 1500px;
      margin-inline: auto;
    }
  }

  @media (min-width: 1200px) {
    &.wrapper-content {
      padding-inline: 2rem;
    }
  }
}

.rewards-faqs__header {
  padding: 0;
  float: none;
  margin-bottom: 3rem;

  .rewards-faqs__headerHeading {
    font-size: 2.3rem;
  }

  @media (min-width: 768px) {
    .rewards-faqs__headerHeading {
      font-size: 3.5rem;
    }
  }

  @media (min-width: 1024px) {
    margin-bottom: 5rem;
  }
}

.rewards-faqs__questionList {
  .rewards-faqs__question {
    border-bottom: 2px solid var(--color-text);
    padding: 1.5rem 0.5rem;
    cursor: pointer;

    &[open] {
      padding-bottom: 0;

      .rewards-faqs__questionTitle {
        svg:first-of-type {
          display: none;
        }

        svg:last-of-type {
          display: block;
        }
      }
    }

    .rewards-faqs__questionTitle {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;

      .rewards-faqs__questionTitleText {
        width: calc(100% - (15px + 1rem));
      }

      svg {
        width: 15px;
        height: 15px;
      }

      svg:last-of-type {
        display: none;
      }
    }

    .rewards-faqs__questionDescription {
      font-size: 0.9rem;
      padding: 1.5rem 0;

      p:first-of-type {
        margin-top: 0;
      }

      p:last-of-type {
        margin-bottom: 0;
      }
    }
  }

  @media (min-width: 1024px) {
    .rewards-faqs__question {
      padding: 1.8rem 0;
      .rewards-faqs__questionTitle {
        .rewards-faqs__questionTitleText {
          font-size: 1.1rem;
        }
      }
    }
  }
}