Inboxes

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

+New inbox
Back
Back
Back 
<!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, January 7 2022
  </title>
  <meta content="Help Scout newsletter, January 7 2022" property="og:title"/>
  <meta content="Help Scout newsletter, January 7 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/help-scout-newsletter-january-7-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;">
   What's new in 2022 for customer service professionals? A WHOLE LOT.
  </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_164125336881719" 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:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo') 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:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo" 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">
                          The only time I got detention
                         </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">
                          I snuck away early from assembly so as to be first into the school library. Ms. Brown busted me hiding ineffectually behind the rotating Asterix comics display rack, clutching Alan Dean Foster’s novelization of “The Last Star Fighter.” I was a real wild child.
                         </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">
                          I never stopped reading, but in this age of distractions (infinite) and gratifications (instant), it is harder to sustain. Arbitrary calendar changes are as good a time as any to refocus on the value of long-form reading, for business and for pleasure.
                         </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">
                          Today’s newsletter includes our
                          <a data-hs-link-id="0" rel="noopener" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                           recommended reading
                           <sup>
                            1
                           </sup>
                           lists for the customer service professional
                          </a>
                          and for the
                          <a data-hs-link-id="0" rel="noopener" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                           business leader
                          </a>
                          . You will find something on there to change your thinking for the better.
                         </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">
                          We live in a time that requires plenty of new thinking.  In my
                          <a data-hs-link-id="0" rel="noopener" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                           2022 Customer Service Trends
                          </a>
                          article, I list 12 ways this pandemic has pulled forward shifts that were already coming. You may need to change things more quickly than you might otherwise have planned.
                         </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">
                          Thanks for being a subscriber, I truly appreciate it, and I love hearing from you. If you have a second,
                          <a data-hs-link-id="0" rel="noopener" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                           recommend a book I should read
                          </a>
                          . Any topic at all.
                         </p>
                         <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#556575 !important; font-style:normal; font-weight:normal; mso-line-height-rule:exactly; margin-bottom:18px !important; font-size:11px; line-height:125%">
                          <em>
                           <sup>
                            1
                           </sup>
                           Listening to an audiobook 100% counts as reading. Come at me.
                          </em>
                         </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">
                         </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:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo" 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="Calendar 01" 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%252FCalendar%252001.png%253Fwidth%253D200%2526height%253D200%2526upscale%253Dtrue%2526name%253DCalendar%252001.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo" srcset="https://email.helpscout.com/hs-fs/hubfs/shape/spot-illustrations/Calendar%2001.png?upscale=true&amp;width=200&amp;height=200&amp;upscale=true&amp;name=Calendar%2001.png 100w, https://email.helpscout.com/hs-fs/hubfs/shape/spot-illustrations/Calendar%2001.png?upscale=true&amp;width=400&amp;height=400&amp;upscale=true&amp;name=Calendar%2001.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">
                          12 Customer Service Trends
                          <br/>
                          for 2022
                         </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">
                          The events of the past two years have accelerated some market shifts dramatically. We’ve identified 12 ways... number two is increased churn because of more online options.
                         </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/customer-service-trends/" 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">
                               Read The Whole List
                              </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-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="customer-service-books" class="hs-row-image" height="auto" loading="lazy" sizes="(max-width: 400px) 100vw, 400px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FImported%2520sitepage%2520images%252Fcustomer-service-books.png%253Fwidth%253D800%2526height%253D448%2526upscale%253Dtrue%2526name%253Dcustomer-service-books.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo" srcset="https://email.helpscout.com/hs-fs/hubfs/Imported%20sitepage%20images/customer-service-books.png?upscale=true&amp;width=800&amp;height=448&amp;upscale=true&amp;name=customer-service-books.png 400w, https://email.helpscout.com/hs-fs/hubfs/Imported%20sitepage%20images/customer-service-books.png?upscale=true&amp;width=1600&amp;height=896&amp;upscale=true&amp;name=customer-service-books.png 800w" 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;">
                        The 27 Best Customer Service Books
                       </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">
                        Full reading list
                        <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-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="1" style="mso-line-height-rule:exactly; color:#1292ee; text-decoration:none !important" target="_blank">
                        <img alt="Twitter-2" class="hs-row-image" height="auto" loading="lazy" sizes="(max-width: 1012px) 100vw, 1012px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FTwitter-2.png%253Fwidth%253D2024%2526height%253D1012%2526upscale%253Dtrue%2526name%253DTwitter-2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo" srcset="https://email.helpscout.com/hs-fs/hubfs/Twitter-2.png?upscale=true&amp;width=2024&amp;height=1012&amp;upscale=true&amp;name=Twitter-2.png 1012w, https://email.helpscout.com/hs-fs/hubfs/Twitter-2.png?upscale=true&amp;width=4048&amp;height=2024&amp;upscale=true&amp;name=Twitter-2.png 2024w" 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;">
                        Good reads for leaders and creatives
                       </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="customer-experience-books" class="hs-row-image" height="auto" loading="lazy" sizes="(max-width: 400px) 100vw, 400px" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FImported%2520sitepage%2520images%252Fcustomer-experience-books.png%253Fwidth%253D800%2526height%253D450%2526upscale%253Dtrue%2526name%253Dcustomer-experience-books.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo" srcset="https://email.helpscout.com/hs-fs/hubfs/Imported%20sitepage%20images/customer-experience-books.png?upscale=true&amp;width=800&amp;height=450&amp;upscale=true&amp;name=customer-experience-books.png 400w, https://email.helpscout.com/hs-fs/hubfs/Imported%20sitepage%20images/customer-experience-books.png?upscale=true&amp;width=1600&amp;height=900&amp;upscale=true&amp;name=customer-experience-books.png 800w" 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;">
                        6 Customer Experience Books Every Founder Should Read
                       </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">
                        CX reads
                        <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:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo" 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:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo" 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:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo" 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:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo" 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:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo" 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:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo" 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">
                        © 2022 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%252FVVVVhl1J4Dz4W2rxqMq4VSTmVW5b9Bvk4C-VS8W5t-n4f3D7Bqj112/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyJ9:1n5VNy:w5IDh5y1oG6QBxfDbhpQwuXwztFOjcymXmmRdsO4sHo" 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>