Inboxes

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

+New inbox

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "//www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="light dark" name="color-scheme"/>
  <meta content="light dark" name="supported-color-schemes"/>
  <!--Dark Mode media queries to target Apple and iOS-->
  <meta content="light dark" name="color-scheme"/>
  <meta content="light dark" name="supported-color-schemes"/>
  <style type="text/css">
   u + .body .gmail-screen { background:#000000 !important; mix-blend-mode:screen; }
    u + .body .gmail-difference { background:#000000 !important; mix-blend-mode:difference; }
 

      
      
      /*removes the download image on gmail */
      img + div { display:none; }
      ReadMsgBody {
        width: 100%;
      }
      .ExternalClass {
        width: 100%;
      }
      .ExternalClass,
      .ExternalClass p,
      .ExternalClass span,
      .ExternalClass font,
      .ExternalClass td,
      .ExternalClass div {
        line-height: 100%;
      }
      body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        margin: 0 !important;
        font-family: Helvetica, Arial, sans-serif !important;
      }
      p {
        margin: 1em 0;
      }
      table td {
        border-collapse: collapse;
      }
      img {
        outline: 0;
      }
      a img {
        border: none;
      }
      
      /*header styles */
      h1 {
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 47px;
        margin: 0;
      }
       h2.educational-product {
        font-size: 24px;
      }
      h2 {
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: -0.64px;
      }
      h3 {
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 27px;
        letter-spacing: -0.56px;
      }
      h4 {
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.48px;
      }
      .product-header {
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 47px;
        margin: 0;
      }
      /*body styles */
      p {
        font-family: Helvetica;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.16px;
      }
      .desktop-hidden {
        display: none !important;
      }
      .title-br-adjust br {
         display: none; 
        }
      
      .testimonial-border {
         border: solid 1px #757575 !important;
        padding: 0 25px 30px 25px !important;
        }
       
      .testimonial-container {
        padding: 30px 25px 30px 25px;
        border: solid 1px #757575;
      }
      

      
      /*mobile styles start */
      @media only screen and (max-width: 480px) {
        
        
       .title-br-adjust br {
         display: block !important; 
        }
         

        .teaser-callout {
          padding: 0 !important;
        }
        .spacer-width {
          width: 50px !important;
        }
        .teaser-callout-spacer {
          height: 27px !important;
        }
        .review-product {
          margin: 0 auto !important;
          width: 185px !important;
          display: block !important;
          padding: 16px 0 0 0;
        }
        .education-headline {
          font-size: 32px !important;
        }
        .review-product-lg {
          margin: 0 auto !important;
          width: 240px !important;
          display: block !important;
          padding: 16px 0 0 0;
        }
        .review-product-fw {
          margin: 0 auto !important;
          width: 100%;
          display: block !important;
          padding: 16px 20px 0 20px;
        }
        .review-text {
          width: 100% !important;
        }
        .fw-img img {
          width: 250px !important;
          overflow: hidden !important; 
        }
        
        /* not sure what's going on here
        h2 {
          padding: 0px 22px 0px 22px !important;
        }
        
       
        .cta {
          padding-left: 22px !important;
          padding-right: 22px !important;
        }
      
        p {
          padding: 0px 22px 0px 22px !important;
        }
        */
        .productimage {
          padding: 0 0 0 0 !important;
          margin: 0 !important;
        }
        .mobile-bottom-padding {
          padding-bottom: 0 !important;
        }
        .mobile-cta {
          margin: 0 !important;
          padding: 12px 6px 5px 20px !important;
        }
        .top {
         
        }
        .bottom {
         padding: 5px 0 10px 20px !important;
        }
        .text-left-mobile {
          padding: 0 !important;
        }
        .footer-links {
          font-size: 17px !important;
        }
        .footer-mobile {
          width: 40% !important;
        }
        .header-bodytext,
        .bullet-bodytext,
        .header-body-caps,
        .header-body {
          padding-left: 0px !important;
          padding-right: 0px !important;
        }
        .featured-image-offcenter {
          padding-left: 60px !important;
        }
        .deciem-branding {
          width: 45% !important;
        }
        .header-title-text-image {
          font-size: 26px !important;
          padding-right: 150px !important;
        }
        .header-title-text {
          font-size: 48px !important;
        }
        .text-left {
          padding-left: 59px !important;
        }
        .header-title {
          width: 100%;
          text-align: left;
          padding: 35px 0px 35px 0px;
          color: #000000;
          text-align: left;
          font-family: Helvetica, Arial, sans-serif !important;
          height: auto;
          font-size: 48px !important;
          line-height: 52px !important;
          word-break: break-word !important;
        }
        .review-header {
          font-size: 28px !important;
          line-height: 26px !important;
        }
        .testimonial-title {
          color: #000000;
          font-family: Helvetica, Arial, sans-serif !important;
          font-size: 28px;
          font-style: normal;
          font-weight: 400;
          line-height: 36px;
          letter-spacing: 1.4px;
          text-transform: uppercase;
        }
        .testimonial-container {
          width: 90% !important;
          min-width: 100% !important;
        }
        .header-body {
          font-size: 18px !important;
          line-height: 22px !important;
        }
        .header-body-uppercase {
          font-size: 18px !important;
          line-height: 22px !important;
          text-transform: uppercase;
        }
        .byline {
          font-size: 14px !important;
          padding: 20px 0 20px 0 !important;
        }
        .shop-now {
          font-size: 22px !important;
        }
        .shop-now img {
          padding: 5px 0 0 0 !important;
        }
        .terms-support {
          font-size: 13px !important;
          line-height: 17px !important;
          letter-spacing: 0.13px !important;
        }
        .terms-address {
          font-size: 8px !important;
        }
        .brand-spacing {
          padding: 40px 0 0 0 !important;
        }
        .footer-instagram {
          padding: 40px 0 0 0 !important;
        }
        .footer-instagram img {
          height: 19px !important;
          width: 19px !important;
          padding: 0 20px 0 0 !important;
        }
        .footer-facebook {
          padding: 40px 0 0 0 !important;
        }
        .footer-facebook img {
          height: 19px !important;
          width: 10px !important;
          padding: 0 20px 0 0 !important;
        }
        .footer-youtube {
          padding: 40px 0 0 0 !important;
        }
        .footer-youtube img {
          height: 13px !important;
          width: 19px !important;
          padding: 5px 20px 0 0 !important;
        }
        .footer-tiktok {
          padding: 40px 0 0 0 !important;
        }
        .footer-tiktok img {
          height: 15px !important;
          width: 18px !important;
          padding: 5px 20px 0 0 !important;
        }
        .align-left {
          text-align: left !important;
        }
        .no-padding {
          padding-left: 0px !important;
          padding-right: 0px !important;
        }
        .m-center {
          text-align: center;
        }
        .mp-30 {
          padding-left: 30px !important;
          padding-right: 30px !important;
        }
        .mp-b-15 {
          padding-bottom: 15px !important;
        }
        .border-top {
          border-top: 2px solid white;
        }
        .mw-100 {
          width: 100% !important;
          text-align: center !important;
        }
        .container {
          width: 100% !important;
        }
        .footer {
          width: auto !important;
          margin-left: 0;
        }
        .teaser-callout br {
          display: none !important;
        }
        .mobile-hidden {
          display: none !important;
        }
        .desktop-hidden {
          display: block !important;
        }
        .logo {
          display: block !important;
          padding: 0 !important;
        }
        .header img {
          max-width: 100% !important;
          height: auto !important;
          max-height: auto !important;
        }
        .responsive-td {
          width: 100% !important;
          display: block !important;
          padding: 0 !important;
        }
        .fluid,
        .fluid-centered {
          width: 100% !important;
          max-width: 100% !important;
          height: auto !important;
          margin-left: auto !important;
          margin-right: auto !important;
        }
        .fluid-centered {
          margin-left: auto !important;
          margin-right: auto !important;
        }
        /* MOBILE GLOBAL STYLES - DO NOT CHANGE */
        body,
        .tb_properties {
          font-family: Helvetica, Arial, sans-serif !important;
          font-size: 16px !important;
          color: #000000 !important;
          padding: 0px !important;
        }
        .buttonstyles {
          font-family: Helvetica, Arial, sans-serif !important;
          font-size: 12px !important;
          color: #ffffff !important;
          padding: 15px 24px !important;
        }
        h1 {
          font-family: Helvetica, Arial, sans-serif !important;
          font-size: 22px !important;
          color: #202020 !important;
          line-height: 1 !important;
        }
        .product-header {
          font-size: 48px !important;
          font-style: normal !important;
          font-weight: 400 !important;
          line-height: 47px !important;
        }
        h2 {
          font-size: 32px !important;
          font-style: normal !important;;
          font-weight: 400 !important;;
          line-height: 32px !important;
        }
        h3 {
          font-family: Helvetica, Arial, sans-serif !important;
          font-size: 18px !important;
          color: #202020 !important;
          line-height: 1 !important;
        }
        a:not(.buttonstyles) {
          line-height: 1 !important;
        }
        .mobile-hidden {
          display: none !important;
        }
        .responsive-td {
          width: 100% !important;
          display: block !important;
          padding: 0 !important;
        }
        /* END OF MOBILE GLOBAL STYLES - DO NOT CHANGE */
      }
      @media only screen and (max-width: 640px) {
        /* Adjust styles for smaller screens */
        .footer-links {
          font-size: 16px;
        }
        .container {
          width: 100% !important;
        }
        .mobile-hidden {
          display: none !important;
        }
      }
      /* DARK MODE IOS APPLE MAIL and some OUTLOOK */
      @media (prefers-color-scheme: dark) {
        /* Dark mode styles for Apple Mail */
        body {
          background-color: #222222 !important;
        }
        .container {
          background-color: #222222 !important;
          color: #fcfcff !important;
        }
        table,
        p,
        td,
        a,
        h1,
        h2,
        li,
        span {
          color: #fcfcff !important;
        }
        .cta-width-adjustment {background-color: #ffffff !important;}
        a.cta {
          border: solid 1px #ffffff !important;
        }
        .white-cta {
          background-color: #fcfcff !important;
          color: #333333 !important;
        }
       .white-cta a {color: #000000 !important;}
       .cta-width-adjustment-white {color: #000000 !important;}
       .terms-support {
         color: #fcfcff !important;
        }
        
       .testimonial-border {
         border: solid 1px #ffffff !important;
        }
       


      }
  </style>
  <!--[if mso]> <style type="text/css"> /* Begin Outlook Font Fix */ body, table, td { font-family : helvetica, arial, sans-serif; } /* End Outlook Font Fix */ </style> <![endif]-->
  <!--[if gte mso 9]> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> <![endif]-->
 </head>
 <body bgcolor="#F5F5F5" class="body" style="margin: 0px; -webkit-text-size-adjust:none;background-color: #F5F5F5; font-family: Helvetica, Arial, sans-serif; line-height : 100%; font-size : 16px; color : #000000; margin: 0;">
  <style type="text/css">
   div.preheader 
{ display: none !important; }
  </style>
  <div class="preheader" style="font-size: 1px; display: none !important;">
   With Natural Moisturizing Factors + HA.
  </div>
  <!-- Insert &zwnj;&nbsp; hack after hidden preview text -->
  <div style="display: none; max-height: 0px; overflow: hidden;">
   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ 
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ 
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
 ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
  </div>
  <div style="font-size:0; line-height:0;">
   <img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fclick.weareneedy.deciem.com%252Fopen.aspx%253Fffcb10-fe9415717064007a7c-fe25157577660c7a701375-fe3615717564047b701779-ff2d17797461-fe3815747467047c711578-ff2f10707261%2526d%253D110056%2526bmt%253D0/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjbGljay53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQyNTIxOH0:1ud7Jj:Hr-AqMcGZw84qRfCPjpw0X3FsS0Bj8Tq3IYJ_DUdcPo" width="1"/>
  </div>
  <table align="right" border="0" cellpadding="0" cellspacing="0" width="100%">
   <tr>
    <td align="center">
     <table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="640">
      <tr>
       <td>
        <table bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" class="tb_properties border_style" style="background-color : #FFFFFF; border : 0px;font-size : 16px; font-family : Helvetica, Arial, sans-serif; line-height : 100%; color : #000000; " width="100%">
         <!-- end of comment -->
         <tr>
          <td align="center" valign="top">
           <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
             <!-- added padding here -->
             <td class="content_padding" style="border:0px;padding : 0px; ">
              <!-- Content container start -->
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <tr>
                <td align="right" style="color: #000000;padding: 13px 20px 15px 0; background-color: #ffffff; !important;">
                 <a style="color: #000000;font-size: 13px;text-decoration: underline; padding-top: 13px; text-transform: uppercase;">
                  View in web browser
                 </a>
                </td>
               </tr>
               <!-- Template Content Start -->
               <tr>
                <td align="left" class="no-padding" valign="top">
                 <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
                  <tr>
                   <td class="stylingblock-content-wrapper camarker-inner">
                    <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td align="center">
                       <a data-linkto="https://" title="The Ordinary.">
                        <img alt="The Ordinary." data-assetid="252906" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F2f5868e1-d030-48f0-b4bf-aa665e716ed1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQzMTI5fQ:1ud7Jj:Eae3UNw6QpSxLpttDswI0mcQEQJtu5RFfyz2f3v1IhA" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;" width="640"/>
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                 <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                  <tr>
                   <td class="stylingblock-content-wrapper camarker-inner" style="padding: 0px 0px 10px; ">
                    <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                     <tr>
                      <td>
                       <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                        <tr>
                         <td class="responsive-td" style="width: 100%; padding-bottom: 3px;" valign="top">
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" target="_blank" title="A shortcut to hydration. ">
                                 <img alt="" data-assetid="344418" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252Fd9805d86-c25b-4532-8ebf-48401c6764fc.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQzMjc2Nn0:1ud7Jj:0PtvSfria_s_WrGsx8N8feNUriSBrx0bRBI3RDI0gGg" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;" width="640"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td>
                       <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                        <tr>
                         <td class="responsive-td" style="width: 100%; padding-top: 3px;" valign="top">
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner">
                             <table cellpadding="0" cellspacing="0" role="presentation" style="min-width: 100%; border: none;" width="100%">
                              <tr>
                               <td border="0" class="header-title" style="width: 100%; font-size: 52px; padding: 35px 0px; color: #000000; line-height: 98%; height: auto; font-family: Helvetica, Arial, sans-serif !important; text-align: center;" width="100%">
                                Formulations That Play Well Together.
                               </td>
                              </tr>
                              <tr>
                               <td style="text-align: center;">
                                <a style="font-size: 24px;margin: 0;padding: 0px 6px 12px 0px; color: #000000; display: inline-block;text-align: center; text-decoration: underline; white-space: nowrap;-webkit-text-size-adjust: none">
                                 Shop Now
                                </a>
                                <a data-linkto="other" style="font-size: 24px;margin: 0;padding: 0px 0px 12px 0px; color: #333333; display: inline-block;text-align: center; text-decoration: none;white-space: nowrap;-webkit-text-size-adjust: none" title="">
                                 →
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <tr>
                <td align="left" class="" valign="top">
                 <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                  <tr>
                   <td class="stylingblock-content-wrapper camarker-inner" style="padding: 0px 20px 30px; ">
                    <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                     <tr>
                      <td>
                       <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                        <tr>
                         <td class="responsive-td" style="width: 100%; padding-bottom: 3px;" valign="top">
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="Hydrate your skin. ">
                                 <img alt="" data-assetid="344415" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252Fe00e3844-7659-48c1-9979-4b8063f1464f.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQzMzk4N30:1ud7Jj:4gi_7wKZdOqgXVMIeoIt156qUTP3PxlJ5OAdX8DFlho" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;" width="600"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td>
                       <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                        <tr>
                         <td class="responsive-td" style="width: 100%; padding-top: 3px;" valign="top">
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner" style="padding: 23px 0px 0px; ">
                             <table cellpadding="0" cellspacing="0" class="teaser-callout" role="presentation" style="min-width: 100%; border: none;" valign="middle" width="100%">
                              <tr>
                               <td style="font-family: Helvetica; font-size: 16px; font-style: normal; font-weight: 400; line-height: 21px;">
                                Give your skin more support without adding extra steps. Our best‑selling
                                <a data-linkto="https://" style="color:#000000;text-decoration:underline;" title="Natural Moisturizing Factors + HA">
                                 Natural Moisturizing Factors + HA
                                </a>
                                delivers
                                <b>
                                 immediate and lasting hydration
                                </b>
                                on its own, but when mixed with a targeted face oil, you get
                                <b>
                                 boosted hydration with extra benefits
                                </b>
                                —in one easy step.
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                 <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                  <tr>
                   <td class="stylingblock-content-wrapper camarker-inner" style="padding: 0px 20px; ">
                    <style>
                     hr. {
  border: 1px solid #757575;
  }
                    </style>
                    <hr/>
                   </td>
                  </tr>
                 </table>
                 <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                  <tr>
                   <td class="stylingblock-content-wrapper camarker-inner" style="padding: 0px 20px; ">
                    <h2 class="education-headline" style="font-family: Helvetica; font-size: 32px; font-style: normal; font-weight: 400; text-transform:uppercase">
                     For soothing and age support:
                    </h2>
                   </td>
                  </tr>
                 </table>
                 <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                  <tr>
                   <td class="stylingblock-content-wrapper camarker-inner" style="padding: 24px 20px; ">
                    <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                     <tr>
                      <td>
                       <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                        <tr>
                         <td style="width: 50%; padding-bottom: 8px; padding-right: 8px;" valign="top">
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="Shop 100% Fermented Rose Hip Seed Oil. ">
                                 <img alt="" data-assetid="344419" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252Fe25f16bc-9f41-41d8-819d-889d19b855a8.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQzNTA2NH0:1ud7Jj:gaPPghIBCtkxoQ_pNutaebLB9loKiTBWdlEmfsLvfiQ" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;" width="292"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                         <td style="width: 50%; padding-bottom: 8px; padding-left: 8px;" valign="top">
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="Shop 100% Fermented Rose Hip Seed Oil. ">
                                 <img alt="" data-assetid="344413" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F9bd17f9e-8001-4eb1-9799-ff4cd8fef33d.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQzNjE2OH0:1ud7Jj:uGfIh7hUAUjM6J5ug8_JQWzSogHA8Gc57cmvf2Ql5RE" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;" width="292"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td>
                       <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                        <tr>
                         <td style="width: 100%; padding-top: 8px;" valign="top">
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner" style="padding: 12px 0px 0px; ">
                             <span style="font-family: Helvetica; font-size: 13px; font-style: normal; font-weight: 400; line-height: 130%; color: #757575;">
                              Harriet, Finance Team
                             </span>
                             <h2>
                              100% Fermented Rose Hip Seed Oil
                             </h2>
                             <p>
                             </p>
                             <ul style="font-family:Helvetica;font-siz:13px;font-size:normal; font-weight:400;line-height:150%">
                              <li>
                               Works to
                               <b>
                                improve elasticity and firmness
                               </b>
                               ,
                               <b>
                                soothe visible redness
                               </b>
                               , and
                               <b>
                                reduce the look of fine lines and wrinkles
                               </b>
                               .
                              </li>
                              <li>
                               The fermentation process works to enhance the oil's skin soothing capacity which helps address signs of premature skin aging associated with irritation.
                              </li>
                             </ul>
                            </td>
                           </tr>
                          </table>
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner" style="padding: 15px 0px 0px; ">
                             <meta charset="utf-8"/>
                             <meta content="width=device-width, initial-scale=1" name="viewport"/>
                             <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
                             <meta name="x-apple-disable-message-reformatting"/>
                             <meta content="light dark" name="color-scheme"/>
                             <meta content="light dark" name="supported-color-schemes"/>
                             <title>
                             </title>
                             <style type="text/css">
                              /* General styles for all clients */
        body {
            margin: 0;
            padding: 0;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
        }
        table, td {
            mso-table-lspace: 0pt !important;
            mso-table-rspace: 0pt !important;
        }
        img {
            border: 0;
            height: auto;
            line-height: 100%;
            outline: none;
            text-decoration: none;
            -ms-interpolation-mode: bicubic;
        }
        a {
            text-decoration: none;
        }

        /* Dark Mode Specific Styles */
        @media (prefers-color-scheme: dark) {
            .darkmode-bg {
                background-color: #000000 !important; /* Example dark background for entire email */
            }
            .darkmode-text {
                color: #ffffff !important;
            }
            /* Specific for your button's text in dark mode */
            .cta {
                color: #ffffff !important; /* Change text color to white for visibility */
                border: solid 1px #ffffff !important; /* Ensure border is white in dark mode */
            }
        }

        /* Outlook-specific dark mode targeting (for apps) */
        [data-ogsc] .cta {
            color: #ffffff !important; /* Text color in dark mode */
            border: solid 1px #ffffff !important; /* Border color in dark mode */
        }
        [data-ogsb] .cta {
            color: #ffffff !important; /* Text color in dark mode */
            border: solid 1px #ffffff !important; /* Border color in dark mode */
        }

        /* If you also had a background color on the VML fillcolor, you might need to adjust it */
        /* [data-ogsc] .vml-button-fill { fillcolor="#000000" !important; } */
        /* [data-ogsb] .vml-button-fill { fillcolor="#000000" !important; } */
                             </style>
                             <div style="font-family: sans-serif; font-size: 15px; margin: 0; padding: 0; text-align: left;">
                              <a class="cta" style="font-family: sans-serif;               font-size: 16px;               margin: 0;               padding: 12px 23px;               color: #000000; /* Default text color */               font-weight: normal;               line-height: 20px;                letter-spacing: 0;                border: solid 1px #000000; /* Default border color */               border-radius: 5000px;               display: inline-block;               text-align: center;                text-transform: uppercase;                text-decoration: none;               white-space: nowrap;               -webkit-text-size-adjust: none;">
                               Shop Now
                              </a>
                             </div>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                 <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                  <tr>
                   <td class="stylingblock-content-wrapper camarker-inner" style="padding: 0px 20px; ">
                    <style>
                     hr. {
  border: 1px solid #757575;
  }
                    </style>
                    <hr/>
                   </td>
                  </tr>
                 </table>
                 <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                  <tr>
                   <td class="stylingblock-content-wrapper camarker-inner" style="padding: 0px 20px; ">
                    <h2 class="education-headline" style="font-family: Helvetica; font-size: 32px; font-style: normal; font-weight: 400; text-transform:uppercase">
                     For radiant skin tone:
                    </h2>
                   </td>
                  </tr>
                 </table>
                 <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                  <tr>
                   <td class="stylingblock-content-wrapper camarker-inner" style="padding: 24px 20px; ">
                    <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                     <tr>
                      <td>
                       <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                        <tr>
                         <td style="width: 50%; padding-bottom: 8px; padding-right: 8px;" valign="top">
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="Shop 100% Cold-Pressed Virgin Marula Oil. ">
                                 <img alt="" data-assetid="344414" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F2c67911c-1b55-45dc-a9a0-15ba880540e9.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQzNzIwOH0:1ud7Jj:E7BPcwqO7mBy6PDdDnUhesV8j8W1Na_t6lzqZmHhfZY" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;" width="292"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                         <td style="width: 50%; padding-bottom: 8px; padding-left: 8px;" valign="top">
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="Shop 100% Cold-Pressed Virgin Marula Oil. ">
                                 <img alt="" data-assetid="344416" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F7baac443-1d42-41e8-b3cc-ada12c9916b9.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQzODQ1N30:1ud7Jj:JEUOIkuBcv6JtI1hIusmw4pVVnr15yALnzdb9l6jz0c" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;" width="292"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td>
                       <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                        <tr>
                         <td style="width: 100%; padding-top: 8px;" valign="top">
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner" style="padding: 12px 0px 0px; ">
                             <span style="font-family: Helvetica; font-size: 13px; font-style: normal; font-weight: 400; line-height: 130%; color: #757575;">
                              Vivien, Creative Design Team
                             </span>
                             <h2>
                              100% Cold‑Pressed Virgin Marula Oil
                             </h2>
                             <p>
                             </p>
                             <ul style="font-family:Helvetica;font-siz:13px;font-size:normal; font-weight:400;line-height:150%">
                              <li>
                               Helps visibly
                               <b>
                                restore radiant skin
                               </b>
                               , thanks to a combination of naturally present antioxidants.
                              </li>
                              <li>
                               Cold‑pressed, unrefined and rich in oleic and linoleic acids to support skin hydration.
                              </li>
                             </ul>
                            </td>
                           </tr>
                          </table>
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner" style="padding: 15px 0px 0px; ">
                             <meta charset="utf-8"/>
                             <meta content="width=device-width, initial-scale=1" name="viewport"/>
                             <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
                             <meta name="x-apple-disable-message-reformatting"/>
                             <meta content="light dark" name="color-scheme"/>
                             <meta content="light dark" name="supported-color-schemes"/>
                             <title>
                             </title>
                             <style type="text/css">
                              /* General styles for all clients */
        body {
            margin: 0;
            padding: 0;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
        }
        table, td {
            mso-table-lspace: 0pt !important;
            mso-table-rspace: 0pt !important;
        }
        img {
            border: 0;
            height: auto;
            line-height: 100%;
            outline: none;
            text-decoration: none;
            -ms-interpolation-mode: bicubic;
        }
        a {
            text-decoration: none;
        }

        /* Dark Mode Specific Styles */
        @media (prefers-color-scheme: dark) {
            .darkmode-bg {
                background-color: #000000 !important; /* Example dark background for entire email */
            }
            .darkmode-text {
                color: #ffffff !important;
            }
            /* Specific for your button's text in dark mode */
            .cta {
                color: #ffffff !important; /* Change text color to white for visibility */
                border: solid 1px #ffffff !important; /* Ensure border is white in dark mode */
            }
        }

        /* Outlook-specific dark mode targeting (for apps) */
        [data-ogsc] .cta {
            color: #ffffff !important; /* Text color in dark mode */
            border: solid 1px #ffffff !important; /* Border color in dark mode */
        }
        [data-ogsb] .cta {
            color: #ffffff !important; /* Text color in dark mode */
            border: solid 1px #ffffff !important; /* Border color in dark mode */
        }

        /* If you also had a background color on the VML fillcolor, you might need to adjust it */
        /* [data-ogsc] .vml-button-fill { fillcolor="#000000" !important; } */
        /* [data-ogsb] .vml-button-fill { fillcolor="#000000" !important; } */
                             </style>
                             <div style="font-family: sans-serif; font-size: 15px; margin: 0; padding: 0; text-align: left;">
                              <a class="cta" style="font-family: sans-serif;               font-size: 16px;               margin: 0;               padding: 12px 23px;               color: #000000; /* Default text color */               font-weight: normal;               line-height: 20px;                letter-spacing: 0;                border: solid 1px #000000; /* Default border color */               border-radius: 5000px;               display: inline-block;               text-align: center;                text-transform: uppercase;                text-decoration: none;               white-space: nowrap;               -webkit-text-size-adjust: none;">
                               Shop Now
                              </a>
                             </div>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                 <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                  <tr>
                   <td class="stylingblock-content-wrapper camarker-inner" style="padding: 0px 20px; ">
                    <style>
                     hr. {
  border: 1px solid #757575;
  }
                    </style>
                    <hr/>
                   </td>
                  </tr>
                 </table>
                 <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                  <tr>
                   <td class="stylingblock-content-wrapper camarker-inner" style="padding: 0px 20px; ">
                    <h2 class="education-headline" style="font-family: Helvetica; font-size: 32px; font-style: normal; font-weight: 400; text-transform:uppercase">
                     For daily use:
                    </h2>
                   </td>
                  </tr>
                 </table>
                 <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                  <tr>
                   <td class="stylingblock-content-wrapper camarker-inner" style="padding: 24px 20px; ">
                    <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                     <tr>
                      <td>
                       <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                        <tr>
                         <td style="width: 50%; padding-bottom: 8px; padding-right: 8px;" valign="top">
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="Shop 100% Organic Cold-Pressed Rose Hip Seed Oil. ">
                                 <img alt="" data-assetid="344417" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252Fc5ba5582-895c-4e4a-958a-d0171dea7f38.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQzOTQ5NH0:1ud7Jj:QJvH_qBVyTAS5Ucemf4CSLaREaGGEv-eIu5ZyqYUadQ" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;" width="292"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                         <td style="width: 50%; padding-bottom: 8px; padding-left: 8px;" valign="top">
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="Shop 100% Organic Cold-Pressed Rose Hip Seed Oil. ">
                                 <img alt="" data-assetid="344412" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252Fb7f56670-d778-40d6-94c8-97fc6db83b21.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQ0MDQ5NX0:1ud7Jj:hk90cjm_CPs_FsyV-ZAKJxAmOU73T_mxXivJrMKZdUM" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;" width="292"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td>
                       <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                        <tr>
                         <td style="width: 100%; padding-top: 8px;" valign="top">
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner" style="padding: 12px 0px 0px; ">
                             <span style="font-family: Helvetica; font-size: 13px; font-style: normal; font-weight: 400; line-height: 130%; color: #757575;">
                              ChanHee, Social Team
                             </span>
                             <h2>
                              100% Organic Cold‑Pressed Rose Hip Seed Oil
                             </h2>
                             <p>
                             </p>
                             <ul style="font-family:Helvetica;font-siz:13px;font-size:normal; font-weight:400;line-height:150%">
                              <li>
                               Hydrates skin to
                               <b>
                                balance the look of uneven tone
                               </b>
                               ,
                               <b>
                                support elasticity
                               </b>
                               , and
                               <b>
                                promote a more supple, radiant appearance
                               </b>
                               .
                              </li>
                              <li>
                               Cold‑pressed to retain its potency and is gentle enough for daily use.
                              </li>
                             </ul>
                            </td>
                           </tr>
                          </table>
                          <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                           <tr>
                            <td class="stylingblock-content-wrapper camarker-inner" style="padding: 15px 0px 0px; ">
                             <meta charset="utf-8"/>
                             <meta content="width=device-width, initial-scale=1" name="viewport"/>
                             <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
                             <meta name="x-apple-disable-message-reformatting"/>
                             <meta content="light dark" name="color-scheme"/>
                             <meta content="light dark" name="supported-color-schemes"/>
                             <title>
                             </title>
                             <style type="text/css">
                              /* General styles for all clients */
        body {
            margin: 0;
            padding: 0;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
        }
        table, td {
            mso-table-lspace: 0pt !important;
            mso-table-rspace: 0pt !important;
        }
        img {
            border: 0;
            height: auto;
            line-height: 100%;
            outline: none;
            text-decoration: none;
            -ms-interpolation-mode: bicubic;
        }
        a {
            text-decoration: none;
        }

        /* Dark Mode Specific Styles */
        @media (prefers-color-scheme: dark) {
            .darkmode-bg {
                background-color: #000000 !important; /* Example dark background for entire email */
            }
            .darkmode-text {
                color: #ffffff !important;
            }
            /* Specific for your button's text in dark mode */
            .cta {
                color: #ffffff !important; /* Change text color to white for visibility */
                border: solid 1px #ffffff !important; /* Ensure border is white in dark mode */
            }
        }

        /* Outlook-specific dark mode targeting (for apps) */
        [data-ogsc] .cta {
            color: #ffffff !important; /* Text color in dark mode */
            border: solid 1px #ffffff !important; /* Border color in dark mode */
        }
        [data-ogsb] .cta {
            color: #ffffff !important; /* Text color in dark mode */
            border: solid 1px #ffffff !important; /* Border color in dark mode */
        }

        /* If you also had a background color on the VML fillcolor, you might need to adjust it */
        /* [data-ogsc] .vml-button-fill { fillcolor="#000000" !important; } */
        /* [data-ogsb] .vml-button-fill { fillcolor="#000000" !important; } */
                             </style>
                             <div style="font-family: sans-serif; font-size: 15px; margin: 0; padding: 0; text-align: left;">
                              <a class="cta" style="font-family: sans-serif;               font-size: 16px;               margin: 0;               padding: 12px 23px;               color: #000000; /* Default text color */               font-weight: normal;               line-height: 20px;                letter-spacing: 0;                border: solid 1px #000000; /* Default border color */               border-radius: 5000px;               display: inline-block;               text-align: center;                text-transform: uppercase;                text-decoration: none;               white-space: nowrap;               -webkit-text-size-adjust: none;">
                               Shop Now
                              </a>
                             </div>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <tr>
                <td align="left" class="" valign="top">
                 <table cellpadding="0" cellspacing="0" class="slot-styling" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                  <tr>
                   <td class="slot-styling camarker-inner" style="padding: 0px; ">
                    <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                     <tr>
                      <td class="stylingblock-content-wrapper camarker-inner" style="padding: 10px 0px; ">
                       <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                        <tr>
                         <td>
                          <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                           <tr>
                            <td class="responsive-td" style="width: 100%; padding-bottom: 3px;" valign="top">
                             <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper mobile-hidden" role="presentation" style="background-color: transparent; min-width: 100%; " width="100%">
                              <tr>
                               <td class="stylingblock-content-wrapper mobile-hidden camarker-inner" style="padding: 0px; ">
                                <!-- Footer Begin -->
                                <table cellpadding="0" cellspacing="0" role="presentation" style="min-width: 100%; background-color: #000000; border-bottom: solid 1px #ffffff;" width="100%">
                                 <tr>
                                  <td style="width:40%;padding:px 0 0 0;vertical-align:top;color:#ffffff; border-right: solid 1px #ffffff;">
                                   <!-- Nested Table for Social Images -->
                                   <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
                                    <tr>
                                     <td height="20">
                                     </td>
                                    </tr>
                                    <tr>
                                     <td style="width:25%; padding: 5px; text-align: center;">
                                      <a data-linkto="other" style="text-decoration:none;font-weight:normal;color:#000000;line-height:100%;" title="na">
                                       <img alt="TikTok" data-assetid="253489" height="19" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F9cd09438-4e07-41df-b656-63aac9c14a7c.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQ0MTcxNn0:1ud7Jj:8vON61m7gTT0YkPimjtGxt2FdRRnqD8cA0ciMGmH-ZU" style="height: 19px; width: 16px; padding: 0px; border: 0px; text-align: center;" width="19"/>
                                      </a>
                                     </td>
                                     <td style="width:25%; padding: 5px; text-align: center;">
                                      <a data-linkto="other" title="na">
                                       <img alt="Instagram" data-assetid="253491" height="18" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F0006c071-0693-4d39-8528-8b3b236b3ef1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQ0Mjc1OH0:1ud7Jj:WpNW8epmPRmDDeVrZce7tT_w0YM2QdneqpFb54arbxY" style="width: 18px; height: 18px; border: 0px none transparent; padding: 0px; text-align: center;" width="18"/>
                                      </a>
                                     </td>
                                     <td style="width:25%; padding: 5px; text-align: center;">
                                      <a data-linkto="other" style="text-decoration:none;font-weight:normal;color:#000000;line-height:100%;" title="na">
                                       <img alt="YouTube" data-assetid="253492" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F38b0a063-b18e-453c-9e46-c5257a6eb703.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQ0Mzg0NX0:1ud7Jj:QtOJ0_0GLjE_Nwpa9gj4JNZgfDfD7CWNiKlNoUuLxrk" style="height: 15px; width: 22px; border: 0px none transparent; padding: 0px; text-align: center;" width="22"/>
                                      </a>
                                     </td>
                                     <td style="width:25%; padding: 5px 5px 5px 5px; text-align: center;">
                                      <a data-linkto="other" title="na">
                                       <img alt="Facebook" data-assetid="253490" height="22" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F2ce358a2-f9d7-4bf3-acdc-6c01df8fd681.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQ0NDgzMn0:1ud7Jj:19Wzlagi2pfll63Xnf_rZKDQsU4cGKEpvGNNoAIIHkk" style="height: 22px; width: 10px; border: none; padding: 0px; text-align: center;" width="10"/>
                                      </a>
                                     </td>
                                    </tr>
                                    <tr>
                                     <td height="20">
                                     </td>
                                    </tr>
                                   </table>
                                   <!-- End Nested Table for Images -->
                                  </td>
                                  <td style="width:182px0px;padding:0 25px 0px 25px;vertical-align:center;color:#153643;  text-align: right;">
                                   <p>
                                    <a class="footer-links" style="color:#ffffff;text-decoration:underline; font-family: Helvetica, Arial, sans-serif !important; line-height:14px; text-align: right;" title="">
                                     TheOrdinary.com
                                    </a>
                                   </p>
                                  </td>
                                 </tr>
                                 <!-- The O. Image and link -->
                                 <tr>
                                  <td align="center" style="width:40%;padding:20px 0 20px 0px;vertical-align:top; border-right: solid 1px #ffffff; border-top: solid 1px #ffffff;">
                                   <a data-linkto="other" title="The Ordinary">
                                    <img alt="The O. Logo" data-assetid="250567" src="https://inboxflows.com/_/image/%2520https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe39117171640678751772%252Fm%252F1%252Fd4c74803-8c50-4f4a-b41d-2c9421022253.png/?inbox_flows_img_sig=eyJwYXRoIjoiJTIwaHR0cHMlM0ElMkYlMkZpbWFnZS53ZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQ0NTgzOH0:1ud7Jj:wA4GIlC2LlnZRKZ7FN7bldt_Xp71B9rorOhRt2snfiY" style="height: auto; padding: 0px; border: 0px none transparent;" width="53"/>
                                   </a>
                                  </td>
                                  <td style="width:260px;padding:30px 0 30px 0;vertical-align:center;color:#ffffff;  border-top: solid 1px #ffffff;">
                                   <!-- Nested Table for Brands -->
                                   <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
                                    <tr>
                                     <td colspan="2" style="/* width:25%; *//* padding: 5px; */text-align: center;">
                                      <a class="footer-links" style="color:#ffffff;text-decoration:none; font-family: Helvetica, Arial, sans-serif !important; line-height:14px;" title="">
                                       The Ordinary
                                      </a>
                                     </td>
                                     <td style="/* width:25%; *//* padding: 5px; */text-align: center;">
                                      <a class="footer-links" data-linkto="https://" style="color:#ffffff;text-decoration:none; font-family: Helvetica, Arial, sans-serif !important; line-height:14px;" title="">
                                       NIOD
                                      </a>
                                     </td>
                                     <td style="/* width:25%; */padding: 5px;text-align: center;">
                                      <a class="footer-links" data-linkto="https://" style="color:#ffffff;text-decoration:none; font-family: Helvetica, Arial, sans-serif !important; line-height:14px;" title="">
                                       DECIEM
                                      </a>
                                     </td>
                                    </tr>
                                   </table>
                                   <!-- Byline info -->
                                   <!-- Footer End -->
                                  </td>
                                 </tr>
                                </table>
                                <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0; background-color: #000000;">
                                 <tr>
                                  <td class="footer-byline" colspan="2" style="padding-left:20px; padding-bottom: 29px; background-color: #ffffff; color: #757575;">
                                   <p>
                                    <font>
                                     <span class="terms-support" style="font-size: 13px; font-family: Helvetica, arial, sans-serif; color: #000000;">
                                      We're here to help.
                                     </span>
                                     <br/>
                                     <font>
                                      <span class="terms-support" style="font-size: 13px; font-family: Helvetica, arial, sans-serif;">
                                       Reach out to
                                       <a data-linkto="https://" style="color:#757575;text-decoration:underline;" title="">
                                        Customer Support
                                       </a>
                                       , check out our
                                       <a data-linkto="https://" style="color:#757575;text-decoration:underline;" title="">
                                        FAQs
                                       </a>
                                       , or
                                       <a data-linkto="cloudpageslandingpage" style="color:#757575;text-decoration:underline;" title="">
                                        manage your profile.
                                       </a>
                                      </span>
                                     </font>
                                    </font>
                                   </p>
                                   <p class="terms-address" style="font-size: 10px; color: #757575;">
                                    <font>
                                     No longer want to receive these types of emails?
                                     <a data-linkto="cloudpageslandingpage" style="color:#757575;text-decoration:underline;" title="">
                                      Unsubscribe
                                     </a>
                                    </font>
                                   </p>
                                   <p class="terms-address" style="font-size: 10px; color: #848484;">
                                    <font>
                                     15 Fraser Avenue, Toronto, Ontario, Canada M6K 1Y7
                                     <br/>
                                     © DECIEM Beauty Group Inc. 2023. All rights reserved.
                                     <a data-linkto="https://" style="color:#757575;text-decoration:underline;" title="Terms &amp; Conditions">
                                      Terms &amp; Conditions
                                     </a>
                                     <a data-linkto="https://" style="color:#757575;text-decoration:underline;" title="Privacy">
                                      Privacy
                                     </a>
                                    </font>
                                   </p>
                                  </td>
                                 </tr>
                                </table>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                        <tr>
                         <td>
                          <table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
                           <tr>
                            <td class="responsive-td" style="width: 100%; padding-top: 3px;" valign="top">
                             <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
                              <tr>
                               <td class="stylingblock-content-wrapper camarker-inner">
                                <!---note there is a hidden freeform block for mobile below -->
                                <div class="desktop-hidden" style="mso-hide:all;">
                                 <!--[if !mso]>-->
                                 <!-- Footer Begin -->
                                 <table cellpadding="0" cellspacing="0" role="presentation" style="min-width: 100%; background-color: #000000; border-bottom: solid 1px #ffffff;" width="100%">
                                  <tr>
                                   <td align="center" style="width:160px;padding:20px 0 20px 0px;vertical-align:top;border-right: solid 1px #ffffff;">
                                    <a data-linkto="other" title="na">
                                     <img alt="The Ordinary" data-assetid="250568" height="44" src="https://inboxflows.com/_/image/%2520https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe39117171640678751772%252Fm%252F1%252F6032a620-edb9-4fb8-a8bb-908bba974b2b.png/?inbox_flows_img_sig=eyJwYXRoIjoiJTIwaHR0cHMlM0ElMkYlMkZpbWFnZS53ZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQ0Njg3fQ:1ud7Jj:Wvky1g-lII33z6Nq1gYAvY6R0XxoTagd5Oc4GT9IOO4" style="height: 44px; padding: 0px; border: 0px none transparent; text-align: center; width: 53px;" width="53"/>
                                    </a>
                                   </td>
                                   <td style="width:265px;padding:px 0 0 0;vertical-align:top;color:#ffffff; border-right: solid 1px #ffffff;">
                                    <!-- Nested Table for Social Images -->
                                    <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
                                     <tr>
                                      <td height="20">
                                      </td>
                                     </tr>
                                     <tr>
                                      <td style="width:25%; padding: 5px; text-align: center;">
                                       <a data-linkto="other" style="text-decoration:none;font-weight:normal;color:#000000;line-height:100%;" title="na">
                                        <img alt="TikTok" data-assetid="253489" height="19" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F9cd09438-4e07-41df-b656-63aac9c14a7c.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQ0Nzg3Mn0:1ud7Jj:Z3fZ6JxcAM2pqlWMaVDLyxmUsKEJUfne3zjom1kuRc0" style="height: 19px; width: 16px; padding: 0px; text-align: center; border: 0px;" width="16"/>
                                       </a>
                                      </td>
                                      <td style="width:25%; padding: 5px; text-align: center;">
                                       <a data-linkto="other" title="na">
                                        <img alt="Instagram" data-assetid="253491" height="18" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F0006c071-0693-4d39-8528-8b3b236b3ef1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQ0ODg1fQ:1ud7Jj:1y7uB-2Gn7c-kIulTBkAx44CrE_3nuaptxWejriBaJ4" style="width: 18px; height: 18px; border: 0px none transparent; padding: 5px; text-align: center;" width="18"/>
                                       </a>
                                      </td>
                                      <td style="width:25%; padding: 5px; text-align: center;">
                                       <a data-linkto="other" style="text-decoration:none;font-weight:normal;color:#000000;line-height:100%;" title="na">
                                        <img alt="YouTube" data-assetid="253492" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F38b0a063-b18e-453c-9e46-c5257a6eb703.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQ0OTg0NH0:1ud7Jj:HXNXGm0_N9JonPOuCTTrHHAfkx0OJx-iN6I8-A39nTs" style="height: 15px; width: 22px; border: 0px none transparent; padding: 0px; text-align: center;" width="22"/>
                                       </a>
                                      </td>
                                      <td style="width:25%; padding: 5px 5px 5px 5px; text-align: center;">
                                       <a data-linkto="other" title="na">
                                        <img alt="Facebook" data-assetid="253490" height="22" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F2ce358a2-f9d7-4bf3-acdc-6c01df8fd681.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3NTI5MzA1NzEuMjQ1MDk4OH0:1ud7Jj:-rmzeABrZLIQcc08D2dUTp8dV2adGHHd_HmCXIgmv98" style="height: 22px; width: 10px; border: none; padding: 0px; text-align: center;" width="10"/>
                                       </a>
                                      </td>
                                     </tr>
                                     <tr>
                                      <td height="20">
                                      </td>
                                     </tr>
                                    </table>
                                    <!-- End Nested Table for Images -->
                                   </td>
                                  </tr>
                                 </table>
                                 <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0; background-color: #000000;">
                                  <tr>
                                   <td class="byline" colspan="2" style="background-color: #000000; width: 100%; font-size:16px;color: #ffffff; text-align: center; padding: 35px 0 35px 0;  border-bottom: solid 1px #ffffff; font-family: Jost, Helvetica-neue, Helvetica, Arial, sans-serif !important;">
                                    <a style="text-decoration: underline; color: #ffffff;">
                                     TheOrdinary.com
                                    </a>
                                   </td>
                                  </tr>
                                  <tr>
                                   <td style="width:260px;padding:30px 0 30px 0;vertical-align:center;color:#ffffff;">
                                    <!-- Nested Table for Brands -->
                                    <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
                                     <tr>
                                      <td colspan="2" style="/* width:25%; *//* padding: 5px; */text-align: center;">
                                       <a class="footer-links" style="color:#ffffff;text-decoration:none; font-family: Helvetica, Arial, sans-serif !important; line-height:14px;" title="">
                                        The Ordinary
                                       </a>
                                      </td>
                                      <td style="/* width:25%; *//* padding: 5px; */text-align: center;">
                                       <a class="footer-links" data-linkto="https://" style="color:#ffffff;text-decoration:none; font-family: Helvetica, Arial, sans-serif !important; line-height:14px;" title="">
                                        NIOD
                                       </a>
                                      </td>
                                      <td style="/* width:25%; */padding: 5px;text-align: center;">
                                       <a class="footer-links" data-linkto="https://" style="color:#ffffff;text-decoration:none; font-family: Helvetica, Arial, sans-serif !important; line-height:14px;" title="">
                                        DECIEM
                                       </a>
                                      </td>
                                     </tr>
                                    </table>
                                    <!-- Byline info -->
                                    <!-- Footer End -->
                                   </td>
                                  </tr>
                                  <tr>
                                   <td class="footer-byline" colspan="2" style="padding-top:4px; padding-left:20px; padding-bottom: 29px; background-color: #ffffff; color: #757575;">
                                    <p>
                                     <font>
                                      <span class="terms-support" style="font-size: 13px; font-family: Helvetica, arial, sans-serif; color: #000000;">
                                       We're here to help.
                                      </span>
                                      <br/>
                                      <font>
                                       <span class="terms-support" style="font-size: 13px; font-family: Helvetica, arial, sans-serif;">
                                        Reach out to
                                        <a data-linkto="https://" style="color:#757575;text-decoration:underline;" title="">
                                         Customer Support
                                        </a>
                                        , check out our
                                        <a data-linkto="https://" style="color:#757575;text-decoration:underline;" title="">
                                         FAQS
                                        </a>
                                        ,
                                       </span>
                                      </font>
                                     </font>
                                     <br/>
                                     <font>
                                      <font>
                                       <span class="terms-support" style="font-size: 13px; font-family: Helvetica, arial, sans-serif;">
                                        or
                                        <a data-linkto="other" style="color:#757575;text-decoration:underline;" title="">
                                         manage your profile
                                        </a>
                                        .
                                       </span>
                                      </font>
                                     </font>
                                    </p>
                                    <p class="terms-address" style="font-size: 10px; color: #757575;">
                                     <font>
                                      No longer want to receive these types of emails?
                                      <a data-linkto="other" style="color:#757575;text-decoration:underline;" title="">
                                       Unsubscribe
                                      </a>
                                     </font>
                                    </p>
                                    <p class="terms-address" style="font-size: 10px; color: #848484;">
                                     <font>
                                      1​5 Fr​aser Ave​nue, Tor​onto, On​tario, Ca​na​da M6K 1Y7
                                      <br/>
                                      © DECIEM Beauty Group Inc. 2023. All rights reserved.
                                      <a data-linkto="https://" style="color:#757575;text-decoration:underline;" title="Terms &amp; Conditions">
                                       Terms &amp; Conditions
                                      </a>
                                      <a data-linkto="https://" style="color:#757575;text-decoration:underline;" title="Privacy">
                                       Privacy
                                      </a>
                                     </font>
                                    </p>
                                   </td>
                                  </tr>
                                 </table>
                                 <!--<![endif]-->
                                </div>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
 </body>
</html>