



{"id":27019,"date":"2025-10-13T11:56:17","date_gmt":"2025-10-13T11:56:17","guid":{"rendered":"https:\/\/sshg.ahamedgroup.store\/?page_id=27019"},"modified":"2025-10-16T12:28:26","modified_gmt":"2025-10-16T12:28:26","slug":"job-inquiry","status":"publish","type":"page","link":"https:\/\/sshglifestyle.com\/?page_id=27019","title":{"rendered":"Job Inquiry"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27019\" class=\"elementor elementor-27019\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-c27e0eb wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"c27e0eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4e552f elementor-widget elementor-widget-html\" data-id=\"d4e552f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============ SSHG LIFESTYLE | PREMIUM JOB INQUIRY ============ -->\r\n<section class=\"sshg-job-inquiry\">\r\n  <div class=\"sshg-job-container\">\r\n    <!-- Background Elements -->\r\n    <div class=\"sshg-bg-shapes\">\r\n      <div class=\"sshg-shape sshg-shape-1\"><\/div>\r\n      <div class=\"sshg-shape sshg-shape-2\"><\/div>\r\n      <div class=\"sshg-shape sshg-shape-3\"><\/div>\r\n      <div class=\"sshg-shape sshg-shape-4\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Content -->\r\n    <div class=\"sshg-job-content\">\r\n      <!-- Left Side - Job Showcase -->\r\n      <div class=\"sshg-job-showcase\">\r\n        <div class=\"sshg-job-header\">\r\n          <div class=\"sshg-job-badge\">\r\n            <span>Career Opportunities<\/span>\r\n          <\/div>\r\n          <h1 class=\"sshg-job-title\">\r\n            <span class=\"sshg-title-line\">Join Our<\/span>\r\n            <span class=\"sshg-title-line sshg-title-accent\">Premium Team<\/span>\r\n          <\/h1>\r\n          <p class=\"sshg-job-description\">\r\n            Build your career with SSHG LIFESTYLE. We're looking for passionate professionals \r\n            ready to excel in a dynamic, growth-oriented environment.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sshg-jobs-grid\">\r\n          <div class=\"sshg-job-card\" data-job=\"marketing\">\r\n            <div class=\"sshg-job-icon-wrapper\">\r\n              <div class=\"sshg-job-icon\">\ud83d\udcc8<\/div>\r\n            <\/div>\r\n            <div class=\"sshg-job-content\">\r\n              <h3>Marketing Teams<\/h3>\r\n              <p>Drive brand growth and customer engagement strategies<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-job-selector\">\r\n              <div class=\"sshg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sshg-job-card\" data-job=\"front-office\">\r\n            <div class=\"sshg-job-icon-wrapper\">\r\n              <div class=\"sshg-job-icon\">\ud83c\udfe2<\/div>\r\n            <\/div>\r\n            <div class=\"sshg-job-content\">\r\n              <h3>Front Office<\/h3>\r\n              <p>Manage client relations and front desk operations<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-job-selector\">\r\n              <div class=\"sshg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sshg-job-card\" data-job=\"tally-caller\">\r\n            <div class=\"sshg-job-icon-wrapper\">\r\n              <div class=\"sshg-job-icon\">\ud83d\udcde<\/div>\r\n            <\/div>\r\n            <div class=\"sshg-job-content\">\r\n              <h3>Tally Caller<\/h3>\r\n              <p>Handle customer communications and data management<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-job-selector\">\r\n              <div class=\"sshg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sshg-job-card\" data-job=\"supervisor\">\r\n            <div class=\"sshg-job-icon-wrapper\">\r\n              <div class=\"sshg-job-icon\">\ud83d\udc68\u200d\ud83d\udcbc<\/div>\r\n            <\/div>\r\n            <div class=\"sshg-job-content\">\r\n              <h3>Supervisor<\/h3>\r\n              <p>Lead teams and ensure operational excellence<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-job-selector\">\r\n              <div class=\"sshg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sshg-job-card\" data-job=\"engineer\">\r\n            <div class=\"sshg-job-icon-wrapper\">\r\n              <div class=\"sshg-job-icon\">\ud83d\udd27<\/div>\r\n            <\/div>\r\n            <div class=\"sshg-job-content\">\r\n              <h3>Engineer<\/h3>\r\n              <p>Technical expertise for project execution<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-job-selector\">\r\n              <div class=\"sshg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sshg-job-card\" data-job=\"designer\">\r\n            <div class=\"sshg-job-icon-wrapper\">\r\n              <div class=\"sshg-job-icon\">\ud83c\udfa8<\/div>\r\n            <\/div>\r\n            <div class=\"sshg-job-content\">\r\n              <h3>Designer<\/h3>\r\n              <p>Creative design solutions for various projects<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-job-selector\">\r\n              <div class=\"sshg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sshg-job-card\" data-job=\"architect\">\r\n            <div class=\"sshg-job-icon-wrapper\">\r\n              <div class=\"sshg-job-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n            <\/div>\r\n            <div class=\"sshg-job-content\">\r\n              <h3>Architect<\/h3>\r\n              <p>Architectural planning and design excellence<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-job-selector\">\r\n              <div class=\"sshg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sshg-job-card\" data-job=\"management\">\r\n            <div class=\"sshg-job-icon-wrapper\">\r\n              <div class=\"sshg-job-icon\">\ud83d\udc65<\/div>\r\n            <\/div>\r\n            <div class=\"sshg-job-content\">\r\n              <h3>Management Teams<\/h3>\r\n              <p>Strategic planning and organizational leadership<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-job-selector\">\r\n              <div class=\"sshg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sshg-job-card\" data-job=\"manager\">\r\n            <div class=\"sshg-job-icon-wrapper\">\r\n              <div class=\"sshg-job-icon\">\ud83d\udcbc<\/div>\r\n            <\/div>\r\n            <div class=\"sshg-job-content\">\r\n              <h3>Manager<\/h3>\r\n              <p>Department leadership and performance management<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-job-selector\">\r\n              <div class=\"sshg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Side - Job Inquiry Form -->\r\n      <div class=\"sshg-job-form-side\">\r\n        <div class=\"sshg-form-container\">\r\n          <div class=\"sshg-form-header\">\r\n            <div class=\"sshg-form-avatar\">\r\n              <div class=\"sshg-avatar-icon\">\ud83d\udcbc<\/div>\r\n            <\/div>\r\n            <h2>Start Your Career Journey<\/h2>\r\n            <p>Let's discuss how you can grow with our premium team<\/p>\r\n          <\/div>\r\n\r\n          <form class=\"sshg-job-form\" id=\"sshgJobForm\">\r\n            <!-- Progress Steps -->\r\n            <div class=\"sshg-form-progress\">\r\n              <div class=\"sshg-progress-steps\">\r\n                <div class=\"sshg-step sshg-step-active\" data-step=\"1\">\r\n                  <div class=\"sshg-step-number\">1<\/div>\r\n                  <span>Personal<\/span>\r\n                <\/div>\r\n                <div class=\"sshg-step\" data-step=\"2\">\r\n                  <div class=\"sshg-step-number\">2<\/div>\r\n                  <span>Professional<\/span>\r\n                <\/div>\r\n                <div class=\"sshg-step\" data-step=\"3\">\r\n                  <div class=\"sshg-step-number\">3<\/div>\r\n                  <span>Application<\/span>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"sshg-progress-bar\">\r\n                <div class=\"sshg-progress-fill\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Step 1: Personal Information -->\r\n            <div class=\"sshg-form-step sshg-step-active\" data-step=\"1\">\r\n              <div class=\"sshg-input-group\">\r\n                <div class=\"sshg-input-wrapper\">\r\n                  <input type=\"text\" id=\"sshgFullName\" name=\"fullName\" required>\r\n                  <label for=\"sshgFullName\">Full Name<\/label>\r\n                  <div class=\"sshg-input-line\"><\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"sshg-input-row\">\r\n                <div class=\"sshg-input-group\">\r\n                  <div class=\"sshg-input-wrapper\">\r\n                    <input type=\"tel\" id=\"sshgPhone\" name=\"phone\" required>\r\n                    <label for=\"sshgPhone\">Phone Number<\/label>\r\n                    <div class=\"sshg-input-line\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"sshg-input-group\">\r\n                  <div class=\"sshg-input-wrapper\">\r\n                    <input type=\"email\" id=\"sshgEmail\" name=\"email\" required>\r\n                    <label for=\"sshgEmail\">Email Address<\/label>\r\n                    <div class=\"sshg-input-line\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"sshg-input-group\">\r\n                <div class=\"sshg-input-wrapper\">\r\n                  <input type=\"text\" id=\"sshgLocation\" name=\"location\" required>\r\n                  <label for=\"sshgLocation\">Current Location<\/label>\r\n                  <div class=\"sshg-input-line\"><\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"sshg-step-actions\">\r\n                <button type=\"button\" class=\"sshg-next-btn\">Go to Professional Details<\/button>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Step 2: Professional Information -->\r\n            <div class=\"sshg-form-step\" data-step=\"2\">\r\n              <div class=\"sshg-input-group\">\r\n                <div class=\"sshg-input-wrapper\">\r\n                  <input type=\"text\" id=\"sshgCurrentRole\" name=\"currentRole\">\r\n                  <label for=\"sshgCurrentRole\">Current Position (Optional)<\/label>\r\n                  <div class=\"sshg-input-line\"><\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"sshg-input-row\">\r\n                <div class=\"sshg-input-group\">\r\n                  <div class=\"sshg-input-wrapper\">\r\n                    <select id=\"sshgExperience\" name=\"experience\" required>\r\n                      <option value=\"\"><\/option>\r\n                      <option value=\"Fresher\">Fresher<\/option>\r\n                      <option value=\"1-2 Years\">1-2 Years<\/option>\r\n                      <option value=\"3-5 Years\">3-5 Years<\/option>\r\n                      <option value=\"5-10 Years\">5-10 Years<\/option>\r\n                      <option value=\"10+ Years\">10+ Years<\/option>\r\n                    <\/select>\r\n                    <label for=\"sshgExperience\">Years of Experience<\/label>\r\n                    <div class=\"sshg-input-line\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"sshg-input-group\">\r\n                  <div class=\"sshg-input-wrapper\">\r\n                    <select id=\"sshgEducation\" name=\"education\" required>\r\n                      <option value=\"\"><\/option>\r\n                      <option value=\"High School\">High School<\/option>\r\n                      <option value=\"Diploma\">Diploma<\/option>\r\n                      <option value=\"Bachelor's Degree\">Bachelor's Degree<\/option>\r\n                      <option value=\"Master's Degree\">Master's Degree<\/option>\r\n                      <option value=\"Doctorate\">Doctorate<\/option>\r\n                    <\/select>\r\n                    <label for=\"sshgEducation\">Highest Education<\/label>\r\n                    <div class=\"sshg-input-line\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"sshg-input-group\">\r\n                <div class=\"sshg-input-wrapper\">\r\n                  <textarea id=\"sshgSkills\" name=\"skills\" rows=\"3\" placeholder=\" \"><\/textarea>\r\n                  <label for=\"sshgSkills\">Key Skills & Expertise<\/label>\r\n                  <div class=\"sshg-input-line\"><\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"sshg-step-actions\">\r\n                <button type=\"button\" class=\"sshg-prev-btn\">Back<\/button>\r\n                <button type=\"button\" class=\"sshg-next-btn\">Go to Job Application<\/button>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Step 3: Job Application -->\r\n            <div class=\"sshg-form-step\" data-step=\"3\">\r\n              <div class=\"sshg-job-selection\">\r\n                <h3>Select Your Preferred Position<\/h3>\r\n                <div class=\"sshg-job-checkboxes\">\r\n                  <label class=\"sshg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"jobs\" value=\"Marketing Teams\">\r\n                    <span class=\"sshg-checkbox-custom\"><\/span>\r\n                    <span class=\"sshg-checkbox-text\">Marketing Teams<\/span>\r\n                  <\/label>\r\n                  <label class=\"sshg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"jobs\" value=\"Front Office\">\r\n                    <span class=\"sshg-checkbox-custom\"><\/span>\r\n                    <span class=\"sshg-checkbox-text\">Front Office<\/span>\r\n                  <\/label>\r\n                  <label class=\"sshg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"jobs\" value=\"Tally Caller\">\r\n                    <span class=\"sshg-checkbox-custom\"><\/span>\r\n                    <span class=\"sshg-checkbox-text\">Tally Caller<\/span>\r\n                  <\/label>\r\n                  <label class=\"sshg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"jobs\" value=\"Supervisor\">\r\n                    <span class=\"sshg-checkbox-custom\"><\/span>\r\n                    <span class=\"sshg-checkbox-text\">Supervisor<\/span>\r\n                  <\/label>\r\n                  <label class=\"sshg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"jobs\" value=\"Engineer\">\r\n                    <span class=\"sshg-checkbox-custom\"><\/span>\r\n                    <span class=\"sshg-checkbox-text\">Engineer<\/span>\r\n                  <\/label>\r\n                  <label class=\"sshg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"jobs\" value=\"Designer\">\r\n                    <span class=\"sshg-checkbox-custom\"><\/span>\r\n                    <span class=\"sshg-checkbox-text\">Designer<\/span>\r\n                  <\/label>\r\n                  <label class=\"sshg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"jobs\" value=\"Architect\">\r\n                    <span class=\"sshg-checkbox-custom\"><\/span>\r\n                    <span class=\"sshg-checkbox-text\">Architect<\/span>\r\n                  <\/label>\r\n                  <label class=\"sshg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"jobs\" value=\"Management Teams\">\r\n                    <span class=\"sshg-checkbox-custom\"><\/span>\r\n                    <span class=\"sshg-checkbox-text\">Management Teams<\/span>\r\n                  <\/label>\r\n                  <label class=\"sshg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"jobs\" value=\"Manager\">\r\n                    <span class=\"sshg-checkbox-custom\"><\/span>\r\n                    <span class=\"sshg-checkbox-text\">Manager<\/span>\r\n                  <\/label>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"sshg-input-group\">\r\n                <div class=\"sshg-input-wrapper\">\r\n                  <textarea id=\"sshgMotivation\" name=\"motivation\" rows=\"4\" placeholder=\" \"><\/textarea>\r\n                  <label for=\"sshgMotivation\">Why do you want to join SSHG LIFESTYLE?<\/label>\r\n                  <div class=\"sshg-input-line\"><\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"sshg-step-actions\">\r\n                <button type=\"button\" class=\"sshg-prev-btn\">Back<\/button>\r\n                <button type=\"submit\" class=\"sshg-submit-btn\">\r\n                  <span>Submit Job Application<\/span>\r\n                  <div class=\"sshg-btn-shine\"><\/div>\r\n                <\/button>\r\n              <\/div>\r\n            <\/div>\r\n          <\/form>\r\n\r\n          <div class=\"sshg-form-footer\">\r\n            <p>Your application information is confidential and secure<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ======= SSHG JOB INQUIRY STYLES ======= *\/\r\n.sshg-job-inquiry {\r\n  min-height: 100vh;\r\n  background: linear-gradient(135deg, #0c0c0c 0%, #1a1a1a 50%, #0c1a1f 100%);\r\n  font-family: 'Inter', 'Segoe UI', sans-serif;\r\n  position: relative;\r\n  overflow-x: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 2rem 0;\r\n}\r\n\r\n\/* Background Shapes *\/\r\n.sshg-bg-shapes {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  pointer-events: none;\r\n}\r\n\r\n.sshg-shape {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: linear-gradient(45deg, #e74505, #014c5f);\r\n  opacity: 0.03;\r\n  animation: float 6s ease-in-out infinite;\r\n}\r\n\r\n.sshg-shape-1 {\r\n  width: 300px;\r\n  height: 300px;\r\n  top: 10%;\r\n  left: 5%;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.sshg-shape-2 {\r\n  width: 200px;\r\n  height: 200px;\r\n  top: 60%;\r\n  right: 10%;\r\n  animation-delay: 2s;\r\n}\r\n\r\n.sshg-shape-3 {\r\n  width: 150px;\r\n  height: 150px;\r\n  bottom: 20%;\r\n  left: 15%;\r\n  animation-delay: 4s;\r\n}\r\n\r\n.sshg-shape-4 {\r\n  width: 250px;\r\n  height: 250px;\r\n  top: 30%;\r\n  right: 20%;\r\n  animation-delay: 1s;\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n  50% { transform: translateY(-20px) rotate(180deg); }\r\n}\r\n\r\n.sshg-job-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 100%;\r\n}\r\n\r\n.sshg-job-content {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.1fr;\r\n  gap: 4rem;\r\n  align-items: center;\r\n}\r\n\r\n\/* Left Side - Job Showcase *\/\r\n.sshg-job-showcase {\r\n  padding-right: 2rem;\r\n}\r\n\r\n.sshg-job-header {\r\n  margin-bottom: 3rem;\r\n}\r\n\r\n.sshg-job-badge {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, #e74505, #014c5f);\r\n  color: white;\r\n  padding: 8px 20px;\r\n  border-radius: 20px;\r\n  font-weight: 600;\r\n  font-size: 0.85rem;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 2rem;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-job-badge::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.sshg-job-badge:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.sshg-job-title {\r\n  font-size: 3.5rem;\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  margin-bottom: 1.5rem;\r\n  color: white;\r\n}\r\n\r\n.sshg-title-line {\r\n  display: block;\r\n}\r\n\r\n.sshg-title-accent {\r\n  background: linear-gradient(135deg, #e74505, #014c5f);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.sshg-job-description {\r\n  font-size: 1.2rem;\r\n  color: rgba(255,255,255,0.7);\r\n  line-height: 1.6;\r\n  max-width: 500px;\r\n}\r\n\r\n\/* Jobs Grid - FIXED FOR DESKTOP *\/\r\n.sshg-jobs-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 1rem;\r\n  max-height: 600px;\r\n  overflow-y: auto;\r\n  padding-right: 1rem;\r\n}\r\n\r\n.sshg-jobs-grid::-webkit-scrollbar {\r\n  width: 4px;\r\n}\r\n\r\n.sshg-jobs-grid::-webkit-scrollbar-track {\r\n  background: rgba(255,255,255,0.1);\r\n  border-radius: 10px;\r\n}\r\n\r\n.sshg-jobs-grid::-webkit-scrollbar-thumb {\r\n  background: #e74505;\r\n  border-radius: 10px;\r\n}\r\n\r\n.sshg-job-card {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1rem;\r\n  padding: 1.5rem;\r\n  background: rgba(255,255,255,0.05);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 16px;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 100px; \/* Added fixed height *\/\r\n}\r\n\r\n.sshg-job-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(231,69,5,0.1), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.sshg-job-card:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.sshg-job-card:hover {\r\n  transform: translateX(10px);\r\n  border-color: rgba(231,69,5,0.3);\r\n  background: rgba(255,255,255,0.08);\r\n}\r\n\r\n.sshg-job-icon-wrapper {\r\n  width: 50px;\r\n  height: 50px;\r\n  background: linear-gradient(135deg, #e74505, #014c5f);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.sshg-job-card:hover .sshg-job-icon-wrapper {\r\n  transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.sshg-job-icon {\r\n  font-size: 1.5rem;\r\n}\r\n\r\n\/* FIXED: Job card content for desktop *\/\r\n.sshg-job-card .sshg-job-content {\r\n  flex: 1;\r\n  min-width: 0; \/* Crucial for text truncation *\/\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.sshg-job-card .sshg-job-content h3 {\r\n  color: white;\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  margin-bottom: 0.3rem;\r\n  line-height: 1.3;\r\n  word-wrap: break-word;\r\n  overflow-wrap: break-word;\r\n  white-space: normal;\r\n  max-width: 100%;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-job-card .sshg-job-content p {\r\n  color: rgba(255,255,255,0.6);\r\n  font-size: 0.9rem;\r\n  margin: 0;\r\n  line-height: 1.4;\r\n  word-wrap: break-word;\r\n  overflow-wrap: break-word;\r\n  white-space: normal;\r\n  max-width: 100%;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-job-selector {\r\n  width: 24px;\r\n  height: 24px;\r\n  border: 2px solid rgba(255,255,255,0.3);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.3s ease;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.sshg-selector-dot {\r\n  width: 12px;\r\n  height: 12px;\r\n  background: #e74505;\r\n  border-radius: 50%;\r\n  transform: scale(0);\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.sshg-job-card.active .sshg-selector-dot {\r\n  transform: scale(1);\r\n}\r\n\r\n.sshg-job-card.active .sshg-job-selector {\r\n  border-color: #e74505;\r\n}\r\n\r\n\/* Right Side - Job Form *\/\r\n.sshg-job-form-side {\r\n  position: relative;\r\n}\r\n\r\n.sshg-form-container {\r\n  background: rgba(255,255,255,0.02);\r\n  backdrop-filter: blur(20px);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 24px;\r\n  padding: 3rem;\r\n  box-shadow: 0 25px 50px rgba(0,0,0,0.5);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-form-container::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, #e74505, transparent);\r\n}\r\n\r\n.sshg-form-header {\r\n  text-align: center;\r\n  margin-bottom: 2.5rem;\r\n}\r\n\r\n.sshg-form-avatar {\r\n  width: 80px;\r\n  height: 80px;\r\n  background: linear-gradient(135deg, #e74505, #014c5f);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 1.5rem;\r\n  position: relative;\r\n}\r\n\r\n.sshg-form-avatar::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -2px;\r\n  background: linear-gradient(135deg, #e74505, #014c5f);\r\n  border-radius: 50%;\r\n  z-index: -1;\r\n  opacity: 0.6;\r\n  filter: blur(10px);\r\n}\r\n\r\n.sshg-avatar-icon {\r\n  font-size: 2rem;\r\n}\r\n\r\n.sshg-form-header h2 {\r\n  color: white;\r\n  font-size: 2rem;\r\n  font-weight: 700;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.sshg-form-header p {\r\n  color: rgba(255,255,255,0.7);\r\n  font-size: 1rem;\r\n  margin: 0;\r\n}\r\n\r\n\/* Progress Steps *\/\r\n.sshg-form-progress {\r\n  margin-bottom: 2.5rem;\r\n}\r\n\r\n.sshg-progress-steps {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-bottom: 1rem;\r\n  position: relative;\r\n}\r\n\r\n.sshg-step {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  z-index: 2;\r\n  position: relative;\r\n}\r\n\r\n.sshg-step-number {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: rgba(255,255,255,0.1);\r\n  border: 2px solid rgba(255,255,255,0.3);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: rgba(255,255,255,0.5);\r\n  font-weight: 600;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.sshg-step-active .sshg-step-number {\r\n  background: #e74505;\r\n  border-color: #e74505;\r\n  color: white;\r\n  transform: scale(1.1);\r\n}\r\n\r\n.sshg-step span {\r\n  color: rgba(255,255,255,0.5);\r\n  font-size: 0.85rem;\r\n  font-weight: 500;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.sshg-step-active span {\r\n  color: white;\r\n}\r\n\r\n.sshg-progress-bar {\r\n  height: 2px;\r\n  background: rgba(255,255,255,0.1);\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 20px;\r\n  right: 20px;\r\n  z-index: 1;\r\n}\r\n\r\n.sshg-progress-fill {\r\n  height: 100%;\r\n  background: #e74505;\r\n  width: 33.33%;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n\/* Form Steps *\/\r\n.sshg-form-step {\r\n  display: none;\r\n  animation: slideIn 0.5s ease;\r\n}\r\n\r\n@keyframes slideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n.sshg-step-active {\r\n  display: block;\r\n}\r\n\r\n.sshg-input-group {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.sshg-input-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 1.5rem;\r\n}\r\n\r\n.sshg-input-wrapper {\r\n  position: relative;\r\n}\r\n\r\n.sshg-input-wrapper input,\r\n.sshg-input-wrapper select,\r\n.sshg-input-wrapper textarea {\r\n  width: 100%;\r\n  padding: 1rem 0;\r\n  background: transparent;\r\n  border: none;\r\n  color: white;\r\n  font-size: 1rem;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.sshg-input-wrapper select {\r\n  padding: 1rem 0;\r\n  height: auto;\r\n  line-height: normal;\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  background: transparent;\r\n}\r\n\r\n.sshg-input-wrapper textarea {\r\n  resize: vertical;\r\n  min-height: 100px;\r\n}\r\n\r\n.sshg-input-wrapper label {\r\n  position: absolute;\r\n  top: 1rem;\r\n  left: 0;\r\n  color: rgba(255,255,255,0.6);\r\n  font-size: 1rem;\r\n  pointer-events: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.sshg-input-wrapper input:focus,\r\n.sshg-input-wrapper select:focus,\r\n.sshg-input-wrapper textarea:focus {\r\n  outline: none;\r\n}\r\n\r\n.sshg-input-wrapper input:focus + label,\r\n.sshg-input-wrapper input:not(:placeholder-shown) + label,\r\n.sshg-input-wrapper select:focus + label,\r\n.sshg-input-wrapper select:not([value=\"\"]) + label,\r\n.sshg-input-wrapper textarea:focus + label,\r\n.sshg-input-wrapper textarea:not(:placeholder-shown) + label {\r\n  top: -0.5rem;\r\n  font-size: 0.8rem;\r\n  color: #e74505;\r\n}\r\n\r\n.sshg-input-line {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 1px;\r\n  background: rgba(255,255,255,0.3);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.sshg-input-wrapper input:focus ~ .sshg-input-line,\r\n.sshg-input-wrapper select:focus ~ .sshg-input-line,\r\n.sshg-input-wrapper textarea:focus ~ .sshg-input-line {\r\n  height: 2px;\r\n  background: #e74505;\r\n}\r\n\r\n\/* Job Selection *\/\r\n.sshg-job-selection h3 {\r\n  color: white;\r\n  font-size: 1.2rem;\r\n  margin-bottom: 1.5rem;\r\n  text-align: center;\r\n}\r\n\r\n.sshg-job-checkboxes {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 1rem;\r\n}\r\n\r\n.sshg-checkbox-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  padding: 1rem;\r\n  background: rgba(255,255,255,0.05);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 12px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-checkbox-label::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(231,69,5,0.1), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.sshg-checkbox-label:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.sshg-checkbox-label:hover {\r\n  border-color: rgba(231,69,5,0.3);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.sshg-checkbox-label input {\r\n  display: none;\r\n}\r\n\r\n.sshg-checkbox-custom {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 2px solid rgba(255,255,255,0.3);\r\n  border-radius: 4px;\r\n  position: relative;\r\n  transition: all 0.3s ease;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.sshg-checkbox-label input:checked + .sshg-checkbox-custom {\r\n  background: #e74505;\r\n  border-color: #e74505;\r\n}\r\n\r\n.sshg-checkbox-label input:checked + .sshg-checkbox-custom::after {\r\n  content: '\u2713';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  color: white;\r\n  font-size: 12px;\r\n  font-weight: bold;\r\n}\r\n\r\n.sshg-checkbox-text {\r\n  color: white;\r\n  font-size: 0.9rem;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Step Actions *\/\r\n.sshg-step-actions {\r\n  display: flex;\r\n  gap: 1rem;\r\n  margin-top: 2rem;\r\n}\r\n\r\n.sshg-prev-btn,\r\n.sshg-next-btn,\r\n.sshg-submit-btn {\r\n  flex: 1;\r\n  padding: 1rem 2rem;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-weight: 600;\r\n  font-size: 1rem;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-prev-btn {\r\n  background: rgba(255,255,255,0.1);\r\n  color: rgba(255,255,255,0.8);\r\n  border: 1px solid rgba(255,255,255,0.2);\r\n}\r\n\r\n.sshg-prev-btn:hover {\r\n  background: rgba(255,255,255,0.15);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.sshg-next-btn,\r\n.sshg-submit-btn {\r\n  background: linear-gradient(135deg, #e74505, #014c5f);\r\n  color: white;\r\n}\r\n\r\n.sshg-next-btn:hover,\r\n.sshg-submit-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 25px rgba(231,69,5,0.4);\r\n  color: white;\r\n}\r\n\r\n.sshg-btn-shine {\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.sshg-submit-btn:hover .sshg-btn-shine {\r\n  left: 100%;\r\n}\r\n\r\n.sshg-form-footer {\r\n  text-align: center;\r\n  margin-top: 2rem;\r\n  padding-top: 2rem;\r\n  border-top: 1px solid rgba(255,255,255,0.1);\r\n}\r\n\r\n.sshg-form-footer p {\r\n  color: rgba(255,255,255,0.5);\r\n  font-size: 0.9rem;\r\n  margin: 0;\r\n}\r\n\r\n\/* ======= RESPONSIVE DESIGN ======= *\/\r\n\/* Large devices (desktops, 1200px and up) *\/\r\n@media (max-width: 1200px) {\r\n  .sshg-job-content {\r\n    gap: 3rem;\r\n  }\r\n  \r\n  .sshg-job-title {\r\n    font-size: 3rem;\r\n  }\r\n  \r\n  .sshg-form-container {\r\n    padding: 2.5rem;\r\n  }\r\n}\r\n\r\n\/* Medium devices (tablets, 992px and up) *\/\r\n@media (max-width: 992px) {\r\n  .sshg-job-content {\r\n    grid-template-columns: 1fr;\r\n    gap: 3rem;\r\n  }\r\n  \r\n  .sshg-job-showcase {\r\n    padding-right: 0;\r\n  }\r\n  \r\n  .sshg-job-checkboxes {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .sshg-job-title {\r\n    font-size: 2.8rem;\r\n  }\r\n  \r\n  .sshg-job-description {\r\n    font-size: 1.1rem;\r\n  }\r\n  \r\n  \/* Fixed grid for tablets *\/\r\n  .sshg-jobs-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n\/* Small devices (landscape phones, 768px and up) *\/\r\n@media (max-width: 768px) {\r\n  .sshg-job-inquiry {\r\n    padding: 1.5rem 0;\r\n  }\r\n  \r\n  .sshg-job-container {\r\n    padding: 0 15px;\r\n  }\r\n  \r\n  .sshg-form-container {\r\n    padding: 2rem;\r\n  }\r\n  \r\n  .sshg-job-title {\r\n    font-size: 2.5rem;\r\n  }\r\n  \r\n  .sshg-input-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n  }\r\n  \r\n  .sshg-step-actions {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .sshg-jobs-grid {\r\n    max-height: 500px;\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .sshg-job-card {\r\n    padding: 1.2rem;\r\n  }\r\n  \r\n  .sshg-form-header h2 {\r\n    font-size: 1.8rem;\r\n  }\r\n}\r\n\r\n\/* Extra small devices (portrait phones, 576px and up) *\/\r\n@media (max-width: 576px) {\r\n  .sshg-job-title {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .sshg-form-container {\r\n    padding: 1.5rem;\r\n    border-radius: 20px;\r\n  }\r\n  \r\n  .sshg-job-card {\r\n    padding: 1rem;\r\n    gap: 0.8rem;\r\n    align-items: flex-start;\r\n  }\r\n  \r\n  .sshg-job-icon-wrapper {\r\n    width: 45px;\r\n    height: 45px;\r\n    margin-top: 0.2rem;\r\n  }\r\n  \r\n  .sshg-job-icon {\r\n    font-size: 1.3rem;\r\n  }\r\n  \r\n  .sshg-job-card .sshg-job-content h3 {\r\n    font-size: 1rem;\r\n    line-height: 1.4;\r\n    margin-bottom: 0.2rem;\r\n  }\r\n  \r\n  .sshg-job-card .sshg-job-content p {\r\n    font-size: 0.85rem;\r\n    line-height: 1.4;\r\n  }\r\n  \r\n  .sshg-step-actions button {\r\n    padding: 0.875rem 1.5rem;\r\n    font-size: 0.95rem;\r\n  }\r\n  \r\n  .sshg-progress-steps {\r\n    gap: 0.5rem;\r\n  }\r\n  \r\n  .sshg-step span {\r\n    font-size: 0.8rem;\r\n  }\r\n  \r\n  .sshg-step-number {\r\n    width: 35px;\r\n    height: 35px;\r\n    font-size: 0.9rem;\r\n  }\r\n  \r\n  .sshg-progress-bar {\r\n    top: 17px;\r\n  }\r\n  \r\n  .sshg-form-header h2 {\r\n    font-size: 1.6rem;\r\n  }\r\n  \r\n  .sshg-form-header p {\r\n    font-size: 0.95rem;\r\n  }\r\n  \r\n  .sshg-input-wrapper select {\r\n    padding: 1.1rem 0;\r\n    font-size: 0.95rem;\r\n    line-height: 1.4;\r\n  }\r\n}\r\n\r\n\/* Extra extra small devices (phones, 480px and down) *\/\r\n@media (max-width: 480px) {\r\n  .sshg-job-title {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .sshg-job-description {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .sshg-form-container {\r\n    padding: 1.2rem;\r\n  }\r\n  \r\n  .sshg-job-checkboxes {\r\n    gap: 0.8rem;\r\n  }\r\n  \r\n  .sshg-checkbox-label {\r\n    padding: 0.8rem;\r\n  }\r\n  \r\n  .sshg-checkbox-text {\r\n    font-size: 0.85rem;\r\n  }\r\n  \r\n  .sshg-step-actions button {\r\n    padding: 0.8rem 1.2rem;\r\n    font-size: 0.9rem;\r\n  }\r\n  \r\n  .sshg-form-header {\r\n    margin-bottom: 2rem;\r\n  }\r\n  \r\n  .sshg-form-avatar {\r\n    width: 70px;\r\n    height: 70px;\r\n    margin-bottom: 1rem;\r\n  }\r\n  \r\n  .sshg-avatar-icon {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .sshg-job-card {\r\n    padding: 0.9rem;\r\n  }\r\n  \r\n  .sshg-job-card .sshg-job-content h3 {\r\n    font-size: 0.95rem;\r\n  }\r\n  \r\n  .sshg-job-card .sshg-job-content p {\r\n    font-size: 0.82rem;\r\n  }\r\n  \r\n  .sshg-input-wrapper select {\r\n    padding: 1.2rem 0;\r\n  }\r\n}\r\n\r\n\/* Mobile landscape orientation *\/\r\n@media (max-height: 600px) and (orientation: landscape) {\r\n  .sshg-job-inquiry {\r\n    min-height: auto;\r\n    padding: 1rem 0;\r\n  }\r\n  \r\n  .sshg-jobs-grid {\r\n    max-height: 300px;\r\n  }\r\n  \r\n  .sshg-job-card {\r\n    padding: 1rem;\r\n  }\r\n}\r\n\r\n\/* Fix for iOS Safari specific issues *\/\r\n@supports (-webkit-touch-callout: none) {\r\n  .sshg-input-wrapper select {\r\n    padding: 1.2rem 0;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const form = document.getElementById('sshgJobForm');\r\n  const steps = document.querySelectorAll('.sshg-form-step');\r\n  const progressFill = document.querySelector('.sshg-progress-fill');\r\n  const progressSteps = document.querySelectorAll('.sshg-step');\r\n  const jobCards = document.querySelectorAll('.sshg-job-card');\r\n  const phoneNumber = '918017375844';\r\n  \r\n  let currentStep = 1;\r\n  \r\n  \/\/ Initialize placeholders\r\n  document.querySelectorAll('.sshg-input-wrapper input, .sshg-input-wrapper textarea').forEach(input => {\r\n    if (!input.getAttribute('placeholder')) {\r\n      input.setAttribute('placeholder', ' ');\r\n    }\r\n  });\r\n  \r\n  \/\/ Job card click handler\r\n  jobCards.forEach(card => {\r\n    card.addEventListener('click', function() {\r\n      const job = this.getAttribute('data-job');\r\n      const jobName = getJobName(job);\r\n      const checkbox = document.querySelector(`input[value=\"${jobName}\"]`);\r\n      \r\n      if (checkbox) {\r\n        checkbox.checked = !checkbox.checked;\r\n        this.classList.toggle('active');\r\n      }\r\n    });\r\n  });\r\n  \r\n  \/\/ Next button handler\r\n  document.querySelectorAll('.sshg-next-btn').forEach(btn => {\r\n    btn.addEventListener('click', function() {\r\n      if (validateStep(currentStep)) {\r\n        currentStep++;\r\n        updateFormSteps();\r\n      }\r\n    });\r\n  });\r\n  \r\n  \/\/ Previous button handler\r\n  document.querySelectorAll('.sshg-prev-btn').forEach(btn => {\r\n    btn.addEventListener('click', function() {\r\n      currentStep--;\r\n      updateFormSteps();\r\n    });\r\n  });\r\n  \r\n  \/\/ Update form steps\r\n  function updateFormSteps() {\r\n    \/\/ Update steps visibility\r\n    steps.forEach(step => {\r\n      step.classList.remove('sshg-step-active');\r\n      if (parseInt(step.getAttribute('data-step')) === currentStep) {\r\n        step.classList.add('sshg-step-active');\r\n      }\r\n    });\r\n    \r\n    \/\/ Update progress steps\r\n    progressSteps.forEach(step => {\r\n      step.classList.remove('sshg-step-active');\r\n      if (parseInt(step.getAttribute('data-step')) <= currentStep) {\r\n        step.classList.add('sshg-step-active');\r\n      }\r\n    });\r\n    \r\n    \/\/ Update progress bar\r\n    progressFill.style.width = `${(currentStep \/ 3) * 100}%`;\r\n  }\r\n  \r\n  \/\/ Validate current step\r\n  function validateStep(step) {\r\n    let isValid = true;\r\n    \r\n    switch (step) {\r\n      case 1:\r\n        const name = document.getElementById('sshgFullName');\r\n        const phone = document.getElementById('sshgPhone');\r\n        const email = document.getElementById('sshgEmail');\r\n        const location = document.getElementById('sshgLocation');\r\n        \r\n        if (!name.value.trim()) {\r\n          showError(name, 'Please enter your full name');\r\n          isValid = false;\r\n        }\r\n        if (!phone.value.trim()) {\r\n          showError(phone, 'Please enter your phone number');\r\n          isValid = false;\r\n        }\r\n        if (!email.value.trim() || !isValidEmail(email.value)) {\r\n          showError(email, 'Please enter a valid email address');\r\n          isValid = false;\r\n        }\r\n        if (!location.value.trim()) {\r\n          showError(location, 'Please enter your current location');\r\n          isValid = false;\r\n        }\r\n        break;\r\n        \r\n      case 2:\r\n        const experience = document.getElementById('sshgExperience');\r\n        const education = document.getElementById('sshgEducation');\r\n        \r\n        if (!experience.value) {\r\n          showError(experience, 'Please select your years of experience');\r\n          isValid = false;\r\n        }\r\n        if (!education.value) {\r\n          showError(education, 'Please select your highest education');\r\n          isValid = false;\r\n        }\r\n        break;\r\n        \r\n      case 3:\r\n        const selectedJobs = document.querySelectorAll('input[name=\"jobs\"]:checked');\r\n        if (selectedJobs.length === 0) {\r\n          showNotification('Please select at least one job position', 'error');\r\n          isValid = false;\r\n        }\r\n        break;\r\n    }\r\n    \r\n    return isValid;\r\n  }\r\n  \r\n  \/\/ Email validation\r\n  function isValidEmail(email) {\r\n    const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n    return emailRegex.test(email);\r\n  }\r\n  \r\n  \/\/ Show error\r\n  function showError(input, message) {\r\n    const wrapper = input.closest('.sshg-input-wrapper');\r\n    wrapper.classList.add('sshg-input-error');\r\n    \r\n    \/\/ Remove existing error\r\n    const existingError = wrapper.querySelector('.sshg-error-message');\r\n    if (existingError) existingError.remove();\r\n    \r\n    \/\/ Add error message\r\n    const error = document.createElement('div');\r\n    error.className = 'sshg-error-message';\r\n    error.textContent = message;\r\n    error.style.cssText = `\r\n      color: #ff6b6b;\r\n      font-size: 0.8rem;\r\n      margin-top: 0.5rem;\r\n      animation: fadeIn 0.3s ease;\r\n    `;\r\n    \r\n    wrapper.appendChild(error);\r\n    \r\n    \/\/ Remove error on input\r\n    input.addEventListener('input', function() {\r\n      wrapper.classList.remove('sshg-input-error');\r\n      error.remove();\r\n    }, { once: true });\r\n  }\r\n  \r\n  \/\/ Get job name from data attribute\r\n  function getJobName(job) {\r\n    const jobMap = {\r\n      'marketing': 'Marketing Teams',\r\n      'front-office': 'Front Office',\r\n      'tally-caller': 'Tally Caller',\r\n      'supervisor': 'Supervisor',\r\n      'engineer': 'Engineer',\r\n      'designer': 'Designer',\r\n      'architect': 'Architect',\r\n      'management': 'Management Teams',\r\n      'manager': 'Manager'\r\n    };\r\n    \r\n    return jobMap[job] || job;\r\n  }\r\n  \r\n  \/\/ Form submission\r\n  form.addEventListener('submit', function(e) {\r\n    e.preventDefault();\r\n    \r\n    if (validateStep(currentStep)) {\r\n      \/\/ Get form data\r\n      const formData = new FormData(form);\r\n      const fullName = formData.get('fullName');\r\n      const phone = formData.get('phone');\r\n      const email = formData.get('email');\r\n      const location = formData.get('location');\r\n      const currentRole = formData.get('currentRole');\r\n      const experience = formData.get('experience');\r\n      const education = formData.get('education');\r\n      const skills = formData.get('skills');\r\n      const motivation = formData.get('motivation');\r\n      const jobs = Array.from(document.querySelectorAll('input[name=\"jobs\"]:checked')).map(cb => cb.value).join(', ');\r\n      \r\n      \/\/ Create WhatsApp message\r\n      const whatsappMessage = `\r\nSSHG LIFESTYLE - Job Application\r\n\r\n\ud83d\udc64 Personal Information:\r\nName: ${fullName}\r\nPhone: ${phone}\r\nEmail: ${email}\r\nLocation: ${location}\r\n\r\n\ud83d\udcbc Professional Details:\r\nCurrent Role: ${currentRole || 'Not specified'}\r\nExperience: ${experience}\r\nEducation: ${education}\r\nSkills: ${skills || 'Not specified'}\r\n\r\n\ud83c\udfaf Job Application:\r\nPreferred Positions: ${jobs}\r\nMotivation: ${motivation || 'Not specified'}\r\n\r\nI'm interested in joining your team and would like to apply for the mentioned positions.\r\n      `.trim();\r\n      \r\n      \/\/ Encode message for URL\r\n      const encodedMessage = encodeURIComponent(whatsappMessage);\r\n      \r\n      \/\/ Create WhatsApp URL\r\n      const whatsappURL = `https:\/\/wa.me\/${phoneNumber}?text=${encodedMessage}`;\r\n      \r\n      \/\/ Open WhatsApp\r\n      window.open(whatsappURL, '_blank');\r\n      \r\n      \/\/ Show success message\r\n      showNotification('Your job application has been submitted successfully!', 'success');\r\n      \r\n      \/\/ Reset form after 2 seconds\r\n      setTimeout(() => {\r\n        form.reset();\r\n        currentStep = 1;\r\n        updateFormSteps();\r\n        jobCards.forEach(card => card.classList.remove('active'));\r\n      }, 2000);\r\n    }\r\n  });\r\n  \r\n  \/\/ Notification function\r\n  function showNotification(message, type) {\r\n    const notification = document.createElement('div');\r\n    notification.className = `sshg-job-notification sshg-notification-${type}`;\r\n    notification.innerHTML = `\r\n      <div class=\"sshg-notification-content\">\r\n        <span class=\"sshg-notification-icon\">${type === 'success' ? '\u2705' : '\u26a0\ufe0f'}<\/span>\r\n        <span class=\"sshg-notification-text\">${message}<\/span>\r\n      <\/div>\r\n    `;\r\n    \r\n    \/\/ Add notification styles if not exists\r\n    if (!document.querySelector('#sshgNotificationStyles')) {\r\n      const styles = document.createElement('style');\r\n      styles.id = 'sshgNotificationStyles';\r\n      styles.textContent = `\r\n        .sshg-job-notification {\r\n          position: fixed;\r\n          top: 20px;\r\n          right: 20px;\r\n          background: rgba(255,255,255,0.95);\r\n          backdrop-filter: blur(20px);\r\n          border-radius: 15px;\r\n          padding: 1rem 1.5rem;\r\n          box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n          z-index: 10000;\r\n          animation: slideInRight 0.5s ease, slideOutRight 0.5s ease 3s forwards;\r\n          border-left: 4px solid #e74505;\r\n        }\r\n        \r\n        .sshg-notification-success {\r\n          border-left-color: #00d26a;\r\n        }\r\n        \r\n        .sshg-notification-error {\r\n          border-left-color: #ff6b6b;\r\n        }\r\n        \r\n        .sshg-notification-content {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 10px;\r\n        }\r\n        \r\n        .sshg-notification-icon {\r\n          font-size: 1.2rem;\r\n        }\r\n        \r\n        .sshg-notification-text {\r\n          color: #1a1a1a;\r\n          font-weight: 500;\r\n        }\r\n        \r\n        @keyframes slideOutRight {\r\n          to {\r\n            transform: translateX(100%);\r\n            opacity: 0;\r\n          }\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n          from { opacity: 0; }\r\n          to { opacity: 1; }\r\n        }\r\n      `;\r\n      document.head.appendChild(styles);\r\n    }\r\n    \r\n    document.body.appendChild(notification);\r\n    \r\n    \/\/ Remove notification after animation\r\n    setTimeout(() => {\r\n      if (notification.parentNode) {\r\n        notification.parentNode.removeChild(notification);\r\n      }\r\n    }, 3500);\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Career Opportunities Join Our Premium Team Build your career with SSHG LIFESTYLE. We&#8217;re looking for passionate professionals ready to excel<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-27019","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27019","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27019"}],"version-history":[{"count":0,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27019\/revisions"}],"wp:attachment":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}