\n\n
<!-- SPECIAL_PROGRAM_COURSE_ENGLISH_FIX_START -->
<script>
document.addEventListener('DOMContentLoaded', function () {
    if (!(window.location.href.includes('special') || window.location.href.includes('pleasantville-copy'))) return;

    function normalizeCourseUI() {
        const labels = Array.from(document.querySelectorAll('label.input-label'));
        labels.forEach(label => {
            const txt = (label.textContent || '').trim().toLowerCase();
            if (txt.includes('curso') || txt.includes('select course')) {
                label.textContent = 'Select Course:';
            }
        });

        const selects = Array.from(document.querySelectorAll('select')).filter(el => el.id !== 'country_select_77');
        if (!selects.length) return;

        const courseSelect = findCourseSelectElement();

        Array.from(courseSelect.options).forEach(opt => {
            const t = (opt.textContent || '').trim().toLowerCase();
            if (t === 'seleccione un curso' || t === 'selecciona un curso') opt.textContent = 'Select a Course';
            if (t === 'select an option' || t === 'seleccione una opción' || t === 'seleccione una opcion') opt.textContent = 'Select an Option';
        });
    }

    function loadCoursesInEnglish() {
        fetch('/api/pending-courses')
            .then(r => r.json())
            .then(data => {
                if (!Array.isArray(data)) return;

                const selects = Array.from(document.querySelectorAll('select')).filter(el => el.id !== 'country_select_77');
                if (!selects.length) return;

                const courseSelect = findCourseSelectElement();
                courseSelect.innerHTML = '';

                const first = document.createElement('option');
                first.value = '';
                first.textContent = 'Select a Course';
                courseSelect.appendChild(first);

                data.forEach(item => {
                    const opt = document.createElement('option');
                    if (typeof item === 'string') {
                        opt.value = item;
                        opt.textContent = item;
                    } else {
                        opt.value = item.id || item.value || item.slug || '';
                        opt.textContent = item.title || item.name || item.label || item.course_title || 'Course';
                    }
                    courseSelect.appendChild(opt);
                });

                normalizeCourseUI();
            })
            .catch(() => normalizeCourseUI());
    }

    normalizeCourseUI();
    setTimeout(normalizeCourseUI, 300);
    setTimeout(normalizeCourseUI, 1200);
    setTimeout(loadCoursesInEnglish, 500);
});
</script>
<!-- SPECIAL_PROGRAM_COURSE_ENGLISH_FIX_END -->
\n

<script>
// PLEASANTVILLE_COURSE_SELECTOR_REFRESH_20260418
document.addEventListener('DOMContentLoaded', function () {
    setTimeout(function () {
        const sel = (typeof findCourseSelectElement === 'function') ? findCourseSelectElement() : null;
        if (sel && window.jQuery) {
            const $sel = window.jQuery(sel);
            $sel.trigger('change');
            if ($sel.hasClass('select2-hidden-accessible')) {
                $sel.trigger('change.select2');
            }
        }
    }, 1500);
});
</script>


<script>
/* PLEASANTVILLE_FORCE_DOB_AND_COURSE_UI_20260418 */
document.addEventListener('DOMContentLoaded', function () {
    if (!window.location.href.includes('pleasantville-copy')) return;

    function getUrlParameter(name) {
        name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
        var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
        var results = regex.exec(location.search);
        return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
    }

    const autoSelectWebinarId = getUrlParameter('webinar_id');

    function findGroupByLabel(matchers) {
        const labels = Array.from(document.querySelectorAll('label.input-label, label'));
        for (const label of labels) {
            const txt = (label.textContent || '').trim().toLowerCase();
            if (matchers.some(m => txt.includes(m))) {
                return label.closest('.form-group, .col-md-6, .col-md-12, .row') || label.parentElement;
            }
        }
        return null;
    }

    function forceCourseSelect() {
        const group = findGroupByLabel(['courses', 'course', 'curso']);
        if (!group) return;

        let field = group.querySelector('select');
        if (!field) {
            const oldInput = group.querySelector('input');
            if (!oldInput) return;

            const select = document.createElement('select');
            select.className = oldInput.className || 'form-control';
            select.name = oldInput.name || 'webinar_id';
            select.id = oldInput.id || 'pleasantville_course_select';

            oldInput.style.display = 'none';
            oldInput.disabled = true;
            oldInput.parentNode.insertBefore(select, oldInput.nextSibling);
            field = select;
        }

        field.innerHTML = '';

        const first = document.createElement('option');
        first.value = '';
        first.textContent = 'Select a Course';
        field.appendChild(first);

        [
            { id: '2517', title: 'ELECTRICITY' },
            { id: '2515', title: 'HVAC' }
        ].forEach(function (item) {
            const opt = document.createElement('option');
            opt.value = item.id;
            opt.textContent = item.id + ' - ' + item.title;
            field.appendChild(opt);
        });

        if (autoSelectWebinarId === '2517' || autoSelectWebinarId === '2515') {
            field.value = autoSelectWebinarId;
        }

        if (window.jQuery) {
            const $field = window.jQuery(field);
            $field.trigger('change');
            if ($field.hasClass('select2-hidden-accessible')) {
                $field.trigger('change.select2');
            }
        }
    }

    function forceDobThreeFields() {
        const group = findGroupByLabel(['date of birth', 'birthdate', 'fecha de nacimiento']);
        if (!group) return;
        if (group.querySelector('.pleasantville-dob-wrap')) return;

        let original = group.querySelector('input.form-control, input[type="text"], input[type="date"]');
        if (!original) return;

        const originalName = original.getAttribute('name');
        if (!originalName) return;

        original.setAttribute('type', 'hidden');
        original.style.display = 'none';
        original.style.width = '0';
        original.style.height = '0';
        original.style.padding = '0';
        original.style.margin = '0';
        original.style.border = '0';
        original.style.opacity = '0';
        original.classList.add('pleasantville-original-dob-hidden');

        const wrap = document.createElement('div');
        wrap.className = 'pleasantville-dob-wrap';
        wrap.style.display = 'grid';
        wrap.style.gridTemplateColumns = 'repeat(3, minmax(120px, 1fr))';
        wrap.style.gap = '12px';
        wrap.style.marginTop = '10px';
        wrap.style.alignItems = 'center';
        wrap.style.maxWidth = '520px';

        const month = document.createElement('select');
        month.className = 'form-control pleasantville-dob-month';
        const day = document.createElement('select');
        day.className = 'form-control pleasantville-dob-day';
        const year = document.createElement('select');
        year.className = 'form-control pleasantville-dob-year';

        function addPlaceholder(sel, txt) {
            const opt = document.createElement('option');
            opt.value = '';
            opt.textContent = txt;
            sel.appendChild(opt);
        }

        addPlaceholder(month, 'Month');
        addPlaceholder(day, 'Day');
        addPlaceholder(year, 'Year');

        [
            '01','02','03','04','05','06','07','08','09','10','11','12'
        ].forEach(function(v, i){
            const opt = document.createElement('option');
            opt.value = v;
            opt.textContent = v;
            month.appendChild(opt);
        });

        for (let i = 1; i <= 31; i++) {
            const v = String(i).padStart(2, '0');
            const opt = document.createElement('option');
            opt.value = v;
            opt.textContent = v;
            day.appendChild(opt);
        }

        const currentYear = new Date().getFullYear();
        for (let y = currentYear; y >= 1930; y--) {
            const opt = document.createElement('option');
            opt.value = String(y);
            opt.textContent = String(y);
            year.appendChild(opt);
        }

        function syncDob() {
            if (month.value && day.value && year.value) {
                original.value = month.value + '/' + day.value + '/' + year.value;
            } else {
                original.value = '';
            }
        }

        [month, day, year].forEach(function(el){
            el.addEventListener('change', syncDob);
            el.addEventListener('input', syncDob);
        });

        const existing = (original.value || '').trim();
        const m1 = existing.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
        const m2 = existing.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/);

        if (m1) {
            month.value = String(m1[1]).padStart(2,'0');
            day.value = String(m1[2]).padStart(2,'0');
            year.value = String(m1[3]);
        } else if (m2) {
            month.value = String(m2[2]).padStart(2,'0');
            day.value = String(m2[3]).padStart(2,'0');
            year.value = String(m2[1]);
        }

        syncDob();

        wrap.appendChild(month);
        wrap.appendChild(day);
        wrap.appendChild(year);

        original.parentNode.insertBefore(wrap, original.nextSibling);

        const labels = Array.from(document.querySelectorAll('label.input-label, label'));
        labels.forEach(function(label){
            const txt = (label.textContent || '').trim().toLowerCase();
            if (txt.includes('date of birth') || txt.includes('birthdate') || txt.includes('fecha de nacimiento')) {
                label.textContent = 'Date of Birth';
            }
        });
    }

    function runAll() {
        forceCourseSelect();
        forceDobThreeFields();
    }

    runAll();
    setTimeout(runAll, 300);
    setTimeout(runAll, 900);
    setTimeout(runAll, 1800);
});
</script>



<style>
/* PLEASANTVILLE_FORM_UI_CSS_20260418 */
.pleasantville-dob-wrap select{
    min-height:48px;
    border-radius:10px;
}
.pleasantville-original-dob-hidden{
    display:none !important;
    width:0 !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple{
    min-height:48px;
    border-radius:10px;
}
</style>

<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="utf-8">
<!-- CSRF Token -->
<meta name="csrf-token" content="Gl6nWkni5b7GzfifG3OqPHdVUFHk4jz99uboRYVB">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<meta name="robots" content="NOODP, nofollow, noindex">


<!-- Favicon y Manifest -->
<link rel="shortcut icon" type="image/x-icon" href="https://hudsontrainingcenter.com/store/1/favicon.png">
<link rel="manifest" href="/mix-manifest.json?v=4">
<meta name="theme-color" content="#FFF">
<meta name="msapplication-starturl" content="/">
<meta name="msapplication-TileColor" content="#FFF">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="apple-mobile-web-app-title" content="Hudson Training Center Inc">
<link rel="apple-touch-icon" href="https://hudsontrainingcenter.com/store/1/favicon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="icon" href="https://hudsontrainingcenter.com/store/1/favicon.png">
<meta name="application-name" content="Hudson Training Center Inc">
<meta name="mobile-web-app-capable" content="yes">
<meta name="layoutmode" content="fitscreen/standard">
<link rel="home" href="https://hudsontrainingcenter.com">

<!-- Open Graph -->
<meta property="og:title" content="Welcome to">
<meta property="og:site_name" content="Hudson Training Center Inc">
<meta property="og:url" content="https://hudsontrainingcenter.com/forms/qr">
<meta property="og:type" content="website">
<meta property="og:image" content="https://hudsontrainingcenter.com">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Descripción breve de la imagen">
<meta property="og:locale" content="en_US">

<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Welcome to">
<meta name="twitter:image" content="https://hudsontrainingcenter.com">
<meta name="twitter:image:alt" content="Descripción breve de la imagen">
<meta name="twitter:site" content="@TuCuentaTwitter">


    <title>Welcome to | Hudson Training Center Inc</title>

    <!-- General CSS File -->
    <link rel="stylesheet" href="/assets/default/vendors/sweetalert2/dist/sweetalert2.min.css">
    <link rel="stylesheet" href="/assets/default/vendors/toast/jquery.toast.min.css">
    <link rel="stylesheet" href="/assets/default/vendors/simplebar/simplebar.css">
    <link rel="stylesheet" href="/assets/default/css/app.css">
    <link
    href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css"
    rel="stylesheet"
/>

    
        <link rel="stylesheet" href="/assets/default/vendors/daterangepicker/daterangepicker.min.css">
    
<style>

.pleasantville-notice {
    background-color: #181b24;
    padding: 45px 30px;
    font-weight: 300;
}

.notice-logo {
    max-width: 220px;
}

.notice-title {
    color: #fff;
    line-height: 1;
    font-size: 3em;
    margin-bottom: 10px;
}

.notice-subtitle {
    color: #fff;
    font-size: 1.3em;
    margin-bottom: 15px;
}

.notice-text {
    color: #fff;
}

.notice-address {
    color: #ffcc29;
}


    
 .form-control[readonly] {
    background: #f1f1f1;
}
        @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.popover .popover-body .top_count_total {
    position: absolute;
    right: 20px;
    margin-top: -22px;

    padding: 5px;
    border-radius: 8px;
}

.popover .popover-body .top_count {
    font-size: 13px;
    margin-top: 5px;
    padding-top: 5px;
    width: 100%;
    display: block;
    border-top: 1px solid #ddd;
    text-align: center;
}

.popover .popover-body .top_course {
    width: 200px;
    display: inline-block;
}

.popover .popover-body {
    padding: 10px;
    line-height: 1.2;
}

.bs-popover-auto[x-placement^=bottom]>.arrow, .bs-popover-bottom>.arrow {
    top: calc((.5rem + 1px) * -.9);
}

.popover {
    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.3);
z-index: 11111;
}
.popover .popover-body {
padding: 10px;
}

.form-control:hover {
    border: 1px solid #001499;
}

.swal2-container.swal2-center.swal2-backdrop-show {
    z-index: 11111;
}



@media (max-width: 576px) {
    .d-xs-none {
        display: none !important;
    }
}

nav.navbar.navbar-expand-lg.main-navbar.stuck {
    position: fixed;
    z-index: 1111;
    background: #020f62;
    top: 0px;
}

.swal2-content {
    padding: 0px!important;
}

.swal2-file, .swal2-input, .swal2-textarea {
 
    font-size: 1em;
}
      
        .gallery {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
        }
        .gallery img:hover {
    transform: translateY(-10px);
    border: 3px solid #fff;
    box-shadow: 0px 10px 30px #0000002b;
    transition: 0.2s all ease;
}
.gallery img {
    width: 210px;
    cursor: pointer;
    object-fit: cover;
    height: 210px;
    border: 3px solid #fff;
    border-radius: 10px;
    transition: 0.5s all ease;
}

.btn-primary, .btn-primary.disabled {
    box-shadow: none!important;
  
}

.change_photo {
cursor: pointer;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
box-shadow: none;
}

#modalReportContent #user_profile img {
        
         object-fit: cover;
    width: 75px!important!important;
    height: 75px!important;
    border: 2px solid #ffffff;
    box-shadow: 0px 10px 10px #00000024;
    margin-bottom: 10px!important;
        }

#teacherAttendanceModal table thead td {
    padding: 10px;
}

div#teacherAttendanceModal table thead tr td:nth-child(7) {
    border-right: 2px solid #001499;
    text-align: center;
    border-top: 2px solid #001499;
}
div#teacherAttendanceModal table thead tr td:nth-child(6) {
    border-left: 2px solid #001499;
    text-align: center;
    border-top: 2px solid #001499;
}

div#teacherAttendanceModal table tbody tr td:nth-child(7) {
    border-right: 2px solid #001499;
    text-align: center;
 
}
div#teacherAttendanceModal table tbody tr td:nth-child(6) {
  border-left: 2px solid #001499;
    text-align: center;
 
}


div#teacherAttendanceModal table tbody tr:last-child td:nth-child(7) {
    border-bottom: 2px solid #001499;
}

div#teacherAttendanceModal table tbody tr:last-child td:nth-child(6) {
    border-bottom: 2px solid #001499;
}

#denominations tr {
    height: 45px;
}
div#modalReportContent tr.brands img {
    margin-right: 10px;
}
div#modalReportContent tr.brands {
    border-bottom: 1px solid #ddd;
    height: 70px;
}

#modalReportContent h1 {
    font-size: 1.6em;
}

input[type="checkbox"] {
cursor: pointer;
}


.post-show br {
    display: none;
}

.text-green {
    color: #4ac376;
}

#web_campus br {
    display: none;
}

.cart-banner h1 {
    font-size: 4em;
}

.navbar-light .navbar-toggler {
    border: none;
    padding: 0px;
    font-weight: 100;
    font-size: 1.6em;
}

.navbar-brand {
    width: 340px;
    height: 65px;
}
.select2-container--default .select2-results__group {
    font-size: 1.2em;
}

.select2-container--default .select2-results__option .select2-results__option {
    line-height: 1.2;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    line-height: 2.5;
    padding: 0px 13px !important;
}


.site-top-banner {
    height: 430px;
    overflow: hidden;
}

.course-cover-container {
    position: relative;
    height: 430px;
overflow: hidden;
}

#enrollment_table tr {
    border-bottom: 1px solid #ddd;
}



option:disabled {
    background: #f1f1f1;
    color: gray;
cursor: not-allowed;
}


#table_students_certificate tbody tr td img:hover {
   border: 3px solid #3d62ed;
}

#table_students_certificate tbody tr td img {
cursor: pointer;
   border: 3px solid white;
}


#table_students_certificate tbody tr td img.active {
    border-radius: 5px;
    border: 3px solid #3d62ed;
    box-shadow: 0px 5px 20px #2f1c65a1;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover  {
    background: #00149929 !important;
    color: white!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #eaeaea !important;
    margin: 2px !important;
    padding: 0px 10px !important;
    border: none !important;
    border-radius: 99px!important;
}

button.dt-button:hover {
    opacity: 0.8;
}

button.dt-button {
    border: none !important;
    background-color: #001499 !important;
    border-radius: 9px!important;
    color: white!important;
}

.btn-fixed {

    position: fixed;
    bottom: 0px;
    right: -50%;
    transform: translateX(-50%);
}

.nav-pills .nav-item .nav-link {
    background: white;
    margin: 0px 3px;
}
iframe.add_new_payment {
    border: none;
    border-radius: 20px;
    width: 100%;
    height: 500px;
}

iframe.print_certificate {
    border: none;
    border-radius: 20px;
    width: 100%;
    height: 500px;
}

.avatar.bg-gray200 {
    background: transparent;
}

.modal-content {
    border-radius: 20px;
}

#enrollment_table tr.extra-info:hover {
    box-shadow: 0px 10px 20px 0px #0000001c;
}

tr.main-row.active:hover {
    box-shadow: 0px -10px 20px 0px #0000001c!important;
}

#enrollment_table .payments tr:hover {
      box-shadow: none!important;
}

table tr:hover {
      box-shadow: 0px 0px 20px 0px #0000001c;
}


table tr {
    background: transparent !important;
}

table.table.table.payments td {
    height: 40px !important;
}

table.table.table.payments tr:last-child {
    border-bottom: 0px;
}

tr.main-row.active {
    border: none;
    box-shadow: 0px -10px 10px 0px #0000001c;
}

tr.extra-info {
 box-shadow: 0px 10px 10px 0px #0000001c;
}

table.table.payments thead th {
background: #001499;
    color: white;
    height: 30px !important;
}

table .dropdown-menu a, table .dropdown-menu button i {
    color: #0056b3;
}
table .dropdown-menu a, .dropdown-menu button  {
    font-size: 14px;
} 

table .dropdown-menu a:hover, table .dropdown-menu button:hover {
    background-color: #f1f1f1 !important;
}

body, html {

  font-family: "Inter", sans-serif;


}



table.dataTable tbody tr {
    border-bottom: 1px solid #ddd;
}

.select2-container {
    z-index: 100!important;
}

#search-results ul li a {
    color: #565656;
}

.sidebar-menu {
            list-style-type: none;
            padding: 0;
        }
        .sidebar-menu li {
            margin-bottom: 5px;
        }
        #search-box {
            margin-bottom: 10px;
        }

#search-results {
    padding: 0px;
    display: none;
    background: white;
    border-radius: 12px;
    position: absolute;
    top: 10px;
    left: 300px;
    box-shadow: 0px 10px 30px #0000001f;
}

#search-results ul li a.has-dropdown {
    border-bottom: 1px solid #bfbfbf;
}

        #search-results ul {
            list-style-type: none;
            padding: 0;
        }
  

.btn-group.dropdown.table-actions button:hover {
    border: 1px solid #001499;
}

.table-actions.dropdown .dropdown-menu button, .table-actions.dropdown .dropdown-menu a {
    width: 100%;
    padding: 6px 10px !important;
    display: block !important;
    border-bottom: 1px solid #ddd !important;
    border-radius: 0px;
    text-align: left;
    margin: 0px !important;
    line-height: 1.6;
}

.table-actions.dropdown .dropdown-menu {
    border-radius: 12px !important;
    padding: 0px;
}

.fa-ellipsis-v:before {
    content: "\ea4e";
    font-family: remixicon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn-group.dropdown.table-actions .dropdown-menu button::before {
  display: none;
}


.btn-group.dropdown.table-actions .dropdown-menu button {
    border: unset;
    display:  unset;
    padding:  unset;
    border-radius:  unset;
}


.btn-group.dropdown.table-actions button {
    border: 1px solid #ddd;
    display: block;
    padding: 5px 10px;
    border-radius: 99px;
}

.btn-group.dropdown.table-actions button::before {
    content: 'Options';
 
}

.btn-group.dropdown.table-actions button i {
   
}


@media only screen and (max-width: 600px) {



.navbar-brand {
    width: 220px;
        max-width: 220px;
        
    }

.login-container {
        border: none;

    }
.login-container img {
 
    border-radius: 25px;
}
.login-card h1 {
    text-align: center;
    font-size: 1.4em;
}
.login-card form {
    margin: 10px !important;
}
.login-card {
    border-radius: 20px;
    padding: 10px;
    background: white;
    margin-top: -50px;
    box-shadow: 0px 0px 10px #00000021;
}

.login-container .col-12.col-md-6.pl-0 {
    padding: 0px;
}


 
}



.select2-container--default .select2-selection--single {
    padding-right: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    font-size: 2em;
    position: absolute;
    right: 15px;
    top: -1px;
}

.form-group {
    margin-bottom: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered::after {
    content: "\f0d1";
    font-family: remixicon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 20px;
    font-size: 1.5em;
}

.form-group .control-label, .form-group > label {
    font-weight: 800;
    color: #626684;
    font-size: 14px;
    margin-bottom: 0px;
}


.footer p, .footer font, .footer span, .footer a, .footer div {
    color: white;
}

.footer .footer-subscribe {
    background-image: unset;
    background-color: #f15637;
    background: linear-gradient(to right, #FFA726, #FF7043);
}



.footer .header {
    margin-bottom: 30px;
    font-size: 1.2em;
}

.footer hr {
    opacity: 0.2;
}

.navbar-search {
    display: none;
}

        @font-face {
                      font-family: 'main-font-family';
                      font-style: normal;
                      font-weight: 400;
                      font-display: swap;
                      src: url(/store/1/fonts/Inter-Regular.ttf) format('woff2');
                    }@font-face {
                      font-family: 'main-font-family';
                      font-style: normal;
                      font-weight: bold;
                      font-display: swap;
                      src: url(/store/1/fonts/Inter-Bold.ttf) format('woff2');
                    }@font-face {
                      font-family: 'main-font-family';
                      font-style: normal;
                      font-weight: 500;
                      font-display: swap;
                      src: url(/store/1/fonts/Inter-Medium.ttf) format('woff2');
                    }@font-face {
                      font-family: 'rtl-font-family';
                      font-style: normal;
                      font-weight: 400;
                      font-display: swap;
                      src: url(/store/1/fonts/Inter-Regular.ttf) format('woff2');
                    }@font-face {
                      font-family: 'rtl-font-family';
                      font-style: normal;
                      font-weight: bold;
                      font-display: swap;
                      src: url(/store/1/fonts/Inter-Bold.ttf) format('woff2');
                    }@font-face {
                      font-family: 'rtl-font-family';
                      font-style: normal;
                      font-weight: 500;
                      font-display: swap;
                      src: url(/store/1/fonts/Inter-Medium.ttf) format('woff2');
                    }

        :root{
--primary:#001499;
--secondary:#041064;
--body_bg:#ffffff;
}

    </style>


            <style>
    .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #29d; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); } }
</style>

<script>
    window.paceOptions = {
        ajax: false, // disabled
        document: false, // disabled
        eventLag: false, // disabled
    };
</script>
<script src="/assets/default/vendors/pace-loading/pace.min.js"></script>
        
    
    
    
</head>

<body class="">

<div id="app" class="">
    
            <div class="referral_code" style="
    background: #001499;
    color: white;
    font-size: small;
    padding: 10px;
    text-align: center;
">
    



    
 

    
</div>

<div class="top-navbar d-flex border-bottom">
    <div class="container d-flex justify-content-between flex-column flex-lg-row">
        <div class="top-contact-box border-bottom d-flex flex-column flex-md-row align-items-center justify-content-center">

       
                <div class="d-flex align-items-center justify-content-center mr-15 mr-md-30">
                                        <a href="tel:+18888839192">
                        <div class="d-none d-lg-flex align-items-center py-10 py-lg-0 text-dark-blue font-14 mr-10 border-right pr-10">
                            <i class="ri-phone-line ri-xl"></i>
                            +1 (888) 883-9192
                        </div>
                        </a>
                                        
                    

                                        
   <a href="mailto:info@hudsontrainingcenter.com">
                        <div class="d-none d-lg-flex align-items-center py-10 py-lg-0 text-dark-blue font-14 mr-10  border-right pr-10">
                            <i class="ri-mail-line ri-xl mr-10"></i>
                            info@hudsontrainingcenter.com
                        </div>
                         </a>
                     
                    
                    
                      

                        <div class="d-flex align-items-center py-10 py-lg-0 text-dark-blue font-14">
                            
                            
                            
                            <a href="https://www.youtube.com/@hudsontraningcenter" target="_blank">
                                 <i class="ri-youtube-line ri-xl mr-10"></i>  
                                 </a>
                                 
                                        <a href="https://www.facebook.com/hudsontrainingcenterinc/" target="_blank">
                                 <i class="ri-facebook-line ri-xl mr-10"></i> 
                                  </a>
                                 
                                    <a href="https://www.instagram.com/hudson_training_center/" target="_blank">
                                 <i class="ri-instagram-line ri-xl mr-10"></i>/hudsontrainingcenter
                         </a>
                         
                         
                        </div>
                </div>
            

            <div class="d-flex align-items-center justify-content-between justify-content-md-center">

                
                

                                    <div class="mr-15 mx-md-20"></div>
                

                <form action="/search" method="get" class="form-inline my-2 my-lg-0 navbar-search position-relative">
                    <input class="form-control mr-5 rounded" type="text" name="search" placeholder="Search..." aria-label="Search">

                    <button type="submit" class="btn-transparent d-flex align-items-center justify-content-center search-icon">
                        <i data-feather="search" width="20" height="20" class="mr-10"></i>
                    </button>
                </form>
            </div>
        </div>

        <div class="xs-w-100 d-flex align-items-center justify-content-between ">
         
            <div class=" d-none ">


                <div class="dropdown mr-10">



        
 
    <button type="button" disabled class="btn btn-transparent dropdown-toggle" id="navbarShopingCart" data-toggle="dropdown"
            aria-haspopup="true" aria-expanded="false">
        <i data-feather="shopping-cart" width="20" height="20" class="mr-10"></i>

            </button>

        
    
    <div class="dropdown-menu" aria-labelledby="navbarShopingCart">
        <div class="d-md-none border-bottom mb-20 pb-10 text-right">
            <i class="close-dropdown" data-feather="x" width="32" height="32" class="mr-10"></i>
        </div>
        <div class="h-100">
            <div class="navbar-shopping-cart h-100" data-simplebar>
                                    <div class="d-flex align-items-center text-center py-50">
                        <i data-feather="shopping-cart" width="20" height="20" class="mr-10"></i>
                        <span class="">Your cart is empty</span>
                    </div>
                            </div>
        </div>
    </div>
</div>

              

                <div class="dropdown">
    <button type="button" class="btn btn-transparent dropdown-toggle" disabled id="navbarNotification" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <i data-feather="bell" width="20" height="20" class="mr-10"></i>

            </button>

    <div class="dropdown-menu pt-20" aria-labelledby="navbarNotification">
        <div class="d-flex flex-column h-100">
            <div class="mb-auto navbar-notification-card" data-simplebar>
                <div class="d-md-none border-bottom mb-20 pb-10 text-right">
                    <i class="close-dropdown" data-feather="x" width="32" height="32" class="mr-10"></i>
                </div>

                                    <div class="d-flex align-items-center text-center py-50">
                        <i data-feather="bell" width="20" height="20" class="mr-10"></i>
                        <span class="">Empty notifications</span>
                    </div>
                
            </div>

                    </div>
    </div>
</div>
                
                
            

              <a href="/calendar" class="py-10 px-5  text-dark-blue font-14" style="
    line-height: 2.6;
"><i class="ri-calendar-2-line ri-xl"></i></a>
                
                   <a href="https://mail.hostinger.com/" target="_blank" class="py-10 px-5 mr-10  font-14" style="
    line-height: 2.6;
"><i class="ri-mail-line ri-xl text-gray"></i></a>
                
                
            </div>
            
            

            
            <div class="w-100 text-center p-2">
          <a href="/calendar" class="py-5 px-10 text-dark-blue font-14"><i class="ri-calendar-line"></i> Calendar</a>
       
        <a href="/pages/gallery" class="py-5 px-10  text-dark-blue font-14"><i class="ri-function-line"></i> Gallery</a>
         <a href="/login" class="py-5 px-10 text-dark-blue font-14"><i class="ri-user-line"></i> Login</a>
         
         <a href="https://mail.hostinger.com/" target="_blank" class="py-5 px-10 text-dark-blue font-14"><i class="ri-mail-line"></i> E-mail</a>
    </div>
        </div>
    </div>
</div>


        <style>


.menu-category > ul > li .cat-dropdown-menu{
    max-width: 260px;
  
}

.mobile-user {
    background: #f7f7fb;
    border-radius: 10px;
    padding: 10px;
}

@media (max-width: 991px) {
   .menu-category > ul > li.xs-categories-toggle.show-items .cat-dropdown-menu {
    background: #f5f6fe;
    margin-top: 10px;
} 



}


@media (max-width: 600px) {
   #top_phone, #top_email {
    display: none;
   
} 

#ideal_div {
    
    order: 3;
}

#ideal_logo {
    width: 50px!important;
            padding: 5px;
}
.navbar-light .navbar-brand::after {
  display: none;
}

.xs-w-100.d-flex.align-items-center.justify-content-between a {
    font-size: smaller;
}

}




.menu-category > ul > li i {
     color: #e76a11;
}

.menu-category > ul > li .cat-dropdown-menu > li i {
    color: #e76a11;
}

.top-navbar i {
    color: #e76a11;
}


.menu-category > ul > li a {
      color: #001499;
    
}
.menu-category > ul > li {
       color: #001499;
    
}

a:hover i {
    color: gray;
}

a:hover {
    color: #e76a11;
}

.text-dark-blue {
    color: #001499;
}

.menu-category > ul > li .cat-dropdown-menu {
 padding: 0px!important;
}

    .menu-category > ul > li.show-items .cat-dropdown-menu {
   padding: 0px!important;
    }
    
  .menu-category > ul > li .cat-dropdown-menu > li {
    margin: 0px;
}
    

.menu-category > ul > li a {
    padding: 10px;
     margin: 5px;
}

.menu-category > ul > li a:hover {
    background: #f4f4f4;
    color: var(--primary);
    border-radius: 12px;
   
}

  .navbar-light .navbar-brand::after {
    content: '';
    width: 2px;
    background: #e4e4e4;
    height: 55px;
    position: relative;
    left: 30px;
}


.container.d-flex.justify-content-between.flex-column.flex-lg-row {
    padding: 0px;
}
    
    .w-100.text-center.p-2 a {
    padding: 5px !important;
}

.w-100.text-center.p-2 {
    white-space: nowrap;
}
</style>

<div id="navbarVacuum"></div>
<nav id="navbar" class="navbar navbar-expand-lg navbar-light">
    <div class="container">
        <div class="d-flex align-items-center justify-content-between w-100">

            <a class="navbar-brand navbar-order d-flex align-items-center justify-content-center mr-0 " href="/">
                                    <img src="/store/1/htc_logo1.png" class="img-cover" alt="site logo">
                            </a>
            
            <a id="ideal_div" href="/campus_categories/pleasantville">
            
            <img id="ideal_logo" src="https://iitnj.edu/wp-content/uploads/2022/04/logoideal.png" style="
    width: 70px;
">
            </a>
          


            <button class="navbar-toggler navbar-order" type="button" id="navbarToggle">
                <span class="navbar-toggler-icon text-gray" style="  font-size: 1.15em;"></span>
            </button>
            
            
            <button class="navbar-toggler navbar-order" type="button" >
                
            <a id="top_phone" href="tel:+18888839192"> <i class="ri-phone-line ri-lg d-lg-none text-gray"></i></a>
            
            <a id="top_email" href="mailto:info@hudsontrainingcenter.com">
            <i class="ri-mail-line ri-lg d-lg-none text-gray"></i></a>
            </button>
            
            
        
            <div class="d-lg-flex navbar-toggle-content " id="navbarContent">
                <div class="navbar-toggle-header text-right d-lg-none">
                    <button class="btn-transparent" id="navbarClose">
                        <i data-feather="x" width="32" height="32"></i>
                    </button>
                </div>

                <ul class="navbar-nav mr-auto d-flex align-items-center">
                    
                                           
                    <img src="/store/1/htc_logo1.png" class="img-cover d-lg-none " alt="site logo">
                                    
                     <hr class="d-lg-none">
                    
               
            <li class="nav-item" style="">
            <div class="menu-category">
                <ul>
                    
                                       
                  
                    <li class="cursor-pointer user-select-none d-flex xs-categories-toggle pr-10" style="
                        background: white;
                        font-size: 14px;
                        padding-right: 0.625rem;
                        padding-left: 0.625rem;
                        padding: 0px;
                      
                    ">
                       
                                             
                    
                                                    
                             <a href="/" style=""><span>Home</span></a>
                             
                                                
                    </li>
                </ul>
            </div>
        </li>
            <li class="nav-item" style="">
            <div class="menu-category">
                <ul>
                    
                                          <li class="cursor-pointer user-select-none d-flex xs-categories-toggle pr-10" style="
                        background: white;
                        font-size: 14px;
                        padding-right: 0.625rem;
                        padding-left: 0.625rem;
                        padding: 0.5rem 1rem;
                    ">
                                        
                    
                                                
                        <span>About us
                            <i class="ri-arrow-down-s-line ml-5"></i></span></a>
                            <ul class="cat-dropdown-menu">
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="/pages/campus" >
                                                Campus
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="/pages/about-us" >
                                                Who we are?
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="#" >
                                                Our team
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="#" >
                                                Our specialties
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                            </ul>
                            
                                                    
                    </li>
                </ul>
            </div>
        </li>
            <li class="nav-item" style="">
            <div class="menu-category">
                <ul>
                    
                                          <li class="cursor-pointer user-select-none d-flex xs-categories-toggle pr-10" style="
                        background: white;
                        font-size: 14px;
                        padding-right: 0.625rem;
                        padding-left: 0.625rem;
                        padding: 0.5rem 1rem;
                    ">
                                        
                    
                                                
                        <span>Pages
                            <i class="ri-arrow-down-s-line ml-5"></i></span></a>
                            <ul class="cat-dropdown-menu">
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="#" >
                                                Blogs / News
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="#" >
                                                Upcoming Courses
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="/referral?ref=I4398HTC" >
                                                Referral program
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="/directory" >
                                                Find a professional
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                            </ul>
                            
                                                    
                    </li>
                </ul>
            </div>
        </li>
            <li class="nav-item" style="">
            <div class="menu-category">
                <ul>
                    
                                          <li class="cursor-pointer user-select-none d-flex xs-categories-toggle pr-10" style="
                        background: white;
                        font-size: 14px;
                        padding-right: 0.625rem;
                        padding-left: 0.625rem;
                        padding: 0.5rem 1rem;
                    ">
                                        
                    
                                                
                        <span>Courses
                            <i class="ri-arrow-down-s-line ml-5"></i></span></a>
                            <ul class="cat-dropdown-menu">
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="/classes?type[]=course" >
                                                Seminars
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="/classes?type[]=text_lesson" >
                                                Courses
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="#" >
                                                Calendar
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                            </ul>
                            
                                                    
                    </li>
                </ul>
            </div>
        </li>
            <li class="nav-item" style="">
            <div class="menu-category">
                <ul>
                    
                                          <li class="cursor-pointer user-select-none d-flex xs-categories-toggle pr-10" style="
                        background: white;
                        font-size: 14px;
                        padding-right: 0.625rem;
                        padding-left: 0.625rem;
                        padding: 0.5rem 1rem;
                    ">
                                        
                    
                                                
                        <span>Forms
                            <i class="ri-arrow-down-s-line ml-5"></i></span></a>
                            <ul class="cat-dropdown-menu">
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="/forms/employee" >
                                                Job Application
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="https://adm.hudsontrainingcenter.com/business-student/" >
                                                Business registration
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="/forms/contractor" >
                                                Contractor Signup
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                            </ul>
                            
                                                    
                    </li>
                </ul>
            </div>
        </li>
            <li class="nav-item" style="">
            <div class="menu-category">
                <ul>
                    
                                          <li class="cursor-pointer user-select-none d-flex xs-categories-toggle pr-10" style="
                        background: white;
                        font-size: 14px;
                        padding-right: 0.625rem;
                        padding-left: 0.625rem;
                        padding: 0.5rem 1rem;
                    ">
                                        
                    
                                                
                        <span>Resources
                            <i class="ri-arrow-down-s-line ml-5"></i></span></a>
                            <ul class="cat-dropdown-menu">
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="#" >
                                                Material Downloads
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="/pages/gallery" >
                                                Gallery
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                                    <li class="nav-item">
                                        <div class="d-flex align-items-center">
                                            <a href="#" >
                                                Digital Library
                                                <i class="ri-arrow-right-s-line ml-5 ri-xl"></i>
                                            </a>
                                        </div>
                                    </li>
                                                            </ul>
                            
                                                    
                    </li>
                </ul>
            </div>
        </li>
    


                        
                        
                                        
                    
               
                        <li class="mr-lg-25 d-none">
                            <div class="menu-category">
                                <ul>
                                    <li class="cursor-pointer user-select-none d-flex xs-categories-toggle">
                                        <i data-feather="grid" width="20" height="20" class="mr-10 d-none d-lg-block"></i>
                                        Categories

                                        <ul class="cat-dropdown-menu">
                                                                                        
                                                     
                                                    
                                                <li>
                                                    <a href="/categories/ELECTRICITY" class="js-has-subcategory">
                                                        <div class="d-flex align-items-center">
                                                            
                                                            ELECTRICITY
                                                        </div>

                                                                                                                    <i data-feather="chevron-right" width="20" height="20" class="d-none d-lg-inline-block ml-10"></i>
                                                            <i data-feather="chevron-down" width="20" height="20" class="d-inline-block d-lg-none"></i>
                                                                                                            </a>

                                                                                                            <ul class="sub-menu" data-simplebar >
                                                                                                                            <li>
                                                                    <a href="/categories/ELECTRICITY/residencial-comercial-632">
                                                                        
                                                                        RESIDENTIAL &amp; COMMERCIAL
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a href="/categories/ELECTRICITY/residencial-632">
                                                                        
                                                                        RESIDENTIAL
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a href="/categories/ELECTRICITY/comercial-632">
                                                                        
                                                                        COMMERCIAL
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a href="/categories/ELECTRICITY/automotriz-632">
                                                                        
                                                                        AUTOMOTIVE
                                                                    </a>
                                                                </li>
                                                                                                                    </ul>
                                                                                                    </li>
                                                
                                                                                                                                       
                                                     
                                                    
                                                <li>
                                                    <a href="/categories/HEATING" class="js-has-subcategory">
                                                        <div class="d-flex align-items-center">
                                                            
                                                            HEATING
                                                        </div>

                                                                                                                    <i data-feather="chevron-right" width="20" height="20" class="d-none d-lg-inline-block ml-10"></i>
                                                            <i data-feather="chevron-down" width="20" height="20" class="d-inline-block d-lg-none"></i>
                                                                                                            </a>

                                                                                                            <ul class="sub-menu" data-simplebar >
                                                                                                                            <li>
                                                                    <a href="/categories/HEATING/residencial-comercial-636">
                                                                        
                                                                        RESIDENTIAL &amp; COMMERCIAL
                                                                    </a>
                                                                </li>
                                                                                                                    </ul>
                                                                                                    </li>
                                                
                                                                                                                                       
                                                     
                                                    
                                                <li>
                                                    <a href="/categories/PLUMBING" class="js-has-subcategory">
                                                        <div class="d-flex align-items-center">
                                                            
                                                            PLUMBING
                                                        </div>

                                                                                                                    <i data-feather="chevron-right" width="20" height="20" class="d-none d-lg-inline-block ml-10"></i>
                                                            <i data-feather="chevron-down" width="20" height="20" class="d-inline-block d-lg-none"></i>
                                                                                                            </a>

                                                                                                            <ul class="sub-menu" data-simplebar >
                                                                                                                            <li>
                                                                    <a href="/categories/PLUMBING/residential &amp; commercial-638">
                                                                        
                                                                        Residential &amp; Commercial
                                                                    </a>
                                                                </li>
                                                                                                                    </ul>
                                                                                                    </li>
                                                
                                                                                                                                       
                                                     
                                                    
                                                <li>
                                                    <a href="/categories/HVAC/R" class="js-has-subcategory">
                                                        <div class="d-flex align-items-center">
                                                            
                                                            HVAC/R
                                                        </div>

                                                                                                                    <i data-feather="chevron-right" width="20" height="20" class="d-none d-lg-inline-block ml-10"></i>
                                                            <i data-feather="chevron-down" width="20" height="20" class="d-inline-block d-lg-none"></i>
                                                                                                            </a>

                                                                                                            <ul class="sub-menu" data-simplebar >
                                                                                                                            <li>
                                                                    <a href="/categories/HVAC/R/refrigeration-residential-commercial-640">
                                                                        
                                                                        Residential &amp; Commercial
                                                                    </a>
                                                                </li>
                                                                                                                    </ul>
                                                                                                    </li>
                                                
                                                                                                                                       
                                                     
                                                    
                                                <li>
                                                    <a href="/categories/MECHANIC" class="js-has-subcategory">
                                                        <div class="d-flex align-items-center">
                                                            
                                                            MECHANIC
                                                        </div>

                                                                                                                    <i data-feather="chevron-right" width="20" height="20" class="d-none d-lg-inline-block ml-10"></i>
                                                            <i data-feather="chevron-down" width="20" height="20" class="d-inline-block d-lg-none"></i>
                                                                                                            </a>

                                                                                                            <ul class="sub-menu" data-simplebar >
                                                                                                                            <li>
                                                                    <a href="/categories/MECHANIC/diesel-642">
                                                                        
                                                                        DIESEL
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a href="/categories/MECHANIC/automotriz-642">
                                                                        
                                                                        AUTOMOTIVE
                                                                    </a>
                                                                </li>
                                                                                                                    </ul>
                                                                                                    </li>
                                                
                                                                                                                                       
                                                     
                                                    
                                                <li>
                                                    <a href="/categories/WELDING" class="js-has-subcategory">
                                                        <div class="d-flex align-items-center">
                                                            
                                                            WELDING
                                                        </div>

                                                                                                                    <i data-feather="chevron-right" width="20" height="20" class="d-none d-lg-inline-block ml-10"></i>
                                                            <i data-feather="chevron-down" width="20" height="20" class="d-inline-block d-lg-none"></i>
                                                                                                            </a>

                                                                                                            <ul class="sub-menu" data-simplebar >
                                                                                                                            <li>
                                                                    <a href="/categories/WELDING/industrial-646">
                                                                        
                                                                        Industrial
                                                                    </a>
                                                                </li>
                                                                                                                    </ul>
                                                                                                    </li>
                                                
                                                                                                                                       
                                                     
                                                    
                                                <li>
                                                    <a href="/categories/CONTROLS-ELECTRIC" class="js-has-subcategory">
                                                        <div class="d-flex align-items-center">
                                                            
                                                            CONTROLS ELECTRIC
                                                        </div>

                                                                                                                    <i data-feather="chevron-right" width="20" height="20" class="d-none d-lg-inline-block ml-10"></i>
                                                            <i data-feather="chevron-down" width="20" height="20" class="d-inline-block d-lg-none"></i>
                                                                                                            </a>

                                                                                                            <ul class="sub-menu" data-simplebar >
                                                                                                                            <li>
                                                                    <a href="/categories/CONTROLS-ELECTRIC/commMercial-656">
                                                                        
                                                                        Commercial
                                                                    </a>
                                                                </li>
                                                                                                                    </ul>
                                                                                                    </li>
                                                
                                                                                                                                       
                                                                                                        
                                                                                                                                              
                                                                                                        
                                                                                                                                              
                                                                                                        
                                                                                                                                              
                                                                                                        
                                                                                                                                              
                                                                                                        
                                                                                                                                              
                                                                                                        
                                                                                                                                              
                                                                                                        
                                                                                                                                              
                                                                                                        
                                                                                                                                              
                                                                                                        
                                                                                                                                              
                                                                                                        
                                                                                                                                          </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    
                 
                </ul>
                
                
                
                <div class="mobile-user d-lg-none">
                 <div class="w-100 text-center p-2">
          <a href="/calendar" class="py-5 px-10 text-dark-blue font-14"><i class="ri-calendar-line"></i> Calendar</a>
       
        <a href="/pages/gallery" class="py-5 px-10  text-dark-blue font-14"><i class="ri-function-line"></i> Gallery</a>
         <a href="/login" class="py-5 px-10 text-dark-blue font-14"><i class="ri-user-line"></i> Login</a>
         
         <a href="https://mail.hostinger.com/" target="_blank" class="py-5 px-10 text-dark-blue font-14"><i class="ri-mail-line"></i> E-mail</a>
    </div>
                </div>
                
            </div>

            <div class="nav-icons-or-start-live navbar-order d-none align-items-center justify-content-end">

                                    <a href="/login" class="d-none d-lg-flex btn btn-sm btn-primary nav-start-a-live-btn">
                        <i class="ri-function-line mr-5"></i> Courses 
                    </a>

                    <a href="/login" class="d-flex d-lg-none text-primary nav-start-a-live-btn font-14">
                        <i class="ri-function-line ri-2x"></i>
                    </a>
                
                


                <div class="d-none nav-notify-cart-dropdown top-navbar">
                    <div class="dropdown mr-10">



        
 
    <button type="button" disabled class="btn btn-transparent dropdown-toggle" id="navbarShopingCart" data-toggle="dropdown"
            aria-haspopup="true" aria-expanded="false">
        <i data-feather="shopping-cart" width="20" height="20" class="mr-10"></i>

            </button>

        
    
    <div class="dropdown-menu" aria-labelledby="navbarShopingCart">
        <div class="d-md-none border-bottom mb-20 pb-10 text-right">
            <i class="close-dropdown" data-feather="x" width="32" height="32" class="mr-10"></i>
        </div>
        <div class="h-100">
            <div class="navbar-shopping-cart h-100" data-simplebar>
                                    <div class="d-flex align-items-center text-center py-50">
                        <i data-feather="shopping-cart" width="20" height="20" class="mr-10"></i>
                        <span class="">Your cart is empty</span>
                    </div>
                            </div>
        </div>
    </div>
</div>

                    <div class="border-left mx-15"></div>

                    <div class="dropdown">
    <button type="button" class="btn btn-transparent dropdown-toggle" disabled id="navbarNotification" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <i data-feather="bell" width="20" height="20" class="mr-10"></i>

            </button>

    <div class="dropdown-menu pt-20" aria-labelledby="navbarNotification">
        <div class="d-flex flex-column h-100">
            <div class="mb-auto navbar-notification-card" data-simplebar>
                <div class="d-md-none border-bottom mb-20 pb-10 text-right">
                    <i class="close-dropdown" data-feather="x" width="32" height="32" class="mr-10"></i>
                </div>

                                    <div class="d-flex align-items-center text-center py-50">
                        <i data-feather="bell" width="20" height="20" class="mr-10"></i>
                        <span class="">Empty notifications</span>
                    </div>
                
            </div>

                    </div>
    </div>
</div>
                </div>

            </div>
        </div>
    </div>
</nav>

    
    
        <div class="forms-hero position-relative" >
        <div class="forms-hero-mask"></div>

     
    </div>

    <div class="forms-body container bg-white p-20" style="    width: 90%;     margin-top: 120px;">
        
    
    <div class="d-flex-center flex-column">
    
         
     
<h1 class="text-primary  text-center  mt-30" style="font-size: 2em; line-height: 1;">Welcome to</h1>
        <h3 class="font-24"></h3>
    </div>




            <div class="mt-15 font-14 text-gray p-30 bg-light"></div>
    
    
    <form action="/forms/qr/store" method="post" class="mt-30">
        <input type="hidden" name="_token" value="Gl6nWkni5b7GzfifG3OqPHdVUFHk4jz99uboRYVB">

                    <div class="form-group mb-30" style="background:#fff3e0;border:2px solid #ff9800;border-radius:10px;padding:15px;">
                <label style="font-weight:bold;color:#e65100;">Course</label>
                <select name="cloned_course_id" class="form-control" required>
                    <option value="2575" selected>
                        ELECTRICITY (CLONE)
                    </option>
                </select>
                <small class="text-muted">You will be automatically enrolled in this course upon submission.</small>
            </div>
        
                    <style>
 .forms-body.container.bg-white.p-20 {
    margin-top: 0px !important;
}
    
    .navbar, .top-navbar, .referral_code, .footer, .forms-hero.position-relative, .d-flex.align-items-center.justify-content-end.mt-30, .mt-15.font-14.text-gray.p-30.bg-light {
        
        display: none!important;
    }
    
    .form-group i {
    color: #fc8a30;
}
    
    
    .forms-body {
    position: unset;
    top: unset;
     margin-bottom: unset;
   border-radius: unset;
    box-shadow: unset;
   z-index: unset;
}


</style>

<img src="https://hudsontrainingcenter.com/store/1/htc_logo1.png" style="
    width: 290px;
    margin: auto;
    display: block;
    margin-bottom: 25px;
">
 


<div class="row">




      
   
   
            <div class="col-md-12">
            <div class="form-group">
              

                
                <a target="_blank" 
                   href="https://hudsontrainingcenter.com/" 
                   class="btn btn-outline-primary w-100 mt-20" 
                   style="font-size: 1.2em; height: 65px; border-radius: 99px;">
                    <i class="ri-global-line mr-2 ri-xl" 
                       style="position: absolute; right: 35px;">
                    </i>
                    <span style="position: absolute; left: 35px;">
                        Website
                    </span>
                </a>

                            </div>
        </div>
    


        
    
      





      
   
   
            <div class="col-md-12">
            <div class="form-group">
              

                
                <a target="_blank" 
                   href="https://adm.hudsontrainingcenter.com/business-student/" 
                   class="btn btn-outline-primary w-100 mt-20" 
                   style="font-size: 1.2em; height: 65px; border-radius: 99px;">
                    <i class="ri-building-line mr-2 ri-xl" 
                       style="position: absolute; right: 35px;">
                    </i>
                    <span style="position: absolute; left: 35px;">
                        Business Student
                    </span>
                </a>

                            </div>
        </div>
    


        
    
      





      
   
   
            <div class="col-md-12">
            <div class="form-group">
              

                
                <a target="_blank" 
                   href="https://hudsontrainingcenter.com/classes?type[]=text_lesson" 
                   class="btn btn-outline-primary w-100 mt-20" 
                   style="font-size: 1.2em; height: 65px; border-radius: 99px;">
                    <i class="ri-slideshow-line mr-2 ri-xl" 
                       style="position: absolute; right: 35px;">
                    </i>
                    <span style="position: absolute; left: 35px;">
                        Courses
                    </span>
                </a>

                            </div>
        </div>
    


        
    
      





      
   
   
            <div class="col-md-12">
            <div class="form-group">
              

                
                <a target="_blank" 
                   href="https://hudsontrainingcenter.com/classes?type[]=course" 
                   class="btn btn-outline-primary w-100 mt-20" 
                   style="font-size: 1.2em; height: 65px; border-radius: 99px;">
                    <i class="ri-presentation-line mr-2 ri-xl" 
                       style="position: absolute; right: 35px;">
                    </i>
                    <span style="position: absolute; left: 35px;">
                        Seminars
                    </span>
                </a>

                            </div>
        </div>
    


        
    
      





      
   
   
            <div class="col-md-12">
            <div class="form-group">
              

                
                <a target="_blank" 
                   href="https://hudsontrainingcenter.com/pages/campus" 
                   class="btn btn-outline-primary w-100 mt-20" 
                   style="font-size: 1.2em; height: 65px; border-radius: 99px;">
                    <i class="ri-community-line mr-2 ri-xl" 
                       style="position: absolute; right: 35px;">
                    </i>
                    <span style="position: absolute; left: 35px;">
                        Campus
                    </span>
                </a>

                            </div>
        </div>
    


        
    
      





      
   
   
            <div class="col-md-12">
            <div class="form-group">
              

                
                <a target="_blank" 
                   href="https://hudsontrainingcenter.com/calendar" 
                   class="btn btn-outline-primary w-100 mt-20" 
                   style="font-size: 1.2em; height: 65px; border-radius: 99px;">
                    <i class="ri-calendar-line mr-2 ri-xl" 
                       style="position: absolute; right: 35px;">
                    </i>
                    <span style="position: absolute; left: 35px;">
                        Calendar
                    </span>
                </a>

                            </div>
        </div>
    


        
    
      





      
   
   
            <div class="col-md-12">
            <div class="form-group">
              

                
                <a target="_blank" 
                   href="https://www.hudsontrainingcenter.com/forms/employee" 
                   class="btn btn-outline-primary w-100 mt-20" 
                   style="font-size: 1.2em; height: 65px; border-radius: 99px;">
                    <i class="ri-briefcase-line mr-2 ri-xl" 
                       style="position: absolute; right: 35px;">
                    </i>
                    <span style="position: absolute; left: 35px;">
                        Job Application
                    </span>
                </a>

                            </div>
        </div>
    


        
    
      





      
   
   
            <div class="col-md-12">
            <div class="form-group">
              

                
                <a target="_blank" 
                   href="https://hudsontrainingcenter.com/campus_categories/pleasantville" 
                   class="btn btn-outline-primary w-100 mt-20" 
                   style="font-size: 1.2em; height: 65px; border-radius: 99px;">
                    <i class="ri-time-line mr-2 ri-xl" 
                       style="position: absolute; right: 35px;">
                    </i>
                    <span style="position: absolute; left: 35px;">
                        Special Program
                    </span>
                </a>

                            </div>
        </div>
    


        
    
      





      
          
           

  
 
        
    
       <div class="row" style="
    border-radius: 15px;
    background: #eff6ff;
    padding: 15px;
    margin-top: 25px!important;
    width: 100%;
    margin: auto;
">
  <div class="col-sm-12 col-12 col-md-12 text-center">Follow us:</div>
        
         <div class="col-sm-6 col-3 col-md-3 ">
            <a target="_blank" href="https://www.instagram.com/hudson_training_center/" class="btn btn-outline-primary w-100 mt-20">
                <i class="ri-instagram-line ri-xl"></i>
            </a>
        </div>
        
           <div class="col-sm-6 col-3 col-md-3 ">
            <a target="_blank" href="https://www.facebook.com/hudsontrainingcenterinc" class="btn btn-outline-primary w-100 mt-20">
                <i class="ri-facebook-line ri-xl"></i>
            </a>
        </div>
        
         <div class="col-sm-6 col-3 col-md-3 ">
            <a target="_blank" href="https://www.youtube.com/@hudsontrainingcenter" class="btn btn-outline-primary w-100 mt-20">
                <i class="ri-youtube-line ri-xl"></i>
            </a>
        </div>
        
           <div class="col-sm-6 col-3 col-md-3 ">
            <a target="_blank" href="#" class="btn btn-outline-primary w-100 mt-20">
                <i class="ri-tiktok-line ri-xl"></i>
            </a>
        </div>
   <div>
</div>



        
        <div class="d-flex align-items-center justify-content-end mt-30">
            <button type="button" class="js-clear-form btn btn-danger mr-10">Clear Form</button>

            <button type="submit" class="btn btn-primary">Submit Form</button>
        </div>
    </form>
    </div>

            <footer class="footer bg-secondary position-relative user-select-none">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class=" footer-subscribe d-block d-md-flex align-items-center justify-content-between">
                    <div class="flex-grow-1">
                        <strong>Join us today</strong>
                        <span class="d-block mt-5 text-white">We will send the best deals and offers to your email.</span>
                    </div>
                    <div class="subscribe-input bg-white p-10 flex-grow-1 mt-30 mt-md-0">
                        <form action="/newsletters" method="post">
                            <input type="hidden" name="_token" value="Gl6nWkni5b7GzfifG3OqPHdVUFHk4jz99uboRYVB">

                            <div class="form-group d-flex align-items-center m-0">
                                <div class="w-100">
                                    <input type="text" name="newsletter_email" class="form-control border-0 " placeholder="Enter your email here"/>
                                                                    </div>
                                <button type="submit" class="btn btn-primary rounded-pill">Join</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    
    <div class="container">
        <div class="row">

                            <div class="col-6 col-md-3">
                                            
                                                    <div class="mt-20">
                                <img style="width: 100%;" src="https://adm.hudsontrainingcenter.com/cronjob/htc_new_white_2.png">
<p><br></p><p>Welcome to Hudson Training Center Inc., a Vocational Training Center dedicated to training the Latino Community to rise to the next level.</p>
                            </div>
                                                            </div>
                            <div class="col-6 col-md-3">
                                                                        <span class="header d-block text-white font-weight-bold">Links</span>
                        
                                                    <div class="mt-20">
                                <p><a href="/">Home</a></p>
<hr>

<p><a href="/pages/about-us">About Us</a></p>
<hr>

<p><a href="/pages/campus">Campus</a></p>
<hr>

<p><a href="/pages/gallery">Gallery</a></p>
<hr>

<p><a href="/classes?type[]=course">Courses / Seminars</a></p>
<hr>

<p><a href="/classes?type[]=text_lesson">Courses</a></p>
<hr>

<p><a href="/referral?ref=I4398HTC">Referral Program</a></p>
<hr>

<p><a href="/directory">Find a Professional</a></p>
                            </div>
                                                            </div>
                            <div class="col-6 col-md-3">
                                                                        <span class="header d-block text-white font-weight-bold">Terms</span>
                        
                                                    <div class="mt-20">
                                <p><a href="/forms/employee">Job Application</a></p>
<hr>

<p><a href="https://adm.hudsontrainingcenter.com/business-student/" target="_blank">Business Registration</a></p>
<hr>

<p><a href="/pages/terms-and-conditions">Terms and Conditions</a></p>
<hr>

<p><a href="/pages/privacy-policy">Privacy Policy</a></p>
<hr>

<p><a href="/pages/disclaimer">Disclaimer</a></p>
                            </div>
                                                            </div>
                            <div class="col-6 col-md-3">
                                                                        <span class="header d-block text-white font-weight-bold">Campus</span>
                        
                                                    <div class="mt-20">
                                <h3 style="
    background: linear-gradient(to right, #FFA726, #FF7043);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
">
    <i class="ri-map-pin-line"></i> North Bergen
</h3>
<p>
    <small>
        <a href="https://maps.google.com/?q=2321+John+F.+Kennedy+Blvd+North+Bergen+NJ" target="_blank" style="text-decoration:none;color:#fff;white-space: nowrap;">2321 John F. Kennedy Blvd., Suite 301,<br> North Bergen, NJ 07047
        </a>
    </small>
</p>
<hr>

<h3 style="
    background: linear-gradient(to right, #FFA726, #FF7043);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
">
  <i class="ri-map-pin-line"></i> Linden
</h3>
<p>
    <small>
        <a href="https://maps.google.com/?q=1600+E+St+Georges+Ave+Linden+NJ" target="_blank" style="text-decoration:none;color:#fff;white-space: nowrap;">
             1600 E St Georges Ave,<br> Linden, NJ 07036
        </a>
    </small>
</p>
<hr>

<h3 style="
    background: linear-gradient(to right, #FFA726, #FF7043);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
">
    <i class="ri-map-pin-line"></i> Palisades Park
</h3>
<p>
    <small>
        <a href="https://maps.google.com/?q=440+Bergen+Blvd+Palisades+Park+NJ" target="_blank" style="text-decoration:none;color:#fff;white-space: nowrap;">
              440 Bergen Blvd, <br>Palisades Park, NJ 07650
        </a>
    </small>
</p>
<hr>

<h3 style="
    background: linear-gradient(to right, #FFA726, #FF7043);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
">
    <i class="ri-map-pin-line"></i> Pleasantville
</h3>
<p>
    <small>
        <a href="https://maps.app.goo.gl/4o11T5PDTaSwbwvs5" target="_blank" style="text-decoration:none;color:#fff;white-space: nowrap;">
            1000 W Washington Ave,<br> Pleasantville, NJ 08232
        </a>
    </small>
</p>
                            </div>
                                                            </div>
            
        </div>

        <div class="mt-40 border-blue py-25 d-flex align-items-center justify-content-between">
           <div class="footer-logo" style="
    width: 280px;
">
                <img src="https://adm.hudsontrainingcenter.com/cronjob/cards.png" alt="footer logo" style="
    width: 100%;
">
            </div>

            <div class="footer-social">
                                                            <a href="https://www.instagram.com/" target="_blank">
                            <img src="/store/1/default_images/social/instagram.svg" alt="Instagram" class="mr-15">
                        </a>
                                            <a href="https://web.whatsapp.com/" target="_blank">
                            <img src="/store/1/default_images/social/whatsapp.svg" alt="Whatsapp" class="mr-15">
                        </a>
                                            <a href="https://twitter.com/" target="_blank">
                            <img src="/store/1/default_images/social/twitter.svg" alt="Twitter" class="mr-15">
                        </a>
                                            <a href="https://www.facebook.com/" target="_blank">
                            <img src="/store/1/default_images/social/facebook.svg" alt="Facebook" class="mr-15">
                        </a>
                                                </div>
        </div>
    </div>

            <div class="footer-copyright-card">
            <div class="container d-flex align-items-center justify-content-between py-15">
                <div class="font-14 text-white">All rights are reserved for learning management system platform</div>

                <div class="d-flex align-items-center justify-content-center">
                                            <div class="d-flex align-items-center text-white font-14">
                            <i data-feather="phone" width="20" height="20" class="mr-10"></i>
                            +1 (888) 883-9192
                        </div>
                    
                                            <div class="border-left mx-5 mx-lg-15 h-100"></div>

                        <div class="d-flex align-items-center text-white font-14">
                            <i data-feather="mail" width="20" height="20" class="mr-10"></i>
                            info@hudsontrainingcenter.com
                        </div>
                                    </div>
            </div>
        </div>
    
</footer>
    
    
    </div>
<!-- Template JS File -->
<script src="/assets/default/js/app.js"></script>
<script src="/assets/default/vendors/feather-icons/dist/feather.min.js"></script>
<script src="/assets/default/vendors/moment.min.js"></script>
<script src="/assets/default/vendors/sweetalert2/dist/sweetalert2.min.js"></script>
<script src="/assets/default/vendors/toast/jquery.toast.min.js"></script>
<script type="text/javascript" src="/assets/default/vendors/simplebar/simplebar.min.js"></script>



<script>
    var deleteAlertTitle = 'Are you sure?';
    var deleteAlertHint = 'This action cannot be undone!';
    var deleteAlertConfirm = 'Delete';
    var deleteAlertCancel = 'Cancel';
    var deleteAlertSuccess = 'Success';
    var deleteAlertFail = 'Failed';
    var deleteAlertFailHint = 'Error while deleting item!';
    var deleteAlertSuccessHint = 'Item successfully deleted.';
    var forbiddenRequestToastTitleLang = '&quot;FORBIDDEN&quot; Request';
    var forbiddenRequestToastMsgLang = 'You not access to this content.';
</script>



    <script src="/assets/default/js/admin/form_submissions_details.min.js"></script>
    
<!-- CSS de Select2 -->
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

<!-- jQuery (si no lo has incluido antes) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- JS de Select2 -->
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>


<script>
$(document).ready(function() {
    // Lista de países en inglés, ordenada alfabéticamente.
    var countries = [
        "Afghanistan", "Albania", "Algeria", "Andorra", "Angola",
        "Antigua and Barbuda", "Argentina", "Armenia", "Australia", "Austria",
        "Azerbaijan", "Bahamas", "Bahrain", "Bangladesh", "Barbados",
        "Belarus", "Belgium", "Belize", "Benin", "Bhutan", "Bolivia",
        "Bosnia and Herzegovina", "Botswana", "Brazil", "Brunei", "Bulgaria",
        "Burkina Faso", "Burundi", "Cabo Verde", "Cambodia", "Cameroon",
        "Canada", "Central African Republic", "Chad", "Chile", "China",
        "Colombia", "Comoros", "Congo (Brazzaville)", "Congo (Kinshasa)", "Costa Rica",
        "Croatia", "Cuba", "Cyprus", "Czech Republic", "Denmark", "Djibouti",
        "Dominica", "Dominican Republic", "East Timor", "Ecuador", "Egypt",
        "El Salvador", "Equatorial Guinea", "Eritrea", "Estonia", "Eswatini",
        "Ethiopia", "Fiji", "Finland", "France", "Gabon", "Gambia",
        "Georgia", "Germany", "Ghana", "Greece", "Grenada", "Guatemala",
        "Guinea", "Guinea-Bissau", "Guyana", "Haiti", "Honduras", "Hungary",
        "Iceland", "India", "Indonesia", "Iran", "Iraq", "Ireland",
        "Israel", "Italy", "Ivory Coast", "Jamaica", "Japan", "Jordan",
        "Kazakhstan", "Kenya", "Kiribati", "Kosovo", "Kuwait", "Kyrgyzstan",
        "Laos", "Latvia", "Lebanon", "Lesotho", "Liberia", "Libya",
        "Liechtenstein", "Lithuania", "Luxembourg", "Madagascar", "Malawi", "Malaysia",
        "Maldives", "Mali", "Malta", "Marshall Islands", "Mauritania", "Mauritius",
        "Mexico", "Micronesia", "Moldova", "Monaco", "Mongolia", "Montenegro",
        "Morocco", "Mozambique", "Myanmar (Burma)", "Namibia", "Nauru", "Nepal",
        "Netherlands", "New Zealand", "Nicaragua", "Niger", "Nigeria", "North Korea",
        "North Macedonia", "Norway", "Oman", "Pakistan", "Palau", "Palestine",
        "Panama", "Papua New Guinea", "Paraguay", "Peru", "Philippines", "Poland",
        "Portugal", "Qatar", "Romania", "Russia", "Rwanda", "Saint Kitts and Nevis",
        "Saint Lucia", "Saint Vincent and the Grenadines", "Samoa", "San Marino", "Sao Tome and Principe",
        "Saudi Arabia", "Senegal", "Serbia", "Seychelles", "Sierra Leone", "Singapore",
        "Slovakia", "Slovenia", "Solomon Islands", "Somalia", "South Africa", "South Korea",
        "South Sudan", "Spain", "Sri Lanka", "Sudan", "Suriname", "Sweden",
        "Switzerland", "Syria", "Taiwan", "Tajikistan", "Tanzania", "Thailand",
        "Togo", "Tonga", "Trinidad and Tobago", "Tunisia", "Turkey", "Turkmenistan",
        "Tuvalu", "Uganda", "Ukraine", "United Arab Emirates", "United Kingdom",
        "United States", "Uruguay", "Uzbekistan", "Vanuatu", "Vatican City", "Venezuela",
        "Vietnam", "Yemen", "Zambia", "Zimbabwe"
    ].sort();

    // 1. Definir el selector para el input a reemplazar.
    var $inputToReplace = $('input[name="fields[77]"].form-control');

    // 2. Crear el nuevo elemento <select> y ASIGNAR UN ID ÚNICO
    var $newSelect = $('<select></select>')
        .attr('name', $inputToReplace.attr('name')) 
        .attr('class', $inputToReplace.attr('class') + ' country-select') 
        .attr('id', 'country_select_77'); // ESTE ID ES LA CLAVE

    // 3. Añadir opciones y reemplazar
    $newSelect.append('<option value="">-- Select a Country --</option>');
    $.each(countries, function(i, country) {
        $newSelect.append($('<option></option>').val(country).text(country));
    });

    // 4. Reemplazar el <input>
    $inputToReplace.replaceWith($newSelect);
});
</script>

<script>
$(document).ready(function () {
    // 1. Función para obtener un parámetro de la URL
    function getUrlParameter(name) {
        name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
        var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
        var results = regex.exec(location.search);
        return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
    }

    // Obtener el webinar_id de la URL
    const autoSelectWebinarId = getUrlParameter('webinar_id');

    // PLEASANTVILLE_COURSE_SELECTOR_FIX_20260418
    function findCourseSelectElement() {
        const labels = Array.from(document.querySelectorAll('label.input-label, label'));
        for (const label of labels) {
            const txt = (label.textContent || '').toLowerCase().trim();
            if (txt.includes('course') || txt.includes('curso')) {
                const group = label.closest('.form-group, .col-md-6, .col-md-12, .row') || label.parentElement;
                if (!group) continue;
                const sel = group.querySelector('select');
                if (sel) return sel;
            }
        }

        const direct = document.querySelector('select[name="webinar_id"], select[name="webinar_id[]"], select[id*="webinar"], select[name*="course"], select[name*="curso"]');
        if (direct) return direct;

        const all = Array.from(document.querySelectorAll('select'));
        return all.length ? all[all.length - 1] : null;
    }


    var isSpecial = window.location.href.includes("special");
    var isImmigrant = window.location.href.includes("immigrant");
    var isPleasantville = window.location.href.includes("pleasantville-copy");

    // =============================================
    // FORM-SPECIFIC DOM MODIFICATIONS
    // =============================================

    // --- special-program form: Hide "NJ-ID Number" field ---
    if (isSpecial) {
        $('label.input-label').each(function () {
            var labelText = $(this).text().trim().toLowerCase();
            if (labelText.indexOf('nj') !== -1 && labelText.indexOf('id') !== -1 && labelText.indexOf('number') !== -1) {
                $(this).closest('.col-md-6').hide();
            }
        });
    }

    // --- special-program form: Rename "SS# ATN" to "SS# or ITIN" ---
    if (isSpecial) {
        $('label.input-label').each(function () {
            var labelText = $(this).text().trim();
            if (labelText.match(/SS#.*ATN/i)) {
                $(this).text('SS# or ITIN:');
            }
        });
    }

    
    // --- Both forms: Add Age field next to Birthdate / Date of Birth ---
    if (isSpecial || isImmigrant) {
        function addAgeAndBirthdateControls() {
            $('label.input-label').each(function () {
                var labelText = $(this).text().trim().toLowerCase();

                if (labelText.indexOf('birthdate') !== -1 || labelText.indexOf('date of birth') !== -1 || labelText.indexOf('fecha de nacimiento') !== -1) {
                    var $birthdateCol = $(this).closest('.col-md-6');
                    if (!$birthdateCol.length) return;

                    var $formGroup = $(this).closest('.form-group');
                    var $birthInput = $formGroup.find('input.datetimepicker, input[type="text"], input').first();

                    if (!$birthInput.length) return;

                    if ($('#age-field-wrapper').length === 0) {
                        var ageHtml = '' +
                            '<div class="col-md-6" id="age-field-wrapper">' +
                                '<div class="form-group">' +
                                    '<label class="input-label">Age:</label>' +
                                    '<input type="text" id="age-display-field" class="form-control" value="" readonly ' +
                                    'style="background-color: #f0f0f0; font-weight: bold;">' +
                                '</div>' +
                            '</div>';

                        $birthdateCol.after(ageHtml);
                    }

                    if ($('#birthdate-3selects-wrapper').length) return;

                    $birthInput.hide().attr('tabindex', '-1');
                    $birthInput.siblings().hide();
                    $birthInput.closest('.input-group').find('.input-group-append, .input-group-prepend, .daterangepicker').hide();

                    var selectsHtml = '' +
                        '<div id="birthdate-3selects-wrapper" style="display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:14px;margin-top:10px;">' +
                            '<div>' +
                                '<label class="input-label">Month</label>' +
                                '<select id="birth-month-select" class="form-control"><option value="">Month</option></select>' +
                            '</div>' +
                            '<div>' +
                                '<label class="input-label">Day</label>' +
                                '<select id="birth-day-select" class="form-control"><option value="">Day</option></select>' +
                            '</div>' +
                            '<div>' +
                                '<label class="input-label">Year</label>' +
                                '<select id="birth-year-select" class="form-control"><option value="">Year</option></select>' +
                            '</div>' +
                        '</div>';

                    $birthInput.after(selectsHtml);

                    var $month = $('#birth-month-select');
                    var $day = $('#birth-day-select');
                    var $year = $('#birth-year-select');

                    if ($month.find('option').length <= 1) {
                        for (var m = 1; m <= 12; m++) {
                            var mm = String(m).padStart(2, '0');
                            $month.append('<option value="' + mm + '">' + mm + '</option>');
                        }
                    }

                    if ($day.find('option').length <= 1) {
                        for (var d = 1; d <= 31; d++) {
                            var dd = String(d).padStart(2, '0');
                            $day.append('<option value="' + dd + '">' + dd + '</option>');
                        }
                    }

                    if ($year.find('option').length <= 1) {
                        var currentYear = new Date().getFullYear();
                        for (var y = currentYear; y >= currentYear - 120; y--) {
                            $year.append('<option value="' + y + '">' + y + '</option>');
                        }
                    }

                    function parseExistingBirthdate(val) {
                        if (!val) return null;
                        val = String(val).trim();

                        var m;

                        m = val.match(/^(\d{4})-(\d{2})-(\d{2})/);
                        if (m) return { year: m[1], month: m[2], day: m[3] };

                        m = val.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
                        if (m) return { month: m[1], day: m[2], year: m[3] };

                        return null;
                    }

                    function calculateAge(yearVal, monthVal, dayVal) {
                        var y = parseInt(yearVal, 10);
                        var m = parseInt(monthVal, 10);
                        var d = parseInt(dayVal, 10);

                        if (!y || !m || !d) return '';

                        var today = new Date();
                        var age = today.getFullYear() - y;
                        var monthDiff = (today.getMonth() + 1) - m;

                        if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < d)) {
                            age--;
                        }

                        if (age < 0 || age > 120) return '';
                        return age;
                    }

                    function syncBirthdateAge() {
                        var mm = $month.val();
                        var dd = $day.val();
                        var yy = $year.val();

                        if (mm && dd && yy) {
                            $birthInput.val(yy + '-' + mm + '-' + dd + ' 00:00');
                            $('#age-display-field').val(calculateAge(yy, mm, dd));
                        } else {
                            $birthInput.val('');
                            $('#age-display-field').val('');
                        }

                        $birthInput.trigger('change').trigger('input');
                        $('#age-display-field').trigger('change').trigger('input');
                    }

                    $month.off('change.birthfix').on('change.birthfix', syncBirthdateAge);
                    $day.off('change.birthfix').on('change.birthfix', syncBirthdateAge);
                    $year.off('change.birthfix').on('change.birthfix', syncBirthdateAge);

                    var existing = parseExistingBirthdate($birthInput.val());
                    if (existing) {
                        $month.val(existing.month || '');
                        $day.val(existing.day || '');
                        $year.val(existing.year || '');
                        syncBirthdateAge();
                    }
                }
            });
        }

        addAgeAndBirthdateControls();
        setTimeout(addAgeAndBirthdateControls, 300);
        setTimeout(addAgeAndBirthdateControls, 900);
    }

    // =============================================
    // LOAD PENDING COURSES INTO CURSOS DROPDOWN

    // =============================================
    if (isImmigrant || isSpecial || isPleasantville) {
        $.get("/api/pending-courses", function (data) {
            if (Array.isArray(data)) {
                // Find the Cursos dropdown: the last select that is NOT #country_select_77
                var $allSelects = $('select:not(#country_select_77)');
                var $select = $allSelects.last();

                if (!$select.length) return;

                $select.empty();
                $select.append($('<option></option>').attr('value', '').text('Select an Option'));

                data.forEach(function (curso) {
                    var campusText = curso.campus ? curso.campus : '';
                    var scheduleText = curso.schedule_day ? curso.schedule_day : '';
                    var displayText = curso.title;
                    if (campusText) displayText += ' | ' + campusText;
                    if (scheduleText) displayText += ' | ' + scheduleText;

                    var itemData = {
                        id: curso.webinar_id,
                        text: displayText,
                        title: curso.title,
                        campus: campusText,
                        day: scheduleText,
                        time: curso.schedule_time || ''
                    };

                    $select.append(
                        $("<option>", {
                            value: itemData.id,
                            text: itemData.text
                        }).data("full", itemData)
                    );
                });

                if (autoSelectWebinarId) {
                    $select.val(autoSelectWebinarId);
                }

                $select.select2({
                    placeholder: "Select an Option",
                    allowClear: true,
                    width: '100%',
                    templateResult: function (data) {
                        if (!data.id) return data.text;
                        var info = $(data.element).data("full");
                        if (!info) return data.text;
                        return $(
                            '<div>' +
                            '<strong>' + info.title + '</strong><br>' +
                            '<small>' + info.campus + ' (ID: ' + info.id + ')</small><br>' +
                            '<em>' + info.day + (info.time ? ' - ' + info.time : '') + '</em>' +
                            '</div>'
                        );
                    },
                    templateSelection: function (data) {
                        if (!data.id) return data.text;
                        var info = $(data.element).data("full");
                        if (!info) return data.text;
                        return info.title + (info.campus ? ' | ' + info.campus : '') + (info.day ? ' | ' + info.day : '');
                    },
                    escapeMarkup: function (markup) {
                        return markup;
                    }
                });

                if (autoSelectWebinarId) {
                    $select.trigger('change');
                }
            }
        }, "json");
    }
});
</script>





    <script src="/assets/default/vendors/daterangepicker/daterangepicker.min.js"></script>
    <script src="/vendor/laravel-filemanager/js/stand-alone-button.js"></script>
    <script src="/assets/default/js/parts/forms.min.js"></script>

   
   <script>
$(document).ready(function () {
    const urlParams = new URLSearchParams(window.location.search);

    // Función genérica para manejar parámetros de URL y almacenamiento
    function handleParam(paramName) {
        const paramInUrl = urlParams.get(paramName);
        console.log(`${paramName} in URL:`, paramInUrl);

        const storedParam = localStorage.getItem(paramName);
        console.log(`Stored ${paramName}:`, storedParam);

        if (!paramInUrl && storedParam) {
            const currentUrl = window.location.href.split('?')[0];
            const currentSearchParams = new URLSearchParams(window.location.search);
            currentSearchParams.set(paramName, storedParam);
            const newUrl = `${currentUrl}?${currentSearchParams.toString()}`;
            console.log(`Updated URL with ${paramName}:`, newUrl);
            window.history.replaceState(null, '', newUrl);
        }

        if (paramInUrl) {
            console.log(`Saving ${paramName} to localStorage:`, paramInUrl);
            localStorage.setItem(paramName, paramInUrl);
        }
    }

    // Manejar "coupon" y "ref"
   
    handleParam('ref');
     handleParam('coupon');
});
</script>



    <link href="/assets/default/vendors/flagstrap/css/flags.css" rel="stylesheet">
    <script src="/assets/default/vendors/flagstrap/js/jquery.flagstrap.min.js"></script>
    <script src="/assets/default/js/parts/top_nav_flags.min.js"></script>
    <script>
        
       (function ($) {
  "use strict";

  // Mostrar dropdown al hacer hover
  $('body').on('mouseenter', '.xs-categories-toggle', function () {
    // Cerrar otros dropdowns abiertos
    $('.xs-categories-toggle').not(this).removeClass('show-items');
    // Abrir el dropdown del elemento actual
    $(this).addClass('show-items');
  });

  // Ocultar dropdown al salir del hover
  $('body').on('mouseleave', '.xs-categories-toggle', function () {
    $(this).removeClass('show-items');
  });

  // Submenú: Mostrar/ocultar al hacer hover
  $('body').on('mouseenter', '.cat-dropdown-menu > li', function () {
    var $this = $(this);
    // Cerrar otros submenús abiertos
    $('.cat-dropdown-menu > li').not($this).removeClass('show-sub-menu');
    // Abrir el submenú actual
    $this.addClass('show-sub-menu');
  });

  $('body').on('mouseleave', '.cat-dropdown-menu > li', function () {
    $(this).removeClass('show-sub-menu');
  });

  // Navbar toggle para dispositivos móviles
  $('body').on('click', '#navbarClose', function () {
    $('#navbarContent').removeClass('show');
  });

  $('body').on('click', '#navbarToggle', function () {
    $('#navbarContent').addClass('show');
  });

  // Sticky navbar
  var navbar = document.getElementById("navbar");
  var navbarVacuum = document.getElementById("navbarVacuum");
  var sticky = navbar.offsetTop;

  function myFunction() {
    if (window.pageYOffset >= sticky) {
      navbarVacuum.style.height = navbar.offsetHeight + 'px';
      navbar.classList.add("sticky");
    } else {
      navbarVacuum.style.height = 0;
      navbar.classList.remove("sticky");
    }
  }

  window.onscroll = function () {
    myFunction();
  };
})(jQuery);


        
    </script>

<script src="/assets/default/js/parts/main.min.js"></script>




<script>
$(document).ready(function () {
    if (window.location.href.includes("pleasantville")) {
        
       const noticeHtml = `
<section class="pleasantville-notice">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6 align-items-center">
               <br> <img src="https://iitnj.edu/wp-content/uploads/2022/04/lightlogo.png"
                     alt="IITNJ Logo"
                     class="img-fluid notice-logo"><br><br><br><br>
            </div>

            <div class="col-12 col-lg-6 text-white">
                <h1 class="notice-title">Important Notice:</h1>
                <h2 class="notice-subtitle">
                   We are now offering,  Vocational Training at Ideal Institute of Technology, in Pleasantville, NJ.
                </h2>
                <p class="notice-text">
                    For those who qualify, FREE!
                </p>
                <small class="notice-address">
                    1000 W. Washington Ave, Pleasantville, NJ 08232
                </small>
            </div>
        </div>
    </div>
</section>
`;


$(".container.mt-30").before(noticeHtml);

           $(".site-top-banner").remove();
     
        
       $("#filtersForm .col-12.col-lg-4").remove();
       
       
     $(".site-top-banner:after").remove();
     
     $("#filtersForm .col-12.col-lg-8").removeClass('col-lg-8').addClass('col-lg-12');
     
    } $("#filtersForm .col-lg-6").removeClass('col-lg-6').addClass('col-lg-4');
     
});
</script>

<script>



    
    
</script>
</body>
</html>