<span class="separator"></span>
<div class="custom-html text-left d-none d-lg-block">
  <p class="font-size-xs text-uppercase font-weight-medium line-height-xs mb-0" style="color:#777;">Call Us Now</p>
  <h3 class="font-weight-bold m-b-n-xs">1-888-123-456</h3>
  <a href="#" class="font-weight-medium text-color-primary" style="font-size: 12px; text-decoration: underline;">or Chat Online</a>
</div>
<span class="separator"></span>
<div class="custom-html">
  <a class="porto-sicon-box-link" href="#" title="My Account">
    <div class="porto-sicon-box mb-0 style_1 default-icon">
      <div class="porto-sicon-default">
        <div class="porto-just-icon-wrapper" style="text-align: center;">
          <div class="porto-icon advanced" style="color: #222529; background: transparent; border-style: solid; border-color: #e7e7e7; border-width: 1px; width: 50px; height: 50px; line-height: 50px; border-radius: 26px; font-size: 25px; display: inline-block;">
            <i class="porto-icon-user-2"></i>
          </div>
        </div>
      </div>
      <div class="porto-sicon-header">
        <h3 class="porto-sicon-title" style="font-weight: 400; font-size: 12px; line-height: 12px; color: #222529;">Hello!</h3>
        <p style="font-weight: 700; font-size: 13px; line-height: 13px; color: #222529;">My Account</p>
      </div>
    </div>
  </a>
</div>
<style>
  .m-b-n-xs {
    margin-bottom: -5px!important;
  }
  .line-height-xs {
    line-height: 16px!important;
  }
  .page-header .header-main .porto-sicon-box .porto-icon, .default-icon .porto-sicon-default .porto-sicon-img {
    margin-right: 15px;
  }
</style>