body {
    margin: 0;
    padding: 0;
  }

  .faq-container {
    display: flex;
    max-width: 100vw;
    margin: 200px auto;
    margin-top: 0px;
    height: 900px;
    background-color: white;
  }

  .faq-image {
    flex: 1;
    padding: 2px;
  }

  .faq-image img {
    margin-left: 40px;
    margin-right: 20px;
  }

  .faq-content {
    flex: 1;
    padding: 20px;
    padding-right: 100px;
  }

  .faq-header {
    font-family: Work Sans;
    font-size: 36px;
    font-weight: 600;
    line-height: 42.23px;
    text-align: left;
    padding-bottom: 50px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    border-bottom: 5px solid #ddd;
  }

  .faq-item {
    border-bottom: 2px solid #ddd;
  }

  .faq-question {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-family: work sans;
    font-size: 24px;
    font-weight: 400;
    line-height: 32.84px;
    color: #040404;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding: 20px 0;
  }

  .faq-answer {
    display: none;
    font-family: Work Sans;
    font-size: 20px;
    font-weight: 300;
    line-height: 23.46px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding: 10px 0;
    color: #4a4a4a;
  }

  .faq-question span {
    font-size: 20px;
    width: 12.63px;
    height: 12.63px;
    color: #f46a6a;
    padding: auto 20px;
    transition: transform 0.3s ease;
  }

  .faq-question.active span {
    transform: rotate(45deg);
  }


  @media (max-width: 1151px) {
    .faq-container {
      display: block;
      max-width: 100vw;
      margin: 100px auto;
      margin-top: 0px;
      height: 1180px;
      background-color: white;
    }

    .faq-image {
      flex: 1;
      padding: 2px;
    }

    .faq-image img {
      width: 343px;
      height: 257;
      margin-left: 10px;
      margin-right: 20px;
    }

    .faq-content {
      flex: 1;
      padding: 20px;
      padding-right: 20px;
    }

    .faq-header {
      font-family: Work Sans;
      font-size: 18px;
      font-weight: 500;
      line-height: 23.46px;
      letter-spacing: -0.02em;
      text-align: center;
      text-underline-position: from-font;
      text-decoration-skip-ink: none;
    }

    .faq-item {
      border-bottom: 2px solid #ddd;
    }

    .faq-question {
      display: flex;
      justify-content: space-between;
      cursor: pointer;
      font-family: Work Sans;
      font-size: 20px;
      font-weight: 500;
      line-height: 23.46px;
      letter-spacing: -0.02em;
      text-align: left;
      text-underline-position: from-font;
      text-decoration-skip-ink: none;
      padding: 20px 0;
    }

    .faq-answer {
      display: none;
      font-family: Work Sans;
      font-size: 16px;
      font-weight: 400;
      line-height: 18.77px;
      letter-spacing: 0.005em;
      text-align: left;
      text-underline-position: from-font;
      text-decoration-skip-ink: none;

      padding: 10px 0;
      color: #4a4a4a;
    }

    .faq-question span {
      font-size: 20px;
      width: 12.63px;
      height: 12.63px;
      color: #f46a6a;
      margin-left: 10px;
      padding: auto 30px;
      transition: transform 0.3s ease;
    }
  }