.doc-list-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 25px 0px;
  background-color: #e6e6e653;
  border-radius: 10px;
  height: 85px;
  padding: 0px 0px 0px 16px;
}

.doc-header-text {
  margin-bottom: -7px !important;
  margin-left: 6px;
  letter-spacing: -0.6px;
  font-weight: 400;
}

.user-name-container {
  margin-top: 8px;
  margin-left: 7px;
  color: var(--font-light);
  font-weight: 500;
}

.how-to-info-container {
  .how-to-info-wrapper {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .how-to-image-wrapper {
    display: flex;
    max-width: 1100px;
    height: 100%;
    background-color: var(--haq-blue); //#e6e6e653;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
  }

  .how-to-info-svg {
    padding: 30px 30px;
    width: 80%;
    height: 0%;
    border-radius: 40px;
  }

  .how-to-steps-container {
    margin: 5px 20px;
  }
  .steps-wrapper {
    display: flex;
    flex-direction: column;
    margin: 25px 0px;
    background-color: #e6e6e653;
    border-radius: 10px;
    padding: 16px 38px 16px 25px;
    text-align: justify;

    strong {
      font-weight: 500;
    }
    ol {
      li {
        margin-bottom: 14px;
      }
    }

    .doc-header-text {
      margin-bottom: 16px !important;
      margin-left: 0px;
      letter-spacing: -0.6px;
      font-weight: 400;
    }

    .steps-p {
      margin-bottom: 14px;
      padding: 0px 14px;
    }

    .howto-special-para {
      margin-top: 6px;
    }
  }
}
