.elementor-12 .elementor-element.elementor-element-fa87e1c{--display:flex;}.elementor-12 .elementor-element.elementor-element-caf740c{--display:flex;}.elementor-12 .elementor-element.elementor-element-b8e0201{--display:flex;}.elementor-12 .elementor-element.elementor-element-0ab3b2c{--display:flex;}.elementor-12 .elementor-element.elementor-element-130e9ac{--display:flex;}.elementor-12 .elementor-element.elementor-element-15f300c .wpr-author-box{text-align:center;}.elementor-12 .elementor-element.elementor-element-15f300c .wpr-author-box-image img{width:65px;border-radius:50px 50px 50px 50px;}.elementor-12 .elementor-element.elementor-element-15f300c.wpr-author-box-arrange-vertical .wpr-author-box-image{margin-bottom:0px;}.elementor-12 .elementor-element.elementor-element-15f300c.wpr-author-box-arrange-left .wpr-author-box-image{margin-right:0px;}.elementor-12 .elementor-element.elementor-element-15f300c.wpr-author-box-arrange-right .wpr-author-box-image{margin-left:0px;}.elementor-12 .elementor-element.elementor-element-15f300c .wpr-author-box-name{color:#605BE5;font-size:18px;font-weight:500;letter-spacing:0.2px;margin-top:15px;margin-bottom:10px;}.elementor-12 .elementor-element.elementor-element-15f300c .wpr-author-box-name a{color:#605BE5;}.elementor-12 .elementor-element.elementor-element-15f300c .wpr-author-box-title{color:#333333;font-size:15px;font-weight:500;margin-top:15px;margin-bottom:15px;}.elementor-12 .elementor-element.elementor-element-15f300c .wpr-author-box-title a{color:#333333;}.elementor-12 .elementor-element.elementor-element-15f300c .wpr-author-box-btn{color:#ffffff;background-color:#605BE5;transition-duration:0.1s;padding:5px 15px 5px 15px;border-style:none;border-radius:3px 3px 3px 3px;}.elementor-12 .elementor-element.elementor-element-15f300c .wpr-author-box-btn:hover{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-15f300c .wpr-author-box-btn:hover a{color:#ffffff;}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-795e9a4 */<style>
/* ===== HKRN HERO SECTION ===== */

.hkrn-hero{
    max-width:100%;
    margin:25px 0;
    font-family:Arial, Helvetica, sans-serif;
}

.hkrn-hero-box{
    background:#ffffff;
    border:1px solid #e0e0e0;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 3px 12px rgba(0,0,0,0.08);
}

/* Header (H1 style) */
.hkrn-hero-header{
    background:linear-gradient(135deg,#c62828,#a91f1f);
    color:#fff;
    padding:22px 25px;
    font-size:32px;
    font-weight:800;
    line-height:1.3;
}

/* Subtext */
.hkrn-hero-subtext{
    padding:22px 25px;
    font-size:17px;
    color:#333;
    line-height:1.9;
    background:#fafafa;
    border-top:1px solid #eee;
}

/* Highlight box */
.hkrn-hero-highlight{
    margin-top:15px;
    background:#fff5f5;
    border-left:5px solid #c62828;
    padding:18px;
    border-radius:6px;
    font-weight:500;
    color:#222;
}

/* Tag style */
.hkrn-tag{
    display:inline-block;
    margin-top:10px;
    background:#c62828;
    color:#fff;
    padding:6px 12px;
    font-size:13px;
    border-radius:4px;
}

/* Responsive */
@media (max-width:768px){

    .hkrn-hero-header{
        font-size:22px;
        padding:18px;
    }

    .hkrn-hero-subtext{
        padding:18px;
        font-size:16px;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-0404f4a */<style>
.hkrn-btn-wrap {
    text-align: center;
    margin: 20px 0;
}

.hkrn-btn {
    display: inline-block;
    background: #1e5eff;
    color: #ffffff;
    padding: 14px 28px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(30, 94, 255, 0.25);
}

.hkrn-btn:hover {
    background: #0f3fd1;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(15, 63, 209, 0.35);
}

@media (max-width: 600px) {
    .hkrn-btn {
        width: 100%;
        display: block;
        font-size: 15px;
        padding: 14px;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-70731a4 */<style>
.hkrn-section{
    max-width:1200px;
    margin:40px auto;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,0,0,.06);
    overflow:hidden;
    font-family:Arial,Helvetica,sans-serif;
}

.hkrn-body{
    padding:35px;
}

.hkrn-body h2{
    font-size:36px;
    color:#c62828;
    margin:0 0 25px;
    border-left:6px solid #c62828;
    padding-left:18px;
    line-height:1.3;
}

.hkrn-body p{
    font-size:18px;
    color:#444;
    line-height:1.9;
    margin-bottom:22px;
}

.hkrn-note{
    background:#fff6f6;
    border-left:4px solid #c62828;
    padding:18px 20px;
    color:#666;
    font-size:15px;
    line-height:1.8;
    margin:30px 0;
}

.hkrn-table{
    width:100%;
    border-collapse:collapse;
    margin-top:30px;
}

.hkrn-table th{
    background:#c62828;
    color:#fff;
    text-align:left;
    padding:16px;
    font-size:18px;
}

.hkrn-table td{
    padding:16px;
    border:1px solid #e6e6e6;
    font-size:17px;
}

.hkrn-table tr:nth-child(even){
    background:#fafafa;
}

@media(max-width:768px){

.hkrn-body{
    padding:20px;
}

.hkrn-body h2{
    font-size:28px;
}

.hkrn-body p{
    font-size:16px;
}

.hkrn-table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
}

}
</style>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-4ed87c0 */<style>
/* ================= HKRN APPLY SECTION ================= */

.hkrn-apply-wrapper{
    max-width:1200px;
    margin:50px auto;
    padding:0 20px;
    font-family:Arial, Helvetica, sans-serif;
}

/* Main card */
.hkrn-main-card{
    background:#fff;
    border-radius:18px;
    border:1px solid #ececec;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    overflow:hidden;
}

/* Header */
.hkrn-main-header{
    background:linear-gradient(135deg,#b71c1c,#e53935);
    color:#fff;
    padding:28px 30px;
}

.hkrn-main-header h2{
    margin:0;
    font-size:32px;
    font-weight:700;
    line-height:1.3;
}

/* Body */
.hkrn-main-body{
    padding:30px;
}

/* Steps */
.hkrn-steps{
    list-style:none;
    padding:0;
    margin:0;
    counter-reset:step;
}

.hkrn-steps li{
    position:relative;
    background:#fafafa;
    border:1px solid #eee;
    border-left:5px solid #d7262e;
    padding:16px 18px 16px 55px;
    margin-bottom:14px;
    border-radius:12px;
    font-size:16px;
    color:#444;
    line-height:1.6;
}

.hkrn-steps li:before{
    counter-increment:step;
    content:counter(step);
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    background:#d7262e;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:bold;
}

/* Section heading */
.hkrn-h3{
    margin:35px 0 15px;
    font-size:24px;
    color:#1f2937;
    font-weight:700;
    border-left:5px solid #d7262e;
    padding-left:12px;
}

/* Points box */
.hkrn-box{
    background:#fff5f5;
    border-left:5px solid #d7262e;
    padding:20px;
    border-radius:12px;
}

.hkrn-box ul{
    margin:0;
    padding-left:20px;
}

.hkrn-box li{
    margin-bottom:10px;
    color:#444;
    line-height:1.6;
}

/* Vacancy highlight */
.hkrn-highlight{
    background:#f9fbff;
    border:1px solid #dbeafe;
    border-left:5px solid #2563eb;
    padding:20px;
    border-radius:12px;
    color:#444;
    line-height:1.7;
}

/* Responsive */
@media(max-width:768px){

.hkrn-main-header h2{
    font-size:24px;
}

.hkrn-main-body{
    padding:20px;
}

.hkrn-steps li{
    font-size:15px;
    padding:14px 14px 14px 50px;
}

.hkrn-h3{
    font-size:20px;
}

}
</style>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-c2ba03a */<style>

/* ===== HKRN SECTION DESIGN ===== */

.hkrn-wrap{
    font-family:Arial, Helvetica, sans-serif;
    margin:25px 0;
}

.hkrn-box{
    background:#ffffff;
    border:1px solid #dddddd;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 3px 12px rgba(0,0,0,0.08);
}

/* Header */
.hkrn-header{
    background:linear-gradient(135deg,#c62828,#a91f1f);
    color:#fff;
    padding:18px 22px;
    font-size:28px;
    font-weight:700;
    line-height:1.4;
}

/* Body */
.hkrn-body{
    padding:25px;
    font-size:17px;
    color:#222;
    line-height:1.9;
}

/* Section title */
.hkrn-subtitle{
    font-size:20px;
    font-weight:700;
    color:#c62828;
    margin:20px 0 10px;
}

/* Paragraph spacing */
.hkrn-body p{
    margin-bottom:15px;
}

/* Steps box */
.hkrn-note{
    background:#f5f5f5;
    border-left:5px solid #c62828;
    padding:18px;
    border-radius:6px;
    margin-top:15px;
}

/* Document grid */
.hkrn-docs{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin-top:15px;
}

.hkrn-doc{
    background:#fff;
    border:1px solid #ddd;
    border-radius:8px;
    padding:12px 14px;
    font-weight:600;
    color:#333;
    position:relative;
}

.hkrn-doc::before{
    content:"✔";
    color:#2e7d32;
    font-weight:bold;
    margin-right:8px;
}

/* Responsive */
@media(max-width:768px){

    .hkrn-header{
        font-size:22px;
        padding:15px;
    }

    .hkrn-body{
        padding:18px;
        font-size:16px;
    }

    .hkrn-docs{
        grid-template-columns:1fr;
    }
}

</style>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-1e58f58 */<style>

/*=============================
HKRN Registration Steps
Part 1
==============================*/

.hkrn-steps-wrapper{
max-width:1200px;
margin:50px auto;
padding:0 20px;
font-family:Arial,Helvetica,sans-serif;
}

.hkrn-steps-title{
background:linear-gradient(135deg,#c71f25,#e53935);
color:#fff;
padding:22px 30px;
border-radius:14px;
margin-bottom:35px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.hkrn-steps-title h2{
margin:0;
font-size:34px;
font-weight:700;
}

.hkrn-steps-title p{
margin-top:10px;
font-size:17px;
opacity:.95;
line-height:1.7;
}

.hkrn-step-card{
background:#fff;
border-radius:16px;
overflow:hidden;
margin-bottom:35px;
box-shadow:0 12px 35px rgba(0,0,0,.08);
border:1px solid #ececec;
transition:.3s;
}

.hkrn-step-card:hover{
transform:translateY(-4px);
}

.hkrn-step-header{
display:flex;
align-items:center;
padding:18px 25px;
background:#fafafa;
border-bottom:1px solid #ececec;
}

.hkrn-step-number{
width:55px;
height:55px;
background:#d7262e;
color:#fff;
font-size:24px;
font-weight:bold;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
margin-right:18px;
flex-shrink:0;
}

.hkrn-step-header h3{
margin:0;
font-size:26px;
color:#222;
}

.hkrn-step-content{
padding:28px;
}

.hkrn-step-content p{
font-size:18px;
line-height:1.9;
color:#555;
margin-bottom:25px;
}

.hkrn-step-content img{
width:100%;
display:block;
border-radius:12px;
border:1px solid #ddd;
box-shadow:0 8px 25px rgba(0,0,0,.08);
transition:.3s;
}

.hkrn-step-content img:hover{
transform:scale(1.01);
}

@media(max-width:768px){

.hkrn-steps-title h2{
font-size:28px;
}

.hkrn-step-header{
padding:15px;
}

.hkrn-step-number{
width:46px;
height:46px;
font-size:20px;
margin-right:12px;
}

.hkrn-step-header h3{
font-size:21px;
}

.hkrn-step-content{
padding:18px;
}

.hkrn-step-content p{
font-size:16px;
line-height:1.8;
}

}

</style>
<!-- STEP 6 -->

<div class="hkrn-step-card">

<div class="hkrn-step-header">
<div class="hkrn-step-number">6</div>
<h3>Add Work Experience Details</h3>
</div>

<div class="hkrn-step-content">

<p>
If you have any previous work experience, enter the details such as employer name, job role, duration of employment, and relevant skills. Fresh candidates can skip this step if no experience is available.
</p>

<img src="https://www.hkrnportal.com/wp-content/uploads/2026/06/Step-6.jpg" alt="HKRN Registration Step 6 - Add Work Experience" loading="lazy">

</div>

</div>


<!-- STEP 7 -->

<div class="hkrn-step-card">

<div class="hkrn-step-header">
<div class="hkrn-step-number">7</div>
<h3>Upload Photograph, Signature & Required Documents</h3>
</div>

<div class="hkrn-step-content">

<p>
Upload your recent passport-size photograph, scanned signature, educational certificates, Aadhaar Card, and other required documents in the specified format and size. Make sure every uploaded file is clear and readable.
</p>

<img src="https://www.hkrnportal.com/wp-content/uploads/2026/06/Sterp-7.jpg" alt="HKRN Registration Step 7 - Upload Documents" loading="lazy">

</div>

</div>


<!-- STEP 8 -->

<div class="hkrn-step-card">

<div class="hkrn-step-header">
<div class="hkrn-step-number">8</div>
<h3>Review All Entered Details Carefully</h3>
</div>

<div class="hkrn-step-content">

<p>
Before submitting the application, carefully review your personal information, educational qualifications, uploaded documents, and contact details. Correct any mistakes before moving to the final submission.
</p>

<img src="https://www.hkrnportal.com/wp-content/uploads/2026/06/Step-8.jpg" alt="HKRN Registration Step 8 - Review Details" loading="lazy">

</div>

</div>


<!-- STEP 9 -->

<div class="hkrn-step-card">

<div class="hkrn-step-header">
<div class="hkrn-step-number">9</div>
<h3>Submit the Registration Form</h3>
</div>

<div class="hkrn-step-content">

<p>
Once you have verified all the information, click on the <strong>Submit</strong> button to complete your HKRN registration successfully. After submission, no further changes may be allowed without following the official correction process.
</p>

<img src="https://www.hkrnportal.com/wp-content/uploads/2026/06/Step-9.jpg" alt="HKRN Registration Step 9 - Submit Form" loading="lazy">

</div>

</div>


<!-- STEP 10 -->

<div class="hkrn-step-card">

<div class="hkrn-step-header">
<div class="hkrn-step-number">10</div>
<h3>Save Your Registration ID & Password</h3>
</div>

<div class="hkrn-step-content">

<p>
After successful registration, your Registration ID and login credentials will be generated. Save these details securely because they are required for future login, application tracking, profile updates, and applying for HKRN job opportunities.
</p>

<img src="https://www.hkrnportal.com/wp-content/uploads/2026/06/Sttep-10.jpg" alt="HKRN Registration Step 10 - Registration Successful" loading="lazy">

</div>

</div>


<!-- IMPORTANT TIPS -->

<div style="background:#fff7f7;border-left:6px solid #d7262e;border-radius:14px;padding:30px;margin-top:40px;box-shadow:0 10px 30px rgba(0,0,0,.06);">

<h3 style="margin-top:0;color:#c71f25;font-size:28px;">
📌 Important Tips for HKRN Registration
</h3>

<ul style="margin:20px 0 0;padding-left:22px;line-height:2;font-size:17px;color:#444;">

<li>Use your own active mobile number and email ID for OTP verification.</li>

<li>Ensure all personal details exactly match your Aadhaar Card and educational documents.</li>

<li>Upload only clear and valid scanned documents in the prescribed format.</li>

<li>Double-check all information before clicking the Submit button.</li>

<li>Keep your Registration ID and Password in a safe place for future login and job applications.</li>

<li>Regularly log in to your HKRN account to check profile updates and new job notifications.</li>

</ul>

</div>

</section>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-1d758b3 */<style>
.hkrn-section{
    max-width:1200px;
    margin:40px auto;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:12px;
    box-shadow:0 8px 20px rgba(0,0,0,.06);
    overflow:hidden;
    font-family:Arial,Helvetica,sans-serif;
}

.hkrn-heading{
    background:#c62828;
    color:#fff;
    padding:18px 30px;
    font-size:30px;
    font-weight:700;
}

.hkrn-content{
    padding:30px;
}

.hkrn-content h3{
    color:#c62828;
    font-size:28px;
    margin:0 0 18px;
    border-left:5px solid #c62828;
    padding-left:15px;
}

.hkrn-content ul{
    margin:0 0 35px 22px;
    padding:0;
}

.hkrn-content li{
    font-size:18px;
    line-height:1.9;
    color:#444;
    margin-bottom:8px;
}

@media(max-width:768px){

.hkrn-heading{
    font-size:24px;
    padding:15px 20px;
}

.hkrn-content{
    padding:20px;
}

.hkrn-content h3{
    font-size:23px;
}

.hkrn-content li{
    font-size:16px;
}

}
</style>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-efd72d9 */<style> /* =========================== HKRN Login Section =========================== */ .hkrn-login-wrapper{ max-width:1200px; margin:50px auto; padding:0 20px; font-family:Arial,Helvetica,sans-serif; } .hkrn-login-card{ background:#ffffff; border-radius:18px; overflow:hidden; box-shadow:0 15px 40px rgba(0,0,0,.08); border:1px solid #ececec; } .hkrn-login-header{ background:linear-gradient(135deg,#c81f25,#e53935); color:#fff; padding:32px 35px; } .hkrn-login-header h2{ margin:0; font-size:34px; line-height:1.3; font-weight:700; } .hkrn-login-content{ padding:40px; } .hkrn-login-content p{ font-size:17px; line-height:1.9; color:#555; margin-bottom:25px; } /* Heading */ .hkrn-subtitle{ font-size:28px; color:#222; margin:50px 0 25px; padding-left:18px; border-left:6px solid #d7262e; font-weight:700; } /* Login Types */ .hkrn-login-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-bottom:40px; } .hkrn-login-box{ display:flex; gap:18px; align-items:flex-start; background:#fafafa; border:1px solid #ececec; border-radius:14px; padding:22px; transition:.35s; } .hkrn-login-box:hover{ background:#fff; transform:translateY(-5px); box-shadow:0 10px 25px rgba(0,0,0,.08); } .hkrn-icon{ width:52px; height:52px; min-width:52px; border-radius:50%; background:#d7262e; color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:bold; } .hkrn-login-box h4{ margin:0 0 8px; color:#222; font-size:20px; } .hkrn-login-box p{ margin:0; font-size:16px; line-height:1.7; color:#666; } /* Steps */ .hkrn-steps{ counter-reset:step; margin-top:15px; } .hkrn-steps li{ list-style:none; position:relative; padding:18px 20px 18px 75px; margin-bottom:18px; background:#fafafa; border-left:5px solid #d7262e; border-radius:12px; line-height:1.8; color:#444; } .hkrn-steps li:before{ counter-increment:step; content:counter(step); position:absolute; left:18px; top:50%; transform:translateY(-50%); width:38px; height:38px; border-radius:50%; background:#d7262e; color:#fff; font-weight:bold; display:flex; align-items:center; justify-content:center; } /* Benefits */ .hkrn-feature-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:25px; } .hkrn-feature{ background:#fff7f7; border-left:5px solid #d7262e; padding:18px; border-radius:12px; font-size:16px; color:#444; } /* Forgot Password */ .hkrn-forgot{ background:#fff4f4; border:1px solid #ffd6d6; border-radius:16px; padding:30px; margin-top:45px; } .hkrn-note{ margin-top:35px; background:#eef8ff; border-left:5px solid #0b7dda; padding:20px; border-radius:10px; color:#444; font-size:16px; line-height:1.8; } /* Responsive */ @media(max-width:991px){ .hkrn-login-grid, .hkrn-feature-list{ grid-template-columns:1fr; } } @media(max-width:768px){ .hkrn-login-header{ padding:24px; } .hkrn-login-header h2{ font-size:28px; } .hkrn-login-content{ padding:22px; } .hkrn-subtitle{ font-size:24px; } .hkrn-login-box{ padding:18px; } .hkrn-steps li{ padding:18px 15px 18px 68px; } } </style>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-ac718a0 */<style>
/*=============================
 HKRN Salary Section
==============================*/

.hkrn-salary-wrap{
    max-width:1200px;
    margin:50px auto;
    padding:0 20px;
    font-family:Arial,Helvetica,sans-serif;
    color:#333;
}

.hkrn-salary-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    border:1px solid #ececec;
}

.hkrn-salary-header{
    background:linear-gradient(135deg,#b71c1c,#d32f2f);
    color:#fff;
    padding:35px;
}

.hkrn-salary-header h2{
    margin:0;
    font-size:34px;
    font-weight:700;
    line-height:1.4;
}

.hkrn-salary-header p{
    margin-top:15px;
    font-size:17px;
    opacity:.95;
    line-height:1.8;
}

.hkrn-salary-content{
    padding:40px;
}

.hkrn-block{
    margin-bottom:45px;
}

.hkrn-block h3{
    font-size:28px;
    color:#c62828;
    margin-bottom:20px;
    position:relative;
    padding-left:18px;
}

.hkrn-block h3:before{
    content:'';
    position:absolute;
    left:0;
    top:4px;
    width:6px;
    height:30px;
    background:#d32f2f;
    border-radius:10px;
}

.hkrn-block p{
    font-size:17px;
    line-height:1.9;
    color:#555;
}

.hkrn-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:25px;
}

.hkrn-feature{
    display:flex;
    align-items:flex-start;
    background:#fafafa;
    border-left:5px solid #d32f2f;
    padding:18px;
    border-radius:12px;
    transition:.3s;
    border:1px solid #ededed;
}

.hkrn-feature:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    background:#fff;
}

.hkrn-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#d32f2f;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:bold;
    margin-right:15px;
    flex-shrink:0;
}

.hkrn-feature span{
    font-size:17px;
    line-height:1.7;
}

.hkrn-table{
    overflow-x:auto;
    margin-top:25px;
}

.hkrn-table table{
    width:100%;
    border-collapse:collapse;
    min-width:650px;
}

.hkrn-table th{
    background:#d32f2f;
    color:#fff;
    padding:16px;
    text-align:left;
    font-size:17px;
}

.hkrn-table td{
    padding:16px;
    border:1px solid #ececec;
    font-size:16px;
}

.hkrn-table tr:nth-child(even){
    background:#fafafa;
}

.hkrn-note{
    background:#fff6e8;
    border-left:5px solid #ff9800;
    padding:20px;
    border-radius:10px;
    margin-top:20px;
    line-height:1.8;
    color:#555;
}

.hkrn-benefits{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:25px;
}

.hkrn-benefit{
    background:#fafafa;
    border:1px solid #ececec;
    border-radius:12px;
    padding:20px;
    display:flex;
    align-items:center;
    transition:.3s;
}

.hkrn-benefit:hover{
    background:#fff;
    transform:translateY(-4px);
    box-shadow:0 10px 22px rgba(0,0,0,.08);
}

.hkrn-benefit i{
    font-style:normal;
    font-size:28px;
    margin-right:15px;
}

@media(max-width:768px){

.hkrn-salary-header{
padding:25px;
}

.hkrn-salary-header h2{
font-size:28px;
}

.hkrn-salary-content{
padding:25px;
}

.hkrn-block h3{
font-size:23px;
}

.hkrn-feature-grid,
.hkrn-benefits{
grid-template-columns:1fr;
}

}
</style>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-bec24b6 */<style>
/* ===== HKRN Recruitment Section ===== */

.hkrn-recruitment-section{
    max-width:1200px;
    margin:50px auto;
    padding:0 20px;
    font-family:Arial, Helvetica, sans-serif;
}

.hkrn-recruitment-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.hkrn-recruitment-header{
    background:linear-gradient(135deg,#c91d24,#e53935);
    color:#fff;
    padding:30px 35px;
}

.hkrn-recruitment-header h2{
    margin:0;
    font-size:34px;
    font-weight:700;
    line-height:1.4;
}

.hkrn-recruitment-content{
    padding:35px;
}

.hkrn-recruitment-content p{
    margin:0;
    font-size:18px;
    color:#555;
    line-height:1.9;
}

.hkrn-recruitment-content a{
    color:#d7262e;
    font-weight:700;
    text-decoration:none;
}

.hkrn-recruitment-content a:hover{
    text-decoration:underline;
}

@media(max-width:768px){

.hkrn-recruitment-header{
    padding:22px;
}

.hkrn-recruitment-header h2{
    font-size:28px;
}

.hkrn-recruitment-content{
    padding:22px;
}

.hkrn-recruitment-content p{
    font-size:16px;
}

}
</style>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-2efd998 */<style> /*============================== HKRN Recruitment Information Section Premium Responsive Design ===============================*/ .hkrn-recruitment-wrapper{ max-width:1200px; margin:50px auto; padding:0 20px; font-family:Arial, Helvetica, sans-serif; } .hkrn-section{ background:#ffffff; border:1px solid #ededed; border-radius:18px; overflow:hidden; margin-bottom:35px; box-shadow:0 12px 35px rgba(0,0,0,.08); } .hkrn-heading{ background:linear-gradient(135deg,#c91d24,#e53935); color:#fff; padding:22px 30px; font-size:30px; font-weight:700; line-height:1.4; } .hkrn-content{ padding:35px; } .hkrn-content p{ font-size:17px; color:#555; line-height:1.8; margin-bottom:25px; } .hkrn-step-list{ counter-reset:step; } .hkrn-step{ display:flex; align-items:flex-start; margin-bottom:18px; background:#fafafa; border-left:5px solid #d7262e; padding:18px; border-radius:12px; transition:.3s; } .hkrn-step:hover{ background:#fff; transform:translateY(-4px); box-shadow:0 8px 20px rgba(0,0,0,.08); } .hkrn-step-number{ width:42px; height:42px; min-width:42px; border-radius:50%; background:#d7262e; color:#fff; display:flex; justify-content:center; align-items:center; font-size:18px; font-weight:bold; margin-right:18px; } .hkrn-step-text{ font-size:17px; color:#333; line-height:1.7; } .hkrn-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; } .hkrn-card{ display:flex; align-items:flex-start; background:#fafafa; border:1px solid #ececec; border-left:5px solid #d7262e; padding:18px; border-radius:12px; transition:.3s; } .hkrn-card:hover{ background:#fff; transform:translateY(-4px); box-shadow:0 8px 20px rgba(0,0,0,.08); } .hkrn-icon{ width:42px; height:42px; min-width:42px; border-radius:50%; background:#d7262e; color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; margin-right:15px; } .hkrn-text{ font-size:17px; color:#333; line-height:1.7; } .hkrn-note{ margin-top:30px; background:#fff7f7; border-left:5px solid #d7262e; padding:20px; border-radius:10px; color:#555; line-height:1.8; } @media(max-width:768px){ .hkrn-heading{ font-size:24px; padding:18px; } .hkrn-content{ padding:22px; } .hkrn-grid{ grid-template-columns:1fr; } .hkrn-step{ padding:15px; } .hkrn-card{ padding:15px; } .hkrn-text, .hkrn-step-text{ font-size:16px; } } </style>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-c790934 */<style>
/*=============================
 HKRN JOB SECURITY SECTION
==============================*/

.hkrn-security-section{
    max-width:1200px;
    margin:50px auto;
    padding:0 20px;
    font-family:Arial,Helvetica,sans-serif;
}

.hkrn-security-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.hkrn-security-header{
    background:linear-gradient(135deg,#be1f28,#e53935);
    color:#fff;
    padding:35px;
}

.hkrn-security-header h2{
    margin:0;
    font-size:34px;
    font-weight:700;
    line-height:1.3;
}

.hkrn-security-content{
    padding:35px;
}

.hkrn-security-content p{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:22px;
}

.hkrn-subtitle{
    font-size:28px;
    font-weight:700;
    color:#1f2937;
    margin:35px 0 20px;
    padding-left:15px;
    border-left:6px solid #d7262e;
}

.hkrn-highlight{
    background:#fff7f7;
    border-left:5px solid #d7262e;
    padding:22px;
    border-radius:10px;
    margin-bottom:30px;
}

.hkrn-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
    margin-top:25px;
}

.hkrn-feature{
    background:#fafafa;
    border:1px solid #ececec;
    border-radius:14px;
    padding:22px;
    display:flex;
    align-items:flex-start;
    transition:.35s;
}

.hkrn-feature:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 28px rgba(0,0,0,.08);
    background:#fff;
}

.hkrn-icon{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#d7262e;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    margin-right:18px;
    flex-shrink:0;
}

.hkrn-feature h4{
    margin:0 0 8px;
    color:#222;
    font-size:19px;
}

.hkrn-feature p{
    margin:0;
    font-size:15px;
    line-height:1.7;
    color:#666;
}

.hkrn-note{
    margin-top:35px;
    background:#eef7ff;
    border-left:5px solid #0077c8;
    padding:22px;
    border-radius:10px;
    font-size:16px;
    color:#444;
    line-height:1.8;
}

@media(max-width:768px){

.hkrn-security-header{
padding:25px;
}

.hkrn-security-header h2{
font-size:28px;
}

.hkrn-security-content{
padding:22px;
}

.hkrn-subtitle{
font-size:24px;
}

.hkrn-feature-grid{
grid-template-columns:1fr;
}

.hkrn-feature{
padding:18px;
}

}
</style>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-a4e5f06 */<style>

/*==============================
HKRN GRIEVANCE TIMELINE
===============================*/

.hkrn-grievance-section{
    max-width:1200px;
    margin:50px auto;
    padding:0 20px;
    font-family:Arial,Helvetica,sans-serif;
}

.hkrn-grievance-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.hkrn-grievance-header{
    background:linear-gradient(135deg,#be1f28,#e53935);
    color:#fff;
    padding:30px;
}

.hkrn-grievance-header h3{
    margin:0;
    font-size:32px;
    font-weight:700;
}

.hkrn-grievance-body{
    padding:35px;
}

.hkrn-grievance-body p{
    color:#555;
    font-size:17px;
    line-height:1.9;
}

.hkrn-timeline{
    position:relative;
    margin-top:40px;
    padding-left:35px;
}

.hkrn-timeline:before{
    content:'';
    position:absolute;
    left:22px;
    top:0;
    bottom:0;
    width:4px;
    background:#e53935;
}

.hkrn-step{
    position:relative;
    margin-bottom:35px;
    background:#fafafa;
    border:1px solid #ececec;
    border-radius:14px;
    padding:22px 25px 22px 70px;
    transition:.35s;
}

.hkrn-step:hover{
    transform:translateY(-4px);
    background:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.hkrn-number{
    position:absolute;
    left:-15px;
    top:20px;
    width:42px;
    height:42px;
    background:#d7262e;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    font-size:18px;
    border:4px solid #fff;
    box-shadow:0 0 0 3px #d7262e;
}

.hkrn-step h4{
    margin:0 0 10px;
    font-size:20px;
    color:#222;
}

.hkrn-step p{
    margin:0;
    font-size:16px;
    line-height:1.8;
    color:#666;
}

.hkrn-tip-box{
    margin-top:35px;
    background:#eef8ff;
    border-left:5px solid #0077c8;
    border-radius:10px;
    padding:22px;
}

.hkrn-tip-box strong{
    color:#0c4f88;
}

@media(max-width:768px){

.hkrn-grievance-header{
padding:24px;
}

.hkrn-grievance-header h3{
font-size:26px;
}

.hkrn-grievance-body{
padding:22px;
}

.hkrn-timeline{
padding-left:25px;
}

.hkrn-step{
padding:18px 18px 18px 60px;
}

.hkrn-step h4{
font-size:18px;
}

}

</style>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-cd4ce7c */<style>

/*=================================
HKRN COMMON ISSUES & TIPS
==================================*/

.hkrn-support-section{
    max-width:1200px;
    margin:50px auto;
    padding:0 20px;
    font-family:Arial,Helvetica,sans-serif;
}

.hkrn-support-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.hkrn-support-header{
    background:linear-gradient(135deg,#c61e28,#e53935);
    color:#fff;
    padding:30px;
}

.hkrn-support-header h3{
    margin:0;
    font-size:32px;
    font-weight:700;
}

.hkrn-support-body{
    padding:35px;
}

.hkrn-support-body>p{
    font-size:17px;
    color:#555;
    line-height:1.8;
    margin-bottom:30px;
}

/* Section Heading */

.hkrn-title{
    font-size:28px;
    font-weight:700;
    color:#222;
    margin:10px 0 25px;
    padding-left:15px;
    border-left:5px solid #d7262e;
}

/* Issue Cards */

.hkrn-issue-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
    margin-bottom:45px;
}

.hkrn-issue{
    display:flex;
    align-items:flex-start;
    background:#fafafa;
    border:1px solid #ececec;
    border-radius:14px;
    padding:22px;
    transition:.35s;
}

.hkrn-issue:hover{
    background:#fff;
    transform:translateY(-5px);
    box-shadow:0 10px 22px rgba(0,0,0,.08);
}

.hkrn-issue-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:50%;
    background:#d7262e;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    margin-right:18px;
}

.hkrn-issue h4{
    margin:0 0 8px;
    font-size:19px;
    color:#222;
}

.hkrn-issue p{
    margin:0;
    color:#666;
    line-height:1.7;
    font-size:15px;
}

/* Tips */

.hkrn-checklist{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.hkrn-check{
    display:flex;
    align-items:flex-start;
    background:#f5fff8;
    border-left:5px solid #28a745;
    border-radius:12px;
    padding:18px;
}

.hkrn-check span{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:50%;
    background:#28a745;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    margin-right:15px;
}

.hkrn-check p{
    margin:0;
    color:#555;
    font-size:16px;
    line-height:1.7;
}

/* Notice */

.hkrn-final-note{
    margin-top:40px;
    background:#fff7e8;
    border-left:5px solid #ff9800;
    border-radius:12px;
    padding:24px;
    color:#555;
    line-height:1.8;
    font-size:16px;
}

.hkrn-final-note strong{
    color:#a55d00;
}

@media(max-width:768px){

.hkrn-support-header{
padding:24px;
}

.hkrn-support-header h3{
font-size:27px;
}

.hkrn-support-body{
padding:22px;
}

.hkrn-title{
font-size:24px;
}

.hkrn-issue-grid,
.hkrn-checklist{
grid-template-columns:1fr;
}

.hkrn-issue{
padding:18px;
}

}

</style>/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-0afe272 */<style> /* ===== HKRN Premium FAQ Section ===== */ .hkrn-faq-section{ max-width:1200px; margin:50px auto; padding:0 20px; font-family:Arial,Helvetica,sans-serif; } .hkrn-faq-card{ background:#fff; border-radius:18px; overflow:hidden; border:1px solid #ececec; box-shadow:0 12px 35px rgba(0,0,0,.08); } .hkrn-faq-header{ background:linear-gradient(135deg,#c91d24,#e53935); padding:35px; color:#fff; } .hkrn-faq-header h2{ margin:0; font-size:36px; font-weight:700; line-height:1.3; } .hkrn-faq-header p{ margin:12px 0 0; font-size:17px; color:#ffecec; line-height:1.8; } .hkrn-faq-body{ padding:35px; } .hkrn-faq-item{ border:1px solid #ececec; border-radius:12px; overflow:hidden; margin-bottom:18px; background:#fff; transition:.3s; } .hkrn-faq-item:hover{ box-shadow:0 8px 18px rgba(0,0,0,.08); } .hkrn-faq-item summary{ list-style:none; cursor:pointer; padding:22px 24px; font-size:18px; font-weight:700; color:#222; display:flex; justify-content:space-between; align-items:center; transition:.3s; } .hkrn-faq-item summary::-webkit-details-marker{ display:none; } .hkrn-faq-item summary:after{ content:"+"; font-size:28px; color:#d7262e; transition:.3s; } .hkrn-faq-item[open] summary{ background:#fff5f5; color:#c91d24; } .hkrn-faq-item[open] summary:after{ content:"–"; } .hkrn-faq-content{ padding:0 24px 24px; font-size:17px; color:#555; line-height:1.9; } .hkrn-highlight{ color:#d7262e; font-weight:700; } .hkrn-note{ margin-top:35px; padding:20px 24px; background:#fff8f8; border-left:5px solid #d7262e; border-radius:10px; font-size:16px; color:#555; line-height:1.8; } @media(max-width:768px){ .hkrn-faq-header{ padding:25px; } .hkrn-faq-header h2{ font-size:28px; } .hkrn-faq-header p{ font-size:16px; } .hkrn-faq-body{ padding:20px; } .hkrn-faq-item summary{ font-size:16px; padding:18px; } .hkrn-faq-content{ padding:0 18px 18px; font-size:16px; } } </style>/* End custom CSS */