<!--
WORDPRESS / ELEMENTOR SETUP — ENGLISH + MANDARIN
1. Add one Elementor "HTML" widget to a full-width page.
2. Paste this entire file into the widget.
3. Publish and test the WhatsApp buttons on mobile.
IMPORTANT:
- WhatsApp number must include the country code without "+" or spaces.
- Application approval and processing time remain subject to the authorities.
-->
<div
id="hr-esd-landing"
data-company="MERIT HUMAN CAPITAL ADVISORY SDN. BHD."
data-whatsapp="60108819528"
>
<style>
#hr-esd-landing {
--ink: #10243e;
--ink-soft: #50627a;
--navy: #0c2e57;
--blue: #1767d2;
--blue-dark: #1055b1;
--teal: #16a39a;
--sky: #eaf4ff;
--mint: #e7f8f5;
--line: #dce6f1;
--white: #ffffff;
--off-white: #f7faff;
--warning: #fff6df;
--warning-ink: #7e5811;
--shadow: 0 22px 55px rgba(16, 36, 62, 0.12);
color: var(--ink);
background: var(--white);
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
line-height: 1.65;
overflow: hidden;
-webkit-font-smoothing: antialiased;
}
#hr-esd-landing *,
#hr-esd-landing *::before,
#hr-esd-landing *::after {
box-sizing: border-box;
}
#hr-esd-landing h1,
#hr-esd-landing h2,
#hr-esd-landing h3,
#hr-esd-landing p {
margin-top: 0;
}
#hr-esd-landing a {
color: inherit;
text-decoration: none;
}
#hr-esd-landing button,
#hr-esd-landing input,
#hr-esd-landing select,
#hr-esd-landing textarea {
font: inherit;
}
#hr-esd-landing .hr-container {
width: min(1160px, calc(100% - 40px));
margin: 0 auto;
}
#hr-esd-landing .hr-section {
padding: 92px 0;
}
#hr-esd-landing .hr-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 14px;
color: var(--blue);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#hr-esd-landing .hr-kicker::before {
width: 24px;
height: 3px;
border-radius: 999px;
background: var(--teal);
content: "";
}
#hr-esd-landing .hr-section-title {
max-width: 760px;
margin-bottom: 16px;
color: var(--ink);
font-size: clamp(2rem, 4vw, 3.15rem);
line-height: 1.12;
letter-spacing: -0.045em;
}
#hr-esd-landing .hr-section-lead {
max-width: 740px;
margin-bottom: 40px;
color: var(--ink-soft);
font-size: 1.08rem;
}
#hr-esd-landing .hr-icon {
width: 24px;
height: 24px;
flex: 0 0 auto;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
}
#hr-esd-landing .hr-nav {
position: relative;
z-index: 20;
border-bottom: 1px solid rgba(220, 230, 241, 0.85);
background: rgba(255, 255, 255, 0.96);
}
#hr-esd-landing .hr-nav-inner {
min-height: 74px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
#hr-esd-landing .hr-brand {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 2px;
min-width: 0;
color: var(--navy);
font-weight: 850;
letter-spacing: -0.025em;
}
#hr-esd-landing .hr-brand-logo {
width: 190px;
display: block;
flex: 0 0 auto;
}
#hr-esd-landing .hr-brand-logo img {
width: 100%;
height: auto;
display: block;
}
#hr-esd-landing .hr-brand-name {
max-width: 235px;
color: #52677e;
font-size: 0.62rem;
line-height: 1.15;
letter-spacing: 0.035em;
white-space: normal;
}
#hr-esd-landing .hr-nav-links {
display: flex;
align-items: center;
gap: 28px;
color: #3c526b;
font-size: 0.92rem;
font-weight: 700;
}
#hr-esd-landing .hr-nav-actions {
display: flex;
align-items: center;
gap: 18px;
}
#hr-esd-landing .hr-language-switch {
display: inline-flex;
align-items: center;
padding: 3px;
border: 1px solid #d5e1ed;
border-radius: 11px;
background: #f4f8fc;
}
#hr-esd-landing .hr-lang-btn {
min-width: 42px;
min-height: 34px;
padding: 6px 9px;
border: 0;
border-radius: 8px;
color: #617389;
background: transparent;
cursor: pointer;
font-size: 0.76rem;
font-weight: 850;
line-height: 1;
transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
#hr-esd-landing .hr-lang-btn.is-active {
color: var(--blue);
background: var(--white);
box-shadow: 0 3px 10px rgba(16, 36, 62, 0.1);
}
#hr-esd-landing .hr-nav-links a {
transition: color 0.2s ease;
}
#hr-esd-landing .hr-nav-links a:hover {
color: var(--blue);
}
#hr-esd-landing .hr-nav-cta {
padding: 11px 17px;
border-radius: 11px;
color: var(--white) !important;
background: var(--blue);
box-shadow: 0 10px 24px rgba(23, 103, 210, 0.2);
}
#hr-esd-landing .hr-hero {
position: relative;
padding: 84px 0 76px;
background:
radial-gradient(circle at 84% 14%, rgba(22, 163, 154, 0.17), transparent 25%),
radial-gradient(circle at 10% 80%, rgba(23, 103, 210, 0.12), transparent 26%),
linear-gradient(135deg, #f8fbff 0%, #edf6ff 50%, #f4fffd 100%);
}
#hr-esd-landing .hr-hero::before {
position: absolute;
inset: 0;
opacity: 0.38;
background-image:
linear-gradient(rgba(23, 103, 210, 0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(23, 103, 210, 0.05) 1px, transparent 1px);
background-size: 48px 48px;
content: "";
mask-image: linear-gradient(to bottom, black, transparent 88%);
}
#hr-esd-landing .hr-hero-grid {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.75fr);
align-items: center;
gap: 68px;
}
#hr-esd-landing .hr-eyebrow {
display: inline-flex;
align-items: center;
gap: 9px;
margin-bottom: 20px;
padding: 7px 12px;
border: 1px solid rgba(23, 103, 210, 0.16);
border-radius: 999px;
color: var(--blue-dark);
background: rgba(255, 255, 255, 0.8);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.045em;
text-transform: uppercase;
}
#hr-esd-landing .hr-eyebrow-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--teal);
box-shadow: 0 0 0 5px rgba(22, 163, 154, 0.12);
}
#hr-esd-landing .hr-hero h1 {
max-width: 760px;
margin-bottom: 22px;
color: var(--navy);
font-size: clamp(2.65rem, 5.5vw, 5rem);
line-height: 1.01;
letter-spacing: -0.062em;
}
#hr-esd-landing .hr-hero h1 span {
color: var(--blue);
}
#hr-esd-landing .hr-hero-copy {
max-width: 650px;
margin-bottom: 31px;
color: var(--ink-soft);
font-size: clamp(1rem, 1.7vw, 1.18rem);
}
#hr-esd-landing .hr-actions {
display: flex;
flex-wrap: wrap;
gap: 13px;
margin-bottom: 30px;
}
#hr-esd-landing .hr-button {
min-height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 13px 20px;
border: 1px solid transparent;
border-radius: 13px;
cursor: pointer;
font-weight: 800;
line-height: 1.2;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
#hr-esd-landing .hr-button:hover {
transform: translateY(-2px);
}
#hr-esd-landing .hr-button-primary {
color: var(--white);
background: linear-gradient(135deg, var(--blue), var(--blue-dark));
box-shadow: 0 14px 28px rgba(23, 103, 210, 0.23);
}
#hr-esd-landing .hr-button-secondary {
border-color: #ccdaea;
color: var(--navy);
background: rgba(255, 255, 255, 0.78);
}
#hr-esd-landing .hr-button-whatsapp {
color: var(--white);
background: #128c58;
box-shadow: 0 14px 28px rgba(18, 140, 88, 0.2);
}
#hr-esd-landing .hr-hero-points {
display: flex;
flex-wrap: wrap;
gap: 18px 24px;
color: #3d566f;
font-size: 0.91rem;
font-weight: 700;
}
#hr-esd-landing .hr-hero-point {
display: inline-flex;
align-items: center;
gap: 8px;
}
#hr-esd-landing .hr-check {
width: 20px;
height: 20px;
display: inline-grid;
flex: 0 0 auto;
place-items: center;
border-radius: 50%;
color: var(--teal);
background: rgba(22, 163, 154, 0.12);
}
#hr-esd-landing .hr-check .hr-icon {
width: 13px;
height: 13px;
stroke-width: 2.5;
}
#hr-esd-landing .hr-visual {
position: relative;
min-height: 500px;
display: grid;
place-items: center;
}
#hr-esd-landing .hr-visual-orb {
position: absolute;
width: min(430px, 92%);
aspect-ratio: 1;
border-radius: 50%;
background: linear-gradient(145deg, rgba(23, 103, 210, 0.17), rgba(22, 163, 154, 0.16));
filter: blur(1px);
}
#hr-esd-landing .hr-document {
position: relative;
z-index: 2;
width: min(350px, 84%);
padding: 28px;
border: 1px solid rgba(255, 255, 255, 0.85);
border-radius: 26px;
background: rgba(255, 255, 255, 0.92);
box-shadow: var(--shadow);
transform: rotate(-2.5deg);
backdrop-filter: blur(10px);
}
#hr-esd-landing .hr-document-head {
display: flex;
align-items: center;
gap: 13px;
margin-bottom: 26px;
padding-bottom: 20px;
border-bottom: 1px solid var(--line);
}
#hr-esd-landing .hr-document-badge {
width: 50px;
height: 50px;
display: grid;
flex: 0 0 auto;
place-items: center;
border-radius: 15px;
color: var(--white);
background: linear-gradient(145deg, var(--navy), var(--blue));
}
#hr-esd-landing .hr-document-label {
margin: 0 0 2px;
color: #728399;
font-size: 0.7rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#hr-esd-landing .hr-document-title {
margin: 0;
color: var(--navy);
font-size: 1.15rem;
font-weight: 850;
letter-spacing: -0.025em;
}
#hr-esd-landing .hr-doc-row {
display: grid;
grid-template-columns: 38px 1fr auto;
align-items: center;
gap: 11px;
margin-top: 16px;
}
#hr-esd-landing .hr-doc-row-icon {
width: 38px;
height: 38px;
display: grid;
place-items: center;
border-radius: 11px;
color: var(--blue);
background: var(--sky);
}
#hr-esd-landing .hr-doc-row-icon .hr-icon {
width: 18px;
height: 18px;
}
#hr-esd-landing .hr-doc-row-text strong {
display: block;
color: #253b53;
font-size: 0.83rem;
}
#hr-esd-landing .hr-doc-row-text span {
display: block;
color: #8795a7;
font-size: 0.7rem;
}
#hr-esd-landing .hr-status {
padding: 4px 8px;
border-radius: 999px;
color: #0b7d6c;
background: #e1f7f1;
font-size: 0.66rem;
font-weight: 850;
white-space: nowrap;
}
#hr-esd-landing .hr-floating-card {
position: absolute;
z-index: 3;
display: flex;
align-items: center;
gap: 10px;
padding: 13px 15px;
border: 1px solid rgba(255, 255, 255, 0.84);
border-radius: 15px;
color: var(--navy);
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 16px 34px rgba(16, 36, 62, 0.13);
font-size: 0.82rem;
font-weight: 800;
backdrop-filter: blur(9px);
}
#hr-esd-landing .hr-floating-card .hr-icon {
width: 20px;
height: 20px;
color: var(--teal);
}
#hr-esd-landing .hr-float-one {
top: 68px;
right: 0;
}
#hr-esd-landing .hr-float-two {
bottom: 55px;
left: 2px;
}
#hr-esd-landing .hr-trust-bar {
position: relative;
z-index: 5;
margin-top: -1px;
border-top: 1px solid rgba(220, 230, 241, 0.7);
border-bottom: 1px solid var(--line);
background: var(--white);
}
#hr-esd-landing .hr-trust-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
#hr-esd-landing .hr-trust-item {
min-height: 112px;
display: flex;
align-items: center;
gap: 15px;
padding: 26px 30px;
border-right: 1px solid var(--line);
}
#hr-esd-landing .hr-trust-item:last-child {
border-right: 0;
}
#hr-esd-landing .hr-trust-icon {
width: 45px;
height: 45px;
display: grid;
flex: 0 0 auto;
place-items: center;
border-radius: 13px;
color: var(--blue);
background: var(--sky);
}
#hr-esd-landing .hr-trust-item strong {
display: block;
color: var(--navy);
font-size: 0.97rem;
}
#hr-esd-landing .hr-trust-item span {
display: block;
margin-top: 2px;
color: var(--ink-soft);
font-size: 0.81rem;
}
#hr-esd-landing .hr-services {
background: var(--white);
}
#hr-esd-landing .hr-card-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
#hr-esd-landing .hr-service-card {
position: relative;
min-height: 290px;
padding: 29px;
border: 1px solid var(--line);
border-radius: 20px;
background: var(--white);
box-shadow: 0 10px 30px rgba(16, 36, 62, 0.05);
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
#hr-esd-landing .hr-service-card:hover {
border-color: rgba(23, 103, 210, 0.3);
box-shadow: 0 20px 44px rgba(16, 36, 62, 0.1);
transform: translateY(-5px);
}
#hr-esd-landing .hr-service-icon {
width: 52px;
height: 52px;
display: grid;
place-items: center;
margin-bottom: 22px;
border-radius: 15px;
color: var(--blue);
background: linear-gradient(145deg, var(--sky), #f4f9ff);
}
#hr-esd-landing .hr-service-card:nth-child(2n) .hr-service-icon {
color: #0b877f;
background: var(--mint);
}
#hr-esd-landing .hr-service-card h3 {
margin-bottom: 10px;
color: var(--navy);
font-size: 1.18rem;
letter-spacing: -0.025em;
}
#hr-esd-landing .hr-service-card p {
margin-bottom: 17px;
color: var(--ink-soft);
font-size: 0.92rem;
}
#hr-esd-landing .hr-card-link {
display: inline-flex;
align-items: center;
gap: 7px;
color: var(--blue);
font-size: 0.86rem;
font-weight: 800;
}
#hr-esd-landing .hr-card-link .hr-icon {
width: 16px;
height: 16px;
transition: transform 0.2s ease;
}
#hr-esd-landing .hr-card-link:hover .hr-icon {
transform: translateX(3px);
}
#hr-esd-landing .hr-audience {
background: var(--off-white);
}
#hr-esd-landing .hr-audience-grid {
display: grid;
grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
align-items: center;
gap: 70px;
}
#hr-esd-landing .hr-audience-panel {
position: relative;
min-height: 480px;
padding: 35px;
border-radius: 28px;
color: var(--white);
background:
radial-gradient(circle at 100% 0%, rgba(53, 204, 194, 0.35), transparent 34%),
linear-gradient(145deg, #0b2d54, #10477f);
box-shadow: var(--shadow);
}
#hr-esd-landing .hr-audience-panel h3 {
margin-bottom: 14px;
font-size: 1.6rem;
line-height: 1.2;
letter-spacing: -0.035em;
}
#hr-esd-landing .hr-audience-panel > p {
margin-bottom: 27px;
color: rgba(255, 255, 255, 0.73);
font-size: 0.93rem;
}
#hr-esd-landing .hr-industry-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
#hr-esd-landing .hr-industry {
min-height: 74px;
display: flex;
align-items: center;
gap: 10px;
padding: 13px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 13px;
background: rgba(255, 255, 255, 0.08);
font-size: 0.84rem;
font-weight: 750;
}
#hr-esd-landing .hr-industry .hr-icon {
width: 21px;
height: 21px;
color: #72ddd2;
}
#hr-esd-landing .hr-feature-list {
display: grid;
gap: 16px;
margin: 30px 0 0;
padding: 0;
list-style: none;
}
#hr-esd-landing .hr-feature-list li {
display: grid;
grid-template-columns: 44px 1fr;
gap: 14px;
align-items: start;
}
#hr-esd-landing .hr-feature-number {
width: 44px;
height: 44px;
display: grid;
place-items: center;
border: 1px solid rgba(23, 103, 210, 0.14);
border-radius: 13px;
color: var(--blue);
background: var(--white);
font-size: 0.8rem;
font-weight: 900;
box-shadow: 0 7px 20px rgba(16, 36, 62, 0.06);
}
#hr-esd-landing .hr-feature-list strong {
display: block;
margin-bottom: 2px;
color: var(--navy);
font-size: 1rem;
}
#hr-esd-landing .hr-feature-list span {
color: var(--ink-soft);
font-size: 0.9rem;
}
#hr-esd-landing .hr-process {
color: var(--white);
background:
radial-gradient(circle at 9% 20%, rgba(22, 163, 154, 0.2), transparent 28%),
linear-gradient(145deg, #091f3a, #0d3766);
}
#hr-esd-landing .hr-process .hr-kicker {
color: #75e2d8;
}
#hr-esd-landing .hr-process .hr-section-title {
color: var(--white);
}
#hr-esd-landing .hr-process .hr-section-lead {
color: rgba(255, 255, 255, 0.68);
}
#hr-esd-landing .hr-process-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
#hr-esd-landing .hr-step {
position: relative;
min-height: 250px;
padding: 25px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 18px;
background: rgba(255, 255, 255, 0.065);
}
#hr-esd-landing .hr-step-number {
width: 42px;
height: 42px;
display: grid;
place-items: center;
margin-bottom: 30px;
border: 1px solid rgba(113, 226, 215, 0.35);
border-radius: 50%;
color: #72e2d7;
background: rgba(22, 163, 154, 0.12);
font-size: 0.85rem;
font-weight: 900;
}
#hr-esd-landing .hr-step h3 {
margin-bottom: 10px;
color: var(--white);
font-size: 1.06rem;
}
#hr-esd-landing .hr-step p {
margin-bottom: 0;
color: rgba(255, 255, 255, 0.64);
font-size: 0.85rem;
}
#hr-esd-landing .hr-checklist-grid {
display: grid;
grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
gap: 60px;
align-items: start;
}
#hr-esd-landing .hr-note {
margin-top: 25px;
padding: 17px 18px;
border: 1px solid #f2dfad;
border-radius: 14px;
color: var(--warning-ink);
background: var(--warning);
font-size: 0.82rem;
}
#hr-esd-landing .hr-checklist-card {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
padding: 22px;
border: 1px solid var(--line);
border-radius: 24px;
background: var(--off-white);
}
#hr-esd-landing .hr-checklist-item {
min-height: 128px;
padding: 19px;
border: 1px solid #e1eaf3;
border-radius: 15px;
background: var(--white);
}
#hr-esd-landing .hr-checklist-item .hr-icon {
width: 21px;
height: 21px;
margin-bottom: 11px;
color: var(--teal);
}
#hr-esd-landing .hr-checklist-item strong {
display: block;
margin-bottom: 5px;
color: var(--navy);
font-size: 0.9rem;
}
#hr-esd-landing .hr-checklist-item span {
display: block;
color: var(--ink-soft);
font-size: 0.78rem;
line-height: 1.5;
}
#hr-esd-landing .hr-faq {
background: var(--off-white);
}
#hr-esd-landing .hr-faq-layout {
display: grid;
grid-template-columns: minmax(0, 0.65fr) minmax(0, 1.35fr);
gap: 70px;
align-items: start;
}
#hr-esd-landing .hr-faq-list {
display: grid;
gap: 12px;
}
#hr-esd-landing .hr-faq-item {
overflow: hidden;
border: 1px solid var(--line);
border-radius: 15px;
background: var(--white);
box-shadow: 0 8px 24px rgba(16, 36, 62, 0.04);
}
#hr-esd-landing .hr-faq-question {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 20px;
border: 0;
color: var(--navy);
background: transparent;
cursor: pointer;
text-align: left;
font-weight: 800;
}
#hr-esd-landing .hr-faq-toggle {
width: 27px;
height: 27px;
display: grid;
flex: 0 0 auto;
place-items: center;
border-radius: 50%;
color: var(--blue);
background: var(--sky);
transition: transform 0.22s ease;
}
#hr-esd-landing .hr-faq-toggle .hr-icon {
width: 15px;
height: 15px;
}
#hr-esd-landing .hr-faq-answer {
display: none;
padding: 0 20px 20px;
color: var(--ink-soft);
font-size: 0.9rem;
}
#hr-esd-landing .hr-faq-item.is-open .hr-faq-answer {
display: block;
}
#hr-esd-landing .hr-faq-item.is-open .hr-faq-toggle {
transform: rotate(45deg);
}
#hr-esd-landing .hr-contact {
background: var(--white);
}
#hr-esd-landing .hr-contact-panel {
display: grid;
grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
overflow: hidden;
border-radius: 28px;
background: var(--navy);
box-shadow: var(--shadow);
}
#hr-esd-landing .hr-contact-copy {
position: relative;
padding: 52px;
color: var(--white);
background:
radial-gradient(circle at 20% 95%, rgba(22, 163, 154, 0.34), transparent 34%),
linear-gradient(145deg, #092443, #10477f);
}
#hr-esd-landing .hr-contact-copy h2 {
margin-bottom: 16px;
color: var(--white);
font-size: clamp(2rem, 4vw, 3rem);
line-height: 1.08;
letter-spacing: -0.045em;
}
#hr-esd-landing .hr-contact-copy > p {
margin-bottom: 28px;
color: rgba(255, 255, 255, 0.72);
}
#hr-esd-landing .hr-contact-methods {
display: grid;
gap: 13px;
}
#hr-esd-landing .hr-contact-method {
display: flex;
align-items: center;
gap: 12px;
font-size: 0.88rem;
font-weight: 750;
}
#hr-esd-landing .hr-contact-method-icon {
width: 40px;
height: 40px;
display: grid;
place-items: center;
border-radius: 12px;
color: #75e2d8;
background: rgba(255, 255, 255, 0.1);
}
#hr-esd-landing .hr-contact-method-icon .hr-icon {
width: 19px;
height: 19px;
}
#hr-esd-landing .hr-contact-form {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
padding: 43px;
background: var(--white);
}
#hr-esd-landing .hr-field {
display: grid;
gap: 7px;
}
#hr-esd-landing .hr-field-full {
grid-column: 1 / -1;
}
#hr-esd-landing .hr-field label {
color: #334a62;
font-size: 0.78rem;
font-weight: 800;
}
#hr-esd-landing .hr-field input,
#hr-esd-landing .hr-field select,
#hr-esd-landing .hr-field textarea {
width: 100%;
min-height: 48px;
padding: 12px 13px;
border: 1px solid #d7e2ed;
border-radius: 11px;
outline: none;
color: var(--ink);
background: #fbfdff;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#hr-esd-landing .hr-field textarea {
min-height: 105px;
resize: vertical;
}
#hr-esd-landing .hr-field input:focus,
#hr-esd-landing .hr-field select:focus,
#hr-esd-landing .hr-field textarea:focus {
border-color: var(--blue);
box-shadow: 0 0 0 4px rgba(23, 103, 210, 0.1);
}
#hr-esd-landing .hr-form-note {
grid-column: 1 / -1;
margin: -2px 0 0;
color: #738399;
font-size: 0.72rem;
}
#hr-esd-landing .hr-submit {
grid-column: 1 / -1;
width: 100%;
border: 0;
}
#hr-esd-landing .hr-footer {
padding: 46px 0 30px;
border-top: 1px solid var(--line);
background: #f9fbfe;
}
#hr-esd-landing .hr-footer-inner {
display: grid;
gap: 28px;
color: #708097;
font-size: 0.8rem;
}
#hr-esd-landing .hr-footer-main {
display: grid;
grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.28fr);
align-items: start;
gap: 50px;
}
#hr-esd-landing .hr-footer-company {
display: grid;
gap: 8px;
}
#hr-esd-landing .hr-footer-company strong {
color: var(--navy);
font-size: 0.94rem;
line-height: 1.35;
}
#hr-esd-landing .hr-footer-details {
display: grid;
gap: 12px;
}
#hr-esd-landing .hr-footer-detail {
display: grid;
grid-template-columns: 155px 1fr;
gap: 14px;
align-items: start;
}
#hr-esd-landing .hr-footer-detail strong {
color: #304960;
}
#hr-esd-landing .hr-footer-bottom {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 30px;
padding-top: 22px;
border-top: 1px solid var(--line);
}
#hr-esd-landing .hr-footer-disclaimer {
max-width: 650px;
text-align: right;
}
#hr-esd-landing .hr-mobile-whatsapp {
position: fixed;
right: 18px;
bottom: 18px;
z-index: 99;
width: 58px;
height: 58px;
display: none;
place-items: center;
border-radius: 50%;
color: var(--white);
background: #128c58;
box-shadow: 0 13px 30px rgba(7, 89, 53, 0.3);
}
#hr-esd-landing .hr-mobile-whatsapp .hr-icon {
width: 28px;
height: 28px;
}
@media (max-width: 980px) {
#hr-esd-landing .hr-nav-links a:not(.hr-nav-cta) {
display: none;
}
#hr-esd-landing .hr-hero-grid,
#hr-esd-landing .hr-audience-grid,
#hr-esd-landing .hr-checklist-grid,
#hr-esd-landing .hr-faq-layout,
#hr-esd-landing .hr-contact-panel {
grid-template-columns: 1fr;
}
#hr-esd-landing .hr-hero {
padding-top: 66px;
}
#hr-esd-landing .hr-hero-grid {
gap: 30px;
}
#hr-esd-landing .hr-visual {
min-height: 445px;
}
#hr-esd-landing .hr-card-grid {
grid-template-columns: repeat(2, 1fr);
}
#hr-esd-landing .hr-audience-grid {
gap: 38px;
}
#hr-esd-landing .hr-process-grid {
grid-template-columns: repeat(2, 1fr);
}
#hr-esd-landing .hr-faq-layout {
gap: 25px;
}
#hr-esd-landing .hr-contact-copy,
#hr-esd-landing .hr-contact-form {
padding: 38px;
}
}
@media (max-width: 720px) {
#hr-esd-landing .hr-container {
width: min(100% - 28px, 1160px);
}
#hr-esd-landing .hr-section {
padding: 68px 0;
}
#hr-esd-landing .hr-brand-name {
max-width: 180px;
font-size: 0.58rem;
}
#hr-esd-landing .hr-nav-inner {
gap: 10px;
}
#hr-esd-landing .hr-nav-actions {
gap: 8px;
}
#hr-esd-landing .hr-nav-links {
display: none;
}
#hr-esd-landing .hr-nav-cta {
padding: 9px 12px;
font-size: 0.8rem;
}
#hr-esd-landing .hr-hero {
padding: 50px 0 55px;
}
#hr-esd-landing .hr-hero h1 {
font-size: clamp(2.5rem, 12vw, 3.6rem);
}
#hr-esd-landing .hr-actions {
display: grid;
}
#hr-esd-landing .hr-button {
width: 100%;
}
#hr-esd-landing .hr-visual {
min-height: 390px;
}
#hr-esd-landing .hr-document {
padding: 22px;
}
#hr-esd-landing .hr-float-one {
top: 25px;
}
#hr-esd-landing .hr-float-two {
bottom: 24px;
}
#hr-esd-landing .hr-trust-grid,
#hr-esd-landing .hr-card-grid,
#hr-esd-landing .hr-process-grid,
#hr-esd-landing .hr-checklist-card,
#hr-esd-landing .hr-contact-form {
grid-template-columns: 1fr;
}
#hr-esd-landing .hr-trust-item {
min-height: 92px;
padding: 20px 10px;
border-right: 0;
border-bottom: 1px solid var(--line);
}
#hr-esd-landing .hr-trust-item:last-child {
border-bottom: 0;
}
#hr-esd-landing .hr-service-card {
min-height: 0;
}
#hr-esd-landing .hr-audience-panel {
min-height: 0;
padding: 27px 22px;
}
#hr-esd-landing .hr-industry-grid {
grid-template-columns: 1fr;
}
#hr-esd-landing .hr-step {
min-height: 0;
}
#hr-esd-landing .hr-step-number {
margin-bottom: 19px;
}
#hr-esd-landing .hr-checklist-grid {
gap: 33px;
}
#hr-esd-landing .hr-contact-copy,
#hr-esd-landing .hr-contact-form {
padding: 30px 22px;
}
#hr-esd-landing .hr-field-full,
#hr-esd-landing .hr-form-note,
#hr-esd-landing .hr-submit {
grid-column: auto;
}
#hr-esd-landing .hr-footer-inner {
gap: 22px;
}
#hr-esd-landing .hr-footer-main {
grid-template-columns: 1fr;
gap: 24px;
}
#hr-esd-landing .hr-footer-detail {
grid-template-columns: 1fr;
gap: 3px;
}
#hr-esd-landing .hr-footer-bottom {
flex-direction: column;
gap: 12px;
}
#hr-esd-landing .hr-footer-disclaimer {
text-align: left;
}
#hr-esd-landing .hr-mobile-whatsapp {
display: grid;
}
}
@media (max-width: 480px) {
#hr-esd-landing .hr-brand {
gap: 1px;
}
#hr-esd-landing .hr-brand-logo {
width: 140px;
}
#hr-esd-landing .hr-brand-name {
max-width: 160px;
font-size: 0.52rem;
}
#hr-esd-landing .hr-lang-btn {
min-width: 36px;
padding-inline: 6px;
}
}
@media (prefers-reduced-motion: reduce) {
#hr-esd-landing *,
#hr-esd-landing *::before,
#hr-esd-landing *::after {
scroll-behavior: auto !important;
transition: none !important;
}
}
</style>
<!-- Reusable SVG icon definitions -->
<svg aria-hidden="true" style="position:absolute;width:0;height:0;overflow:hidden">
<symbol id="hr-icon-briefcase" viewBox="0 0 24 24">
<rect x="3" y="7" width="18" height="13" rx="2"></rect>
<path d="M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18M10 12v2h4v-2"></path>
</symbol>
<symbol id="hr-icon-check" viewBox="0 0 24 24">
<path d="m5 12 4 4L19 6"></path>
</symbol>
<symbol id="hr-icon-file" viewBox="0 0 24 24">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z"></path>
<path d="M14 2v6h6M8 13h8M8 17h6"></path>
</symbol>
<symbol id="hr-icon-building" viewBox="0 0 24 24">
<path d="M4 22V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v17M16 9h3a1 1 0 0 1 1 1v12M2 22h20"></path>
<path d="M8 7h4M8 11h4M8 15h4M8 19h4"></path>
</symbol>
<symbol id="hr-icon-passport" viewBox="0 0 24 24">
<rect x="4" y="2" width="16" height="20" rx="2"></rect>
<circle cx="12" cy="11" r="3"></circle>
<path d="M9 11h6M12 8a5 5 0 0 0 0 6M12 8a5 5 0 0 1 0 6M8 17h8"></path>
</symbol>
<symbol id="hr-icon-shield" viewBox="0 0 24 24">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"></path>
<path d="m9 12 2 2 4-4"></path>
</symbol>
<symbol id="hr-icon-users" viewBox="0 0 24 24">
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"></path>
</symbol>
<symbol id="hr-icon-clock" viewBox="0 0 24 24">
<circle cx="12" cy="12" r="9"></circle>
<path d="M12 7v5l3 2"></path>
</symbol>
<symbol id="hr-icon-message" viewBox="0 0 24 24">
<path d="M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z"></path>
<path d="M8 10h8M8 14h5"></path>
</symbol>
<symbol id="hr-icon-arrow" viewBox="0 0 24 24">
<path d="M5 12h14M13 6l6 6-6 6"></path>
</symbol>
<symbol id="hr-icon-factory" viewBox="0 0 24 24">
<path d="M3 21V10l6 3V9l6 4V7l6 4v10Z"></path>
<path d="M7 21v-4h3v4M14 17h3"></path>
</symbol>
<symbol id="hr-icon-hotel" viewBox="0 0 24 24">
<path d="M3 21V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v16M8 21v-4h8v4M7 8h2M15 8h2M7 12h2M15 12h2M2 21h20"></path>
</symbol>
<symbol id="hr-icon-cart" viewBox="0 0 24 24">
<circle cx="9" cy="20" r="1"></circle>
<circle cx="18" cy="20" r="1"></circle>
<path d="M3 4h2l2.6 10.4a2 2 0 0 0 2 1.6H18a2 2 0 0 0 2-1.6L21 8H7"></path>
</symbol>
<symbol id="hr-icon-hardhat" viewBox="0 0 24 24">
<path d="M2 18h20M4 18v-2a8 8 0 0 1 16 0v2M9 8V5h6v3M12 8v5"></path>
</symbol>
<symbol id="hr-icon-phone" viewBox="0 0 24 24">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.74a16 16 0 0 0 6 6l1.28-1.28a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92Z"></path>
</symbol>
<symbol id="hr-icon-mail" viewBox="0 0 24 24">
<rect x="3" y="5" width="18" height="14" rx="2"></rect>
<path d="m3 7 9 6 9-6"></path>
</symbol>
<symbol id="hr-icon-plus" viewBox="0 0 24 24">
<path d="M12 5v14M5 12h14"></path>
</symbol>
</svg>
<header class="hr-nav">
<div class="hr-container hr-nav-inner">
<a class="hr-brand" href="#hr-home" aria-label="Go to homepage section">
<span class="hr-brand-logo" aria-hidden="true">
<img src="data:image/webp;base64,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" alt="">
</span>
<span class="hr-brand-name" data-company-text>MERIT HUMAN CAPITAL ADVISORY SDN. BHD.</span>
</a>
<div class="hr-nav-actions">
<nav class="hr-nav-links" aria-label="Landing page navigation">
<a href="#hr-services">Services</a>
<a href="#hr-process">Our Process</a>
<a href="#hr-faq">FAQ</a>
<a class="hr-nav-cta" href="#hr-contact">Free Consultation</a>
</nav>
<div class="hr-language-switch" role="group" aria-label="Choose language">
<button class="hr-lang-btn is-active" type="button" data-language="en" aria-pressed="true">
EN
</button>
<button class="hr-lang-btn" type="button" data-language="zh" aria-pressed="false">
中文
</button>
</div>
</div>
</div>
</header>
<main>
<section class="hr-hero" id="hr-home">
<div class="hr-container hr-hero-grid">
<div>
<div class="hr-eyebrow">
<span class="hr-eyebrow-dot"></span>
Malaysia Employer Support
</div>
<h1>HR, ESD & <span>Work Permit</span> Support Made Clear.</h1>
<p class="hr-hero-copy">
Practical assistance for Malaysian employers managing ESD registration,
employment and work pass applications, business licensing, renewals and
workforce documentation.
</p>
<div class="hr-actions">
<a class="hr-button hr-button-primary" href="#hr-contact">
Request a Consultation
<svg class="hr-icon"><use href="#hr-icon-arrow"></use></svg>
</a>
<a
class="hr-button hr-button-secondary"
data-whatsapp-link
href="https://wa.me/60108819528"
target="_blank"
rel="noopener"
>
<svg class="hr-icon"><use href="#hr-icon-message"></use></svg>
Chat on WhatsApp
</a>
</div>
<div class="hr-hero-points">
<span class="hr-hero-point">
<span class="hr-check">
<svg class="hr-icon"><use href="#hr-icon-check"></use></svg>
</span>
Employer-focused guidance
</span>
<span class="hr-hero-point">
<span class="hr-check">
<svg class="hr-icon"><use href="#hr-icon-check"></use></svg>
</span>
Clear document checklist
</span>
<span class="hr-hero-point">
<span class="hr-check">
<svg class="hr-icon"><use href="#hr-icon-check"></use></svg>
</span>
Application follow-up
</span>
</div>
</div>
<div class="hr-visual" aria-label="Application coordination illustration">
<div class="hr-visual-orb"></div>
<div class="hr-floating-card hr-float-one">
<svg class="hr-icon"><use href="#hr-icon-shield"></use></svg>
Document Readiness Review
</div>
<div class="hr-document">
<div class="hr-document-head">
<span class="hr-document-badge">
<svg class="hr-icon"><use href="#hr-icon-file"></use></svg>
</span>
<div>
<p class="hr-document-label">Application File</p>
<p class="hr-document-title">Employer Checklist</p>
</div>
</div>
<div class="hr-doc-row">
<span class="hr-doc-row-icon">
<svg class="hr-icon"><use href="#hr-icon-building"></use></svg>
</span>
<span class="hr-doc-row-text">
<strong>Company Documents</strong>
<span>Registration & supporting records</span>
</span>
<span class="hr-status">READY</span>
</div>
<div class="hr-doc-row">
<span class="hr-doc-row-icon">
<svg class="hr-icon"><use href="#hr-icon-passport"></use></svg>
</span>
<span class="hr-doc-row-text">
<strong>Applicant Documents</strong>
<span>Identity, role & qualifications</span>
</span>
<span class="hr-status">CHECKED</span>
</div>
<div class="hr-doc-row">
<span class="hr-doc-row-icon">
<svg class="hr-icon"><use href="#hr-icon-clock"></use></svg>
</span>
<span class="hr-doc-row-text">
<strong>Status Follow-up</strong>
<span>Updates and next-action support</span>
</span>
<span class="hr-status">ACTIVE</span>
</div>
</div>
<div class="hr-floating-card hr-float-two">
<svg class="hr-icon"><use href="#hr-icon-message"></use></svg>
One Point of Contact
</div>
</div>
</div>
</section>
<section class="hr-trust-bar" aria-label="Service benefits">
<div class="hr-container hr-trust-grid">
<div class="hr-trust-item">
<span class="hr-trust-icon">
<svg class="hr-icon"><use href="#hr-icon-file"></use></svg>
</span>
<span>
<strong>Organised Documentation</strong>
<span>A clear checklist before submission</span>
</span>
</div>
<div class="hr-trust-item">
<span class="hr-trust-icon">
<svg class="hr-icon"><use href="#hr-icon-users"></use></svg>
</span>
<span>
<strong>Employer-Centred Service</strong>
<span>Support matched to your workforce needs</span>
</span>
</div>
<div class="hr-trust-item">
<span class="hr-trust-icon">
<svg class="hr-icon"><use href="#hr-icon-message"></use></svg>
</span>
<span>
<strong>Clear Communication</strong>
<span>Progress updates and action reminders</span>
</span>
</div>
</div>
</section>
<section class="hr-section hr-services" id="hr-services">
<div class="hr-container">
<span class="hr-kicker">Our Services</span>
<h2 class="hr-section-title">One support team for your workforce administration.</h2>
<p class="hr-section-lead">
From employer setup to pass renewal, we help coordinate the paperwork,
requirements and follow-up needed for a smoother application journey.
</p>
<div class="hr-card-grid">
<article class="hr-service-card">
<span class="hr-service-icon">
<svg class="hr-icon"><use href="#hr-icon-building"></use></svg>
</span>
<h3>ESD Registration & Company Profile</h3>
<p>
Guidance for employer registration, company profile preparation,
supporting documents and submission readiness.
</p>
<a class="hr-card-link" href="#hr-contact">
Discuss your case
<svg class="hr-icon"><use href="#hr-icon-arrow"></use></svg>
</a>
</article>
<article class="hr-service-card">
<span class="hr-service-icon">
<svg class="hr-icon"><use href="#hr-icon-passport"></use></svg>
</span>
<h3>Employment & Expatriate Passes</h3>
<p>
Application support for suitable employment and related passes,
based on the employer, position and applicant profile.
</p>
<a class="hr-card-link" href="#hr-contact">
Check requirements
<svg class="hr-icon"><use href="#hr-icon-arrow"></use></svg>
</a>
</article>
<article class="hr-service-card">
<span class="hr-service-icon">
<svg class="hr-icon"><use href="#hr-icon-users"></use></svg>
</span>
<h3>Foreign Worker Permit Support</h3>
<p>
Coordination for work permit documentation, renewals and related
employer records, subject to the applicable sector and authority.
</p>
<a class="hr-card-link" href="#hr-contact">
Review your needs
<svg class="hr-icon"><use href="#hr-icon-arrow"></use></svg>
</a>
</article>
<article class="hr-service-card">
<span class="hr-service-icon">
<svg class="hr-icon"><use href="#hr-icon-shield"></use></svg>
</span>
<h3>Business Licence Support</h3>
<p>
Assistance in organising supporting documents for selected business,
sector and operational licence applications.
</p>
<a class="hr-card-link" href="#hr-contact">
Tell us the licence
<svg class="hr-icon"><use href="#hr-icon-arrow"></use></svg>
</a>
</article>
<article class="hr-service-card">
<span class="hr-service-icon">
<svg class="hr-icon"><use href="#hr-icon-file"></use></svg>
</span>
<h3>HR Documentation</h3>
<p>
Support with employment records, role descriptions, organisation
information and other application-related HR paperwork.
</p>
<a class="hr-card-link" href="#hr-contact">
Prepare documents
<svg class="hr-icon"><use href="#hr-icon-arrow"></use></svg>
</a>
</article>
<article class="hr-service-card">
<span class="hr-service-icon">
<svg class="hr-icon"><use href="#hr-icon-clock"></use></svg>
</span>
<h3>Renewal & Status Follow-up</h3>
<p>
Deadline reminders, renewal preparation, status coordination and
response support when additional documents are requested.
</p>
<a class="hr-card-link" href="#hr-contact">
Plan your renewal
<svg class="hr-icon"><use href="#hr-icon-arrow"></use></svg>
</a>
</article>
</div>
</div>
</section>
<section class="hr-section hr-audience">
<div class="hr-container hr-audience-grid">
<div class="hr-audience-panel">
<h3>Support for growing Malaysian employers</h3>
<p>
Suitable for companies that need a more structured way to manage
workforce, permit and licence documentation.
</p>
<div class="hr-industry-grid">
<div class="hr-industry">
<svg class="hr-icon"><use href="#hr-icon-factory"></use></svg>
Manufacturing
</div>
<div class="hr-industry">
<svg class="hr-icon"><use href="#hr-icon-hardhat"></use></svg>
Construction
</div>
<div class="hr-industry">
<svg class="hr-icon"><use href="#hr-icon-hotel"></use></svg>
Services & Hospitality
</div>
<div class="hr-industry">
<svg class="hr-icon"><use href="#hr-icon-cart"></use></svg>
Retail & Trading
</div>
<div class="hr-industry">
<svg class="hr-icon"><use href="#hr-icon-building"></use></svg>
Professional Firms
</div>
<div class="hr-industry">
<svg class="hr-icon"><use href="#hr-icon-users"></use></svg>
SMEs & Growing Teams
</div>
</div>
</div>
<div>
<span class="hr-kicker">Why Work With Us</span>
<h2 class="hr-section-title">Less uncertainty. Better-prepared applications.</h2>
<p class="hr-section-lead">
We turn a complicated list of requirements into clear actions for your
HR and management team.
</p>
<ol class="hr-feature-list">
<li>
<span class="hr-feature-number">01</span>
<span>
<strong>Requirement review before preparation</strong>
<span>We first understand the company, position, applicant and intended application.</span>
</span>
</li>
<li>
<span class="hr-feature-number">02</span>
<span>
<strong>Clear document ownership</strong>
<span>Your team knows which records to prepare and what information is still missing.</span>
</span>
</li>
<li>
<span class="hr-feature-number">03</span>
<span>
<strong>Practical progress communication</strong>
<span>Receive status updates, follow-up items and reminders through one point of contact.</span>
</span>
</li>
</ol>
</div>
</div>
</section>
<section class="hr-section hr-process" id="hr-process">
<div class="hr-container">
<span class="hr-kicker">How It Works</span>
<h2 class="hr-section-title">A straightforward four-step process.</h2>
<p class="hr-section-lead">
Every case is different, but the working process remains organised and
easy for your team to follow.
</p>
<div class="hr-process-grid">
<article class="hr-step">
<span class="hr-step-number">01</span>
<h3>Initial Consultation</h3>
<p>
Tell us about your company, sector, headcount, role and the assistance required.
</p>
</article>
<article class="hr-step">
<span class="hr-step-number">02</span>
<h3>Requirement Check</h3>
<p>
We review the intended application and provide a practical document checklist.
</p>
</article>
<article class="hr-step">
<span class="hr-step-number">03</span>
<h3>Preparation & Submission</h3>
<p>
Documents are organised and the application is prepared for the applicable channel.
</p>
</article>
<article class="hr-step">
<span class="hr-step-number">04</span>
<h3>Follow-up & Next Action</h3>
<p>
We coordinate status follow-up and advise on requests for clarification or documents.
</p>
</article>
</div>
</div>
</section>
<section class="hr-section">
<div class="hr-container hr-checklist-grid">
<div>
<span class="hr-kicker">Getting Started</span>
<h2 class="hr-section-title">Documents commonly reviewed.</h2>
<p class="hr-section-lead">
The exact list depends on the application type, company sector, applicant
and the latest requirements of the relevant authorities.
</p>
<div class="hr-note">
This is a general preparation guide, not a complete official checklist.
We will confirm the case-specific requirements after reviewing your enquiry.
</div>
</div>
<div class="hr-checklist-card">
<div class="hr-checklist-item">
<svg class="hr-icon"><use href="#hr-icon-building"></use></svg>
<strong>Company Records</strong>
<span>Registration documents, business profile and operating information.</span>
</div>
<div class="hr-checklist-item">
<svg class="hr-icon"><use href="#hr-icon-file"></use></svg>
<strong>Business & Sector Documents</strong>
<span>Relevant licences, financial or operational supporting records.</span>
</div>
<div class="hr-checklist-item">
<svg class="hr-icon"><use href="#hr-icon-passport"></use></svg>
<strong>Applicant Information</strong>
<span>Passport, personal details, qualifications and experience records.</span>
</div>
<div class="hr-checklist-item">
<svg class="hr-icon"><use href="#hr-icon-users"></use></svg>
<strong>Employment Information</strong>
<span>Position, job scope, salary details and organisation information.</span>
</div>
</div>
</div>
</section>
<section class="hr-section hr-faq" id="hr-faq">
<div class="hr-container hr-faq-layout">
<div>
<span class="hr-kicker">Frequently Asked</span>
<h2 class="hr-section-title">Answers before you get started.</h2>
<p class="hr-section-lead">
Have a different question? Send us the basic details and we will advise on the next step.
</p>
<a
class="hr-button hr-button-whatsapp"
data-whatsapp-link
href="https://wa.me/60108819528"
target="_blank"
rel="noopener"
>
<svg class="hr-icon"><use href="#hr-icon-message"></use></svg>
Ask on WhatsApp
</a>
</div>
<div class="hr-faq-list">
<article class="hr-faq-item is-open">
<button class="hr-faq-question" type="button" aria-expanded="true">
What is the difference between ESD and a work permit?
<span class="hr-faq-toggle">
<svg class="hr-icon"><use href="#hr-icon-plus"></use></svg>
</span>
</button>
<div class="hr-faq-answer">
ESD generally relates to the employer-side platform and processes used for
eligible expatriate employment matters. Other foreign worker permits may
follow different procedures and authorities. We first identify the correct
route for your company and intended worker category.
</div>
</article>
<article class="hr-faq-item">
<button class="hr-faq-question" type="button" aria-expanded="false">
Can you guarantee approval?
<span class="hr-faq-toggle">
<svg class="hr-icon"><use href="#hr-icon-plus"></use></svg>
</span>
</button>
<div class="hr-faq-answer">
No service provider can guarantee an authority's decision. Our role is to
help assess readiness, organise the supporting documents, coordinate the
application process and reduce avoidable submission issues.
</div>
</article>
<article class="hr-faq-item">
<button class="hr-faq-question" type="button" aria-expanded="false">
How long does an application take?
<span class="hr-faq-toggle">
<svg class="hr-icon"><use href="#hr-icon-plus"></use></svg>
</span>
</button>
<div class="hr-faq-answer">
Processing time varies by application type, document completeness,
authority review, appointment availability and whether further information
is requested. We can give a more relevant expectation after reviewing the case.
</div>
</article>
<article class="hr-faq-item">
<button class="hr-faq-question" type="button" aria-expanded="false">
Do you assist with renewals or additional document requests?
<span class="hr-faq-toggle">
<svg class="hr-icon"><use href="#hr-icon-plus"></use></svg>
</span>
</button>
<div class="hr-faq-answer">
Yes. We can review renewal readiness, organise relevant records and help
coordinate responses when additional supporting documents or clarification
are requested, depending on the case.
</div>
</article>
<article class="hr-faq-item">
<button class="hr-faq-question" type="button" aria-expanded="false">
What should I send for the first review?
<span class="hr-faq-toggle">
<svg class="hr-icon"><use href="#hr-icon-plus"></use></svg>
</span>
</button>
<div class="hr-faq-answer">
Start with your company name, business sector, the service required,
intended position or worker category, nationality and whether this is a new
application, renewal or follow-up case. Avoid sending sensitive identity
documents until the correct handling channel is confirmed.
</div>
</article>
</div>
</div>
</section>
<section class="hr-section hr-contact" id="hr-contact">
<div class="hr-container">
<div class="hr-contact-panel">
<div class="hr-contact-copy">
<h2>Tell us what your company needs.</h2>
<p>
Share the basic case details. We will use your enquiry to prepare a
WhatsApp message for an initial consultation.
</p>
<div class="hr-contact-methods">
<a class="hr-contact-method" data-whatsapp-link href="https://wa.me/60108819528">
<span class="hr-contact-method-icon">
<svg class="hr-icon"><use href="#hr-icon-phone"></use></svg>
</span>
<span data-phone-text>+60 10-881 9528</span>
</a>
</div>
</div>
<form class="hr-contact-form" id="hr-enquiry-form">
<div class="hr-field">
<label for="hr-name">Your Name *</label>
<input id="hr-name" name="name" type="text" placeholder="Full name" required>
</div>
<div class="hr-field">
<label for="hr-phone">Contact Number *</label>
<input id="hr-phone" name="phone" type="tel" placeholder="+60..." required>
</div>
<div class="hr-field">
<label for="hr-company">Company Name *</label>
<input id="hr-company" name="company" type="text" placeholder="Company name" required>
</div>
<div class="hr-field">
<label for="hr-service">Service Required *</label>
<select id="hr-service" name="service" required>
<option value="">Please select</option>
<option>ESD Registration / Company Profile</option>
<option>Employment / Expatriate Pass</option>
<option>Foreign Worker Permit</option>
<option>Business Licence Support</option>
<option>HR Documentation</option>
<option>Renewal / Status Follow-up</option>
<option>Other</option>
</select>
</div>
<div class="hr-field hr-field-full">
<label for="hr-message">Brief Description</label>
<textarea
id="hr-message"
name="message"
placeholder="Example: New application, industry, position/worker category and nationality..."
></textarea>
</div>
<p class="hr-form-note">
By continuing, you agree to be contacted regarding this enquiry. Please do
not include passport numbers or sensitive personal documents in this form.
</p>
<button class="hr-button hr-button-whatsapp hr-submit" type="submit">
<svg class="hr-icon"><use href="#hr-icon-message"></use></svg>
Send Enquiry via WhatsApp
</button>
</form>
</div>
</div>
</section>
</main>
<footer class="hr-footer">
<div class="hr-container hr-footer-inner">
<div class="hr-footer-main">
<div class="hr-footer-company">
<strong data-company-text>MERIT HUMAN CAPITAL ADVISORY SDN. BHD.</strong>
<span>Human Resource · Business Management · Advisory</span>
</div>
<div class="hr-footer-details">
<div class="hr-footer-detail">
<strong>Business Address:</strong>
<span>
No. 22-1, Jalan Kuchai Maju 6, Kuchai Entrepreneur Park,
Kuchai Lama, 58200 Kuala Lumpur, Malaysia.
</span>
</div>
<div class="hr-footer-detail">
<strong>SSM Registration No.:</strong>
<span>202601028374 (1690469-M)</span>
</div>
<div class="hr-footer-detail">
<strong>Contact Number:</strong>
<a data-whatsapp-link href="https://wa.me/60108819528">+60 10-881 9528</a>
</div>
</div>
</div>
<div class="hr-footer-bottom">
<span>
© <span data-current-year></span>
<span data-company-text>MERIT HUMAN CAPITAL ADVISORY SDN. BHD.</span>. All rights reserved.
</span>
<span class="hr-footer-disclaimer">
We provide administrative and application support. All approvals, conditions
and processing times are determined by the relevant Malaysian authorities.
</span>
</div>
</div>
</footer>
<a
class="hr-mobile-whatsapp"
data-whatsapp-link
href="https://wa.me/60108819528"
target="_blank"
rel="noopener"
aria-label="Chat on WhatsApp"
>
<svg class="hr-icon"><use href="#hr-icon-message"></use></svg>
</a>
<script>
(function () {
var root = document.getElementById("hr-esd-landing");
if (!root) return;
var company = root.getAttribute("data-company") || "MERIT HUMAN CAPITAL ADVISORY SDN. BHD.";
var whatsapp = (root.getAttribute("data-whatsapp") || "60108819528").replace(/\D/g, "");
var activeLanguage = "en";
var originalText = new WeakMap();
var originalPlaceholders = new WeakMap();
var translations = {
"Services": "服务项目",
"Our Process": "办理流程",
"FAQ": "常见问题",
"Free Consultation": "免费咨询",
"Malaysia Employer Support": "马来西亚雇主支援服务",
"HR, ESD &": "人力资源、ESD 与",
"Work Permit": "工作准证",
"Support Made Clear.": "申请支援，清晰简单。",
"Practical assistance for Malaysian employers managing ESD registration, employment and work pass applications, business licensing, renewals and workforce documentation.": "为马来西亚雇主提供实务支援，协助处理 ESD 注册、就业与工作准证申请、营业执照、更新手续及人力资源文件。",
"Request a Consultation": "预约咨询",
"Chat on WhatsApp": "WhatsApp 咨询",
"Employer-focused guidance": "以雇主需求为核心",
"Clear document checklist": "清晰的文件清单",
"Application follow-up": "申请进度跟进",
"Document Readiness Review": "申请文件预审",
"Application File": "申请档案",
"Employer Checklist": "雇主文件清单",
"Company Documents": "公司文件",
"Registration & supporting records": "注册与相关证明文件",
"READY": "已备齐",
"Applicant Documents": "申请人文件",
"Identity, role & qualifications": "身份、职位与资格证明",
"CHECKED": "已检查",
"Status Follow-up": "进度跟进",
"Updates and next-action support": "进度更新与后续行动支援",
"ACTIVE": "处理中",
"One Point of Contact": "单一联络窗口",
"Organised Documentation": "系统化文件整理",
"A clear checklist before submission": "提交前先确认完整清单",
"Employer-Centred Service": "雇主导向服务",
"Support matched to your workforce needs": "配合企业的人力需求",
"Clear Communication": "清楚沟通",
"Progress updates and action reminders": "提供进度更新与行动提醒",
"Our Services": "我们的服务",
"One support team for your workforce administration.": "一站式支援企业人力与准证行政事务。",
"From employer setup to pass renewal, we help coordinate the paperwork, requirements and follow-up needed for a smoother application journey.": "从雇主注册到准证更新，我们协助整理文件、确认要求及跟进进度，让整个申请过程更顺畅。",
"ESD Registration & Company Profile": "ESD 注册与公司资料",
"Guidance for employer registration, company profile preparation, supporting documents and submission readiness.": "协助雇主注册、准备公司资料、整理证明文件及确认提交前的完整性。",
"Discuss your case": "咨询您的情况",
"Employment & Expatriate Passes": "就业准证与外籍专业人员准证",
"Application support for suitable employment and related passes, based on the employer, position and applicant profile.": "根据雇主条件、职位及申请人资料，协助准备合适的就业及相关准证申请。",
"Check requirements": "查询申请条件",
"Foreign Worker Permit Support": "外籍劳工准证支援",
"Coordination for work permit documentation, renewals and related employer records, subject to the applicable sector and authority.": "根据相关行业及主管机构要求，协助处理工作准证文件、更新手续及雇主记录。",
"Review your needs": "评估您的需求",
"Business Licence Support": "营业执照申请支援",
"Assistance in organising supporting documents for selected business, sector and operational licence applications.": "协助整理特定商业、行业及营运执照申请所需的证明文件。",
"Tell us the licence": "告诉我们执照类型",
"HR Documentation": "人力资源文件",
"Support with employment records, role descriptions, organisation information and other application-related HR paperwork.": "协助准备雇佣记录、职位说明、组织资料及其他与申请有关的人力资源文件。",
"Prepare documents": "准备申请文件",
"Renewal & Status Follow-up": "更新手续与进度跟进",
"Deadline reminders, renewal preparation, status coordination and response support when additional documents are requested.": "提供期限提醒、更新准备、进度协调，并在主管机构要求补充文件时协助处理。",
"Plan your renewal": "安排准证更新",
"Support for growing Malaysian employers": "为持续发展的马来西亚雇主提供支援",
"Suitable for companies that need a more structured way to manage workforce, permit and licence documentation.": "适合希望以更系统化方式管理人力、准证及执照文件的企业。",
"Manufacturing": "制造业",
"Construction": "建筑业",
"Services & Hospitality": "服务与酒店餐饮业",
"Retail & Trading": "零售与贸易",
"Professional Firms": "专业服务公司",
"SMEs & Growing Teams": "中小企业与成长型团队",
"Why Work With Us": "为什么选择我们",
"Less uncertainty. Better-prepared applications.": "减少不确定性，让申请准备更完善。",
"We turn a complicated list of requirements into clear actions for your HR and management team.": "我们把复杂的申请要求整理成清晰步骤，让您的人力资源及管理团队更容易执行。",
"Requirement review before preparation": "准备前先评估申请条件",
"We first understand the company, position, applicant and intended application.": "我们先了解公司、职位、申请人及拟申请的项目。",
"Clear document ownership": "明确文件准备责任",
"Your team knows which records to prepare and what information is still missing.": "让您的团队清楚知道需要准备哪些记录，以及尚欠哪些资料。",
"Practical progress communication": "实用而清晰的进度沟通",
"Receive status updates, follow-up items and reminders through one point of contact.": "通过单一联络窗口获得进度更新、后续事项及提醒。",
"How It Works": "办理方式",
"A straightforward four-step process.": "简单清晰的四个步骤。",
"Every case is different, but the working process remains organised and easy for your team to follow.": "每个个案的情况不同，但我们的工作流程保持有条理，让您的团队容易跟进。",
"Initial Consultation": "初步咨询",
"Tell us about your company, sector, headcount, role and the assistance required.": "告诉我们您的公司、行业、员工人数、职位及所需协助。",
"Requirement Check": "条件与文件检查",
"We review the intended application and provide a practical document checklist.": "我们评估拟申请项目，并提供实用的文件清单。",
"Preparation & Submission": "准备与提交申请",
"Documents are organised and the application is prepared for the applicable channel.": "整理所需文件，并按照适用的申请渠道准备提交。",
"Follow-up & Next Action": "跟进与后续行动",
"We coordinate status follow-up and advise on requests for clarification or documents.": "我们协助跟进进度，并针对补充说明或文件要求提供建议。",
"Getting Started": "开始准备",
"Documents commonly reviewed.": "常见审核文件。",
"The exact list depends on the application type, company sector, applicant and the latest requirements of the relevant authorities.": "确切文件清单取决于申请类型、公司行业、申请人情况及相关主管机构的最新要求。",
"This is a general preparation guide, not a complete official checklist. We will confirm the case-specific requirements after reviewing your enquiry.": "以下仅为一般准备指南，并非完整的官方清单。我们会在审核您的咨询后确认个案所需文件。",
"Company Records": "公司资料",
"Registration documents, business profile and operating information.": "公司注册文件、商业资料及营运信息。",
"Business & Sector Documents": "商业与行业文件",
"Relevant licences, financial or operational supporting records.": "相关执照、财务或营运证明记录。",
"Applicant Information": "申请人资料",
"Passport, personal details, qualifications and experience records.": "护照、个人资料、学历资格及工作经验证明。",
"Employment Information": "雇佣资料",
"Position, job scope, salary details and organisation information.": "职位、工作范围、薪资详情及组织资料。",
"Frequently Asked": "常见问题",
"Answers before you get started.": "开始申请前，先了解这些事项。",
"Have a different question? Send us the basic details and we will advise on the next step.": "如有其他问题，请把基本资料发送给我们，我们会建议下一步。",
"Ask on WhatsApp": "通过 WhatsApp 询问",
"What is the difference between ESD and a work permit?": "ESD 与工作准证有什么分别？",
"ESD generally relates to the employer-side platform and processes used for eligible expatriate employment matters. Other foreign worker permits may follow different procedures and authorities. We first identify the correct route for your company and intended worker category.": "ESD 一般是雇主处理符合条件的外籍专业人员就业事务所使用的平台及流程。其他外籍劳工准证可能由不同程序及主管机构处理。我们会先确认适合您公司及员工类别的正确申请渠道。",
"Can you guarantee approval?": "可以保证申请获批吗？",
"No service provider can guarantee an authority's decision. Our role is to help assess readiness, organise the supporting documents, coordinate the application process and reduce avoidable submission issues.": "任何服务机构都不能保证主管机构的审批结果。我们的职责是评估申请准备情况、整理证明文件、协调申请流程，并减少可以避免的提交问题。",
"How long does an application take?": "申请需要多长时间？",
"Processing time varies by application type, document completeness, authority review, appointment availability and whether further information is requested. We can give a more relevant expectation after reviewing the case.": "处理时间会因申请类型、文件完整度、主管机构审核、预约安排及是否需要补充资料而有所不同。审核个案后，我们可以提供更符合实际情况的时间预期。",
"Do you assist with renewals or additional document requests?": "你们是否协助准证更新或补充文件？",
"Yes. We can review renewal readiness, organise relevant records and help coordinate responses when additional supporting documents or clarification are requested, depending on the case.": "可以。我们可根据个案检查更新准备情况、整理相关记录，并在被要求补充证明文件或说明时协助协调回复。",
"What should I send for the first review?": "第一次评估需要提供什么资料？",
"Start with your company name, business sector, the service required, intended position or worker category, nationality and whether this is a new application, renewal or follow-up case. Avoid sending sensitive identity documents until the correct handling channel is confirmed.": "请先提供公司名称、所属行业、所需服务、拟申请职位或员工类别、国籍，以及属于新申请、更新或跟进个案。在确认正确的文件处理渠道前，请勿发送敏感身份证明文件。",
"Tell us what your company needs.": "告诉我们贵公司的需求。",
"Share the basic case details. We will use your enquiry to prepare a WhatsApp message for an initial consultation.": "请提供个案的基本资料。系统会根据您的咨询内容准备 WhatsApp 信息，以便进行初步沟通。",
"Your Name *": "您的姓名 *",
"Contact Number *": "联系电话 *",
"Company Name *": "公司名称 *",
"Service Required *": "所需服务 *",
"Please select": "请选择",
"ESD Registration / Company Profile": "ESD 注册／公司资料",
"Employment / Expatriate Pass": "就业／外籍专业人员准证",
"Foreign Worker Permit": "外籍劳工准证",
"Renewal / Status Follow-up": "更新手续／进度跟进",
"Other": "其他",
"Brief Description": "情况说明",
"By continuing, you agree to be contacted regarding this enquiry. Please do not include passport numbers or sensitive personal documents in this form.": "继续提交即表示您同意我们就此咨询与您联系。请勿在此表格填写护照号码或提供敏感个人文件。",
"Send Enquiry via WhatsApp": "通过 WhatsApp 发送咨询",
"Human Resource · Business Management · Advisory": "人力资源 · 企业管理 · 专业顾问",
"Business Address:": "营业地址：",
"No. 22-1, Jalan Kuchai Maju 6, Kuchai Entrepreneur Park, Kuchai Lama, 58200 Kuala Lumpur, Malaysia.": "马来西亚吉隆坡 58200，旧古仔，古仔企业家园，古仔玛珠6路，22-1号。",
"SSM Registration No.:": "SSM 注册号码：",
"Contact Number:": "联系电话：",
". All rights reserved.": "。版权所有。",
"We provide administrative and application support. All approvals, conditions and processing times are determined by the relevant Malaysian authorities.": "我们提供行政与申请支援服务。所有批准、条件及处理时间均由马来西亚相关主管机构决定。"
};
var placeholderTranslations = {
"Full name": "请输入姓名",
"+60...": "+60...",
"Company name": "请输入公司名称",
"Example: New application, industry, position/worker category and nationality...": "例如：新申请、所属行业、职位／员工类别及国籍……"
};
function replaceTextNode(node, language) {
var english = originalText.get(node);
if (typeof english === "undefined") {
english = node.nodeValue;
originalText.set(node, english);
}
if (language === "en") {
node.nodeValue = english;
return;
}
var trimmed = english.trim();
var normalized = trimmed.replace(/\s+/g, " ");
if (!normalized || !translations[normalized]) {
node.nodeValue = english;
return;
}
var prefix = english.match(/^\s*/)[0];
var suffix = english.match(/\s*$/)[0];
node.nodeValue = prefix + translations[normalized] + suffix;
}
function applyLanguage(language) {
activeLanguage = language === "zh" ? "zh" : "en";
root.setAttribute("lang", activeLanguage === "zh" ? "zh-CN" : "en");
root.setAttribute("data-active-language", activeLanguage);
var walker = document.createTreeWalker(
root,
NodeFilter.SHOW_TEXT,
{
acceptNode: function (node) {
var parent = node.parentElement;
if (!parent || parent.closest("style, script, svg")) {
return NodeFilter.FILTER_REJECT;
}
return NodeFilter.FILTER_ACCEPT;
}
}
);
var nodes = [];
while (walker.nextNode()) nodes.push(walker.currentNode);
nodes.forEach(function (node) {
replaceTextNode(node, activeLanguage);
});
root.querySelectorAll("[placeholder]").forEach(function (field) {
if (!originalPlaceholders.has(field)) {
originalPlaceholders.set(field, field.getAttribute("placeholder"));
}
var englishPlaceholder = originalPlaceholders.get(field);
field.setAttribute(
"placeholder",
activeLanguage === "zh" && placeholderTranslations[englishPlaceholder]
? placeholderTranslations[englishPlaceholder]
: englishPlaceholder
);
});
root.querySelectorAll(".hr-lang-btn").forEach(function (button) {
var isActive = button.getAttribute("data-language") === activeLanguage;
button.classList.toggle("is-active", isActive);
button.setAttribute("aria-pressed", isActive ? "true" : "false");
});
try {
window.localStorage.setItem("hr-esd-language", activeLanguage);
} catch (error) {
/* Language preference will simply not persist. */
}
}
function getDefaultMessage() {
if (activeLanguage === "zh") {
return "您好 " + company + "，我想咨询人力资源、ESD 或工作准证服务。";
}
return "Hello " + company + ", I would like to enquire about your HR, ESD or work permit services.";
}
function updateWhatsAppLinks() {
root.querySelectorAll("[data-whatsapp-link]").forEach(function (item) {
item.href = "https://wa.me/" + whatsapp + "?text=" + encodeURIComponent(getDefaultMessage());
item.setAttribute("target", "_blank");
item.setAttribute("rel", "noopener");
});
}
root.querySelectorAll("[data-company-text]").forEach(function (item) {
item.textContent = company;
});
root.querySelectorAll("[data-current-year]").forEach(function (item) {
item.textContent = new Date().getFullYear();
});
root.querySelectorAll(".hr-lang-btn").forEach(function (button) {
button.addEventListener("click", function () {
applyLanguage(button.getAttribute("data-language"));
updateWhatsAppLinks();
});
});
root.querySelectorAll(".hr-faq-question").forEach(function (button) {
button.addEventListener("click", function () {
var item = button.closest(".hr-faq-item");
var willOpen = !item.classList.contains("is-open");
root.querySelectorAll(".hr-faq-item").forEach(function (faq) {
faq.classList.remove("is-open");
var faqButton = faq.querySelector(".hr-faq-question");
if (faqButton) faqButton.setAttribute("aria-expanded", "false");
});
if (willOpen) {
item.classList.add("is-open");
button.setAttribute("aria-expanded", "true");
}
});
});
root.querySelectorAll('a[href^="#"]').forEach(function (link) {
link.addEventListener("click", function (event) {
var target = root.querySelector(link.getAttribute("href"));
if (!target) return;
event.preventDefault();
target.scrollIntoView({ behavior: "smooth", block: "start" });
});
});
var form = root.querySelector("#hr-enquiry-form");
if (form) {
form.addEventListener("submit", function (event) {
event.preventDefault();
if (!form.checkValidity()) {
form.reportValidity();
return;
}
var formData = new FormData(form);
var message;
if (activeLanguage === "zh") {
message = [
"您好 " + company + "，我想预约咨询。",
"",
"姓名：" + formData.get("name"),
"联系电话：" + formData.get("phone"),
"公司名称：" + formData.get("company"),
"所需服务：" + formData.get("service"),
"详细情况：" + (formData.get("message") || "未提供")
].join("\n");
} else {
message = [
"Hello " + company + ", I would like to request a consultation.",
"",
"Name: " + formData.get("name"),
"Contact: " + formData.get("phone"),
"Company: " + formData.get("company"),
"Service: " + formData.get("service"),
"Details: " + (formData.get("message") || "Not provided")
].join("\n");
}
window.open(
"https://wa.me/" + whatsapp + "?text=" + encodeURIComponent(message),
"_blank",
"noopener"
);
});
}
var savedLanguage = "en";
try {
savedLanguage = window.localStorage.getItem("hr-esd-language") || "en";
} catch (error) {
savedLanguage = "en";
}
applyLanguage(savedLanguage);
updateWhatsAppLinks();
})();
</script>
</div>