Inboxes

Create an inbox to save and track emails. It's free!

+New inbox

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   Help Scout Newsletter for December 2, 2022
  </title>
  <meta content=" Help Scout Newsletter for December 2, 2022" property="og:title"/>
  <meta content=" Help Scout Newsletter for December 2, 2022" name="twitter:title"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <!--[if gte mso 9]>
  <xml>
      <o:OfficeDocumentSettings>
      <o:AllowPNG/>
      <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
  </xml>
  
  <style>
    ul > li {
      text-indent: -1em;
    }
  </style>
<![endif]-->
  <!--[if mso]>
<style type="text/css">
 body, td {font-family: Arial, Helvetica, sans-serif;}
</style>
<![endif]-->
  <meta content="HubSpot" name="generator"/>
  <meta content="//email.helpscout.com/newsletter-december-2-2022" property="og:url"/>
  <meta content="noindex,follow" name="robots"/>
  <!--[if !((mso)|(IE))]><!-- -->
  <style type="text/css">
   @media only screen and (max-width:639px){img.stretch-on-mobile,.hs_rss_email_entries_table img,.hs-stretch-cta .hs-cta-img{height:auto !important;width:100% !important}
.display_block_on_small_screens{display:block}.hs_padded{padding-left:20px !important;padding-right:20px !important}
}
  </style>
  <!--<![endif]-->
  <style type="text/css">
   body[data-outlook-cycle] img.stretch-on-mobile,body[data-outlook-cycle] .hs_rss_email_entries_table img{height:auto !important;width:100% !important}
body[data-outlook-cycle] .hs_padded{padding-left:20px !important;padding-right:20px !important}
a[x-apple-data-detectors]{color:inherit !important;text-decoration:none !important;font-size:inherit !important;font-family:inherit !important;font-weight:inherit !important;line-height:inherit !important}
#outlook a{padding:0}.yshortcuts a{border-bottom:none !important}a{text-decoration:underline}
.ExternalClass{width:100%}.ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{line-height:100%}
p{margin:0}body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;moz-osx-font-smoothing:grayscale}
@media only screen and (max-width:639px){img.stretch-on-mobile,.hs_rss_email_entries_table img,.hs-stretch-cta .hs-cta-img{height:auto !important;width:100% !important}
}@media only screen and (max-width:639px){img.stretch-on-mobile,.hs_rss_email_entries_table img,.hs-stretch-cta .hs-cta-img{height:auto !important;width:100% !important}
}
  </style>
 </head>
 <body bgcolor="#ffffff" style="margin:0 !important; padding:0 !important; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
  <div id="preview_text" style="display:none!important;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   Travel back millenia to ancient Mesopotamia to discover the first recorded letter of complaint.
  </div>
  <!--[if gte mso 9]>
<v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
  
    <v:fill type="tile" size="100%,100%" color="#ffffff"/>
  
</v:background>
<![endif]-->
  <div bgcolor="#ffffff" class="hse-body-background" style="background-color:#ffffff">
   <table cellpadding="0" cellspacing="0" class="hse-body-wrapper-table" height="100%" role="presentation" style="border-spacing:0 !important; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; margin:0; padding:0; width:100% !important; min-width:320px !important; height:100% !important" width="100%">
    <tbody>
     <tr>
      <td class="hse-body-wrapper-td" style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-top:20px" valign="top">
       <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_dnd_area" data-hs-cos-general-type="widget" data-hs-cos-type="dnd_area" id="hs_cos_wrapper_main" style="color: inherit; font-size: inherit; line-height: inherit;">
        <div bgcolor="#ffffff" class="hse-section hse-section-full-width" id="section-0" style="padding-left:0px; padding-right:0px; background-color:#ffffff">
         <!--[if gte mso 9]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
        width="100%" style="width:100%" bgcolor="#ffffff"
        style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;"
      ><tbody><tr><td valign="top"><![endif]-->
         <!--[if !((mso)|(IE))]><!-- -->
         <div class="hse-column-container" style="min-width:280px; width:100%; border-collapse:collapse; border-spacing:0; max-width:100%; Margin-left:0; Margin-right:0">
          <!--<![endif]-->
          <!--[if (mso)|(IE)]>
      <div class="hse-column-container" style="min-width:280px;width:100%;border-collapse:collapse;border-spacing:0;">
      <table align="center" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;" cellpadding="0" cellspacing="0" role="presentation">
      <tr>
    <![endif]-->
          <!--[if (mso)|(IE)]>
  <td valign="top" style="width:100%;">
<![endif]-->
          <!--[if gte mso 9]>
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%">
<![endif]-->
          <div class="hse-column" id="column-0-0">
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_163823730378715" style="color: inherit; font-size: inherit; line-height: inherit;">
            <div style="overflow:hidden">
             <table align="right" cellpadding="0" cellspacing="0" class="hse-pre-header hse-secondary" role="presentation" style="border-spacing:0 !important; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:right; font-family:Arial, sans-serif; font-size:12px; line-height:135%; color:#23496d; margin-bottom:0; padding:0" width="100%">
              <tbody>
               <tr>
                <td align="right" style="border-collapse:collapse; mso-line-height-rule:exactly; color:#556575; word-break:break-word; text-align:right; font-family:Arial, sans-serif; font-size:12px; padding:10px 0; margin-bottom:0; line-height:135%" valign="top">
                 <a data-hs-link-id="0" style="mso-line-height-rule:exactly; color:#1292ee; font-weight:normal; text-decoration:underline; font-style:normal" target="_blank">
                  View in browser
                 </a>
                </td>
               </tr>
              </tbody>
             </table>
            </div>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module-0-0-0" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Newsletter Module -->
            <!-- Notes: -->
            <!-- 
This is a combination of the Header module, text module and 
Signature module. 
-->
            <div class="spacer" style="line-height:30px; height:30px; mso-line-height-rule: exactly; width: 100%;">
            </div>
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; margin-bottom:30px; width:100%; max-width:600px; border-collapse:collapse" width="100%">
             <tbody>
              <tr>
               <td class="hs-newsletter-container" style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; border-radius:4px; border-collapse:collapse">
                 <tbody>
                  <tr>
                   <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                    <!-- Header Module -->
                    <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; border-top-left-radius:4px; border-top-right-radius:4px; width:100%; max-width:600px; border-collapse:collapse; background:url('https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhubfs%252Fffffff.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E') repeat !important; background-color:#ffffff !important" width="100%">
                     <tbody>
                      <tr>
                       <!--Logo and background image -->
                       <td align="center" style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:center; padding:10px 0px">
                        <img alt="Help Scout" height="96" loading="lazy" sizes="(max-width: 486px) 100vw, 486px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FFull%2520Logo-White.png%253Fwidth%253D972%2526height%253D392%2526upscale%253Dtrue%2526name%253DFull%2520Logo-White.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E" srcset="https://email.helpscout.com/hs-fs/hubfs/Full%20Logo-White.png?upscale=true&amp;width=972&amp;height=392&amp;upscale=true&amp;name=Full%20Logo-White.png 486w, https://email.helpscout.com/hs-fs/hubfs/Full%20Logo-White.png?upscale=true&amp;width=1944&amp;height=784&amp;upscale=true&amp;name=Full%20Logo-White.png 972w" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; height:96px; width:auto" width="auto"/>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                  <tr>
                   <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%; border-collapse:collapse" width="100%">
                     <tbody>
                      <tr>
                       <td class="hs-richtext-wrapper" style="border-collapse:collapse; mso-line-height-rule:exactly; word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.8 !important; color:#556575 !important; font-style:normal; font-weight:normal; font-size:18px !important" width="100%">
                        <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module-0-0-0_" style="color: inherit; font-size: inherit; line-height: inherit;">
                         <h1 style="margin:0; mso-line-height-rule:exactly; line-height:1.2 !important; font-size:36px !important; margin-top:30px; margin-bottom:30px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#1d2b36 !important; font-style:normal; font-weight:500 !important">
                          Hey, wait,
                          <br/>
                          I got a new complaint
                         </h1>
                         <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#556575 !important; font-style:normal; font-weight:normal; font-size:18px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                          Yes, I realise we’re supposed to consider every complaint a beautiful gift of honest customer feedback, and I know that is absolutely true.
                         </p>
                         <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#556575 !important; font-style:normal; font-weight:normal; font-size:18px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                          But some days it is really, really hard to take them that way, isn’t it? Even the most valid complaints can sometimes feel like a personal attack, while others feel like they've fallen into my inbox from a parallel universe where everything is backwards.
                         </p>
                         <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#556575 !important; font-style:normal; font-weight:normal; font-size:18px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                          This week I’m visiting the oldest known complaint letter in the world, from 1750 B.C,
                          <a data-hs-link-id="0" rel="noopener" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                           the complaint to Ea-Nasir
                          </a>
                          . In the video you can hear the original complaint, and my attempt at a period-appropriate apology letter. It's a fun one, I hope you enjoy it.
                         </p>
                         <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#556575 !important; font-style:normal; font-weight:normal; font-size:18px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                          There is a real skill in being able to receive a complaint and learn from it without being defensive or dismissive. It helps if the complaint is at least entertaining, like
                          <a data-hs-link-id="0" rel="noopener" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                           this famous one about Virgin Airline’s food
                          </a>
                          .
                         </p>
                         <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#556575 !important; font-style:normal; font-weight:normal; font-size:18px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                          Coming up with a menu that is tasty but also achievable in the context of a plane flight must be a true culinary challenge. I’ve been thinking about
                          <a data-hs-link-id="0" rel="noopener" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                           chefs and customer service recipes
                          </a>
                          this week too, and if you think about your own career in that way I would love to hear from you.
                         </p>
                        </div>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                  <tr>
                   <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                    <!-- Signature Module -->
                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; max-width:600px; width:100%; border-collapse:collapse" width="100%">
                     <tbody>
                      <tr>
                       <td class="hs-signature-wrapper" style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 35px 30px 35px">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%; border-collapse:collapse" width="100%">
                         <tbody>
                          <tr>
                           <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                            <!-- Signature image 1 75px x 75px -->
                            <img alt="patto-headshot" height="75" loading="lazy" sizes="(max-width: 72px) 100vw, 72px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252Fpatto-headshot.png%253Fwidth%253D144%2526upscale%253Dtrue%2526name%253Dpatto-headshot.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E" srcset="https://email.helpscout.com/hs-fs/hubfs/patto-headshot.png?upscale=true&amp;width=144&amp;upscale=true&amp;name=patto-headshot.png 72w, https://email.helpscout.com/hs-fs/hubfs/patto-headshot.png?upscale=true&amp;width=288&amp;upscale=true&amp;name=patto-headshot.png 144w" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; height:75px; width:auto" width="auto"/>
                           </td>
                           <!-- If statement for conditional second image -->
                           <td style="border-collapse:collapse; mso-line-height-rule:exactly; word-break:break-word; width:100%; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:18px; color:#292F33; vertical-align:middle; line-height:1.4; padding-left:12px" valign="middle" width="100%">
                            Mat Patterson
                            <br/>
                            <span style="color: #556575; font-size: 15px; font-style: italic; font-weight: 400;">
                             Help Scout
                            </span>
                           </td>
                          </tr>
                         </tbody>
                        </table>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-richtext-wrapper p {margin-bottom: 18px !important; }
    .hs-richtext-wrapper a { color: #1292EE; text-decoration: none !important; }
    .hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #0077CC !important;}
    .hs-richtext-wrapper h1 {line-height: 1.2 !important;  font-size: 36px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #1D2B36 !important; font-style: normal; font-weight: 500 !important; }
    .hs-richtext-wrapper h2 {line-height: 1.3 !important;  font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #1D2B36 !important; font-style: normal; font-weight: 500 !important; }
    .hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
    .hs-richtext-wrapper h1 em { font-weight: 500 !important; }
  @media all and (max-width: 479px) {
    .hs-richtext-wrapper { padding: 0px 25px 12px 25px !important; }
    .hs-signature-wrapper {padding: 0px 25px 30px 25px !important;}
  }
  @media all and (min-width: 480px) {
    .hs-richtext-wrapper { padding: 0px 50px 12px 50px !important; }
    .hs-signature-wrapper { padding: 0px 50px 30px 50px !important; }
  }
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module-0-0-1" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Secondary Module -->
            <!-- Notes: -->
            <!-- 
- This is a combination of the text module and button module
- The illustrations had whitespace around them so custom padding is used to make it appear aligned
- The button only supports left alignment
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; margin-bottom:30px; width:100%; border-collapse:collapse" width="100%">
             <tbody>
              <tr>
               <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" bgcolor="#f3fbff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%; max-width:600px; padding:0px 10px; border-radius:4px; border-collapse:collapse; background-color:#f3fbff" width="100%">
                 <tbody>
                  <tr>
                   <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                    <!-- Illustration Module -->
                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%; max-width:600px; border-collapse:collapse" width="100%">
                     <tbody>
                      <tr>
                       <td class="hs-illustration-wrapper" style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; width:100%; padding:15px 35px 0px 23px" width="100%">
                        <img alt="Chat Bubbles Avatars" height="100" loading="lazy" sizes="(max-width: 100px) 100vw, 100px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252Fshape%252Fspot-illustrations%252FChat%2520Bubbles%2520Avatars.png%253Fwidth%253D200%2526height%253D200%2526upscale%253Dtrue%2526name%253DChat%2520Bubbles%2520Avatars.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E" srcset="https://email.helpscout.com/hs-fs/hubfs/shape/spot-illustrations/Chat%20Bubbles%20Avatars.png?upscale=true&amp;width=200&amp;height=200&amp;upscale=true&amp;name=Chat%20Bubbles%20Avatars.png 100w, https://email.helpscout.com/hs-fs/hubfs/shape/spot-illustrations/Chat%20Bubbles%20Avatars.png?upscale=true&amp;width=400&amp;height=400&amp;upscale=true&amp;name=Chat%20Bubbles%20Avatars.png 200w" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; height:100px; width:auto" width="auto"/>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                  <tr>
                   <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                    <!-- Text Module -->
                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%; max-width:600px; border-collapse:collapse" width="100%">
                     <tbody>
                      <tr>
                       <td class="hs-richtext-wrapper" style="border-collapse:collapse; mso-line-height-rule:exactly; word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.8 !important; color:#556575 !important; font-style:normal; font-weight:normal; font-size:18px !important" width="100%">
                        <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module-0-0-1_" style="color: inherit; font-size: inherit; line-height: inherit;">
                         <h1 align="left" style="margin:0; mso-line-height-rule:exactly; line-height:1.2 !important; font-size:36px !important; margin-top:30px; margin-bottom:30px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#1d2b36 !important; font-style:normal; font-weight:500 !important; text-align:left">
                          Museum of Customer Support: The World’s Oldest Complaint Letter
                         </h1>
                         <p align="left" style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#556575 !important; font-style:normal; font-weight:normal; font-size:18px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important; text-align:left">
                          3,700 years ago, Nanni, a Mesopotamian trader, was unhappy with the quality of the copper he’d received from his dealer. Hear his complaint letter in this video.
                         </p>
                        </div>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                  <tr>
                   <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                    <!-- Buttons Module -->
                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; max-width:600px; width:100%; border-collapse:collapse" width="100%">
                     <tbody>
                      <tr>
                       <td class="hs-buttons-wrapper" style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 35px 12px 35px">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%; border-collapse:collapse" width="100%">
                         <tbody>
                          <tr>
                           <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                            <!-- CTA Button 1 -->
                            <!--Uses a "bulletproof" button design from https://buttons.cm/ as a fallback for Outlook -->
                            <!--[if mso]>
                            <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.helpscout.com/blog/oldest-customer-service-complaint/" style="height:50px;v-text-anchor:middle;width:200px;color:#ffffff !important;text-decoration:none;" arcsize="10%" stroke="f" fillcolor="#1292EE">
                            <w:anchorlock/>
                            <center>
                          <![endif]-->
                            <a bgcolor="#1292EE" class="hs-primary-button" data-hs-link-id="1" style="mso-line-height-rule:exactly; display:inline-block; padding:17px 30px; margin-bottom:18px; background-color:#1292EE; border-radius:4px; color:#ffffff !important; transition:all 0.2s ease-in; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:18px; line-height:1; text-decoration:none !important" target="_blank">
                             <span style="color: #ffffff !important;">
                              <font color="#ffffff">
                               Watch the Video
                              </font>
                             </span>
                            </a>
                            <!--[if mso]>
                            </center>
                            </v:roundrect>
                          <![endif]-->
                           </td>
                          </tr>
                         </tbody>
                        </table>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-richtext-wrapper p {margin-bottom: 18px !important; }
    .hs-richtext-wrapper a { color: #1292EE; text-decoration: none !important; }
    .hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #0077CC !important;}
    .hs-richtext-wrapper h1 {line-height: 1.2 !important;  font-size: 36px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #1D2B36 !important; font-style: normal; font-weight: 500 !important; }
    .hs-richtext-wrapper h2 {line-height: 1.3 !important;  font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #1D2B36 !important; font-style: normal; font-weight: 500 !important; }
    .hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
    .hs-richtext-wrapper h1 em { font-weight: 500 !important; }
    .hs-primary-button:hover, .hs-primary-button:active, .hs-primary-button:focus {
        background-color: #0077CC !important;
      }
    .hs-secondary-button:hover, .hs-secondary-button:active, .hs-secondary-button:focus {
        color: #0077CC !important;
      }
  
  @media all and (max-width: 479px) {
    .hs-richtext-wrapper { padding: 0px 25px 12px 25px !important; }
    .hs-buttons-wrapper {padding: 0px 25px 12px 25px !important;}
    .hs-illustration-wrapper {padding: 15px 25px 0px 13px !important;}
  }
  @media all and (min-width: 480px) {
    .hs-richtext-wrapper { padding: 0px 50px 12px 50px !important; }
    .hs-buttons-wrapper {padding: 0px 50px 12px 50px !important;}
    .hs-illustration-wrapper {padding: 15px 50px 0px 38px !important;}
  }
  
  @media (prefers-color-scheme: dark ) {
      .hs-primary-button  {
        color: #ffffff !important;
      }
    }
  [data-ogsc] .hs-primary-button {color: #ffffff !important;}
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module-0-0-2" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - 30px Spacer Module -->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%; max-width:600px; border-collapse:collapse" width="100%">
             <tbody>
              <tr>
               <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                <div class="spacer" style="line-height:30px; height:30px; mso-line-height-rule: exactly; width: 100%;">
                </div>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module-0-0-4" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Row Module -->
            <!-- Notes: -->
            <!--
- Image is 285px wide - but flexible height
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%; border-collapse:collapse" width="100%">
             <tbody>
              <tr>
               <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%; max-width:600px; border-collapse:collapse" width="100%">
                 <tbody>
                  <tr>
                   <td align="center" style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px">
                    <div style="text-align: center; direction: rtl; max-width: 600px; font-size: 0;">
                     <!--[if mso]>
              <table role="presentation" width="100%" dir="rtl">
              <tr>
              <td style="width: 300px; padding: 25px;" valign="middle" dir="ltr">
              <![endif]-->
                     <div class="hs-row-image-column" style="width: 100%; max-width: 286px; display: inline-block; vertical-align: middle; direction: ltr;">
                      <div class="hs-row-image-wrapper">
                       <a data-hs-link-id="0" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                        <img alt="apologizing-to-customers" class="hs-row-image" height="auto" loading="lazy" sizes="(max-width: 1220px) 100vw, 1220px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FImported%2520sitepage%2520images%252Fapologizing-to-customers.png%253Fwidth%253D2440%2526height%253D1372%2526upscale%253Dtrue%2526name%253Dapologizing-to-customers.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E" srcset="https://email.helpscout.com/hs-fs/hubfs/Imported%20sitepage%20images/apologizing-to-customers.png?upscale=true&amp;width=2440&amp;height=1372&amp;upscale=true&amp;name=apologizing-to-customers.png 1220w, https://email.helpscout.com/hs-fs/hubfs/Imported%20sitepage%20images/apologizing-to-customers.png?upscale=true&amp;width=4880&amp;height=2744&amp;upscale=true&amp;name=apologizing-to-customers.png 2440w" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border:none; display:block; width:285px; height:auto; border-radius:4px" width="285"/>
                       </a>
                      </div>
                     </div>
                     <!--[if mso]>
              </td>
              <td style="width:50%; padding: 25px 25px 0px 25px;" valign="middle" dir="ltr">
              <![endif]-->
                     <div class="hs-row-text-column" style="width:100%; max-width: 296px; display:inline-block; vertical-align: middle; direction: ltr;">
                      <div class="hs-row-text-wrapper" style="padding: 25px 25px 0px 25px; display:inline-block; vertical-align: middle; width: 100%; max-width: 231px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 18px; color: #1d2b36; line-height: 1.4; text-align:left;">
                       <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_text" data-hs-cos-field="row_text" data-hs-cos-general-type="widget" data-hs-cos-type="inline_text" id="hs_cos_wrapper_module-0-0-4_" style="color: inherit; font-size: inherit; line-height: inherit;">
                        Writing an Effective Apology Letter to Customers [+ 5 Examples]
                       </div>
                       <a class="read-more-link" data-hs-link-id="1" style="mso-line-height-rule:exactly; margin-top:20px; display:inline-block; vertical-align:middle; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:15px; color:#1292EE; text-decoration:none !important" target="_blank">
                        Read more
                        <span style="display: inline-block; vertical-align: middle; height: 33px; font-size: 20px;">
                         ›
                        </span>
                       </a>
                      </div>
                     </div>
                     <!--[if mso]>
              </td>
              </tr>
              </table>
              <![endif]-->
                    </div>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-row-text-wrapper a:hover, .hs-row-text-wrapper a:focus, .hs-row-text-wrapper a:active {color: #0077CC !important;}
 @media all and (max-width: 599px) {
      .hs-row-text-wrapper {padding: 25px 25px 0px 25px !important;  width: 100% !important; max-width: 85% !important;}
      .hs-row-text-column {max-width: 450px !important;}
      .hs-row-image-column {max-width: 450px !important;}
      .hs-row-image-wrapper {padding: 0 10px !important;}
      .hs-row-image {width: 100% !important;}  
    }
  @media all and (min-width: 600px) {
      .hs-row-text-wrapper {padding: 0px 25px 0px 40px !important;}
    }
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module-0-0-3" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Row Module -->
            <!-- Notes: -->
            <!--
- Image is 285px wide - but flexible height
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%; border-collapse:collapse" width="100%">
             <tbody>
              <tr>
               <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%; max-width:600px; border-collapse:collapse" width="100%">
                 <tbody>
                  <tr>
                   <td align="center" style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px">
                    <div style="text-align: center; direction: rtl; max-width: 600px; font-size: 0;">
                     <!--[if mso]>
              <table role="presentation" width="100%" dir="rtl">
              <tr>
              <td style="width: 300px; padding: 25px;" valign="middle" dir="ltr">
              <![endif]-->
                     <div class="hs-row-image-column" style="width: 100%; max-width: 286px; display: inline-block; vertical-align: middle; direction: ltr;">
                      <div class="hs-row-image-wrapper">
                       <a data-hs-link-id="1" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                        <img alt="the-supportive-5" class="hs-row-image" height="auto" loading="lazy" sizes="(max-width: 2080px) 100vw, 2080px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FImported%2520sitepage%2520images%252Fthe-supportive-5.png%253Fwidth%253D4160%2526height%253D2340%2526upscale%253Dtrue%2526name%253Dthe-supportive-5.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E" srcset="https://email.helpscout.com/hs-fs/hubfs/Imported%20sitepage%20images/the-supportive-5.png?upscale=true&amp;width=4160&amp;height=2340&amp;upscale=true&amp;name=the-supportive-5.png 2080w, https://email.helpscout.com/hs-fs/hubfs/Imported%20sitepage%20images/the-supportive-5.png?upscale=true&amp;width=8320&amp;height=4680&amp;upscale=true&amp;name=the-supportive-5.png 4160w" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border:none; display:block; width:285px; height:auto; border-radius:4px" width="285"/>
                       </a>
                      </div>
                     </div>
                     <!--[if mso]>
              </td>
              <td style="width:50%; padding: 25px 25px 0px 25px;" valign="middle" dir="ltr">
              <![endif]-->
                     <div class="hs-row-text-column" style="width:100%; max-width: 296px; display:inline-block; vertical-align: middle; direction: ltr;">
                      <div class="hs-row-text-wrapper" style="padding: 25px 25px 0px 25px; display:inline-block; vertical-align: middle; width: 100%; max-width: 231px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 18px; color: #1d2b36; line-height: 1.4; text-align:left;">
                       <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_text" data-hs-cos-field="row_text" data-hs-cos-general-type="widget" data-hs-cos-type="inline_text" id="hs_cos_wrapper_module-0-0-3_" style="color: inherit; font-size: inherit; line-height: inherit;">
                        Writing Your Own Customer Service Recipe Book
                       </div>
                       <a class="read-more-link" data-hs-link-id="2" style="mso-line-height-rule:exactly; margin-top:20px; display:inline-block; vertical-align:middle; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:15px; color:#1292EE; text-decoration:none !important" target="_blank">
                        Read more
                        <span style="display: inline-block; vertical-align: middle; height: 33px; font-size: 20px;">
                         ›
                        </span>
                       </a>
                      </div>
                     </div>
                     <!--[if mso]>
              </td>
              </tr>
              </table>
              <![endif]-->
                    </div>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-row-text-wrapper a:hover, .hs-row-text-wrapper a:focus, .hs-row-text-wrapper a:active {color: #0077CC !important;}
 @media all and (max-width: 599px) {
      .hs-row-text-wrapper {padding: 25px 25px 0px 25px !important;  width: 100% !important; max-width: 85% !important;}
      .hs-row-text-column {max-width: 450px !important;}
      .hs-row-image-column {max-width: 450px !important;}
      .hs-row-image-wrapper {padding: 0 10px !important;}
      .hs-row-image {width: 100% !important;}  
    }
  @media all and (min-width: 600px) {
      .hs-row-text-wrapper {padding: 0px 25px 0px 40px !important;}
    }
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module-0-0-5" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Row Module -->
            <!-- Notes: -->
            <!--
- Image is 285px wide - but flexible height
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%; border-collapse:collapse" width="100%">
             <tbody>
              <tr>
               <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%; max-width:600px; border-collapse:collapse" width="100%">
                 <tbody>
                  <tr>
                   <td align="center" style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px">
                    <div style="text-align: center; direction: rtl; max-width: 600px; font-size: 0;">
                     <!--[if mso]>
              <table role="presentation" width="100%" dir="rtl">
              <tr>
              <td style="width: 300px; padding: 25px;" valign="middle" dir="ltr">
              <![endif]-->
                     <div class="hs-row-image-column" style="width: 100%; max-width: 286px; display: inline-block; vertical-align: middle; direction: ltr;">
                      <div class="hs-row-image-wrapper">
                       <a data-hs-link-id="0" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                        <img alt="HS-Working-from-Home-with-Kids-1" class="hs-row-image" height="auto" loading="lazy" sizes="(max-width: 1220px) 100vw, 1220px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FImported%2520sitepage%2520images%252FHS-Working-from-Home-with-Kids-1.png%253Fwidth%253D2440%2526height%253D1372%2526upscale%253Dtrue%2526name%253DHS-Working-from-Home-with-Kids-1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E" srcset="https://email.helpscout.com/hs-fs/hubfs/Imported%20sitepage%20images/HS-Working-from-Home-with-Kids-1.png?upscale=true&amp;width=2440&amp;height=1372&amp;upscale=true&amp;name=HS-Working-from-Home-with-Kids-1.png 1220w, https://email.helpscout.com/hs-fs/hubfs/Imported%20sitepage%20images/HS-Working-from-Home-with-Kids-1.png?upscale=true&amp;width=4880&amp;height=2744&amp;upscale=true&amp;name=HS-Working-from-Home-with-Kids-1.png 2440w" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border:none; display:block; width:285px; height:auto; border-radius:4px" width="285"/>
                       </a>
                      </div>
                     </div>
                     <!--[if mso]>
              </td>
              <td style="width:50%; padding: 25px 25px 0px 25px;" valign="middle" dir="ltr">
              <![endif]-->
                     <div class="hs-row-text-column" style="width:100%; max-width: 296px; display:inline-block; vertical-align: middle; direction: ltr;">
                      <div class="hs-row-text-wrapper" style="padding: 25px 25px 0px 25px; display:inline-block; vertical-align: middle; width: 100%; max-width: 231px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 18px; color: #1d2b36; line-height: 1.4; text-align:left;">
                       <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_text" data-hs-cos-field="row_text" data-hs-cos-general-type="widget" data-hs-cos-type="inline_text" id="hs_cos_wrapper_module-0-0-5_" style="color: inherit; font-size: inherit; line-height: inherit;">
                        How to Stay Productive While Working from Home With Kids
                       </div>
                       <a class="read-more-link" data-hs-link-id="1" style="mso-line-height-rule:exactly; margin-top:20px; display:inline-block; vertical-align:middle; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:15px; color:#1292EE; text-decoration:none !important" target="_blank">
                        Read more
                        <span style="display: inline-block; vertical-align: middle; height: 33px; font-size: 20px;">
                         ›
                        </span>
                       </a>
                      </div>
                     </div>
                     <!--[if mso]>
              </td>
              </tr>
              </table>
              <![endif]-->
                    </div>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-row-text-wrapper a:hover, .hs-row-text-wrapper a:focus, .hs-row-text-wrapper a:active {color: #0077CC !important;}
 @media all and (max-width: 599px) {
      .hs-row-text-wrapper {padding: 25px 25px 0px 25px !important;  width: 100% !important; max-width: 85% !important;}
      .hs-row-text-column {max-width: 450px !important;}
      .hs-row-image-column {max-width: 450px !important;}
      .hs-row-image-wrapper {padding: 0 10px !important;}
      .hs-row-image {width: 100% !important;}  
    }
  @media all and (min-width: 600px) {
      .hs-row-text-wrapper {padding: 0px 25px 0px 40px !important;}
    }
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module-0-0-6" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Footer Module -->
            <!-- Notes: -->
            <!-- 
Multiple tables are used to control the responsive layout. With custom media queries for
some limited changes in dark mode where it is supported.
See https://css-tricks.com/ideas-behind-responsive-emails/ 
-->
            <!-- Add 60px of spacing above the footer module -->
            <div class="spacer" style="line-height:60px; height:60px; mso-line-height-rule: exactly; width: 100%;">
            </div>
            <!--1st table is a container table giving the full width background color primarily -->
            <table align="center" bgcolor="#F9FAFA" border="0" cellpadding="0" cellspacing="0" class="hs-footer-container" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#F9FAFA; width:100%; border-collapse:collapse" width="100%">
             <tbody>
              <tr>
               <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:50px 15px 10px 15px; width:100%" width="100%">
                <!-- Container table which primarily gives us the 600px container width -->
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; max-width:600px; width:100%; border-collapse:collapse" width="100%">
                 <tbody>
                  <tr>
                   <td class="hs-footer-logo-wrapper" style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; width:100%; padding-bottom:20px" width="100%">
                    <!-- In The Works Logo, 162px x 43px not in its own table as not responsive -->
                    <a data-hs-link-id="0" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                     <img alt="Help Scout" height="30" loading="" sizes="(max-width: 100px) 100vw, 100px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252Fhs-monogram.png%253Fwidth%253D200%2526height%253D240%2526upscale%253Dtrue%2526name%253Dhs-monogram.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E" srcset="https://email.helpscout.com/hs-fs/hubfs/hs-monogram.png?upscale=true&amp;width=200&amp;height=240&amp;upscale=true&amp;name=hs-monogram.png 100w, https://email.helpscout.com/hs-fs/hubfs/hs-monogram.png?upscale=true&amp;width=400&amp;height=480&amp;upscale=true&amp;name=hs-monogram.png 200w" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border:none; width:auto; height:30px" width="auto"/>
                    </a>
                   </td>
                  </tr>
                  <tr>
                   <td class="hs-footer-address-wrapper" style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; width:100%; border-bottom:1px solid #E5E4E3" width="100%">
                    <!-- Two tables here to manage the address area and social media graphics -->
                    <!-- Table one has the address, unsubscribe and view as webpage links -->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:76.2%; min-width:300px; border-collapse:collapse" width="76.2%">
                     <tbody>
                      <tr>
                       <td class="hs-footer-address" style="border-collapse:collapse; mso-line-height-rule:exactly; word-break:break-word; padding-bottom:30px; color:#314351; font-size:13px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.8">
                        100 City Hall Plaza
                        <br/>
                        5th Floor  •  Boston, MA 02108
                        <br/>
                        <a data-hs-link-id="1" data-viewaswebpage="true" style="mso-line-height-rule:exactly; color:#314351 !important; text-decoration:underline !important" target="_blank">
                         view in your web browser
                        </a>
                        |
                        <a data-hs-link-id="0" data-unsubscribe="true" style="mso-line-height-rule:exactly; color:#314351 !important; text-decoration:underline !important" target="_blank">
                         unsubscribe
                        </a>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                    <!-- Table two has the Social Media Logos -->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; min-width:131px; width:23.8%; border-collapse:collapse" width="23.8%">
                     <tbody>
                      <tr>
                       <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px; padding-right:15px">
                        <!-- Twitter logo-->
                        <a data-hs-link-id="0" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                         <img alt="Twitter-1" height="20" loading="lazy" sizes="(max-width: 99px) 100vw, 99px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FTwitter-1.png%253Fwidth%253D198%2526height%253D160%2526upscale%253Dtrue%2526name%253DTwitter-1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E" srcset="https://email.helpscout.com/hs-fs/hubfs/Twitter-1.png?upscale=true&amp;width=198&amp;height=160&amp;upscale=true&amp;name=Twitter-1.png 99w, https://email.helpscout.com/hs-fs/hubfs/Twitter-1.png?upscale=true&amp;width=396&amp;height=320&amp;upscale=true&amp;name=Twitter-1.png 198w" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border:none; height:20px; width:auto" width="auto"/>
                        </a>
                       </td>
                       <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px; padding-right:15px">
                        <!-- Facebook logo-->
                        <a data-hs-link-id="0" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                         <img alt="Facebook-sq" height="20" loading="lazy" sizes="(max-width: 80px) 100vw, 80px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FFacebook-sq.png%253Fwidth%253D160%2526height%253D160%2526upscale%253Dtrue%2526name%253DFacebook-sq.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E" srcset="https://email.helpscout.com/hs-fs/hubfs/Facebook-sq.png?upscale=true&amp;width=160&amp;height=160&amp;upscale=true&amp;name=Facebook-sq.png 80w, https://email.helpscout.com/hs-fs/hubfs/Facebook-sq.png?upscale=true&amp;width=320&amp;height=320&amp;upscale=true&amp;name=Facebook-sq.png 160w" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border:none; height:20px; width:auto" width="auto"/>
                        </a>
                       </td>
                       <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px; padding-right:15px">
                        <!-- Linked In logo-->
                        <a data-hs-link-id="0" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                         <img alt="LinkedIn-sq" height="20" loading="lazy" sizes="(max-width: 81px) 100vw, 81px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FLinkedIn-sq.png%253Fwidth%253D162%2526height%253D160%2526upscale%253Dtrue%2526name%253DLinkedIn-sq.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E" srcset="https://email.helpscout.com/hs-fs/hubfs/LinkedIn-sq.png?upscale=true&amp;width=162&amp;height=160&amp;upscale=true&amp;name=LinkedIn-sq.png 81w, https://email.helpscout.com/hs-fs/hubfs/LinkedIn-sq.png?upscale=true&amp;width=324&amp;height=320&amp;upscale=true&amp;name=LinkedIn-sq.png 162w" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border:none; height:20px; width:auto" width="auto"/>
                        </a>
                       </td>
                       <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px">
                        <!-- Instagram logo-->
                        <a data-hs-link-id="0" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                         <img alt="Instagram-sq" height="20" loading="lazy" sizes="(max-width: 81px) 100vw, 81px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FInstagram-sq.png%253Fwidth%253D162%2526height%253D162%2526upscale%253Dtrue%2526name%253DInstagram-sq.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E" srcset="https://email.helpscout.com/hs-fs/hubfs/Instagram-sq.png?upscale=true&amp;width=162&amp;height=162&amp;upscale=true&amp;name=Instagram-sq.png 81w, https://email.helpscout.com/hs-fs/hubfs/Instagram-sq.png?upscale=true&amp;width=324&amp;height=324&amp;upscale=true&amp;name=Instagram-sq.png 162w" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border:none; height:20px; width:auto" width="auto"/>
                        </a>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                  <tr>
                   <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; width:100%; padding-top:20px" width="100%">
                    <!-- Three tables to manage the Scribble image, Made by... and the copyright text -->
                    <!-- Table one has the scribble image-->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; margin-top:4px; width:10%; min-width:60px; border-collapse:collapse" width="10%">
                     <tbody>
                      <tr>
                       <td style="border-collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                        <img alt="hs-scribble" height="15" loading="lazy" sizes="(max-width: 222px) 100vw, 222px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252Fhs-scribble.png%253Fwidth%253D444%2526height%253D122%2526upscale%253Dtrue%2526name%253Dhs-scribble.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E" srcset="https://email.helpscout.com/hs-fs/hubfs/hs-scribble.png?upscale=true&amp;width=444&amp;height=122&amp;upscale=true&amp;name=hs-scribble.png 222w, https://email.helpscout.com/hs-fs/hubfs/hs-scribble.png?upscale=true&amp;width=888&amp;height=244&amp;upscale=true&amp;name=hs-scribble.png 444w" style="outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; height:15px; width:auto" width="auto"/>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                    <!-- Table two has the Created by text -->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:67.3%; min-width:310px; border-collapse:collapse" width="67.3%">
                     <tbody>
                      <tr>
                       <td class="hs-footer-madeby" style="border-collapse:collapse; mso-line-height-rule:exactly; word-break:break-word; padding-bottom:10px; color:#1D2B36; font-weight:500; font-size:13px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.8">
                        Made by hand in over 75 cities around the world.
                       </td>
                      </tr>
                     </tbody>
                    </table>
                    <!-- Table three has the copyright text -->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="hs-footer-copyright-table" role="presentation" style="border-spacing:0 !important; mso-table-lspace:0pt; mso-table-rspace:0pt; min-width:120px; width:21.1%; border-collapse:collapse" width="21.1%">
                     <tbody>
                      <tr>
                       <td class="hs-footer-copyright" style="border-collapse:collapse; mso-line-height-rule:exactly; word-break:break-word; padding-bottom:10px; color:#556575; font-size:13px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.8">
                        © 2021 Help Scout
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <style type="text/css">
             @media (prefers-color-scheme: dark ) {
      .hs-footer-container {
        background-color: #1E1E1E;
      }
      .hs-footer-address {
        color: #A7B3BE;
      }
      .hs-footer-madeby {
        color: #D1DAE3;
      }
      .hs-footer-copyright {
        color: #A7B3BE;
      }
    }
  /* data-ogsc tag targets Outlook email clients */    
    [data-ogsc] .hs-footer-container {
        background-color: #1E1E1E;
      }
    [data-ogsc] .hs-footer-address {
        color: #A7B3BE;
      }
    [data-ogsc] .hs-footer-madeby {
        color: #D1DAE3;
      }
    [data-ogsc] .hs-footer-copyright {
        color: #A7B3BE;
      }
    [data-ogsc] .hs-footer-address-wrapper {
        border-bottom: 1px solid #000000;
      }
  /* Tweak the padding up on screens larger than 600px */
  @media all and (min-width: 600px) {
    .hs-footer-address {
        padding-bottom: 40px !important;
      }
    .hs-footer-copyright {
        text-align: right !important;
      }
  }
            </style>
           </div>
          </div>
          <!--[if gte mso 9]></table><![endif]-->
          <!--[if (mso)|(IE)]></td><![endif]-->
          <!--[if (mso)|(IE)]></tr></table><![endif]-->
         </div>
         <!--[if gte mso 9]></td></tr></table><![endif]-->
        </div>
       </div>
      </td>
     </tr>
    </tbody>
   </table>
  </div>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fe3t%252FBto%252F5A%252B113%252FckxP204%252FVWm9N58jWwn2W8mbPq948qs9sW3Z50n14BBPpPW5BW0BQ3D7Bqj112/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1msnsV:jug0ZV4z1yQlcG-Pjyv8Yu7J1jPssNLMysLcXLFZu0E" style="display:none!important;min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important" width="1"/>
 </body>
</html>