<mjml>
  <mj-head>
    <mj-include path="./partials/style.mjml" />
  </mj-head>
  <mj-body css-class="emailBody" width="660px">
    <mj-wrapper mj-class="email" border-radius="0">
      <mj-section padding="24px" border-top="1px solid #E5E5E5" border-left="1px solid #E5E5E5" border-right="1px solid #E5E5E5">
        <mj-column>
          <mj-image mj-class="logo" src="{{.Props.SiteURL}}/static/images/logo_email_dark.png" />
        </mj-column>
      </mj-section>
      <mj-section  padding="0 60px" border-left="1px solid #E5E5E5" border-right="1px solid #E5E5E5">
        <mj-column>
          <mj-text align="left" css-class="title" font-family="Open Sans, sans-serif" padding="10px 0px" padding-left="25px">
            {{.Props.Title}}
          </mj-text>
          <mj-text align="left" padding-bottom="14px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" color="#000000" font-family="Open Sans, sans-serif">
            {{.Props.SubTitle1}}
          </mj-text>
          <mj-text align="left" padding-bottom="24px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" color="#000000" font-family="Open Sans, sans-serif">
            {{.Props.SubTitle2}}
          </mj-text>
          <mj-text align="left" padding-left="60px" padding-right="118px" padding-top="0px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" color="#000000" font-family="Open Sans, sans-serif">
            <mj-raw>
                <ul padding-left="118px" padding-right="118px">
                    {{ range .Props.BulletListItems}}
                        <li text-align="left">{{.}}</li>
                    {{end}}
                </ul>
            </mj-raw>
          </mj-text>
          <mj-button color="#1C58D9" padding-bottom="30px" align="left" href="{{.Props.SiteURL}}/admin_console/billing/subscription">
            {{.Props.LimitsDocs}}
          </mj-button>
          <mj-button href="{{.Props.SiteURL}}/admin_console/billing/subscription" padding="0px" padding-bottom="24px" border-top="16px" font-weight="400 !important" css-class="button-cloud" font-family="Open Sans, sans-serif">
            {{.Props.Button}}
          </mj-button>
        </mj-column>
      </mj-section>
      <mj-include path="./partials/cloud_laptop_warning.mjml" />
      <mj-include path="./partials/cloud_questions_hr_email_footer.mjml" />
    </mj-wrapper>
  </mj-body>
</mjml>
