<style>
  @media (max-width: 991px) {
    #div-1 {
      max-width: 700px !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding-left: 0% !important;
      padding-right: 0% !important;
    }
    #div-2 {
      margin-bottom: 100px !important;
    }
    #h2-1 {
      margin-bottom: 40px !important;
    }
    #div-3 {
      flex-direction: column !important;
      justify-content: flex-start !important;
      align-items: stretch !important;
    }
    #div-4, #div-5, #div-9, #div-13, #div-17, #div-18, #div-22, #div-26 {
      width: 100% !important;
    }
    #div-6, #div-10, #div-14, #div-19, #div-23, #div-27 {
      padding: 24px !important;
    }
    #div-8, #div-12, #div-16, #div-21, #div-25, #div-29 {
      width: 48px !important;
      height: 48px !important;
      border-radius: 50% !important; /* Ensure buttons are round */
    }
    #img-1, #img-2, #img-3, #img-4, #img-5, #img-6 {
      width: 20px !important;
      height: 20px !important;
    }
  }

  @media (max-width: 767px) {
    #div-1 {
      width: 90% !important;
      max-width: 568px !important;
    }
    #div-2 {
      margin-bottom: 60px !important;
    }
  }

  @media (max-width: 479px) {
    #div-1 {
      width: 90% !important;
      max-width: 400px !important;
    }
    #div-2 {
      margin-bottom: 80px !important;
    }
    #div-6, #div-10, #div-14, #div-19, #div-23, #div-27 {
      padding: 20px !important;
    }
    #div-7, #div-11, #div-15, #div-20, #div-24, #div-28 {
      width: 85% !important;
    }
    #div-8, #div-12, #div-16, #div-21, #div-25, #div-29 {
      width: 28px !important;
      min-width: 24px !important;
      height: 28px !important;
      border-radius: 50% !important; /* Ensure buttons are round */
    }
    #img-1, #img-2, #img-3, #img-4, #img-5, #img-6 {
      width: 16px !important;
      height: 16px !important;
    }
  }

  @media (min-width: 1440px) {
    #div-3 {
      justify-content: space-between !important;
    }
  }
</style>

<div style="align-items: center; flex-direction: column; display: flex; width: 100%; padding: 20px;">
  <div style="display: flex; justify-content: space-between; width: 100%; gap: 20px;">
    <div style="flex: 1; display: flex; flex-direction: column; gap: 20px;">
      <!-- Botón 1 -->
      <div style="background-color: rgb(255, 255, 255); border-radius: 16px; overflow: hidden; padding: 30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
        <div style="display: flex; align-items: center; justify-content: space-between; cursor: pointer;">
          <div style="font-size: 28px; font-weight: 500; color: rgb(15, 15, 15);">How do I reset my password?</div>
          <div style="background-color: rgb(246, 248, 251); border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
            <img src="https://assets-global.website-files.com/63860c8c65e7bef4a1eeebeb/638a659d8737db80c486392d_Glyph_%20undefined.svg" style="width: 24px; height: 24px;" />
          </div>
        </div>
      </div>
      <!-- Botón 2 -->
      <div style="background-color: rgb(255, 255, 255); border-radius: 16px; overflow: hidden; padding: 30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
        <div style="display: flex; align-items: center; justify-content: space-between; cursor: pointer;">
          <div style="font-size: 28px; font-weight: 500; color: rgb(15, 15, 15);">How do I contact support?</div>
          <div style="background-color: rgb(246, 248, 251); border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
            <img src="https://assets-global.website-files.com/63860c8c65e7bef4a1eeebeb/638a659d8737db80c486392d_Glyph_%20undefined.svg" style="width: 24px; height: 24px;" />
          </div>
        </div>
      </div>
    </div>

    <div style="flex: 1; display: flex; flex-direction: column; gap: 20px;">
      <!-- Botón 3 -->
      <div style="background-color: rgb(255, 255, 255); border-radius: 16px; overflow: hidden; padding: 30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
        <div style="display: flex; align-items: center; justify-content: space-between; cursor: pointer;">
          <div style="font-size: 28px; font-weight: 500; color: rgb(15, 15, 15);">Can I export my data?</div>
          <div style="background-color: rgb(246, 248, 251); border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
            <img src="https://assets-global.website-files.com/63860c8c65e7bef4a1eeebeb/638a659d8737db80c486392d_Glyph_%20undefined.svg" style="width: 24px; height: 24px;" />
          </div>
        </div>
      </div>
      <!-- Botón 4 -->
      <div style="background-color: rgb(255, 255, 255); border-radius: 16px; overflow: hidden; padding: 30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
        <div style="display: flex; align-items: center; justify-content: space-between; cursor: pointer;">
          <div style="font-size: 28px; font-weight: 500; color: rgb(15, 15, 15);">What is your refund policy?</div>
          <div style="background-color: rgb(246, 248, 251); border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
            <img src="https://assets-global.website-files.com/63860c8c65e7bef4a1eeebeb/638a659d8737db80c486392d_Glyph_%20undefined.svg" style="width: 24px; height: 24px;" />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>