Home

Web Content Viewer

Welcome to the National Electronic Licensing System of Mauritius

Apply for Permit

Mauritius Business Licensing Platform

Agencies

Browse permits by agency

Permits

Browse permits by category

News

Morcellement Board

News & Events

Notices

Supported Browsers

Protect your account NEW

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Online Fraud Awareness</title>
  <style>
    :root {
      --navy: #003b79;
      --navy-dark: #002b57;
      --blue: #005eb8;
      --blue-soft: #eaf3fb;
      --teal: #00a3ad;
      --text: #1d2a39;
      --muted: #5a6c80;
      --line: #d9e4ef;
      --surface: #ffffff;
      --surface-soft: #f5f9fc;
      --container: 1140px;
      --shadow: 0 14px 36px rgba(0, 59, 121, 0.08);
      --radius: 22px;
    }

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
      margin: 0;
      font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
      color: var(--text);
      background: var(--surface-soft);
      line-height: 1.65;
    }

a {
      color: inherit;
      text-decoration: none;
    }
.brand {
      display: flex;
      align-items: center;
      gap: 14px;
      min-width: 0;
    }

.brand-mark {
      width: 46px;
      height: 46px;
      border-radius: 14px;
      background: linear-gradient(135deg, var(--navy), var(--blue));
      display: grid;
      place-items: center;
      color: #fff;
      box-shadow: 0 10px 24px rgba(0, 59, 121, 0.18);
      flex: 0 0 auto;
    }

.brand-copy {
      min-width: 0;
    }

.brand-copy strong {
      display: block;
      font-size: 1rem;
      color: var(--navy-dark);
      letter-spacing: -0.02em;
    }

.brand-copy span {
      display: block;
      font-size: 0.88rem;
      color: var(--muted);
    }

.top-links {
      display: flex;
      align-items: center;
      gap: 18px;
      flex-wrap: wrap;
      justify-content: flex-end;
      color: var(--muted);
      font-size: 0.95rem;
    }

.top-links a:hover {
      color: var(--navy);
    }

.hero {
      position: relative;
      overflow: hidden;
      background: linear-gradient(180deg, #eef5fb 0%, #ffffff 100%);
      border-bottom: 1px solid #e7edf4;
    }

.hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(245, 249, 252, 0.98) 0%, rgba(245, 249, 252, 0.9) 28%, rgba(245, 249, 252, 0.3) 58%, rgba(245, 249, 252, 0.08) 100%);
      pointer-events: none;
      z-index: 1;
    }

.hero-media {
      position: absolute;
      inset: 0;
      z-index: 0;
    }

.hero-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
      filter: saturate(0.95) contrast(1.02);
    }

.hero-inner {
      position: relative;
      z-index: 2;
      max-width: var(--container);
      min-height: 420px;
      margin: 0 auto;
      padding: 36px 24px 48px;
      display: flex;
      align-items: center;
    }

.hero-card {
      max-width: 600px;
      background: rgba(255,255,255,0.72);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255,255,255,0.85);
      border-radius: 28px;
      box-shadow: var(--shadow);
      padding: 28px 28px 26px;
    }

.eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: var(--blue-soft);
      color: var(--blue);
      border: 1px solid #d2e4f3;
      padding: 8px 14px;
      border-radius: 999px;
      font-size: 0.86rem;
      font-weight: 700;
      margin-bottom: 18px;
    }

.eyebrow svg {
      width: 16px;
      height: 16px;
    }

h1, h2, h3 {
      margin: 0;
      letter-spacing: -0.03em;
      color: var(--navy-dark);
    }

h1 {
      font-size: clamp(2.4rem, 4vw, 4rem);
      line-height: 1.04;
      margin-bottom: 16px;
    }

.hero-card p {
      margin: 0;
      color: #4f6276;
      font-size: 1.06rem;
      max-width: 54ch;
    }

.hero-actions {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 22px;
    }

.btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 13px 18px;
      border-radius: 999px;
      font-weight: 700;
      font-size: 0.96rem;
      transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    }

.btn:hover {
      transform: translateY(-1px);
    }

.btn-primary {
      background: linear-gradient(135deg, var(--navy), var(--blue));
      color: #fff;
      box-shadow: 0 12px 24px rgba(0, 59, 121, 0.18);
    }

.btn-secondary {
      background: rgba(255,255,255,0.92);
      color: var(--navy);
      border: 1px solid #d9e6f3;
    }

.content-wrap {
      max-width: var(--container);
      margin: 0 auto;
      padding: 28px 24px 64px;
    }

.intro {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 0 0 28px 28px;
      box-shadow: 0 16px 34px rgba(0, 59, 121, 0.05);
      margin-top: -1px;
      padding: 24px 28px 28px;
    }

.breadcrumbs {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
      color: var(--muted);
      font-size: 0.9rem;
      margin-bottom: 18px;
    }

.breadcrumbs span {
      color: #9aa8b6;
    }

.intro-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.75fr);
      gap: 28px;
      align-items: start;
    }

.intro h2 {
      font-size: clamp(1.8rem, 2.5vw, 2.4rem);
      margin-bottom: 14px;
    }

.intro p {
      margin: 0;
      color: var(--muted);
      font-size: 1rem;
    }

.quick-help {
      background: linear-gradient(180deg, #f6fbff 0%, #eef6fd 100%);
      border: 1px solid #dce8f4;
      border-radius: 22px;
      padding: 20px 22px;
    }

.quick-help h3 {
      font-size: 1.1rem;
      margin-bottom: 10px;
    }

.quick-help ul {
      margin: 0;
      padding-left: 18px;
      color: var(--muted);
    }

.quick-help li {
      margin-bottom: 8px;
    }

.section-block {
      margin-top: 28px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 26px;
      box-shadow: 0 12px 28px rgba(0, 59, 121, 0.04);
      overflow: hidden;
    }

.section-header {
      padding: 24px 28px 8px;
    }

.section-header h2 {
      font-size: clamp(1.6rem, 2.2vw, 2.1rem);
      margin-bottom: 8px;
    }

.section-header p {
      margin: 0;
      color: var(--muted);
      max-width: 72ch;
    }

.fraud-list {
      padding: 8px 28px 10px;
    }

.fraud-item {
      display: grid;
      grid-template-columns: 70px minmax(0, 1fr);
      gap: 18px;
      padding: 26px 0;
      border-top: 1px solid #ebf0f5;
    }

.fraud-item:first-child {
      border-top: 0;
    }

.fraud-icon {
      width: 58px;
      height: 58px;
      border-radius: 18px;
      display: grid;
      place-items: center;
      background: linear-gradient(180deg, #edf5fc 0%, #e6f0fa 100%);
      color: var(--blue);
      border: 1px solid #d9e7f4;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
    }

.fraud-icon svg {
      width: 28px;
      height: 28px;
    }

.fraud-content h3 {
      font-size: 1.28rem;
      margin-bottom: 8px;
    }

.fraud-content p {
      margin: 0;
      color: var(--muted);
    }

.tips {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      padding: 8px 28px 28px;
    }

.tip-card {
      background: linear-gradient(180deg, #fbfdff 0%, #f3f8fd 100%);
      border: 1px solid #dce7f2;
      border-radius: 22px;
      padding: 22px;
    }

.tip-card h3 {
      font-size: 1.08rem;
      margin-bottom: 8px;
    }

.tip-card p {
      margin: 0;
      color: var(--muted);
    }

.contact-banner {
      margin-top: 28px;
      background: linear-gradient(135deg, var(--navy-dark), var(--navy) 58%, var(--blue));
      color: #fff;
      border-radius: 28px;
      padding: 30px 30px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 20px;
      align-items: center;
      box-shadow: 0 18px 40px rgba(0, 59, 121, 0.18);
      position: relative;
      overflow: hidden;
    }

.contact-banner::after {
      content: "";
      position: absolute;
      inset: auto -60px -100px auto;
      width: 240px;
      height: 240px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,0.16);
      opacity: 0.85;
    }

.contact-banner h2 {
      color: #fff;
      font-size: clamp(1.6rem, 2.2vw, 2.2rem);
      margin-bottom: 8px;
    }

.contact-banner p {
      margin: 0;
      color: rgba(255,255,255,0.85);
      max-width: 56ch;
    }

.contact-badge {
      position: relative;
      z-index: 1;
      text-align: center;
      min-width: 160px;
      padding: 22px 20px;
      border-radius: 24px;
      background: rgba(255,255,255,0.12);
      border: 1px solid rgba(255,255,255,0.16);
      backdrop-filter: blur(5px);
    }

.contact-badge strong {
      display: block;
      font-size: 2.1rem;
      line-height: 1;
      margin-bottom: 6px;
      letter-spacing: -0.03em;
    }

.contact-badge span {
      color: rgba(255,255,255,0.82);
      font-size: 0.95rem;
    }

footer {
      margin-top: 36px;
      border-top: 1px solid #dfe7ef;
      padding-top: 26px;
    }

.footer-grid {
      display: grid;
      grid-template-columns: 1.2fr 1fr 1fr 1fr;
      gap: 22px;
    }

.footer-brand strong {
      display: block;
      color: var(--navy-dark);
      margin-bottom: 10px;
      font-size: 1.02rem;
    }

.footer-brand p,
    .footer-col p {
      margin: 0;
      color: var(--muted);
      font-size: 0.95rem;
    }

.footer-col h3 {
      font-size: 1rem;
      margin-bottom: 10px;
    }

.footer-col a {
      display: block;
      color: var(--muted);
      font-size: 0.95rem;
      margin-bottom: 8px;
    }

.footer-col a:hover {
      color: var(--navy);
    }

.footer-note {
      margin-top: 18px;
      color: #74869a;
      font-size: 0.88rem;
    }

@media (max-width: 980px) {
      .intro-grid,
      .tips,
      .footer-grid,
      .contact-banner {
        grid-template-columns: 1fr;
      }

.contact-badge {
        min-width: 0;
        text-align: left;
      }
    }

@media (max-width: 720px) {
.top-links {
        display: none;
      }

.hero-inner {
        min-height: 360px;
        padding: 22px 18px 30px;
      }

.hero-card,
      .intro,
      .section-header,
      .fraud-list,
      .tips,
      .contact-banner,
      .content-wrap {
        padding-left: 18px;
        padding-right: 18px;
      }

.content-wrap {
        padding-top: 22px;
      }

.fraud-item {
        grid-template-columns: 1fr;
        gap: 14px;
      }

.fraud-icon {
        width: 52px;
        height: 52px;
      }

h1 {
        font-size: 2.25rem;
      }
    }
  
    /* Minimalist overrides */
    :root {
      --surface-soft: #ffffff;
      --shadow: 0 10px 28px rgba(0, 59, 121, 0.06);
      --radius: 18px;
    }

body {
      background: #ffffff;
    }
.hero {
      border-bottom: 0;
      background: #f8fbff;
    }

.hero::before {
      background:
        linear-gradient(90deg, rgba(248, 251, 255, 0.96) 0%, rgba(248, 251, 255, 0.88) 34%, rgba(248, 251, 255, 0.22) 64%, rgba(248, 251, 255, 0.08) 100%);
    }

.hero-inner {
      max-width: 980px;
      min-height: 360px;
      padding-top: 40px;
      padding-bottom: 40px;
    }

.hero-card {
      max-width: 560px;
      background: rgba(255,255,255,0.78);
      border: 1px solid rgba(227, 235, 244, 0.95);
      border-radius: 20px;
      box-shadow: 0 12px 30px rgba(0, 59, 121, 0.08);
      padding: 24px;
    }

.eyebrow {
      margin-bottom: 14px;
      padding: 7px 12px;
      font-size: 0.82rem;
      background: #f3f8fd;
      border-color: #e2edf7;
    }

h1 {
      font-size: clamp(2.1rem, 4vw, 3.4rem);
      margin-bottom: 12px;
    }

.hero-card p {
      font-size: 1rem;
      color: #5f7185;
    }

.content-wrap {
      max-width: 980px;
      padding-top: 28px;
      padding-bottom: 48px;
    }

.intro {
      margin-top: 0;
      padding: 16px 0 10px;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      background: transparent;
    }

.intro-grid,
    .minimalist-intro {
      display: block;
    }

.intro h2 {
      max-width: 820px;
      font-size: clamp(1.8rem, 2.6vw, 2.5rem);
      margin-bottom: 10px;
    }

.intro p {
      max-width: 780px;
      font-size: 1rem;
      line-height: 1.8;
    }

.section-block {
      margin-top: 22px;
      border-radius: 18px;
      box-shadow: none;
      border: 1px solid #e7edf4;
      overflow: hidden;
    }

.section-header {
      padding: 22px 24px 6px;
    }

.section-header p {
      max-width: 760px;
    }

.fraud-list {
      padding: 6px 24px 10px;
    }

.fraud-item {
      grid-template-columns: 56px minmax(0, 1fr);
      gap: 16px;
      padding: 22px 0;
    }

.fraud-icon {
      width: 48px;
      height: 48px;
      border-radius: 14px;
      box-shadow: none;
      background: #f5f9fd;
    }

.fraud-content h3 {
      font-size: 1.15rem;
      margin-bottom: 6px;
    }

.tips {
      gap: 14px;
      padding: 8px 24px 24px;
    }

.tip-card {
      border-radius: 16px;
      box-shadow: none;
      background: #fbfdff;
      padding: 18px;
    }

@media (max-width: 720px) {
      .hero-inner {
        min-height: 300px;
        padding-top: 24px;
        padding-bottom: 28px;
      }

.hero-card {
        padding: 18px;
        border-radius: 16px;
      }

.intro,
      .section-header,
      .fraud-list,
      .tips,
      .content-wrap {
        padding-left: 16px;
        padding-right: 16px;
      }

.section-header {
        padding-top: 18px;
      }

.fraud-item {
        grid-template-columns: 1fr;
        gap: 12px;
      }
    }

.hero-banner {
      width: 100%;
      background: #eef5fb;
      overflow: hidden;
      line-height: 0;
    }

.hero-banner img {
      width: 100%;
      height: min(34vw, 420px);
      min-height: 220px;
      object-fit: cover;
      object-position: center;
      display: block;
    }

@media (max-width: 720px) {
      .hero-banner img {
        height: 220px;
        min-height: 220px;
      }
    }

.fraud-icon {
      font-weight: 700;
      font-size: 1.05rem;
      color: #0b4f9c;
      display: flex;
      align-items: center;
      justify-content: center;
    }

.fraud-content ul {
      margin: 10px 0 0 18px;
      padding: 0;
      color: #506274;
      line-height: 1.8;
    }

.fraud-content p {
      margin: 10px 0 0;
      color: #506274;
      line-height: 1.8;
    }

.tip-card {
      font-size: 0.98rem;
      line-height: 1.7;
    }

</style>
</head>
<body>

<main class="content-wrap">
  
  <section class="intro">
    <div class="intro-grid minimalist-intro">
      <h2>Understand online fraud and protect your personal information</h2>
      <p>
        Online fraud continues to evolve through fake websites, impersonation, malware, deceptive messages, and
        account takeover attempts. The more familiar you are with these tactics, the easier it becomes to spot
        suspicious behaviour early and avoid being tricked into sharing confidential details.
      </p>
    </div>
  </section>

<section class="section-block">
    <div class="section-header">
      <h2>Fraud awareness guidelines</h2>
      <p>Use these reminders before submitting information, making payments, or responding to online messages.</p>
    </div>

<div class="fraud-list">
      <article class="fraud-item">
        <div class="fraud-icon">1</div>
        <div class="fraud-content">
          <h3>Use Only Official Websites</h3>
          <ul>
            <li>Always apply through the official government portal.</li>
            <li>Check the URL carefully.</li>
            <li>It should start with <strong>https://business.edbmauritius.org</strong>.</li>
            <li>Avoid clicking links from emails — type the website manually instead.</li>
          </ul>
        </div>
      </article>

<article class="fraud-item">
        <div class="fraud-icon">2</div>
        <div class="fraud-content">
          <h3>Never Share Sensitive Information Carelessly</h3>
          <p>Do not share:</p>
          <ul>
            <li>Passwords</li>
            <li>One-time passwords (OTP)</li>
            <li>Full login details over email or chat</li>
          </ul>
          <p><strong>Government authorities will never ask for passwords.</strong></p>
        </div>
      </article>

<article class="fraud-item">
        <div class="fraud-icon">3</div>
        <div class="fraud-content">
          <h3>Watch for Phishing Attempts</h3>
          <p>Be suspicious of messages like:</p>
          <ul>
            <li>“Your permit is approved — click here”</li>
            <li>“Urgent action required”</li>
          </ul>
          <p>Check:</p>
          <ul>
            <li>Sender’s email address, often slightly altered</li>
            <li>Spelling or grammar errors</li>
            <li>Links that do not match official domains</li>
          </ul>
        </div>
      </article>

<article class="fraud-item">
        <div class="fraud-icon">4</div>
        <div class="fraud-content">
          <h3>Avoid “Too Good to Be True” Offers</h3>
          <ul>
            <li>Fast-track approvals for extra money</li>
            <li>Guaranteed permits or visas</li>
            <li>Jobs that include “easy permit processing”</li>
          </ul>
          <p><strong>These are major red flags.</strong></p>
        </div>
      </article>

<article class="fraud-item">
        <div class="fraud-icon">5</div>
        <div class="fraud-content">
          <h3>Use Strong Digital Security</h3>
          <ul>
            <li>Enable two-factor authentication (2FA)</li>
            <li>Use strong, unique passwords</li>
            <li>Avoid public Wi-Fi when submitting applications</li>
          </ul>
        </div>
      </article>
    </div>
  </section>

<section class="section-block">
    <div class="section-header">
      <h2>Quick Checklist Before You Apply</h2>
      <p>Pause for a few seconds and ask yourself:</p>
    </div>
    <div class="tips">
      <div class="tip-card">Is this the official website?</div>
      <div class="tip-card">Am I being pressured to act quickly?</div>
      <div class="tip-card">Am I paying through a secure system?</div>
      <div class="tip-card">Does anything feel unusual or rushed?</div>
      <div class="tip-card"><strong>If any answer feels wrong, pause immediately.</strong></div>
    </div>
  </section>
</main>

</body>
</html>

Complementary Content

${loading}