Inboxes List

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

+New inbox
Back
Back
Back 
<!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;">
   Shop now, no minimum.
  </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%253FXMKLY66EOYWEVARO6HILCMETTU.110058%2526d%253D110058%2526bmt%253D0/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjbGljay53ZWFyZSIsInRpbWUiOjE3ODY4MDYzNjIuMzk1MjM3fQ:1wvFxS:_A8Ib2ufnMupQ2n1rk6ISDQ1dwKab0btohkKcncAIzQ" 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" bgcolor="#ffffff" style="color:#000000;padding: 13px 20px 15px 0 !important; ">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tr>
                   <td align="right" style="color: #000000;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>
                 </table>
                </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">
                    <meta charset="utf-8"/>
                    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
                    <title>
                    </title>
                    <center>
                     <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 641px;" width="100%">
                      <tr>
                       <td align="center" style="padding: 0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color: #222222;" width="100%">
                         <tr>
                          <td align="center" style="padding: 20px 10px 10px 10px; font-family: Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 20px; font-weight: 400; line-height: 24px; letter-spacing: -0.025em;">
                           Complimentary Shipping until August 16.*
                          </td>
                         </tr>
                         <tr>
                          <td align="center" style="padding: 0 10px 20px 10px; font-family: Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 13px; font-weight: 400; line-height: 16px; letter-spacing: -0.025em;">
                           Conditions Apply.
                          </td>
                         </tr>
                        </table>
                       </td>
                      </tr>
                     </table>
                    </center>
                   </td>
                  </tr>
                 </table>
                 <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">
                    <style type="text/css">
                     .email-logo {
        display: block !important;
        width: 150px !important;
        max-width: 150px !important;
        height: auto !important;
        border: 0 !important;
        outline: none !important;
        text-decoration: none !important;
        -ms-interpolation-mode: bicubic !important;
    }

    .view-browser,
    .view-browser span {
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        line-height: 14px !important;
        font-weight: 400 !important;
        color: #333333 !important;
        -webkit-text-fill-color: #333333 !important;
        text-decoration: underline !important;
        white-space: nowrap !important;
    }

    @media screen and (max-width:600px) {
        .header-pad {
            padding: 18px !important;
        }

        .logo-col {
            width: 150px !important;
        }

        .email-logo {
            width: 150px !important;
            max-width: 150px !important;
        }
    }
                    </style>
                    <table border="0" cellpadding="0" cellspacing="0" class="header-bg" role="presentation" style="width:100%; min-width:100%; " width="100%">
                     <tr>
                      <td align="center" style="padding:0;">
                       <table border="0" cellpadding="0" cellspacing="0" class="header-wrapper" role="presentation" style="width:100%; min-width:100%;" width="100%">
                        <tr>
                         <td class="header-pad" style="padding:18px;">
                          <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="header-inner" role="presentation" style="width:100%;" width="100%">
                           <tr>
                            <td align="left" bgcolor="#ffffff" class="logo-col header-td" style="width:200px; padding:0; font-size:0; line-height:0;" valign="left" width="150">
                             <a style="text-decoration:none;" target="_blank">
                              <img alt="The Ordinary." class="email-logo" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.media.amplience.net%252Fi%252Fdeciem%252FORD-Logo-white-bgd/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4ubWVkaWEuYSIsInRpbWUiOjE3ODY4MDYzNjIuMzk1OTIxNX0:1wvFxS:_TG0aDQt6-OAbKLn2_OWjMMj2zZG_ghFdC2I1Ao4Llk" style="display:block !important; width:150px !important; max-width:150px !important; height:auto !important; border:0 !important; outline:none !important; text-decoration:none !important; -ms-interpolation-mode:bicubic !important;" width="150"/>
                             </a>
                            </td>
                            <td align="right" class="header-td" style="padding:0; font-family:Arial, Helvetica, sans-serif;" valign="right">
                            </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 0px 10px; ">
                    <!-- Responsive Menu (4 in a row) -->
                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:600px; width:100%; table-layout:fixed;" width="100%">
                     <tr>
                      <!-- Item 1 -->
                      <td align="center" style="width:25%; padding:0 4px 4px 4px;" width="25%">
                       <a style="display:block; color:#000000; text-decoration:underline; font-family: Arial, sans-serif; font-size:12px; line-height:15px; white-space:normal;" title="Shop Skincare">
                        Shop Skincare
                       </a>
                      </td>
                      <!-- Item 2 -->
                      <td align="center" style="width:25%; padding:0 4px 4px 4px;" width="25%">
                       <a style="display:block; color:#000000; text-decoration:underline; font-family: Arial, sans-serif; font-size:12px; line-height:15px; white-space:normal;" target="_blank" title="New">
                        New
                       </a>
                      </td>
                      <!-- Item 3 -->
                      <td align="center" style="width:25%; padding:0 4px 4px 4px;" width="25%">
                       <a style="display:block; color:#000000; text-decoration:underline; font-family: Arial, sans-serif; font-size:12px; line-height:15px; white-space:normal;" target="_blank" title="Bestsellers">
                        Bestsellers
                       </a>
                      </td>
                      <!-- Item 4 -->
                      <td align="center" style="width:25%; padding:0 4px 4px 4px;" width="25%">
                       <a style="display:block; color:#000000; text-decoration:underline; font-family: Arial, sans-serif; font-size:12px; line-height:15px; white-space:normal;" target="_blank" title="Build My Regimen">
                        Build My Regimen
                       </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; ">
                    <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="Here's your August skincare round up. ">
                                 <img alt="Complimentary shipping, no minimum." data-assetid="416376" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252Fd2f5bad5-2e69-4836-85bb-26faf9d0e2bc.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3ODY4MDYzNjIuMzk2MDc0M30:1wvFxS:EAahYub2OyRUvCMvXxbLEbg8Qy_Jy6ulaBrSq_FdIeM" 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-margin-cell" style="padding: 30px 0px 10px; ">
                             <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; ">
                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="min-width: 100%; border: none; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
                                 <tr>
                                  <td align="center" style="text-align: left; width: 100%;">
                                   <span style="font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-size: 30px; line-height: 98%; letter-spacing: -2.5%; color: #333333;">
                                    Last Chance: Complimentary Shipping.
                                   </span>
                                  </td>
                                 </tr>
                                 <tr>
                                  <td height="15" style="font-size: 15px; line-height: 15px; height: 15px; mso-line-height-rule: exactly;">
                                  </td>
                                 </tr>
                                 <tr>
                                  <td align="center" style="text-align: left;">
                                   <span style="font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 130%; letter-spacing: -2.5%; color: #333333;">
                                    Complimentary shipping with no minimum purchase ends on
                                    <b>
                                     August 16th.
                                    </b>
                                    Shop now and we’ll automatically apply this offer at checkout.
                                    <br/>
                                    <br/>
                                    T&amp;Cs apply
                                   </span>
                                  </td>
                                 </tr>
                                 <tr>
                                  <td height="20" style="font-size: 20px; line-height: 20px; height: 20px; mso-line-height-rule: exactly;">
                                  </td>
                                 </tr>
                                 <tr>
                                  <td align="left" style="text-align: left;">
                                   <div class="cta" style="font-family: sans-serif; font-size: 15px; margin: 0; padding: 0; text-align: left;">
                                    <a class="cta" data-linkto="https://" style="color:#333333;text-decoration:none;font-family: sans-serif;font-size: 16px;margin: 0;padding: 12px 23px 12px 23px;font-weight: normal;line-height: 20px;letter-spacing: 0; border: solid 1px #333333; border-radius: 5000px;display: inline-block;text-align: center; text-transform: uppercase;white-space: nowrap;-webkit-text-size-adjust: none" title="The Ordinary">
                                     Shop Now
                                    </a>
                                   </div>
                                  </td>
                                 </tr>
                                </table>
                               </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="min-width: 100%; " width="100%">
                  <tr>
                   <td class="stylingblock-content-wrapper camarker-inner">
                    <style type="text/css">
                     .eyebrow{
        font-size:11px;
        line-height:14px;
      }
    
      .eyebrow-title{
        font-size:22px !important;
        line-height:26px !important;
        padding-top:16px; !important;
      }
    @media screen and (max-width:600px){
    
      .eyebrow{
        font-size:11px;
        line-height:14px;
      }
    
      .eyebrow-title{
        font-size:22px !important;
        line-height:26px !important;
        padding-top:16px; !important;
      }
    
    
    }
                    </style>
                    <table cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                     <tr>
                      <td style="padding:16px;font-family:Arial,Helvetica,sans-serif;">
                       <div class="eyebrow" style="font-size:12px;line-height:14px;font-weight:700;text-transform:uppercase;">
                       </div>
                       <div class="eyebrow-title" style="padding-top:16px;font-size:30px;line-height:34px;">
                        Discover Our Icons.
                       </div>
                      </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: 10px 20px 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: 50%; padding-right: 5px;" 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" style="padding-bottom: 10px; ">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="">
                                 <img alt="Shop Hyaluronic Acid 2% + B5 (with Ceramides)." data-assetid="416370" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252Fd4a7553a-3d3b-4ff8-a935-0e6830089c53.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3ODY4MDYzNjIuMzk2MjAxNn0:1wvFxS:9tjft2Ykm5VLwz-c9hxc4NPS62iGSUxDYPihJVJQuYE" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;" width="1280"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                          <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" style="padding-bottom: 10px; ">
                             <span style="font-family:Arial,Helvetica,sans-serif;">
                              <u>
                               <span style="font-size:16px;">
                                <a data-linkto="https://" style="color:#000000;text-decoration:none;" title="Hyaluronic Acid 2% + B5 (with Ceramides)">
                                 Hyaluronic Acid 2% + B5 (with Ceramides)
                                </a>
                               </span>
                              </u>
                             </span>
                             <br/>
                             <br/>
                            </td>
                           </tr>
                          </table>
                         </td>
                         <td class="responsive-td" style="width: 50%; padding-left: 5px;" 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" style="padding-bottom: 10px; ">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="Shop Niacinamide 10% + Zinc 1%">
                                 <img alt="Shop Ni" data-assetid="416371" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F111ef66f-6ca8-4af2-afc5-0cdf38412442.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3ODY4MDYzNjIuMzk2MzI1fQ:1wvFxS:cs6zmzYRQoJy3jCrrjiSFl3CFJ9PHHQpAszNQnR0SB0" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;" width="1280"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                          <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" style="padding-bottom: 10px; ">
                             <span style="font-family:Arial,Helvetica,sans-serif;">
                              <u>
                               <span style="font-size:16px;">
                                <a data-linkto="https://" style="color:#000000;text-decoration:none;" title="Niacinamide 10% + Zinc 1%">
                                 Niacinamide 10% + Zinc 1%
                                </a>
                               </span>
                              </u>
                             </span>
                             <br/>
                            </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: 10px 20px 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: 50%; padding-right: 5px;" 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" style="padding-bottom: 10px; ">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="">
                                 <img alt="Shop Caffeine 5% + EGCG" data-assetid="416372" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F83c537e5-7832-4192-8a2d-bb0da6205ae9.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3ODY4MDYzNjIuMzk2NDQwN30:1wvFxS:phQoes49VTHouUPcGbhakU56s_139wF0-PEn0HSjJ6Y" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;" width="1280"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                          <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" style="padding-bottom: 10px; ">
                             <span style="font-family:Arial,Helvetica,sans-serif;">
                              <u>
                               <span style="font-size:16px;">
                                <a data-linkto="https://" style="color:#000000;text-decoration:none;" title="Caffeine Solution 5% + EGCG">
                                 Caffeine Solution 5% + EGCG
                                </a>
                               </span>
                              </u>
                             </span>
                             <br/>
                             <br/>
                            </td>
                           </tr>
                          </table>
                         </td>
                         <td class="responsive-td" style="width: 50%; padding-left: 5px;" 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" style="padding-bottom: 10px; ">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="Shop NMF+HA">
                                 <img alt="" data-assetid="416373" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252Ffa3dcd80-6f1e-4bab-ba65-efd85d974cba.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3ODY4MDYzNjIuMzk2NjM4OX0:1wvFxS:hFJtuZbsm85KzRxBei_8Oq6vdldfJC-zABgXxRSD3M8" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;" width="1280"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                          <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" style="padding-bottom: 10px; ">
                             <span style="font-family:Arial,Helvetica,sans-serif;">
                              <u>
                               <span style="font-size:16px;">
                                <a data-linkto="https://" style="color:#000000;text-decoration:none;" title="Natural Moisturizing Factors + HA">
                                 Natural Moisturizing Factors + HA
                                </a>
                               </span>
                              </u>
                             </span>
                             <br/>
                             <br/>
                            </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 20px; ">
                    <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" data-linkto="https://" style="color:#000000;text-decoration:none;font-family: sans-serif;               font-size: 16px;               margin: 0;               padding: 12px 23px; /* 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: left;                text-transform: uppercase;               white-space: nowrap;               -webkit-text-size-adjust: none;" title="">
                      Shop Now
                     </a>
                    </div>
                   </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: 10px; ">
                    <style type="text/css">
                     .eyebrow{
        font-size:11px;
        line-height:14px;
      }
    
      .eyebrow-title{
        font-size:22px !important;
        line-height:26px !important;
        padding-top:16px; !important;
      }
    @media screen and (max-width:600px){
    
      .eyebrow{
        font-size:11px;
        line-height:14px;
      }
    
      .eyebrow-title{
        font-size:22px !important;
        line-height:26px !important;
        padding-top:16px; !important;
      }
    
    
    }
                    </style>
                    <table cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                     <tr>
                      <td style="padding:16px;font-family:Arial,Helvetica,sans-serif;">
                       <div class="eyebrow" style="font-size:12px;line-height:14px;font-weight:700;text-transform:uppercase;">
                       </div>
                       <div class="eyebrow-title" style="padding-top:1px;font-size:30px;line-height:30px;">
                        Experience Our Sets.
                       </div>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                 <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" style="padding-top: 10px; padding-right: 10px; padding-left: 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%;" 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" style="padding-bottom: 10px; ">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="The Body Care Collection">
                                 <img alt="The Body Care Collection" data-assetid="416379" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252Fef9fb9b2-141f-449a-97a4-d7f36927e585.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3ODY4MDYzNjIuMzk2NzgzOH0:1wvFxS:oi1hIytmsbp9yy16V3QFwY4EO925zlcE7c_izhLMK2U" 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>
                    </table>
                   </td>
                  </tr>
                 </table>
                 <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" style="padding-top: 10px; padding-right: 10px; padding-left: 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%;" 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" style="padding-bottom: 10px; ">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="The Eye, Lash &amp; Brow Collection">
                                 <img alt="We'll cover shipping until August 16. " data-assetid="416374" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252F25d333a5-abaa-48e0-841c-bbb1f03ee338.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3ODY4MDYzNjIuMzk2OTIyfQ:1wvFxS:C3KZ4w8OF61Zn6xqYFqp6HBDNr7JlWRXVXomIxketgA" 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>
                    </table>
                   </td>
                  </tr>
                 </table>
                 <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" style="padding-top: 10px; padding-right: 10px; padding-left: 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%;" 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" style="padding-bottom: 10px; ">
                             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                              <tr>
                               <td align="center">
                                <a data-linkto="https://" title="The Hair &amp; Scalp Collection">
                                 <img alt="The Hair &amp; Scalp Collection" data-assetid="416375" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe3615717564047b701779%252Fm%252F1%252Fe0a868c5-15de-4a7d-a8c3-46aaf46f5768.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3ODY4MDYzNjIuMzk3MDQ0NH0:1wvFxS:UzEUB0CoOiwptNFSTorZPKKdRPyKzi3Q1i7Vk7aNf-s" 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>
                    </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 20px; ">
                    <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" data-linkto="https://" style="color:#000000;text-decoration:none;font-family: sans-serif;               font-size: 16px;               margin: 0;               padding: 12px 23px; /* 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: left;                text-transform: uppercase;               white-space: nowrap;               -webkit-text-size-adjust: none;" title="">
                      Shop Now
                     </a>
                    </div>
                   </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; ">
                    <p>
                     <span style="font-size:11px;">
                      <span style="color:#757575;">
                       *
                       <u>
                        The Free Shipping
                       </u>
                       – No Minimum (the “Free Ship Promotion”) is available only on theordinary.com, niod.com, loopha.com and thechemistrybrand.com from 12:00am EST August 4, 2026 to 11:59pm EST August 16, 2026 (the “Free Ship Promotion Period”) in select countries (see list below for “Eligible Countries”). Promotion will be applied automatically at checkout on all purchases during the Free Ship Promotion Period. Free Ship Promotion is combinable with other offers.
                       <br/>
                       <br/>
                       <u>
                        Eligible Countries
                       </u>
                       <br/>
                       Canada, United States of America, United Kingdom, Australia, New Zealand, Korea, Hong Kong, Macau, Austria, Belgium, Bulgaria, Cyprus, Czech Republic, Germany, Denmark, Estonia, Spain, Finland, France, Greece, Croatia, Hungary, Ireland, Italy, Lithuania, Luxembourg, Latvia, Malta, Netherlands, Poland, Portugal, Romania, Sweden, Slovenia, Slovakia, Andorra, Albania, Armenia, Azerbaijan, Bosnia and Herzegovina, Switzerland, Georgia, Iceland, Liechtenstein, Monaco, Moldova, Montenegro, Macedonia, Norway, Serbia, San Marino.
                      </span>
                     </span>
                    </p>
                   </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="min-width: 100%; " width="100%">
                     <tr>
                      <td class="stylingblock-content-wrapper camarker-inner">
                       <style type="text/css">
                        .footer-link,
  .footer-link:link,
  .footer-link:visited,
  .footer-link:hover,
  .footer-link:active {
    color: #ffffff !important;
    text-decoration: none !important;
  }

  .footer-underline,
  .footer-underline:link,
  .footer-underline:visited,
  .footer-underline:hover,
  .footer-underline:active {
    color: #ffffff !important;
    text-decoration: underline !important;
  }

  @media screen and (max-width:600px) {
    .footer-container {
      width: 100% !important;
    }

    .footer-pad {
      padding: 24px !important;
    }

    .footer-col {
      display: table-cell !important;
      width: 33.33% !important;
      max-width: 33.33% !important;
      padding: 0 !important;
    }

    .footer-heading,
    .footer-link,
    .footer-underline,
    .footer-text {
      font-size: 10px !important;
      line-height: 14px !important;
      letter-spacing: -0.1px !important;
    }

    .footer-top-gap {
      height: 30px !important;
      line-height: 30px !important;
      font-size: 30px !important;
    }

    .footer-legal-gap {
      height: 26px !important;
      line-height: 26px !important;
      font-size: 26px !important;
    }

    .footer-social {
      display: table-cell !important;
      width: 105px !important;
      text-align: right !important;
      vertical-align: bottom !important;
    }

    .social-space {
      padding-left: 10px !important;
    }
  }
                       </style>
                       <table bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" class="footer-container" role="presentation" style="width:100%;border-collapse:collapse;background-color:#000000;mso-table-lspace:0pt;mso-table-rspace:0pt;" width="100%">
                        <tr>
                         <td bgcolor="#000000" class="footer-pad" style="padding:32px 34px 28px 34px;background-color:#000000;font-family:Helvetica,Arial,sans-serif;color:#ffffff;mso-line-height-rule:exactly;">
                          <table bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;background-color:#000000;mso-table-lspace:0pt;mso-table-rspace:0pt;" width="100%">
                           <tr>
                            <td bgcolor="#000000" class="footer-col" style="background-color:#000000;padding:0;" valign="top" width="33.33%">
                             <div class="footer-heading" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:-0.12px;color:#ffffff;text-transform:uppercase;mso-line-height-rule:exactly;">
                              SHOP
                             </div>
                             <div style="height:14px;line-height:14px;font-size:14px;">
                             </div>
                             <a class="footer-link" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;text-decoration:none;">
                              Skincare
                             </a>
                             <div style="height:8px;line-height:8px;font-size:8px;">
                             </div>
                             <a class="footer-link" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;text-decoration:none;">
                              Body &amp; Hair
                             </a>
                             <div style="height:8px;line-height:8px;font-size:8px;">
                             </div>
                             <a class="footer-link" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;text-decoration:none;">
                              Sets &amp; Collections
                             </a>
                            </td>
                            <td bgcolor="#000000" class="footer-col" style="background-color:#000000;padding:0;" valign="top" width="33.33%">
                             <div class="footer-heading" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:-0.12px;color:#ffffff;text-transform:uppercase;mso-line-height-rule:exactly;">
                              OUR BRANDS
                             </div>
                             <div style="height:14px;line-height:14px;font-size:14px;">
                             </div>
                             <a class="footer-link" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;text-decoration:none;">
                              The Ordinary
                             </a>
                             <div style="height:8px;line-height:8px;font-size:8px;">
                             </div>
                             <a class="footer-link" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;text-decoration:none;">
                              NIOD
                             </a>
                             <div style="height:8px;line-height:8px;font-size:8px;">
                             </div>
                             <a class="footer-link" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;text-decoration:none;">
                              LOoPHA
                             </a>
                             <div style="height:8px;line-height:8px;font-size:8px;">
                             </div>
                             <a class="footer-link" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;text-decoration:none;">
                              The Chemistry Brand
                             </a>
                            </td>
                            <td bgcolor="#000000" class="footer-col" style="background-color:#000000;padding:0;" valign="top" width="33.33%">
                             <div class="footer-heading" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:-0.12px;color:#ffffff;text-transform:uppercase;mso-line-height-rule:exactly;">
                              ONLINE SERVICES
                             </div>
                             <div style="height:14px;line-height:14px;font-size:14px;">
                             </div>
                             <a class="footer-link" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;text-decoration:none;">
                              My Account
                             </a>
                             <div style="height:8px;line-height:8px;font-size:8px;">
                             </div>
                             <a class="footer-link" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;text-decoration:none;">
                              Customer Support
                             </a>
                             <div style="height:8px;line-height:8px;font-size:8px;">
                             </div>
                             <a class="footer-link" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;text-decoration:none;">
                              FAQs
                             </a>
                            </td>
                           </tr>
                          </table>
                          <div class="footer-top-gap" style="height:34px;line-height:34px;font-size:34px;">
                          </div>
                          <table bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;background-color:#000000;" width="100%">
                           <tr>
                            <td bgcolor="#000000" class="footer-text" style="background-color:#000000;font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;mso-line-height-rule:exactly;">
                             No longer want to receive these type of emails?
                             <a class="footer-underline" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;text-decoration:underline;">
                              Unsubscribe
                             </a>
                            </td>
                           </tr>
                          </table>
                          <div class="footer-legal-gap" style="height:32px;line-height:32px;font-size:32px;">
                          </div>
                          <table bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" class="footer-legal-table" role="presentation" style="border-collapse:collapse;background-color:#000000;" width="100%">
                           <tr>
                            <td bgcolor="#000000" class="footer-legal-cell" style="background-color:#000000;font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;mso-line-height-rule:exactly;" valign="bottom">
                             <div class="footer-text" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;">
                              15 Fraser Avenue, Toronto, Ontario, Canada M6K 1Y7
                             </div>
                             <div style="height:4px;line-height:4px;font-size:4px;">
                             </div>
                             <div class="footer-text" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;">
                              © DECIEM Beauty Group Inc. 2026. All rights reserved.
                             </div>
                             <div style="height:4px;line-height:4px;font-size:4px;">
                             </div>
                             <div class="footer-text" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;">
                              <a class="footer-underline" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;text-decoration:underline;">
                               Terms &amp; Conditions
                              </a>
                              <a class="footer-underline" style="font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-0.12px;color:#ffffff;text-decoration:underline;">
                               Privacy
                              </a>
                             </div>
                            </td>
                            <td align="right" bgcolor="#000000" class="footer-social" style="background-color:#000000;white-space:nowrap;" valign="bottom" width="120">
                             <table align="right" border="0" cellpadding="0" cellspacing="0" class="social-table" role="presentation" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                              <tr>
                               <td class="social-space" style="padding-left:12px;">
                                <a style="text-decoration:none;">
                                 <img alt="Facebook" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe39117171640678751772%252Fm%252F1%252F279fb2dc-acd8-4225-88e1-4f720caefbcd.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3ODY4MDYzNjIuMzk3MTU4NH0:1wvFxS:QET8c5HyfSSPAxoK3FuvIfN0HrwsmjOETWrr7DiqUD4" style="display:block;border:0;width:10px;height:auto;" width="10"/>
                                </a>
                               </td>
                               <td class="social-space" style="padding-left:12px;">
                                <a style="text-decoration:none;">
                                 <img alt="Instagram" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe39117171640678751772%252Fm%252F1%252Fe2b4c6ee-3035-4df3-bbd1-96600f8b52ef.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3ODY4MDYzNjIuMzk3MjczNX0:1wvFxS:kixYXJN64xVB18ivQi1S-V70Oi2RLVVfEijwNjjVyKI" style="display:block;border:0;width:18px;height:auto;" width="18"/>
                                </a>
                               </td>
                               <td class="social-space" style="padding-left:12px;">
                                <a style="text-decoration:none;">
                                 <img alt="YouTube" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe39117171640678751772%252Fm%252F1%252F29f161d0-68a1-4d74-b18d-824dab705ce9.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3ODY4MDYzNjIuMzk3NDE3OH0:1wvFxS:aWbwJZyaDZZYrJ5equk2jc2mZVn8F4CdEcRxE35YSF4" style="display:block;border:0;width:22px;height:auto;" width="22"/>
                                </a>
                               </td>
                               <td class="social-space" style="padding-left:12px;">
                                <a style="text-decoration:none;">
                                 <img alt="TikTok" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.weareneedy.deciem.com%252Flib%252Ffe39117171640678751772%252Fm%252F1%252F662d991e-8f11-41ae-b89f-6d91b6b91b27.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS53ZWFyZSIsInRpbWUiOjE3ODY4MDYzNjIuMzk3NTM5Nn0:1wvFxS:yImFlJq2mmDrE2HnNoOcloTR7pm4LSKLgWBmFTyNR7g" style="display:block;border:0;width:16px;height:auto;" width="16"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                          <div style="height:20px;line-height:20px;font-size:20px;">
                          </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>
 </body>
</html>