<!DOCTYPE html> 
<html lang="en" data-ph-id="ph-page-element-page10-61bfu9" class="desktop en_global external"> 
 <!--<![endif]--> 
 <head data-ph-id="ph-page-element-page10-BiwM4C"><link rel="canonical" href="https://www.pgcareers.com/global/en" /><meta property="og:type" content="website" /><meta property="og:image" content="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/social/1200x630-1678359026569.jpg" page-seo-overriden="true" /><meta property="og:site_name" content="Procter &amp; Gamble" /><meta property="og:url" content="https://www.pgcareers.com/global/en/home" /><meta property="og:title" content="Careers at Procter &amp; Gamble | Procter &amp; Gamble jobs" /><meta property="og:description" content="home" /><meta property="og:image:width" content="200" /><meta property="og:image:height" content="200" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="Procter &amp; Gamble" /><meta name="twitter:creator" content="@Careers - Procter &amp; Gamble" /><meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/social/1024x512-1678359001570.jpg" page-seo-overriden="true" /><meta name="twitter:title" content="Careers at Procter &amp; Gamble | Procter &amp; Gamble jobs" /><meta name="twitter:description" content="home" /><meta name="layout" content="site-layout" data-ph-id="ph-page-element-page10-V9BefM" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page10-3w8kIB" /> 
   
    
     
      
       
      <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/en_global/desktop/assets/images/favicon.ico?v=1690195347863" rel="icon" data-ph-id="ph-page-element-page10-69PzOq" /> 
       <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/en_global/desktop/assets/images/h/apple-touch-icon.png" data-ph-id="ph-page-element-page10-B78yvT" /> 
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/en_global/desktop/assets/images/m/apple-touch-icon.png" data-ph-id="ph-page-element-page10-2ouY7e" /> 
         <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/en_global/desktop/assets/images/l/apple-touch-icon-precomposed.png" data-ph-id="ph-page-element-page10-JpUplO" /> 
          <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/en_global/desktop/assets/images/l/apple-touch-icon.png" data-ph-id="ph-page-element-page10-d2QoMs" /> 
           <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/en_global/desktop/assets/images/l/splash.png" data-ph-id="ph-page-element-page10-v1aJ2U" /> 
             
             
            
           
          
         
        
       
      
     
    
   
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
 <script type="text/javascript" nonce="">/*&lt;!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://www.pgcareers.com/widgets","country":"global","deviceType":"desktop","locale":"en_global","absUrl":true,"refNum":"PGBPGNGLOBAL","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources","baseUrl":"https://www.pgcareers.com/global/en/","baseDomain":"https://www.pgcareers.com","phenomTrackURL":"www.pgcareers.com/global/en/phenomtrack.min.js","pageName":"home","siteType":"external","rootDomain":"https://www.pgcareers.com","pageId":"page10"}; phApp.ddo = {"fyfTokenStatus":{"tokenAvailable":false},"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"thirdPartyLibraries":{"internal":["heap-analytics","open-replay"]},"imEagerLoadDdoList":[{"name":"getProfileStatus","cache":false},{"name":"getRegionLocales","cache":true},{"name":"getIMConfigurations","cache":true},{"name":"getClientReferFlow","cache":true},{"name":"imVariantsConfigInfo","cache":true},{"name":"mergedProfile","cache":false},{"name":"getProfileWeightage","cache":false},{"name":"masterFrequencyV1","cache":true},{"name":"userAlertSettings","cache":true},{"name":"fitScoreSettingsIM","cache":true},{"name":"employeeSearchConfig","cache":true},{"name":"getEmployeeProfile","cache":false},{"name":"getGroupInfo","cache":true},{"name":"getAppliedJobs","cache":true},{"name":"getProfileFieldsSettings","cache":true}],"lqipImage":"https://assets.phenompeople.com/CareerConnectResources/common/assets/images/gray.png","filePicker":{"onedrive":{"clientId":"1c186d04-d14a-424f-8132-0cae8c41435c","devkey":""},"dropbox":{"clientId":"7j4atpiepgcmy4j","devkey":""},"googledrive":{"clientId":"414699307979-nk6l179efm95vfqt0n0fgt05jjmk04tj.apps.googleusercontent.com","devkey":"AIzaSyBFrajIgOC9E6vnLy9n1YheaHkzGX7x1Dc"}},"navItems":{"showExternalEvents":true,"candidateHome":false,"cdnCaasContentUrl":"https://content-ir.phenompeople.com/api/content-delivery/caasContentV1","eventsEnabled":true,"audPxConfig":{"oldVersion":"2.0","newVersion":"4.0"},"blogsEnabled":true,"navMenuItems":["blogs","events"],"cdnCaasContentEnabled":true,"showExternalBlogs":true,"navMenuItemsData":{"blogs":{"url":"https://www.pgcareers.com/global/en/blog"},"events":{"url":"https://www.pgcareers.com/global/en/events"}}},"imageLoadType":{"desktop":"lazy","mobile":"lazy"},"ignoreCovidWidgetPagesList":["chatbot"],"smoothAnchorSettings":{"ignore":true},"embedScriptVersion":"0.9.4","locale":"en_global","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"common/js/canvas/vendor/phw-px-hadlr-1.3.js","vendorScripts":{"jquery":"jquery-3.6.1.min.js","jqueryMigrate":"jquery-migrate.min-1.1.js","plyrScript":"plyr-3.7.8.js","plyrStyle":"plyr-3.7.8_1.css","videojs-wavesurfer":"videojs-wavesurfer_3.9.0.js","wavesurfer":"wavesurfer_6.6.4.min.js","wavesurfer-microphone":"wavesurfer.microphone.min_6.6.4.js","mediaInfo":"mediainfo_0.1.9.min.js"},"globalSearchFeature":{"mobileSearch":true},"ally":{"layerEnabled":false,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.18.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content"},"reorderCookie":true,"userAgent":"AudioEye"},"recommendedTrackingConfig":{"category":{"storageKey":"categories","ddoKeysToStore":["category"],"maxKeysToStore":"4"},"job":{"storageKey":"jobsViewed","ddoKeysToStore":["jobSeqNo"],"maxKeysToStore":"4"},"search-results":[{"storageKey":"keywords","ddoKeysToStore":["keywords"],"maxKeysToStore":"4"},{"storageKey":"locations","ddoKeysToStore":["location","field"],"maxKeysToStore":"4"}]},"pxScrVerionUrl":"common/js/vendor/ph-px-hadlr-1.15.js","ignoreCookiePages":["chatbot"],"videoAssessmentPagesList":["video-assessment-landing-page","video-assessment-recording","video-assessment-thankyou","interview-landing-page","interview-recording","interview-thankyou"],"oauth":{"indeed":{"clientId":"9d7219aebf5c1d2fdcc2f09ddb2c960187372b68637b8542faeff787920e1deb"},"xing":{"clientId":"c3bdfb74291c0e358e89"},"linkedIn":{"clientIdOld":"75qvndrmqmkxfo","clientId":"78mq36mb73ep5m","loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","redirectUri":"/socialAuth/li","response_type":"code","scope":"r_liteprofile r_emailaddress"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"google-signin":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/iauth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"1633947069976673","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"}},"pageNameMap":{"404":"404_page_view","home":"home_page_view","category":"job_category_page_view","job":"job_details_view","search-results":"search_result_page_view","apply":"apply_page_view","glassdoorReviews":"glassdoor_reviews_page_view","jobcart":"favorites_page_view","jointalentcommunity":"jtc_page_view","featuredOpportunities":"job_category_page_view","businessUnit":"job_category_page_view","event":"event_details_view","events":"event_results_page_view","saved-jobs":"favorites_page_view","blogarticle":"blog_details_page","video-assessment-landing-page":"video_assessment_landing_page_view","video-assessment-recording":"video_assessment_recording_page_view","video-assessment-thankyou":"video_assessment_thankyou_page_view","interview-landing-page":"interview_landing_page_view","interview-recording":"interview_recording_page_view","interview-thankyou":"interview_thankyou_page_view"},"globalManagedWidgetIds":["8b82bfdaafd4d8504005407db933c9a6"],"blogsharewidgetsettings":{"options":[{"name":"whatsapp","order":0,"baseUrl":"https://api.whatsapp.com/send?&text=","eventName":"Share_whatsapp","settings":{"icon":"icon-whatsapp-1","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true},{"name":"linkedin","order":1,"baseUrl":"https://www.linkedin.com/shareArticle?mini=true&url=","eventName":"share_blog","settings":{"icon":"icon-linkedin-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"title":"shareInfoText"},"label":false},"isSelected":true},{"name":"facebook","order":3,"baseUrl":"https://facebook.com/sharer.php?u=","eventName":"share_blog","settings":{"icon":"icon-facebook","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"t":"shareInfoText"},"label":false},"isSelected":true},{"name":"twitter","order":0,"baseUrl":"https://twitter.com/share?url=","eventName":"share_blog","settings":{"icon":"icon-twitter","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"text":"shareInfoText"},"label":false},"isSelected":true},{"name":"email","order":6,"baseUrl":"","eventName":"share_blog","settings":{"icon":"icon-email-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true}],"brandStyle":true,"widgetStyle":"style3","isInline":true,"size":"16","spacing":"21","color":"#fff","backgroundColor":"#ggg","height":"34","width":"34","line-height":"30","lineHeight":"30","borderWidth":"1","borderStyle":"solid","borderColor":"transparent","borderRadius":"100","locale":"en_us","siteVariant":"external"},"botEnabled":false,"maps":{"google":{"apiScript":"https://maps.googleapis.com/maps/api/js","clusterJsScript":"markerclusterer-v1.js","gmapsInfoBoxScript":"gmaps-infobox-v1.js","apiKey":"AIzaSyBqM-rW0r-sR9PerNAvvsmzbBeoFu3Ycz8"},"mapbox":{"mapboxScript":"mapbox-gl.js","superClusterJsScript":"supercluster.min.js","apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Mpna1KIqU8Gj6zjPy4iygw"},"mapboxCN":{"mapboxScript":"mapbox-gl-v1.1.0.js","superClusterJsScript":"supercluster.min.js","mapboxTurf":"mapbox-turf.min-v1.js","mapboxSearch":"mapbox-gl-geocoder.min.js","mapboxDirections":"mapbox-gl-directions.js","enableDirections":true,"apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Srl2-pw3xDRilymEjEoeig","baseApiUrl":"https://api.mapbox.cn"}},"ignoreLinkedInStateParam":false,"tokenConfiguredTenants":{"refNums":["RBCAA0088"]},"fetchBlogShareSettingsFromSiteconfig":false,"oneTrust":{"class":["ot-sdk-show-settings"]},"videoScreeningGlobalStyles":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/ph-vs-global-styles-v1.css","cdnConfig":{"cdnDdos":["fitScoreSettings","landingPageOverview","categoryContentV2","candidateProfileConfig","categoryMasterData","jobTagSettings","getBusinessRules","getMasterCategories","categoryMasterDataV2","caasFetchRawConfig","globalSearchConfig","categoryContent","siteBranding","blogsharewidgetsettings","audiencePxWidgetConfig","jobsharewidgetsettings","npsConfig","socialConnectOptions","getRegionLocales","jobLogoConfig","supportedLanguages","getMasterLocations","locationmapsettings","pxAudJobwidgetsettings","getRegionLocales","eventsharewidgetsettings","jobwidgetsettings","fyfConfig","getPiiConsentConfig","glassdoorReviews","masterFrequencyV1"],"cdnUrl":"https://content-ir.phenompeople.com","pageNameLevelDdos":[],"pageIdlevelDdos":[]},"urlMap":{"home":"home","category":"c/:category","job":"job/:jobId/:title","service":"service/:jobId/:title","jobcart":"jobcart","search-results":"search-results","glassdoor-reviews":"glassdoor-reviews","event":"event/:eventScheduleId/:title","events":"events","talentcommunity":"talentcommunity","talentcommunityupdate":"talentcommunityupdate","blogarticle":"blogarticle/:url","jobalert":"jobalert","employee-profile":"employeeprofile","editprofile":"editprofile","businessUnit":":url","featuredOpportunities":":url","di_about":"di/about/:groupId","di_details":"di/details/:groupId","di_events":"di/events/:groupId","di_groups":"di/groups","di_highlights":"di/highlights/:groupId","di_jobs":"di/jobs/:groupId","di_members":"di/members/:groupId","referrals_candidate":"referrals/candidate","referrals_referredcandidates":"referrals/referredcandidates","referrals_friendsinterests":"referrals/friendsinterests","referrals_home":"referrals/home","referrals_candidatesuniversity":"referrals/candidatescompany","employees_home":"employees/home","lms_courses":"lms/courses","lms_savedcourses":"lms/savedcourses","gigs_details":"gigs/details/:gigId","gigs_searchresults":"gigs/searchresults","nla_home":"nla/home","nla_search":"nla/search","gigs_manage":"gigs/manage","gigs_applications":"gigs/applications","gigs_applicants":"gigs/applicants/:gigId","events_event":"events/event/:eventScheduleId/:title","events_home":"events/home","my-profile":"myprofile","cp_createpath":"cp/createpath","cp_home":"cp/home","mentoring_relationship":"mentoring/relationship/:mentorshipId","mentoring_mentees":"mentoring/mentees","mentoring_mentors":"mentoring/mentors","mentoring_searchresults":"mentoring/searchresults","settings":"settings","story":"story/:contentId/:title","video-assessment-landing-page":"video-assessment-landing-page","video-assessment-recording":"video-assessment-recording","video-assessment-thankyou":"video-assessment-thankyou","forwardApply":"hvhapply","interview-landing-page":"interview-landing-page","interview-recording":"interview-recording","interview-thankyou":"interview-thankyou","roles_details":"roles/details/:jobCode/:jobTitle","roles_search-results":"roles/searchresults"},"categoryUrlMap":{"PGBPGNGLOBAL_Brand_Management_Marketing":"c/brand-managementmarketing-jobs","PGBPGNGLOBAL_Human_Resources":"c/human-resources-jobs","PGBPGNGLOBAL_Finance_and_Accounting":"c/finance-and-accounting-jobs","PGBPGNGLOBAL_Sales":"c/sales-jobs","PGBPGNGLOBAL_Research_Development":"c/research-development-jobs","PGBPGNGLOBAL_Other":"c/other-jobs","PGBPGNGLOBAL_Legal_and_Patent":"c/legal-and-patent-jobs","PGBPGNGLOBAL_Manufacturing_and_Quality_Assurance":"c/manufacturing-and-quality-assurance-jobs","PGBPGNGLOBAL_Multi_Functional":"c/multifunctional-jobs","PGBPGNGLOBAL_Supply_Chain_and_Logistics":"c/supply-chain-and-logistics-jobs","PGBPGNGLOBAL_Information_Technology":"c/information-technology-jobs","PGBPGNGLOBAL_Engineering":"c/engineering-jobs"},"crawlerUserAgents":"Screaming Frog|googlebot|yahoo|bingbot|baiduspider|facebookexternalhit|twitterbot|rogerbot|linkedinbot|embedly|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator|redditbot|Applebot|WhatsApp|flipboard|tumblr|bitlybot|SkypeUriPreview|nuzzel|Discordbot|Google Page Speed|Qwantify|pinterestbot|Custom|Chrome-Lighthouse","siteSettings":{"glassdoor":{},"glassdoorReviews":{},"twitter":{},"refineSearch":{"enabledFacets":["category","country","state","city","type","subCategory","experienceLevel"],"facetDisplayNames":{"category":"Category","country":"Country/Region","state":"State / Province","city":"City","type":"Schedule","subCategory":"Sub Category","experienceLevel":"Experience Level"},"facetPlaceholderNames":{"category":"Search in Category","country":"Search in Country/Region","state":"Search in State / Province","city":"Search in City","type":"Search in Schedule","subCategory":"Search in Sub Category","experienceLevel":"Search in Experience Level"},"defaultFacetsToOpen":["category"]},"googleMapApiKey":"AIzaSyAPoqeLpXXx4tqiWHMYJkY42yDS_f3gNJs","gdpr":{"cookieType":"session","enabled":false},"ignoreNpsPagesList":["event","events","video-assessment-landing-page","video-assessment-recording","video-assessment-thankyou"],"externalCookieConfig":{"scriptUrl":"https://cdn.cookielaw.org/scripttemplates/otSDKStub.js","loadPreRequiredScript":"pcs/common/ot-pre-scr-v4.js","availOnAllowedCookies":["2","3"],"domainKey":"c1de13ff-0332-46cd-94e7-830cd6e4e3a5"}},"size":"10","refNum":"PGBPGNGLOBAL","siteVariant":"external","iscdnEnabled":true,"calendarApiKey":{"clientId":"aPuJFtcvVzuUHrqeLmPL36170","apiToken":"api1514482884HylDN8tqa6mgQxWCpnjo36170","userZone":true},"trackingConfig":{"ddoDataPath":{"jobDetail":"data.job"},"job_category_click":{"trait14":"key"},"job_category_search_click":{"trait14":"key"},"play_click":{"trait260":"videotype","videoId":"videoid"},"pause_click":{"trait260":"videotype","videoId":"videoid"},"similar_job_click":{"trait12":"jobSeqNo","related":{"ddo":[{"name":"jobDetail","data":{"trait5":"jobSeqNo","trait14":"category"}}]}},"linkedin_recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recently_viewed_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"next_click":{"trait254":"stepName","typedValue":"typedValue","selected_values":"selected_values"},"ddo_failure":{"trait254":"stepName","response":"response","ddoKey":"ddoKey"},"ddo_error":{"trait254":"stepName","error":"error","ddoKey":"ddoKey"},"skip_questions_click":{"trait254":"stepName"},"previous_click":{"trait254":"stepName"},"registration_submit":{"trait27":"email","trait15":"firstName","trait24":"phone"},"edit_profile_information":{},"resume_remove_click":{},"profile_questions_click":{},"resume_upload_click":{},"create_profile_click":{},"upload_new_file_click":{},"clear_text_click":{"trait6":"clearSearchValue"},"send_feedback_click":{"userFeedback":"userFeedback"},"submit_rating_click":{"userRating":"userRating"},"near_job_click":{"trait5":"jobSeqNo","trait14":"category"},"suggestions":{"stepName":"stepName","typed_values":"typed_values","selected_values":"selected_values"},"fyf_step_loaded":{"step":"step"},"fyf_options_closed":{},"favorite_job_click":{"trait5":"jobSeqNo","trait14":"category"},"job_added_to_jobcart":{"trait5":"jobSeqNo","trait14":"category"},"job_unfavorited":{"trait5":"jobSeqNo","trait14":"category"},"job_favorite_delete_click":{"trait5":"jobSeqNo","trait14":"category"},"type_ahead_search":{},"similar_job_see_more_click":{},"linkedin_login_click":{},"linkedin_logout_click":{},"view_all_glassdoor_reviews_click":{},"homepage_category_click":{"trait14":"key"},"category_click":{"trait14":"key"},"job_click":{"trait5":"jobSeqNo","trait14":"category"},"previous_job_click":{"trait5":"jobSeqNo"},"next_job_click":{"trait5":"jobSeqNo"},"linkedin_recommended_category_click":{"trait14":"category"},"back_to_search_results_click":{},"share_event":{"trait269":"eventScheduleId","trait213":"provider"},"blog_click":{"trait283":"url"},"blog_category_click":{"trait14":"categoryName"},"next_blog_click":{"trait283":"url"},"previous_blog_click":{"trait283":"url"},"blog_details_view":{"trait283":"blog"},"navigate_to_tweet_click":{"tweetUrl":"tweetUrl"},"fit_level_loaded":{"jobsFitLevel":"jobsFitLevel","totalJobs":"totalJobs","availableFitLevelCount":"availableFitLevelCount"},"smart_tags_loaded":{"smartJobTags":"smartJobTags","totalJobs":"totalJobs","availableJobTagCount":"availableJobTagCount"},"edit_role_click":{"trait13":"trait13"},"select_role_click":{"trait13":"trait13","trait260":"trait260"},"app_download_click":{"trait260":"appName","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_decline_click":{"trait5":"videoScreenId","trait14":"category","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_accept_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"accept_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"reject_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_record_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_submit_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_retake_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_continue_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_review_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"submit_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"export_videos_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"restart_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_now_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"continue_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"contact_recruiter_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"agree_click":{"videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"submit_feedback_click":{"rating":"rating","feedback":"feedback","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"video-upload-error":{"url":"url","status":"status","questionId":"questionId","response":"response"}},"captchaConfig":{"useCaptcha":false,"siteKey":"6LcV6MIUAAAAAN99to_j66BSDkGwjWcsjh2iTj1W","scriptSrc":"https://www.google.com/recaptcha/api.js?render=explicit&hl={{locale}}","divId":"ph-custom-captcha"}},"reqData":null},"caasLazyLoadWidgetVersions":{"status":"success","errorCode":null,"errorMsg":null,"data":{"pcs-card-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-card-v1/pcs-card-v1-1620286894383.js","pcs-content-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-content-v1/pcs-content-v1-1683892274455.js","pcs-candidate-login-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-candidate-login-v1/pcs-candidate-login-v1-1713343704873.js","pcs-component-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-component-v1/pcs-component-v1-1617346843242.js","pcs-footer-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-footer-v1/pcs-footer-v1-1617347029398.js","pcs-social-connect-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-social-connect-v1/pcs-social-connect-v1-1669873248000.js","pcs-header-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-header-v1/pcs-header-v1-1709222752193.js","pcs-menu-list-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-menu-list-v1/pcs-menu-list-v1-1710917512987.js","pcs-job-cart-count-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-job-cart-count-v1/pcs-job-cart-count-v1-1652708896808.js","pcs-language-selector-v2":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-language-selector-v2/pcs-language-selector-v2-1714483631689.js"},"reqData":null},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["jobwidgetsettings","siteConfig","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"9476185c17d244ca8e104acb71a98f69","phProfileId":"5d97e07b-11f9-4f38-aa2f-fbffcd8a147c","pxPageState":"stranger","jdsource":""}; /*--&gt;*/</script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"}  </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><meta charset="UTF-8" /><meta content="en" /><meta name="viewport" content="width=device-width, initial-scale=1" /><meta name="description" content="Welcome to P&amp;G's global career site. Discover our exciting career opportunities for students, graduates, and professionals. Find your dream job today!
" key-description="external-default-home-description" /><meta name="keywords" content="" key-keywords="external-default-home-keywords" /><meta property="fb:admins" content="" /><title data-ph-id="ph-page-element-page10-EThlBL" key="external-default-home-title">Careers at Procter &amp; Gamble</title>










<script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/bluebird.min-1.0.js" defer="" nomodule="" platform_id="platform_bluebird" nonce=""></script>
<script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-basic-4.30.js" defer="" module="" platform_id="platform_basic" nonce=""></script>
<script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/require-4.1.js" defer="" platform_id="platform_require" nonce=""></script>
<script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part1-4.1.js" defer="" platform_id="platform_vendorBundleJs" nonce=""></script>
<script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part2-4.1.js" defer="" platform_id="platform_vendorBundleJs_part2" nonce=""></script>
<script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part1-4.64.js" defer="" platform_id="platform_phCommonBundleJs" nonce=""></script>
<script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part2-4.64.js" defer="" platform_id="platform_phCommonBundleJs_part2" nonce=""></script>
<script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/en_global/desktop/page10/ph-page-page10-1710153217331.js" defer="" nonce=""></script>
<script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-loader-4.21.js" defer="" platform_id="platform_loader" nonce=""></script>
<script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/ph-tracking-1.2.js" defer="" platform_id="platform_phTrackingJs" nonce=""></script>
<script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/appConfig/ph-app-config-1.14.js" defer="" platform_id="platform_phAppConfigJs" nonce=""></script>
<script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-signout-1663491117798" nonce=""><div class="sign-out-widget-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-short-header-uxvboR">

    <a ph-tevent="signout_click" class="sign-out-btn" ph-href="logout" data-ph-at-id="sign-out-text" data-ph-id="ph-page-element-short-header-aaDuhH">
        <i class="${widgetBundle['signOutIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-a82La5"></i>
        <span data-ph-id="ph-page-element-short-header-K3m4w2">${widgetBundle['signOutButton'] | pht}</span>
    </a>

</div></script><script type="text/x-ph-tmpl" id="ph-language-selector-v2-view3-1606228440110" nonce=""><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-short-header-ceyAkX">
    <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-short-header-bgnG2K"></div>
    <div if.bind="!showErrorMsg &amp;&amp; !showLoader" data-ph-id="ph-page-element-short-header-jbNtMF">
            <!-- <label class="sr-only" for="selectedLanguageBtn" id="selectedLanguageLabel">
                    Language selector 
            </label> -->
        <button if.bind="searchArray.length>1" class="language-block ${(searchArray.length==1)?'single-language':''} ${(searchArray.length>10) ? '':'dropdown-arrow'}" role="${(searchArray.length==1)?'text':'button'}" click.delegate="isshowDropDown = !isshowDropDown" aria-haspopup="true" aria-expanded="${isshowDropDown?true:false}" data-ph-id="ph-page-element-short-header-kgR9MX">
            <span class="flag flag-${choosenLanguage.locationDisplayName}" blur.trigger="onBlurHandler($event, false)" data-ph-at-id="selected-country-flag" data-ph-id="ph-page-element-short-header-lSIufW"></span>
            <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-short-header-ESy4Fd"></i>
            <span class="sr-only" data-ph-id="ph-page-element-short-header-ytvqPK">
                    Language selected 
            </span>
            <span class="sr-only" data-ph-id="ph-page-element-short-header-4SRrLj">
                    ${choosenLanguage.languageDisplayName}
            </span>
            <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-short-header-dwtUdd">
                ${choosenLanguage.locationDisplayName}
            </span>
            <i aria-hidden="true" class="icon icon-triangle ${isshowDropDown ? 'icon-up' : 'icon-down'} arrow-icon" show.bind="(searchArray.length>1)" data-ph-id="ph-page-element-short-header-DJMHSN"></i>
        </button>
        <div class="dropdown-box ph-a11y-dropdown-box ${(searchArray.length>10) ? '':'dropdown-arrow'}" show.bind="isshowDropDown &amp;&amp; (searchArray.length>1)" data-ph-id="ph-page-element-short-header-WPYcN0">
            <div class="search-area ph-a11y-search-area" aria-owns="language-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-short-header-Jx0Q3Q">
                <label class="sr-only" for="language-selector" key="ph-language-selector-v2-view3-43qw7j-8FwaB6" data-ph-id="ph-page-element-short-header-foFmLf">Search location or Language</label>
                <input type="text" name="language-listbox" key-aria-label="ph-language-selector-v2-view3-43qw7j-twUGZG" id="language-selector" ph-a11y-autocomplete="" aria-autocomplete="list" autocomplete="off" aria-controls="language-listbox" value.bind="filterKey" aria-describedby="suggestions" placeholder="Enter location or Language" focus.trigger="onBlurHandler($event, true)" blur.trigger="onBlurHandler($event, false)" key-placeholder="ph-language-selector-v2-view3-43qw7j-v4nMop" data-show-listbox="false" data-ph-id="ph-page-element-short-header-i4C1Mf" />
                <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-short-header-dsEb4y"></i>
                <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.delegate="clearSearch()" focus.trigger="onBlurHandler($event, true)" blur.trigger="onBlurHandler($event, false)" if.bind="filterKey" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" data-ph-id="ph-page-element-short-header-U06fWv">
                    <ppc-content type="icon" data-ph-id="ph-page-element-short-header-BCyb9n"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-QWFA3A"></i></ppc-content>
                    <span class="sr-only" data-ph-id="ph-page-element-short-header-xgUVtT">
                        <ppc-content key="ph-language-selector-v2-view3-43qw7j-fTJ1hB" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-short-header-tN2C2r">Clear text</ppc-content>
                    </span>
                </a>
            </div>

            <ul class="dropdown-list" id="language-listbox" role="listbox" aria-label="language-list" aria-labelledby="language-listbox" tabindex="-1" data-ph-id="ph-page-element-short-header-NvquYM">
                <li class="dropdown-list-item ph-a11y-dropdown-list-item" repeat.for="each of roots" role="option" data-ph-id="ph-page-element-short-header-00McqX">
                    <a href="${each.locationUrl}" click.delegate="languageChanged(each,true)" class="${(each.displayName==choosenLanguage.displayName)?'active':''}" data-ph-at-displayname-text="${each.displayName}" tabindex="-1" data-ph-id="ph-page-element-short-header-7yksgW">
                        <span class="flag flag-${each.location}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-short-header-1MAhrq"></span>
                        <div class="country" data-ph-id="ph-page-element-short-header-9Jrhch">
                            <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-short-header-hAu5G1">
                                ${each.displayName}
                            </div>
                            <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-short-header-prkVpx">
                                <ppc-content data-ph-id="ph-page-element-short-header-hoB9Di">
                                    selected
                                </ppc-content>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
            <div aria-atomic="true" aria-live="polite" id="suggestions" data-ph-id="ph-page-element-short-header-tIgJn2">
                <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-short-header-nCgcQH">
                    <ppc-content key="ph-language-selector-v2-view3-43qw7j-AOT8xx" data-ph-id="ph-page-element-short-header-pVSFlz">
                        No results found
                    </ppc-content>
                </div>
                <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-short-header-cKhXQg">
                    ${roots.length}
                  <ppc-content key="ph-language-selector-v2-view3-43qw7j-j7RVzN" data-ph-id="ph-page-element-short-header-oAV79s">
                      suggestions are available
                    </ppc-content>
                </div>
            </div>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-view2-1640670338849" nonce=""><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-jg6M7s">
    <a ph-href="jobcart" key-ph-href="ph-job-cart-count-v3-view2-jkn0zo-F4rpBw" ph-tevent="job-cart-icon-click" data-ph-at-id="jobcart-count" data-ph-at-widget-data-count="${jobCartCount}" aria-label="${jobCartCount} ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])}" data-ph-id="ph-page-element-short-header-0jkYFy">
        <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-yPa3j0"></i>
        <span class="linkText" data-ph-at-id="heading-text" aria-hidden="true" data-ph-id="ph-page-element-short-header-DTVjPR">
            ${widgetBundle['jobCartLinkText']| pht}
            ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])}
        </span>
        <span class="phs-jobcart-count" aria-hidden="true" data-ph-id="ph-page-element-short-header-06JA2J">
            (${jobCartCount})
        </span>
    </a>
</div></script><script type="application/ld+json" nonce="">{"@context": "http://schema.org","@type": "WebSite","url": "https://www.pgcareers.com/","potentialAction": {"@type": "SearchAction","target": "https://www.pgcareers.com/global/en/search-results?keywords={search_term_string}","query-input": "required name=search_term_string"}}</script><script id="ph_app_page_id" type="text/javascript" nonce=""> phApp.pageId = "page10"</script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1686824909594" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-IOnHwy">

    <!-- Content block -->
    <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-K0DxIu">

        <!-- Pre Sign-in link -->
        <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-AdCq9Z">
            <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-fElpGo"></i>
            <span data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-sseUVx">${widgetBundle['signInLinkText'] | pht}</span>
        </a>

        <!-- Create account link -->
        <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-Y0O7fB">
            <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-WYad6W"></i>
            <span data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-KfXHoB">${widgetBundle['createAccountLinkText'] | pht}</span>
        </a>

        <!-- Post Sign-in region -->
        <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-jeIn4F">
            <!-- User details dropdown -->
            <div class="logged-in-user" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-NAblF0">

                <!-- User details -->
                <div class="user-details" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-Rps8dl">

                    <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-w4thhA">
                        <span data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-GVrAnE">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; profileDetails.profile.email.substring(0,1)}</span>
                        <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> -->
                    </span>

                    <span class="user-avatar-icon" if.bind="!(preferredName &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-MUieYQ">
                        <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-c9Vk81"></i>
                    </span>

                    <ul class="user-detail-list fs-block" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-K61Vjl">
                        <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-27nkRC">
                            ${preferredName &amp;&amp; profileDetails.profile.preferredName || profileDetails.profile.firstName}
                        </li>
                        <li class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" if.bind="!profileDetails.profile.firstName" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-mpplEA">
                            ${profileDetails.profile.email}
                        </li>
                        <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-zWxSGC">
                            <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-odQi7l">
                                ${widgetBundle['personalAccountLinkText'] | pht}
                            </a>
                        </li>
                    </ul>

                </div>

            </div>
        </div>

    </div>

    <!-- Pop up block -->
    <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-LDvmmU">
        <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-Igytxv">

            <!-- Dialog area -->
            <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-UWo7oU">
                <!-- Login in area -->
                <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-k0lfOW">

                    <!-- Close popup button -->
                    <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-s1HrZ3">
                        <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-Gn0TTh">
                            <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-JmJQV4"></i>
                        </button>
                    </div>

                    <!-- Sign in heading -->
                    <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-cY8Esu">

                        <!--Cv uploaded text -->
                        <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-H6p1XU">
                            <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-ZmUN6R">
                                ${widgetBundle['cvUploadedText'] | pht}
                            </p>
                        </div>

                        <!-- Sign in heading -->
                        <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-fPXVOq">
                            <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-HdIjp5">
                                ${widgetBundle['signInPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-kmMcsZ">
                                ${widgetBundle['signInPopUpSubHeading'] | pht}
                            </p>
                        </div>

                        <!-- Forgot heading -->
                        <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-o1HBuX">
                            <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-D7356v">
                                ${widgetBundle['forgotPasswordPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-4AsfJ5">
                                ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht}
                            </p>
                        </div>

                        <!-- Reset password heading -->
                        <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-s2ZuwR">
                            <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-vDVaau">
                                ${widgetBundle['resetPasswordPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-9ER2EI">
                            </p>
                        </div>

                    </div>

                    <!-- Login form -->
                    <div class="login-form" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-WsVgVr">
                        <form novalidate="" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-7xM1Ad">
                            <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-IpvF8K">

                                <!-- Email -->
                                <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-HPD0Rw">

                                    <label for="signinEmail" class="form-label" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-pukfuu">
                                        ${widgetBundle['signInEmailFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-cp584A">

                                        <div class="text-box" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-eq3L2F">

                                            <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-UOMuTA">

                                            <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-geeed3"></i>

                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-GouXrK"></i>

                                        </input></div>

                                        <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-vNh8av">

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-dYd2Kj">
                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-WlSXP2">
                                                    ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                                </span>

                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-gVBLfM">
                                                    ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                                </span>
                                            </div>
                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-0M5oDo">
                                                ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-s2yck9">
                                                ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-rXSMab">
                                                ${widgetBundle['accCreated1Error'] | pht}
                                                ${errors.email.socialProvider}
                                                ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-y5BGSy">
                                                ${widgetBundle['noAccountError'] | pht}
                                                <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-LNjPzL">
                                                    ${widgetBundle['createAccountButtonText'] | pht}</a>
                                            </span>

                                        </div>

                                    </div>

                                </div>

                                <!-- Password -->
                                <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-GNyZjh">

                                    <label for="signInPassword" class="form-label" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-DyoNIx">
                                        ${widgetBundle['signInPasswordFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-T5hs0A">

                                        <div class="text-box" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-vqE77a">

                                            <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-BMhmrH">

                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-dZjzM6"></i>

                                            <div class="pswrd-visibility" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-6esGNp">
                                                <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-onOXc0">
                                                    <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-C69etY"></i>
                                                    <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-fZSJHI"></i>
                                                </button>
                                            </div>

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-e4ySZX">
                                                <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-dSWUJU">
                                                    ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                                </span>

                                                <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-KHMtfr">
                                                    ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                                </span>
                                            </div>

                                        </input></div>

                                        <div class="form-alert" id="errorPassword" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-5NOCGB">
                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-DUGK2l">

                                                <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-968jJI">
                                                    ${widgetBundle['errorMessageEmptyPassword'] | pht}
                                                </span>

                                                <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-9fFPGh">
                                                    ${widgetBundle['errorIncorrectPassword'] | pht}
                                                </span>

                                            </div>

                                            <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-fUXvrU">
                                                ${widgetBundle['errorMessageEmptyPassword'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-FPVyL7">
                                                ${widgetBundle['errorIncorrectPassword'] | pht}
                                            </span>

                                        </div>

                                    </div>

                                </div>

                                <!-- Error message -->
                                <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-GNSgWN">
                                    <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-BJ1fjc">

                                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-TLwpqp"></i>

                                        <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-RscfQX">
                                            ${widgetBundle['technicalIssueText'] | pht}
                                        </span>

                                    </div>
                                </div>

                                <!-- Sign in button -->
                                <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-ddFs57">

                                    <div class="form-container" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-OlLnvB">
                                        <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-6nIUs3">
                                            ${widgetBundle['signInButton'] | pht}
                                        </button>
                                    </div>

                                    <div class="form-container" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-snPYJB">
                                        <div class="user-options" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-bU0VtO">

                                            <span class="each-option" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-U9lT5o">
                                                <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-zhhPEQ">
                                                    <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-FlAjRV">

                                                    <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-k3zTC4">
                                                        <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-HgwWi8"></i>
                                                    </span>

                                                    <span class="checkbox-label-text" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-QAkIrE">
                                                        ${widgetBundle['staySignedInCheckboxText'] | pht}
                                                    </span>

                                                </input></label>
                                            </span>

                                            <span class="each-option" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-QcZqfA">
                                                <span class="forgot-password-area" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-8FQigq">
                                                    <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-TE7rnE">
                                                        ${widgetBundle['forgotPasswordLinkText'] | pht}
                                                    </a>
                                                </span>
                                            </span>

                                        </div>
                                    </div>

                                </div>

                                <!-- Error message -->
                                <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-jOf4Vh">
                                    <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-ZgM4hX">

                                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-C6GPqD"></i>

                                        <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-6zmOqW">
                                            ${widgetBundle['technicalIssueText'] | pht}
                                        </span>

                                    </div>
                                </div>

                                <!-- Reset button -->
                                <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-cxce8E">

                                    <!-- Password reset link -->
                                    <div class="form-container" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-vavq6s">

                                        <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-fkYW4X">
                                            ${widgetBundle['resetPasswordButtonText'] | pht}
                                        </button>

                                    </div>

                                </div>

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

                    <!-- Resend email section -->
                    <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-TkXzA7">
                        <span id="cd-pf-recieve-email" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-A8X23A">
                            ${widgetBundle['resentEmailButtonLabel'] | pht}
                        </span>
                        <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-NLHSah">
                            ${widgetBundle['resentEmailButtonText'] | pht}
                        </a>
                    </div>

                    <!-- Retrun signin section -->
                    <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-pr6fJr">
                        <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-5MWCDV">
                            ${widgetBundle['returnSigninText'] | pht}
                        </button>
                    </div>

                </div>

                <!-- Create account area -->
                <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-uB3nvH">

                    <!-- Close pop up button -->
                    <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-4BQwWv">
                        <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-GpKlDg">
                            <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-6Kqneb"></i>
                        </button>
                    </div>

                    <!-- Create account heading -->
                    <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-h36eOY">

                        <!--Cv uploaded text -->
                        <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-AGzwzX">
                            <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-HunBBS">
                                ${widgetBundle['cvUploadedText'] | pht}
                            </p>
                        </div>

                        <div class="sign-in-heading-block" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-eZL24T">
                            <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-bMGslt">
                                ${widgetBundle['createAccountPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-siHuNw">
                                ${widgetBundle['createAccountPopUpSubHeading'] | pht}
                            </p>
                        </div>

                    </div>

                    <!-- Login form -->
                    <div class="login-form" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-PcEGl2">
                        <form novalidate="" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-97pizV">
                            <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-WFNpOV">

                                <!-- Email -->
                                <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-1xetuu">

                                    <label for="createEmail" class="form-label" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-MGkYWE">
                                        ${widgetBundle['createAccountEmailFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-KwX8Do">

                                        <div class="text-box" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-xJ2HOZ">

                                            <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-8TERSH">

                                            <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-sKY9jE"></i>
                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-dqmIZI"></i>

                                        </input></div>

                                        <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-ZgvI7m">

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-YYWeaQ">
                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-72wSHG">
                                                    ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                                </span>

                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-CPqYJS">
                                                    ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                                </span>
                                            </div>
                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-HkG7gE">
                                                ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-qpa27j">
                                                ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-mPOAUd">
                                                ${widgetBundle['accCreated1Error'] | pht}
                                                ${errors.email.socialProvider}
                                                ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-GeAHxN">
                                                ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-8xEP22">
                                                    ${widgetBundle['signInButton'] | pht}</a>
                                            </span>

                                        </div>

                                    </div>

                                </div>

                                <!-- Password -->
                                <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-PR5AFa">

                                    <label for="createPassword" class="form-label" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-PrakgL">
                                        ${widgetBundle['createAccountFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-wIvjga">

                                        <div class="text-box" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-InkbPq">

                                            <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password  fs-block' : (errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="${!errors.password.error &amp;&amp; !signInModel.password.length ?  &quot;createPasswordDesc&quot; : &quot;&quot; }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-PNDklK">

                                            <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-PJ9gxs"></i>

                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-auoFev"></i>

                                            <div class="pswrd-visibility" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-eU0rdf">
                                                <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-9rhj6v">
                                                    <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-3WlHei"></i>
                                                    <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-girSOc"></i>
                                                </button>
                                            </div>

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-uc0Q2L">
                                                <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-rtacFp">
                                                    ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                                </span>

                                                <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-3r66z6">
                                                    ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                                </span>
                                            </div>

                                        </input></div>

                                        <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-UL9mOS">

                                            <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-oFGSTa">
                                                <span class="sr-only" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-frkrY7">
                                                    ${widgetBundle['errorSrOnly'] | pht}
                                                </span>
                                                <span class="error sr-only" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-8JmiV2">
                                                    ${widgetBundle['passwordErrorRequirementText'] | pht}
                                                </span>

                                                <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-B937bS">
                                                    ${widgetBundle['createAccErrorStatement2'] | pht}
                                                </span>

                                                <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-olY0wa">
                                                    ${widgetBundle['createAccErrorStatement3'] | pht}
                                                </span>

                                                <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-TGZ81o">
                                                    ${widgetBundle['createAccErrorStatement4'] | pht}
                                                </span>

                                                <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-ehbSjG">
                                                    ${widgetBundle['createAccErrorStatement5'] | pht}
                                                </span>
                                            </div>

                                        </div>

                                        <div class="form-description" id="createPasswordDesc" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-6vxUp1">
                                            ${widgetBundle['createAccErrorStatement1'] | pht}
                                            <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-1PxzKG">${widgetBundle['createAccErrorStatement2']
                                                | pht} </span>
                                            <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-1ZJlVs">${widgetBundle['createAccErrorStatement3']
                                                | pht} </span>
                                            <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-oaLQFE">${widgetBundle['createAccErrorStatement4']
                                                | pht} </span>
                                            <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-BZKTMi">${widgetBundle['createAccErrorStatement5']
                                                | pht} </span>
                                        </div>

                                    </div>

                                </div>

                                <!-- Error message -->
                                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-RxlUZ0">
                                    <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-UK25gz">

                                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-SyGNX6"></i>

                                        <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-fNkxA9">
                                            ${widgetBundle['technicalIssueText'] | pht}
                                        </span>

                                    </div>
                                </div>

                                <!-- Data Consent -->
                                <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-XMEXzL">
                                    <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-SYA3tQ">
                                        <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="oiuytr-ph-candidate-login-v1-default-mobile-privacyDataConsentCheckboxText" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-lLrrsb">
                                        <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-Q3a94z">
                                            <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-AsiuBQ"></i>
                                        </span>                                    
                                        <span class="checkbox-text" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-wypyw1">
                                            <ppc-content key="oiuytr-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-zRj9jW">${widgetBundle['privacyPolicyCheckboxText'] | pht} 
                                                <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-mobile-1663491087569-ph-candidate-login-v1oiuytr-vezRl5">
                                                    ${widgetBundle['privacyPolicyText'] | pht}
                                                </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                                                <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-mobile-1663491087569-ph-candidate-login-v1oiuytr-x21uhU">
                                                    ${widgetBundle['termsOfUseText'] | pht}
                                                </a>                                                
                                            </ppc-content>
                                        </span>
                                    </input></label>
                                </div>
                                <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-ckpX5d">
                                    <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-ChSdYQ">
                                        <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-mb-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-89aZBz">
                                        <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-GrRrej"></span>
                                        <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-DViHF2"></span>
                                        <span class="checkbox-text" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-4oGkRl">
                                            <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-CjqMyF"> </span>
                                            <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-ZPfVNa">*</span>
                                        </span>
                                    </input></label>
                                </div>

                                <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-mUsxB7">
                                    <span class="sr-only required-text" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-G0403b"> ${widgetBundle['requiredText']} </span>
                                    ${widgetBundle["consentsLinkText"] | pht}
                                </a>

                                <!-- Data Consent Error message -->
                                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-FqE8Cb">
                                    <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-lMlbJa">
                                        <!-- <i class="icon icon-error-1" aria-hidden="true"></i> -->

                                        <span class="alert-msg" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-0LZmHT">
                                            ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                                        </span>
                                    </div>
                                    <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-Txx1pT">
                                        <span class="alert-msg" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-o0SbEq">
                                            ${widgetBundle['piiConsentError'] | pht}
                                        </span>
                                    </div>
                                </div>

                                <!-- Create account button -->
                                <div class="form-group-row" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-ox5jPP">
                                    <div class="form-container" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-L3SRlo">

                                        <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-mUpCYy">
                                            ${widgetBundle['createAccountButtonText'] | pht}
                                        </button>

                                    </div>
                                </div>

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

                </div>

                <!-- Social account area-->
                <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-8Vdr96">
                    <!-- Seperator -->
                    <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-nWRHQx">
                        ${widgetBundle['seperatorText'] | pht}
                    </div>

                    <!-- ph-social-connect-v1 -->
                    <div class="sign-in-social-accounts-area" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-RJgSkt">
                        <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-xBMODl" view="1686824916608-view5" original-view="view5" theme="default">
                            <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1686825259232" original-view="view5" instance-id="" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-6u98Gm"></div>
                        </section>
                    </div>

                    <!-- Create an Account section -->
                    <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-RIJ8EE">
                        <span data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-ZIrET3">
                            ${widgetBundle['createAccountButtonLabel'] | pht}
                        </span>
                        <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-5MRgHj">
                            ${widgetBundle['createAccountButtonText'] | pht}
                        </a>
                    </div>

                    <!-- Sign in link -->
                    <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-vZ8sxM">
                        <span data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-mSrglH">
                            ${widgetBundle['signInButtonLabel'] | pht}
                        </span>
                        <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-mloLbK">
                            ${widgetBundle['signInButton'] | pht}
                        </a>
                    </div>

                    <!-- Sign in description -->
                    <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-xUVWbX">
                        <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-uWUj8R">${widgetBundle['termsOfUseText'] | pht}</a>
                        <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-iip3ls">${widgetBundle['privacyPolicyText'] |
                            pht}</a>
                    </div>
                </div>
            </div>
            <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-BdgZML">
                <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-rrRhI7">
                    <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-MLuMrs"></i>
                </button>

                <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-Gs00Go">
                    ${widgetBundle["consentHeading"]}
                </h2>

                <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-bxGcV8">
                    <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-XwNYOX">
                        <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-mb-signup' + $index}" aria-describedby="consent-error-mb-signup" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-RFYftO">
                        <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-GtUb9r"></span>
                        <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-cnwPJX"></span>
                        <span class="checkbox-text" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-e1CGj5">
                            <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-y2NTEe"> </span>
                            <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-ZxtKSr">*</span>
                        </span>
                    </input></label>
                </div>
                <div class="consent-accept-area" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-zskC2a">
                    <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-mobile-1686143889539-ph-candidate-login-v1oiuytr-aIdR7F">
                        ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']}
                    </button>
                </div>
            </div>
        </div>
    </div>

</div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1686825150288" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-IguBDv">

    <!-- Content block -->
    <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-A9vurP">

        <!-- Pre Sign-in link -->
        <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-0xyPQS">
            <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-un8zRK"></i>
            <span data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-B5FKYM">${widgetBundle['signInLinkText'] | pht}</span>
        </a>

        <!-- Create account link -->
        <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-XjdyTd">
            <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-yRJYra"></i>
            <span data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-2iDvI0">${widgetBundle['createAccountLinkText'] | pht}</span>
        </a>

        <!-- Post Sign-in region -->
        <div class="post-sign-in-action-area" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-RKxeoV">
            <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-rhnCZD">
                <span if.bind="registeredSuccessfully" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-6dAidd">
                    Registered Successfully
                </span>
            </div>
            <!-- Post Sign-in button -->
            <button if.bind="isLoggedIn &amp;&amp; !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-LRXiH4">

                <!-- <figure>
                    <img src="" class="user-avatar" alt="" />
                </figure> -->
                <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-mrmWnZ">
                    <span data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-AdugGe">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; profileDetails.profile.email.substring(0,1)}</span>
                    <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> -->
                </span>
                <span class="user-avatar-icon" if.bind="!(preferredName &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-n8uYNz">
                    <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-RYpdKJ"></i>
                </span>

                <span class="user-name fs-block" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-BmvlMB">
                    ${preferredName &amp;&amp; profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email}
                </span>

                <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> -->

            </button>

            <!-- User details dropdown -->
            <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-N7rLr8">

                <!-- User details -->
                <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-xkxgi0">

                    <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-mVJrGr">
                        <span data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-ue0bzt">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; profileDetails.profile.email.substring(0,1)}</span>
                        <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> -->
                    </span>

                    <span class="user-avatar-icon" if.bind="!(preferredName &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-6ZtMb0">
                        <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-JvKTSZ"></i>
                    </span>

                    <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-wrE1LA">
                        <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-CwZECc">
                            ${preferredName &amp;&amp; profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName}
                        </div>
                        <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-xed1kg">
                            ${profileDetails.profile.email}
                        </div>
                    </div>
                </div>

                <!-- User actions -->
                <div class="user-actions" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-uoEgjO">
                    <div class="user-actions-list" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-lCpaE0">
                        <div class="user-actions-listitem" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-TCAqKa">
                            <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-JAC9AU">
                                ${widgetBundle['personalAccountLinkText'] | pht}
                            </a>
                        </div>
                        <div class="user-actions-listitem" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-VTihFo">
                            <a ph-tevent="signout_click" if.bind="!isCsrfGetLogoutFlowEnabled" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-6BLINX">
                                ${widgetBundle['signOutButton'] | pht}
                            </a>
                            <a ph-tevent="signout_click" if.bind="isCsrfGetLogoutFlowEnabled" click.delegate="handleLogoutFlow()" class="cd-sign-out-btn" href="javascript:void(0)" data-ph-at-id="heading-text" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-oqeZ9M">
                                ${widgetBundle['signOutButton'] | pht}
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>

    <!-- Pop up block -->
    <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-EOkQND">
        <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-AEbmlq">

            <!-- Dialog area -->
            <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-RTNG3Y">
                <!-- Login in area -->
                <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-shM9r9">

                    <!-- Close popup button -->
                    <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-tcyCry">
                        <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-k8EzSa">
                            <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-LbJ30w"></i>
                        </button>
                    </div>

                    <!-- Sign in heading -->
                    <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-dCBbKp">

                        <!--Cv uploaded text -->
                        <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-NmgWDN">
                            <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-azZfpC">
                                ${widgetBundle['cvUploadedText'] | pht}
                            </p>
                        </div>

                        <!-- Sign in heading -->
                        <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-Ntqcha">
                            <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-3P0RCo">
                                ${widgetBundle['signInPopUpHeading']}
                            </h2>
                            <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-cWeuDT">
                                ${widgetBundle['signInPopUpSubHeading'] | pht}
                            </p>
                        </div>

                        <!-- Forgot heading -->
                        <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-ixQqKP">
                            <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-1fuZMv">
                                ${widgetBundle['forgotPasswordPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-FKefWQ">
                                ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht}
                            </p>
                        </div>

                        <!-- Reset password heading -->
                        <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-tVXhnp">
                            <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-8NYYRu">
                                ${widgetBundle['resetPasswordPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-aLVLWx">
                            </p>
                        </div>

                    </div>

                    <!-- Login form -->
                    <div class="login-form" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-IDOrY5">
                        <form novalidate="" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-x8DeX7">
                            <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-PLOjwf">

                                <!-- Email -->
                                <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-RdDjJY">

                                    <label for="signinEmail" class="form-label" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-Bg7Gd6">
                                        ${widgetBundle['signInEmailFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-9XliYl">

                                        <div class="text-box" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-rZEOAn">

                                            <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-MybHK9">

                                            <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-mnYoOd"></i>

                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-eOwxlf"></i>

                                        </input></div>

                                        <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-jW8kJk">

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-jeeQs8">
                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-QfGmo7">
                                                    ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                                </span>

                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-X5ijHd">
                                                    ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                                </span>
                                            </div>
                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-J5X1Dx">
                                                ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-hDSJPB">
                                                ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-Iasp2Q">
                                                ${widgetBundle['accCreated1Error'] | pht}
                                                ${errors.email.socialProvider}
                                                ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-VzzBiZ">
                                                ${widgetBundle['noAccountError'] | pht}
                                                <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-6R07BO">
                                                    ${widgetBundle['createAccountButtonText'] | pht}</a>
                                            </span>

                                        </div>

                                    </div>

                                </div>

                                <!-- Password -->
                                <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-DD638B">

                                    <label for="signInPassword" class="form-label" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-sM0G4N">
                                        ${widgetBundle['signInPasswordFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-o5UCX7">

                                        <div class="text-box" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-TIT1B7">

                                            <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="off" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-mmHJgF">

                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-8XN9dF"></i>

                                            <div class="pswrd-visibility" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-GDXOId">
                                                <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-mGsznX">
                                                    <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-zatCvI"></i>
                                                    <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-c2nZdx"></i>
                                                </button>
                                            </div>

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-nuIX5b">
                                                <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-t3uqWA">
                                                    ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                                </span>

                                                <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-gb9cnU">
                                                    ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                                </span>
                                            </div>

                                        </input></div>

                                        <div class="form-alert" id="errorPassword" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-SYphTe">
                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-QBXCuQ">

                                                <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-ZXOHDx">
                                                    ${widgetBundle['errorMessageEmptyPassword'] | pht}
                                                </span>

                                                <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-eXLGg5">
                                                    ${widgetBundle['errorIncorrectPassword'] | pht}
                                                </span>

                                            </div>

                                            <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-RrelPN">
                                                ${widgetBundle['errorMessageEmptyPassword'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-TES5LE">
                                                ${widgetBundle['errorIncorrectPassword'] | pht}
                                            </span>

                                        </div>

                                    </div>

                                </div>

                                <!-- Error message -->
                                <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-jk02ux">
                                    <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-ki4zXO">

                                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-RqV8EO"></i>

                                        <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-ymwKzf">
                                            ${widgetBundle['technicalIssueText']}
                                        </span>

                                    </div>
                                </div>

                                <!-- Sign in button -->
                                <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-tyzhva">

                                    <div class="form-container" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-FSOvMu">
                                        <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-bXrCzb">
                                            ${widgetBundle['signInButton'] | pht}
                                        </button>
                                    </div>

                                    <div class="form-container" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-jH1DKC">
                                        <div class="user-options" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-6l7dMy">

                                            <span class="each-option" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-BjAMeL">
                                                <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-Q6KW4T">
                                                    <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-obhEM5">

                                                    <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-Fq2exU">
                                                        <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-sIzqMu"></i>
                                                    </span>

                                                    <span class="checkbox-label-text" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-MDjMV2">
                                                        ${widgetBundle['staySignedInCheckboxText'] | pht}
                                                    </span>

                                                </input></label>
                                            </span>

                                            <span class="each-option" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-lRyvdE">
                                                <span class="forgot-password-area" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-VXcEDE">
                                                    <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-YvyUf7">
                                                        ${widgetBundle['forgotPasswordLinkText'] | pht}
                                                    </a>
                                                </span>
                                            </span>

                                        </div>
                                    </div>

                                </div>

                                <!-- Error message -->
                                <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-VeHipd">
                                    <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-JwZKrQ">

                                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-AQejRH"></i>

                                        <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-ygwaoU">
                                            ${widgetBundle['technicalIssueText']}
                                        </span>

                                    </div>
                                </div>

                                <!-- Reset button -->
                                <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-x057az">

                                    <!-- Password reset link -->
                                    <div class="form-container" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-hXqzbJ">

                                        <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-MH650r">
                                            ${widgetBundle['resetPasswordButtonText'] | pht}
                                        </button>

                                    </div>

                                </div>

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

                    <!-- Resend email section -->
                    <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-2A6TNg">
                        <span id="cd-pf-recieve-email" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-kdxDHT">
                            ${widgetBundle['resentEmailButtonLabel'] | pht}
                        </span>
                        <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-yZFgf2">
                            ${widgetBundle['resentEmailButtonText'] | pht}
                        </a>
                    </div>

                    <!-- Retrun signin section -->
                    <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-zljBhb">
                        <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-nh8RNo">
                            ${widgetBundle['returnSigninText'] | pht}
                        </button>
                    </div>

                </div>

                <!-- Create account area -->
                <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-mTEZeH">

                    <!-- Close pop up button -->
                    <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-BkCwuk">
                        <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-aNB7Kp">
                            <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-Wf6bxQ"></i>
                        </button>
                    </div>

                    <!-- Create account heading -->
                    <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-aG7AqJ">

                        <!--Cv uploaded text -->
                        <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-J1KXn7">
                            <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-Lmui7W">
                                ${widgetBundle['cvUploadedText'] | pht}
                            </p>
                        </div>

                        <div class="sign-in-heading-block" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-sb4Yms">
                            <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-pnQwJ6">
                                ${widgetBundle['createAccountPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-WHYcPD">
                                ${widgetBundle['createAccountPopUpSubHeading'] | pht}
                            </p>
                        </div>
                    </div>

                    <!-- Login form -->
                    <div class="login-form" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-dZiQNO">
                        <form novalidate="" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-8fj8IP">
                            <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-iYRdyQ">

                                <!-- Email -->
                                <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-py53hN">

                                    <label for="createEmail" class="form-label" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-FzjTQ4">
                                        ${widgetBundle['createAccountEmailFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-5oUXT7">

                                        <div class="text-box" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-F64yzh">

                                            <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-gyz9Zy">

                                            <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-hXNoBF"></i>
                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-h6FWHR"></i>

                                        </input></div>

                                        <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-CbQIAr">

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-of2NrB">
                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-WewEq6">
                                                    ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                                </span>

                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-vB54yR">
                                                    ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                                </span>
                                            </div>
                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-kgSk8E">
                                                ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-NOW3bz">
                                                ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-pQ74Ln">
                                                ${widgetBundle['accCreated1Error'] | pht}
                                                ${errors.email.socialProvider}
                                                ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-XJuhIw">
                                                ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-LTEquI">
                                                    ${widgetBundle['signInButton'] | pht}</a>
                                            </span>

                                        </div>

                                    </div>

                                </div>

                                <!-- Password -->
                                <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-Vle1yD">

                                    <label for="createPassword" class="form-label" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-vvabdh">
                                        ${widgetBundle['createAccountFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-sytuuD">

                                        <div class="text-box" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-4TZL26">

                                            <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="off" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-kC3RVd">

                                            <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-90btsW"></i>

                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-d9ADPB"></i>

                                            <div class="pswrd-visibility" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-NANWkk">
                                                <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-qwj8Fw">
                                                    <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-3xHduv"></i>
                                                    <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-hsdQ3d"></i>
                                                </button>
                                            </div>

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-7SKKMb">
                                                <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-K7XSYp">
                                                    ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                                </span>

                                                <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-zpREiL">
                                                    ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                                </span>
                                            </div>

                                        </input></div>

                                        <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-9nkqJa">
                                                <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-f2D15H">
                                                    error:
                                                </span>
                                                  <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-47LLQ0">
                                                        ${widgetBundle['passwordErrorRequirementText'] | pht}
                                                  </span> 
                                                    <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-TXnNLk">
                                                         ${widgetBundle['createAccErrorStatement2'] | pht}
                                                    </span>
    
                                                    <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-sgZCER">
                                                        ${widgetBundle['createAccErrorStatement3'] | pht}
                                                    </span>
    
                                                    <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-ERDX5Q">
                                                         ${widgetBundle['createAccErrorStatement4'] | pht}
                                                    </span>
    
                                                    <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-hlZBrf">
                                                        ${widgetBundle['createAccErrorStatement5'] | pht}
                                                    </span>
                                                
    
                                            </div>

                                        <div class="form-description" id="errorCreatePassword" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-avEPHT">
                                            ${widgetBundle['createAccErrorStatement1'] | pht}
                                            <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-huq0yN">${widgetBundle['createAccErrorStatement2']
                                                | pht} </span>
                                            <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-2KbIzd">${widgetBundle['createAccErrorStatement3']
                                                | pht} </span>
                                            <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-LcwVs7">${widgetBundle['createAccErrorStatement4']
                                                | pht} </span>
                                            <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-tA2FNM">${widgetBundle['createAccErrorStatement5']
                                                | pht} </span>
                                        </div>

                                    </div>

                                </div>

                                <!-- Error message -->
                                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-TQ5HbC">
                                    <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-Vsjyw4">

                                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-dhCst0"></i>

                                        <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-ruJU7n">
                                            ${widgetBundle['technicalIssueText']}
                                        </span>

                                    </div>
                                </div>

                                <!-- Data Consent -->
                                <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-m7Im6e">                                    
                                    <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-BAKzZ5">
                                        <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ikjhyg-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-IQf3yI">                                        
                                        <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-yXDtz1">
                                            <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-5dJ2J0"></i>
                                        </span>                                    
                                        <span class="checkbox-text" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-9ploRK">
                                            <ppc-content key="Q4uFRx-ikjhyg-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-K3y1dj">
                                                ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                                                <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1663491047847-ph-candidate-login-v1ikjhyg-QzmHyN">
                                                    ${widgetBundle['privacyPolicyText'] | pht}
                                                </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                                                <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1663491047847-ph-candidate-login-v1ikjhyg-1tGHVD">
                                                    ${widgetBundle['termsOfUseText'] | pht}
                                                </a>
                                            </ppc-content>
                                        </span>
                                    </input></label>
                                    <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-jyCr6v">
                                        <span class="checkbox-text" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-CrUV9Q">
                                            <ppc-content key="cBAFxL-ikjhyg-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-QTPPLW">
                                                ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                                                <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1663491047847-ph-candidate-login-v1ikjhyg-QzmHyN">
                                                    ${widgetBundle['privacyPolicyText'] | pht}
                                                </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                                                <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1663491047847-ph-candidate-login-v1ikjhyg-1tGHVD">
                                                    ${widgetBundle['termsOfUseText'] | pht}
                                                </a>
                                            </ppc-content>
                                        </span>
                                    </div>
                                </div>

                                <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-raVxZ8">
                                    <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-ffQxS8">
                                        <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-NNZQUo">
                                        <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-OFAD9a"></span>
                                        <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-KwgcbA"></span>
                                        <span class="checkbox-text" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-CtwchS">
                                            <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-iKlYUb"> </span>
                                            <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-coJ3hO">*</span>
                                        </span>
                                    </input></label>
                                </div>

                                <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-1jrf5q">
                                    <span class="sr-only required-text" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-4lWuhb"> ${widgetBundle['requiredText']} </span>
                                    ${widgetBundle['consentsLinkText']}
                                </a>

                                <!-- Data Consent Error message -->
                                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-c1rm0p">
                                    <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-oQkR97">
                                        <span class="alert-msg" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-YYMuqy">
                                            ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                                        </span>
                                    </div>
                                    <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-GxoQLs">
                                        <span class="alert-msg" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-mVQcdi">
                                            ${widgetBundle['piiConsentError'] | pht}
                                        </span>
                                    </div>
                                </div>

                                <!-- Create account button -->
                                <div class="form-group-row" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-6CHaeh">
                                    <div class="form-container" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-EaY2fF">

                                        <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-WGGqwY">
                                            ${widgetBundle['createAccountButtonText'] | pht}
                                        </button>
                                    </div>
                                </div>

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

                </div>

                <!-- Social account area-->
                <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-FOsiST">
                    <!-- Seperator -->
                    <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-HmgUpG">
                        ${widgetBundle['seperatorText'] | pht}
                    </div>

                    <!-- ph-social-connect-v1 -->
                    <div class="sign-in-social-accounts-area" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-K8xybw">
                        <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-mntet7" view="1686825161200-view5" original-view="view5" theme="default">
                            <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="view5-1686825259753" original-view="view5" instance-id="" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-bnP7Zv"></div>
                        </section>
                    </div>

                    <!-- Create an Account section -->
                    <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-fdnI6t">
                        <span data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-sGvcAr">
                            ${widgetBundle['createAccountButtonLabel'] | pht}
                        </span>
                        <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-ASnYQe">
                            ${widgetBundle['createAccountButtonText'] | pht}
                        </a>
                    </div>

                    <!-- Sign in link -->
                    <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-BmCSur">
                        <span data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-EJk5g2">
                            ${widgetBundle['signInButtonLabel'] | pht}
                        </span>
                        <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-4TbFKr">
                            ${widgetBundle['signInButton'] | pht}
                        </a>
                    </div>

                    <!-- Sign in description -->
                    <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-S48vvg">
                        <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-ZaBHAd">${widgetBundle['termsOfUseText'] | pht}</a>
                        <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-Y2kY68">${widgetBundle['privacyPolicyText'] |
                            pht}</a>
                    </div>
                </div>
            </div>
            <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-EILcJm">
                <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-zWYcsP">
                    <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-jtyAyX"></i>
                </button>

                <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-nt7Ri5">
                    ${widgetBundle['consentHeading']}
                </h2>

                <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-DnkWFp">
                    <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-e8Fxqg">
                        <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-tLepeT">
                        <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-N1rCVJ"></span>
                        <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-ofrIe8"></span>
                        <span class="checkbox-text" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-QfI6UZ">
                            <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-EaIyDG"> </span>
                            <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-n3mE6V">*</span>
                        </span>
                    </input></label>
                </div>
                <div class="consent-accept-area" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-avIpfy">
                    <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-default-1686144136625-ph-candidate-login-v1ikjhyg-HRmXJL">
                        ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']}
                    </button>
                </div>
            </div>
        </div>
    </div>

</div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1686825259232" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-kxSynP"></div>
<div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-pBQDCF">
    <div class="widget-container" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-vNTOKZ">
        <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-UkjW2S">

            <!-- Data Consent -->
            <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-Jkggpn">
                <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-1MhzAh">
                    <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-MsNLr6">
                    <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-Hu5uas">
                        <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-d61UM0"></i>
                    </span>
                    <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-VXkt0y">
                        <ppc-content key="SuCZkl-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-JdbYa7">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v16MS8oz">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1qvk7Kt">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </input></label>
                <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-c8URp8">
                    <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-7jK5Zy">
                        <ppc-content key="oc11aD-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-AO9tJX">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v16MS8oz">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1qvk7Kt">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </div>
            </div>

            <!-- Data Consent Error message -->
            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-KzJwU1">
                <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-fwplo7">
                    <span class="social-alert-msg" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-pEW8CA">
                        ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                    </span>

                </div>
            </div>

            <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-2qSInX">
                <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-GpYoVY">
                    <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-YEaEEp">
                        <div class="icon-block" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-NNXXKT">
                            <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-80CERV"></i>
                        </div>
                        <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1686825009150-ph-social-connect-v1-GIxH4j"> ${widgetBundle[eachSocial.name] | pht}</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1686825259753" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-TSCny4"></div>
<div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-HB2ecu">
    <div class="widget-container" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-m9umsg">
        <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-zYJ4Xz">

            <!-- Data Consent -->
            <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-QMcoNP">
                <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-SPhOua">
                    <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-3HxSQH">
                    <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-wyIxUs">
                        <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-y7GZtO"></i>
                    </span>
                    <span class="social-checkbox-btn-text" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-cIbU32">
                        <ppc-content key="Z0tVjv-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-7r6kj3">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v16MS8oz">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1qvk7Kt">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </input></label>
                <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-gQMjrY">
                    <span class="social-checkbox-btn-text" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-6Le6D6">
                        <ppc-content key="mxSPkQ-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-1rdVym">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v16MS8oz">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1qvk7Kt">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </div>
            </div>

            <!-- Data Consent Error message -->
            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-5m3Gup">
                <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-jz6w1Q">
                    <span class="social-alert-msg" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-qIWvHl">
                        ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                    </span>

                </div>
            </div>

            <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-i6SLBY">
                <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-6AHLsk">
                    <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-wCoGko">
                        <div class="icon-block" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-bxTRY5">
                            <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-rGKN6u"></i>
                        </div>
                        <div class="text-block" aria-hidden="true" data-ph-id="ph-1686825161200-view5-ph-social-connect-v1-rHcs5g"> ${widgetBundle[eachSocial.name] | pht}</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1687871590877" nonce=""><!--googleoff: index-->
<div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="gdpr-regionRole" aria-label="cookies message" key-aria-label="gdpr-cookiesMessageAriaLabel" if.bind="showCookiePopup" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-PtD1Ts">
    <div class="container" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-06KC6N">
        <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-fEalhz">
            <ppc-content key="gdpr-cookietextAreaText" data-ph-at-id="cookie-text" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-DeDvZE">
                We use cookies to offer you a better browsing experience, analyze site traffic, and personalize
                content. Read about how we use cookies and how you can control them by visiting our <a ph-href="cookiesettings" key-ph-href="gdpr-Cl9iDg-gdpr-popupCareerSiteCookieSettingsHrefText" class="cookie-settings" data-ph-at-id="cookie-settings-link" data-ph-id="ph-1678358108162-default-ph-cookie-popup-v20oZEqo-5Gx1Qa">Cookie Settings</a> page.
            </ppc-content>
        </div>
        <div class="cookie-button-area ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-QG31aR">
            <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="gdpr-popupCareerSiteCookieSettingsHrefText" class="btn plain-button cookie-settings phcriticalhide" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="gdpr-popupCookieSettingsAriaLabel" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-tXyBcL">
                <ppc-content key="gdpr-popupCookieSettingsText" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-YILIVh">
                    Cookie Settings
                </ppc-content>
            </a>
            <button class="btn primary-button phcriticalhide" show.bind="showDeclineButton" click.delegate="declineAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="3" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-DOW38X">
                <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-edCIaD"></i>
                <ppc-content key="gdpr-denyCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-SoOv0Z">
                    Deny
                </ppc-content>
            </button>
            <button class="btn primary-button" click.delegate="acceptAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="2" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-XhwZdz">
                <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-bNneEb"></i>
                <ppc-content key="gdpr-allowCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-ey5Kxm">
                    Allow
                </ppc-content>
            </button>
        </div>
    </div>
</div>
<div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-HEoUWE">
    <div class="modal fade in show ph-a11y-modal-dialog-area" role="dialog" aria-modal="true" aria-labelledby="consent-text-area" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-xdMHcS">
        <!-- Dialog area -->
        <div class="modal-dialog" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-Lapowh">
            <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-Kv3Z8Q">
                <ppc-content key="gdpr-piiConsentTextBlock" data-ph-at-id="pii-consent-text" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-4Y9Ad5">
                    When using this site you will have the option to provide personal information. 
                    By using this site and providing your personal information you consent to your data being stored overseas. 
                </ppc-content>
            </div>
            <div class="cookie-button-area" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-7QTBlI">
                <button class="btn primary-button ph-a11y-allow-consent wctrl" click.delegate="acceptConsent()" data-ph-at-id="pii-consent-accept-link" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-ZKB6MG">
                    <i class="icon icon-check-mark" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-sflr52"></i>
                    <ppc-content key="gdpr-piiConsentAcceptLink" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-1687871556271-default-ph-cookie-popup-v2X14c9X-ng6uwh">
                        Accept
                    </ppc-content>
                </button>
            </div>
        </div>

    </div>
</div>
<!--googleon: index--></script>



















































































































































































































































































































































































































































































































































































































































<link rel="alternate" href="https://www.pgcareers.com/global/en" hreflang="en" />
<link rel="alternate" href="https://www.pgcareers.com/jp/ja" hreflang="ja-JP" />
<link rel="alternate" href="https://www.pgcareers.com/ca/fr" hreflang="fr-CA" />
<link rel="alternate" href="https://www.pgcareers.com/mx/en" hreflang="en-MX" />
<link rel="alternate" href="https://www.pgcareers.com/br/en" hreflang="en-BR" />
<link rel="alternate" href="https://www.pgcareers.com/sg/en" hreflang="en-SG" />
<link rel="alternate" href="https://www.pgcareers.com/uk/en" hreflang="en-GB" />
<link rel="alternate" href="https://www.pgcareers.com/pl/en" hreflang="en-PL" />
<link rel="alternate" href="https://www.pgcareers.com/de/en" hreflang="en-DE" />
<link rel="alternate" href="https://www.pgcareers.com/us/en" hreflang="en-US" />
<link rel="alternate" href="https://www.pgcareers.com/us/en" hreflang="en-PR" />
<link rel="alternate" href="https://www.pgcareers.com/in/en" hreflang="en-IN" />
<link rel="alternate" href="https://www.pgcareers.com/ph/en" hreflang="en-PH" />
<link rel="alternate" href="https://www.pgcareers.com/mea/en" hreflang="en-EG" />
<link rel="alternate" href="https://www.pgcareers.com/mea/en" hreflang="en-KE" />
<link rel="alternate" href="https://www.pgcareers.com/mea/en" hreflang="en-MA" />
<link rel="alternate" href="https://www.pgcareers.com/mea/en" hreflang="en-NG" />
<link rel="alternate" href="https://www.pgcareers.com/mea/en" hreflang="en-SA" />
<link rel="alternate" href="https://www.pgcareers.com/mea/en" hreflang="en-ZA" />
<link rel="alternate" href="https://www.pgcareers.com/mea/en" hreflang="en-AE" />
<link rel="alternate" href="https://www.pgcareers.com/mea/en" hreflang="en-PK" />
<link rel="alternate" href="https://www.pgcareers.com/apac/en" hreflang="en-AU" />
<link rel="alternate" href="https://www.pgcareers.com/apac/en" hreflang="en-ID" />
<link rel="alternate" href="https://www.pgcareers.com/apac/en" hreflang="en-KR" />
<link rel="alternate" href="https://www.pgcareers.com/apac/en" hreflang="en-MY" />
<link rel="alternate" href="https://www.pgcareers.com/apac/en" hreflang="en-NZ" />
<link rel="alternate" href="https://www.pgcareers.com/apac/en" hreflang="en-TH" />
<link rel="alternate" href="https://www.pgcareers.com/apac/en" hreflang="en-VN" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-AL" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-AM" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-AT" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-BE" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-BG" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-HR" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-CZ" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-DK" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-EE" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-FI" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-FR" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-GR" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-HU" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-IS" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-IE" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-IT" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-LV" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-LT" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-LU" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-MT" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-NL" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-NO" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-PT" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-RO" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-CH" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-RS" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-SK" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-SI" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-ES" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-SE" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-UA" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-TR" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-BA" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-CY" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-ME" />
<link rel="alternate" href="https://www.pgcareers.com/eu/en" hreflang="en-MD" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-AR" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-CL" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-CO" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-CR" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-DO" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-EC" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-SV" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-GT" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-HN" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-NI" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-PA" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-PY" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-PE" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-UY" />
<link rel="alternate" href="https://www.pgcareers.com/latam/en" hreflang="en-VE" />
<link rel="alternate" href="https://careers.pg.com.cn/cn/en" hreflang="en-TW" />
<link rel="alternate" href="https://careers.pg.com.cn/cn/en" hreflang="en-HK" />
<link rel="alternate" href="https://careers.pg.com.cn/cn/en" hreflang="en-CN" /><script type="text/x-ph-tmpl" id="ph-geo-location-v1-1582207830511-default" nonce=""></script><script type="text/x-ph-tmpl" id="ph-global-search-v3-4754013644403810-default-2860862453161258" nonce=""><form class="phs-global-search-area phs-global-sr-container ph-widget-box ph-mobile-search-backdrop" data-pre-render="" keyup.delegate="arrowKeyUp($event)" novalidate="" action="" phae-bind-literal="globalSearchFormTitle, title" title="${widgetBundle['globalSearchFormTitle'] | pht}" data-ph-id="ph-widget-element-2860862448880804-2">
    <div class="search-text-block phcriticalhide" if.bind="agpData &amp;&amp; agpData.bannerText &amp;&amp; agpData.totalHits >0" role="region" aria-label="Global search" data-ph-id="ph-widget-element-2860862448880804-3">
        <div class="dynamic-text" data-ph-id="ph-widget-element-2860862448880804-4"> 
            <h1 data-ph-id="ph-widget-element-2860862448880804-5"> ${agpData.bannerText} </h1>
        </div>
        <div class="jobsCount-text" data-ph-id="ph-widget-element-2860862448880804-6">
            <h6 data-ph-id="ph-widget-element-2860862448880804-7"> ${widgetBundle[(agpData.totalHits &gt; 1) ? 'jobsDependsOnFilterPlural' : 'jobsDependsOnFilter'] | pht :{
                'jobsCount': agpData.totalHits }} </h6>
        </div>
    </div>
    <div class="search-text-block phcriticalhide" if.bind="!(agpData &amp;&amp; agpData.bannerText &amp;&amp; agpData.totalHits >0)" data-ph-id="ph-widget-element-2860862448880804-8">
        <h1 if.bind="showTitle" data-ph-id="ph-widget-element-2860862448880804-9">
            <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-doWhatYouLoveHeading" data-ph-at-id="widget-heading-text" data-ph-id="ph-widget-element-2860862448880804-10">Faites ce que vous aimez</ppc-content>
        </h1>
        <div if.bind="showCaption" class="sub-heading-text" data-ph-id="ph-widget-element-2860862448880804-11">
            <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-searchJobsHeading" data-ph-at-id="widget-sub-heading-text" data-ph-id="ph-widget-element-2860862448880804-12"></ppc-content>
        </div>
    </div>
    <div class="form-group phs-global-search ph-search-group" data-ph-id="ph-widget-element-2860862448880804-13">
        <button class="ph-header-search-icon hide" phae-bind-literal="globalsearchAriaLabelText,aria-label" aria-label="${widgetBundle['globalsearchAriaLabelText'] | pht}" type="button" data-ph-id="ph-widget-element-2860862448880804-14">
            <ppc-content type="icon" data-ph-id="ph-widget-element-2860862448880804-15">
                <i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-widget-element-2860862448880804-16"></i>
            </ppc-content>
        </button>
        <div class="input-group ${showDropDown ? 'dropdown-open': 'dropdown-close'}" data-ph-id="ph-widget-element-2860862448880804-17">
            <div class="job-filter ph-suggestion-focus-block ph-search-group" data-ph-at-id="keyword-category-location" data-ph-id="ph-widget-element-2860862448880804-18">
                <div aria-owns="typehead-listbox" aria-haspopup="listbox" data-ph-id="ph-widget-element-2860862448880804-19">
                    <a if.bind="!isHeadSearchEnabled" class="mobile-back-button phcriticalhide" role="button" href="javascript:void(0);" aria-label="Précédent" key-aria-label="4nqWe5-aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-mobileBackButtonText" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-widget-element-2860862448880804-20">
                        <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-2860862448880804-21"></i>
                    </a>
                    <!-- added to avoid scroll effect when header search icon is present-->
                    <a if.bind="isHeadSearchEnabled" class="mobile-back-button phcriticalhide" role="button" href="javascript:void(0);" aria-label="Précédent" key-aria-label="lFB9H8-aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-mobileBackButtonText" click.delegate="clearBackdrop($event)" data-ph-id="ph-widget-element-2860862448880804-22">
                        <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-2860862448880804-23"></i>
                    </a>
                    <!-- <span class="sr-only">Please navigate the suggestions using the tab key</span> -->
                    <label for="typehead" class="sr-only" data-ph-id="ph-widget-element-2860862448880804-24">${isMilitarySearch ? widgetBundle['militarysearchPlaceholder']
                        : widgetBundle['globalsearchPlaceholder']}</label>
                    <input type="text" class="ph-a11y-search-box form-control phs-keywords input-lg ph-input-search" value.bind="searchValue" phae-bind-literal="globalsearchPlaceholder, placeholder" placeholder="${isMilitarySearch ? widgetBundle['militarysearchPlaceholder'] : widgetBundle['globalsearchPlaceholder']}" autocomplete="off" ph-a11y-autocomplete="" ignoreexpanded="true" aria-autocomplete="list" aria-controls="typehead-listbox" data-ph-at-id="globalsearch-input" showresultsonfocus="${isMilitarySearch ? false : true}" name="typehead" id="typehead" phae="ph-global-search-v3" phae-ally="aria-controls#,aria-owns#" data-ph-id="ph-widget-element-2860862448880804-25">
                    <span class="search-sym" data-ph-id="ph-widget-element-2860862448880804-26">
                        <ppc-content type="icon" data-ph-id="ph-widget-element-2860862448880804-27"><i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-widget-element-2860862448880804-28"></i></ppc-content>
                    </span>
                    <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear phcriticalhide" role="button" click.trigger="clearSearch($event)" show.bind="searchValue" href="javascript:void(0);" data-ph-at-id="clear-globalsearch-link" aria-label="Texte clair" key-aria-label="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-clearSearchBtnTxt" data-ph-id="ph-widget-element-2860862448880804-29">
                        <ppc-content type="icon" data-ph-id="ph-widget-element-2860862448880804-30"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-2860862448880804-31"></i></ppc-content>
                        <span class="sr-only" data-ph-id="ph-widget-element-2860862448880804-32">
                            <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-searchInputClearText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-2860862448880804-33">Texte clair</ppc-content>
                        </span>
                    </a>
                </input></div>
                <div class="phs-search-suggestions phcriticalhide" show.bind="showDropDown" id="typehead-listbox" aria-label="Search suggestions" tabindex="-1" aria-hidden="${!showDropDown ? 'true' : 'false'}" aria-labelledby="typehead-listbox" data-ph-id="ph-widget-element-2860862448880804-34">
                    <div class="phs-search-type-ahead phs-onclick-category" if.bind="showAllJobCategories &amp;&amp; !isMilitarySearch &amp;&amp; (!enableSuggestionResults || (enableSuggestionResults.length &amp;&amp; !isSuggestionVisible('allCategories')))" data-ph-at-id="onclick-category" data-ph-id="ph-widget-element-2860862448880804-35">
                        <div class="phs-search-categories" show.bind="allJobCategories.length" data-ph-id="ph-widget-element-2860862448880804-36">
                            <div data-ph-id="ph-widget-element-2860862448880804-37">
                                <h2 data-ph-id="ph-widget-element-2860862448880804-38">
                                    <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-job-categories-text" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2860862448880804-39">Catégories d’emploi</ppc-content>
                                </h2>
                            </div>
                            <ul class="phs-search-category-list" data-ph-at-id="category-list" data-ph-at-total-data-count="${allJobCategories.length}" aria-hidden="${!allJobCategories.length ? 'true' : 'false'}" role="listbox" aria-label="Job Category suggestions" data-ph-id="ph-widget-element-2860862448880804-40">
                                <li repeat.for="category of allJobCategories" class="job-container-category_${$index}" data-ph-at-id="category-list-item" role="option" data-ph-id="ph-widget-element-2860862448880804-41">
                                    <a ph-tevent="job_category_search_click" tabindex="-1" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" data-ph-at-id="category-link" data-ph-at-data-text="${category.key}" data-ph-at-data-count="${category.total_count}" data-ph-id="ph-widget-element-2860862448880804-42">
                                        <span class="sr-only" data-ph-id="ph-widget-element-2860862448880804-43">
                                            ${widgetBundle['categorySrText'] || "Category"}
                                        </span>
                                        <span data-text="${category.key}" class="category-tt phs-${category.key}" data-ph-id="ph-widget-element-2860862448880804-44">${category.key}</span>
                                        <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-widget-element-2860862448880804-45">
                                            ${(widgetBundle['categoryCount'] || '{{totalCount}}') |
                                            pht:{'totalCount':category.total_count}}
                                            <span class="sr-only" show.bind="category.total_count == 1" data-ph-id="ph-widget-element-2860862448880804-46">${widgetBundle['globalsearchJobsCountSingler']
                                            | pht}</span>
                                            <span class="sr-only" show.bind="category.total_count > 1" data-ph-id="ph-widget-element-2860862448880804-47">${widgetBundle['globalsearchJobsCountPlural']
                                            | pht}</span>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="phs-keyword-suggestions" if.bind="isMilitarySearch &amp;&amp; searchValue.length" data-ph-id="ph-widget-element-2860862448880804-48">
                        <div class="phs-suggested-keywords-suggested" if.bind="searchValue.length" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-2860862448880804-49">
                            <h2 data-ph-id="ph-widget-element-2860862448880804-50">
                                <ppc-content key="zlm9hR-aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2860862448880804-51">Code militaire</ppc-content>
                            </h2>
                            <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" data-ph-at-data-count="${suggestedMOSKeywords.length}" role="listbox" data-ph-id="ph-widget-element-2860862448880804-52">
                                <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-2860862448880804-53">
                                    <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-2860862448880804-54">
                                        <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2860862448880804-55"></span>
                                    </a>
                                </li>
                                <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-widget-element-2860862448880804-56">
                                    <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-2860862448880804-57">Aucun résultat trouvé</ppc-content>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="phs-keyword-suggestions" if.bind="showJobSuggestions &amp;&amp; !isMilitarySearch" phfc="${setKeywordSuggested(['suggestedJobs','suggestedLocations', 'suggestedCategories', 'keywordsSearched', 'suggestedKeywords'])}" data-ph-id="ph-widget-element-2860862448880804-58">
                        <div class="phs-jobs-suggested" if.bind="suggestedJobs.length &amp;&amp; (!enableSuggestionResults || (enableSuggestionResults.length &amp;&amp;!isSuggestionVisible('suggestedJobs')))" data-ph-at-id="suggested-jobs" data-ph-id="ph-widget-element-2860862448880804-59">
                            <h2 class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-2860862448880804-60">
                                <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-jobHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2860862448880804-61">Emplois</ppc-content>
                            </h2>
                            <ul class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedJobs.length}" aria-hidden="${!suggestedJobs.length ? 'true' : 'false'}" role="listbox" data-ph-id="ph-widget-element-2860862448880804-62">
                                <li repeat.for="eachJob of suggestedJobs" role="option" data-ph-at-id="suggested-data-list-item" class="phsJobsSuggested_${$index}" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-2860862448880804-63">
                                    <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'job', eachJob)}" data-ph-tevent-attr-trait59="jobId" data-ph-tevent-attr-trait60="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" data-title="${eachJob.title_raw}" data-jobid="${eachJob.id}" tabindex="-1" data-ph-at-id="suggested-data-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-category-text="${eachJob.category}" data-ph-id="ph-widget-element-2860862448880804-64">
                                        <div class="phs-job-title" data-ph-id="ph-widget-element-2860862448880804-65">
                                            <span class="sr-only" data-ph-id="ph-widget-element-2860862448880804-66">
                                                <!-- <ppc-content key="jobTitleText" data-ph-at-id="jobtitle-text"> -->
                                                    ${widgetBundle['jobTitleSrText'] || "Job title"}
                                                <!-- </ppc-content> -->
                                            </span>
                                            <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2860862448880804-67"></span>
                                        </div>
                                        <div class="phs-job-info" data-ph-at-id="job-info" data-ph-id="ph-widget-element-2860862448880804-68">
                                            <span class="phs-job-location" data-ph-id="ph-widget-element-2860862448880804-69">
                                                <span class="sr-only" data-ph-id="ph-widget-element-2860862448880804-70">
                                                    <!-- <ppc-content key="jobLocationText" data-ph-at-id="joblocation-text"> -->
                                                        ${widgetBundle['locationSrText'] || "Location"}
                                                    <!-- </ppc-content> -->
                                                </span> ${eachJob.location}
                                            </span>
                                            <span class="phs-job-category" data-ph-id="ph-widget-element-2860862448880804-71">
                                                <span class="sr-only" data-ph-id="ph-widget-element-2860862448880804-72">
                                                    <!-- <ppc-content key="jobCategoryText" data-ph-at-id="jobcategory-text"> -->
                                                        ${widgetBundle['categorySrText'] || "Category"}
                                                    <!-- </ppc-content> -->
                                                </span> ${eachJob.category}
                                            </span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!-- Military jobs -->
                        <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" if.bind="suggestedMOSKeywords.length" data-ph-id="ph-widget-element-2860862448880804-73">
                            <h2 data-ph-id="ph-widget-element-2860862448880804-74">
                                <ppc-content key="CjLkII-aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2860862448880804-75">Code militaire</ppc-content>
                            </h2>
                            <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedMOSKeywords.length}" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" role="listbox" data-ph-id="ph-widget-element-2860862448880804-76">
                                <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedJobs.length + $index + 1}" data-ph-id="ph-widget-element-2860862448880804-77">
                                    <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-2860862448880804-78">
                                        <span class="sr-only" data-ph-id="ph-widget-element-2860862448880804-79">
                                            <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-militaryCodeTextSr" data-ph-at-id="military-text" data-ph-id="ph-widget-element-2860862448880804-80">Code militaire</ppc-content>
                                        </span> 
                                        <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-2860862448880804-81"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="phs-locations-suggested" if.bind="suggestedLocations.length > 0 &amp;&amp; (!enableSuggestionResults || (enableSuggestionResults.length &amp;&amp;!isSuggestionVisible('suggestedLocations')))" data-ph-at-id="suggested-locations" data-ph-id="ph-widget-element-2860862448880804-82">
                            <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2860862448880804-83">
                                <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-jobLocationHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2860862448880804-84">Emplacement</ppc-content>
                            </h2>
                            <ul class="phs-locations-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedLocations.length}" aria-hidden="${!suggestedLocations.length ? 'true' : 'false'}" role="listbox" data-ph-id="ph-widget-element-2860862448880804-85">
                                <li repeat.for="eachLocation of suggestedLocations" role="option" class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedMOSKeywords.length + suggestedJobs.length + $index + 1}" data-ph-id="ph-widget-element-2860862448880804-86">
                                    <a href="${getUrl(linkEle, 'search-results', eachLocation, 'qcity='+eachLocation.city+'&amp;qstate='+eachLocation.state+'&amp;qcountry='+eachLocation.country)}" ph-tevent="type_ahead_search" ref="linkEle" tabindex="-1" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.name}" data-category="${eachLocation.name}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.name}" data-ph-at-data-count="${eachLocation.count}" data-ph-id="ph-widget-element-2860862448880804-87">
                                        <span class="sr-only" data-ph-id="ph-widget-element-2860862448880804-88">
                                            <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-2860862448880804-89">emplacement</ppc-content>
                                        </span> ${eachLocation.locationName}
                                        <!-- <span class="phs-jobs-count">${eachLocation.count}</span> -->
                                        <span class="phs-jobs-count phs-${eachLocation.count}" data-ph-id="ph-widget-element-2860862448880804-90">
                                            ${(widgetBundle['eachLocationCount'] || '{{totalLocationCount}}') |
                                            pht:{'totalLocationCount':eachLocation.count}}
                                        </span>
                                        <span class="sr-only" show.bind="eachLocation.count == 1" data-ph-id="ph-widget-element-2860862448880804-91">${widgetBundle['globalsearchJobsCountSingler']}
                                      </span>
                                          <span class="sr-only" show.bind="eachLocation.count > 1" data-ph-id="ph-widget-element-2860862448880804-92">${widgetBundle['globalsearchJobsCountPlural']}
                                      </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="phs-categorys-suggested" if.bind="suggestedCategories.length > 0 &amp;&amp; (!enableSuggestionResults || (enableSuggestionResults.length &amp;&amp; !isSuggestionVisible('suggestedCategories')))" data-ph-at-id="suggested-categories" data-ph-id="ph-widget-element-2860862448880804-93">
                            <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2860862448880804-94">
                                <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-suggestedCategoryHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2860862448880804-95">Catégorie</ppc-content>
                            </h2>
                            <ul class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedCategories.length}" aria-hidden="${!suggestedCategories.length ? 'true' : 'false'}" role="listbox" data-ph-id="ph-widget-element-2860862448880804-96">
                                <li repeat.for="eachCategory of suggestedCategories" role="option" class="phsCategorySuggested_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedMOSKeywords.length + suggestedJobs.length + suggestedLocations.length + $index + 1}" data-ph-id="ph-widget-element-2860862448880804-97">
                                    <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'category', eachCategory)}" data-ph-tevent-attr-trait59="category" data-ph-tevent-attr-trait60="${eachCategory.category}" data-category="${eachCategory.category}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachCategory.category}" tabindex="-1" data-ph-at-data-count="${eachCategory.count}" data-ph-id="ph-widget-element-2860862448880804-98">
                                        <span class="sr-only" data-ph-id="ph-widget-element-2860862448880804-99">
                                            ${widgetBundle['categorySrText'] || "Category"}
                                        </span> ${eachCategory.category}
                                        <!-- <span class="phs-jobs-count">${eachCategory.count}</span> -->
                                        <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-widget-element-2860862448880804-100">
                                            ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') |
                                            pht:{'totalCategoryCount':eachCategory.count}}
                                        </span>
                                        <span class="sr-only" show.bind="eachCategory.count == 1" data-ph-id="ph-widget-element-2860862448880804-101">${widgetBundle['globalsearchJobsCountSingler']}
                                      </span>
                                          <span class="sr-only" show.bind="eachCategory.count > 1" data-ph-id="ph-widget-element-2860862448880804-102">${widgetBundle['globalsearchJobsCountPlural']}
                                      </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="phs-recentsearches-suggested" if.bind="allSuggestions.searched.length &amp;&amp; showRecentSearches &amp;&amp; (!enableSuggestionResults || (enableSuggestionResults.length &amp;&amp;!isSuggestionVisible('suggestedRecentSearches')))" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-2860862448880804-103">
                            <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2860862448880804-104">
                                <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2860862448880804-105">Recherches récentes</ppc-content>
                            </h2>
                            <ul class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.searched.length}" show.bind="allSuggestions.searched.length" aria-hidden="${!allSuggestions.searched.length ? 'true' : 'false'}" role="listbox" data-ph-id="ph-widget-element-2860862448880804-106">
                                <li repeat.for="eachKeyword of allSuggestions.searched" role="option" show.bind="$index < 3" class="phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedMOSKeywords.length + suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + $index + 1}" data-ph-id="ph-widget-element-2860862448880804-107">
                                    <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" tabindex="-1" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-2860862448880804-108">
                                        <span class="sr-only" data-ph-id="ph-widget-element-2860862448880804-109">
                                            <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-recentSearchText" data-ph-at-id="recentsearch-text" data-ph-id="ph-widget-element-2860862448880804-110">Recherche récente</ppc-content>
                                        </span> ${eachKeyword}
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="phs-suggested-keywords-suggested" if.bind="suggestedKeywords.length > 0 &amp;&amp; (!enableSuggestionResults || (enableSuggestionResults.length &amp;&amp; !isSuggestionVisible('suggestedKeywords')))" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-2860862448880804-111">
                            <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-2860862448880804-112">
                                <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-suggestedKeywordsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-2860862448880804-113">Mots-clés suggérés</ppc-content>
                            </h2>
                            <ul class="phs-suggested-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedKeywords.length}" aria-hidden="${!suggestedKeywords.length ? 'true' : 'false'}" role="listbox" data-ph-id="ph-widget-element-2860862448880804-114">
                                <li repeat.for="eachKeyword of suggestedKeywords" role="option" show.bind="$index < 3" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedMOSKeywords.length + suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + allSuggestions.searched.length + $index + 1}" data-ph-id="ph-widget-element-2860862448880804-115">
                                    <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" tabindex="-1" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-2860862448880804-116">
                                        <span class="sr-only" data-ph-id="ph-widget-element-2860862448880804-117">
                                            <ppc-content key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-suggestedkeywordtext" data-ph-at-id="suggestedkeyword-text" data-ph-id="ph-widget-element-2860862448880804-118">Mot-clé suggéré</ppc-content>
                                        </span> ${eachKeyword}
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <span class="input-group-btn ${searchBoxBackdrop ? 'blur-background':''}" data-ph-id="ph-widget-element-2860862448880804-119">
                <button type="submit" submit.delegate="handleSubmitClick()" phae-ally="aria-disabled#false" click.delegate="handleSubmitClick()" class="btn primary-button btn-lg phs-search-submit " data-ph-at-id="globalsearch-button" role="button" aria-label="${widgetBundle['globalsearchButtonAriaLabelText'] | pht}" phae-bind-literal="globalsearchButtonAriaLabelText, aria-label" id="ph-search-backdrop" phae="ph-global-search-v3" phae-type="click" phae-main="1" data-ph-id="ph-widget-element-2860862448880804-120">
                    <ppc-content type="icon" phae-ref="1" data-ph-id="ph-widget-element-2860862448880804-121">
                        <i class="icon icon-search-icon" aria-hidden="true" phae-ref="1" data-ph-id="ph-widget-element-2860862448880804-122"></i>
                    </ppc-content>
                    <span phae-bind-literal="globalsearchButtonText" phae-ref="1" data-ph-id="ph-widget-element-2860862448880804-123"> ${widgetBundle['globalsearchButtonText'] | pht}</span>
                </button>
            </span>
        </div>
    </div>
    <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-widget-element-2860862448880804-124">
        <span if.bind="resultsUpdated" data-ph-id="ph-widget-element-2860862448880804-125">
            <span if.bind="showDropDown &amp;&amp; !isMilitarySearch  &amp;&amp; showAllJobCategories &amp;&amp; !searchValue.length &amp;&amp; !gsClrTxt" key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-jobCategoriesAsSRText" data-ph-id="ph-widget-element-2860862448880804-126">Catégories d’emploi suggérées disponibles. Utilisez les touches fléchées pour accéder aux catégories.</span>
            <span if.bind="showDropDown &amp;&amp; !isMilitarySearch  &amp;&amp; showAllJobCategories &amp;&amp; !searchValue.length &amp;&amp; gsClrTxt" key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-jobCategoriesAsSRText2" data-ph-id="ph-widget-element-2860862448880804-127">Texte effacé. Catégories d’emploi suggérées disponibles. Utilisez les touches fléchées pour accéder aux catégories.</span>
            <span if.bind="!isMilitarySearch &amp;&amp; showDropDown &amp;&amp; searchValue.length &amp;&amp; (suggestedJobResults.length + suggestedMOSKeywords.length)" key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-jobSuggestionsSRText" data-ph-id="ph-widget-element-2860862448880804-128">${suggestedJobResults.length + suggestedMOSKeywords.length} suggestions disponibles, accédez à la liste pour sélectionner Suggestion.</span>
            <span if.bind="!isMilitarySearch &amp;&amp; searchValue.length &amp;&amp; !(suggestedJobResults.length + suggestedMOSKeywords.length)" key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-noSuggestionsAsSRText" data-ph-id="ph-widget-element-2860862448880804-129">Aucune suggestion disponible</span>
            <span if.bind="showDropDown &amp;&amp; isMilitarySearch &amp;&amp; searchValue.length &amp;&amp; suggestedMOSKeywords &amp;&amp; suggestedMOSKeywords.length > 0" key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-militaryJobsSelectionAsSRText" data-ph-id="ph-widget-element-2860862448880804-130">${suggestedMOSKeywords.length} Suggestions d’emploi militaires disponibles, accédez à la liste pour sélectionner une suggestion.</span>
            <span if.bind="isMilitarySearch &amp;&amp; !searchValue.length &amp;&amp; !gsClrTxt &amp;&amp; isSearchInFocus" key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-militaryNoSearchVlaueAsSRText" data-ph-id="ph-widget-element-2860862448880804-131">Appuyez sur n’importe quelle touche pour obtenir des suggestions d’emploi militaire</span>
            <span if.bind="isMilitarySearch &amp;&amp; !searchValue.length &amp;&amp; gsClrTxt &amp;&amp; isSearchInFocus" key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-militaryNoSearchVlaueAsSRText2" data-ph-id="ph-widget-element-2860862448880804-132">texte effacé appuyez sur n’importe quelle touche pour les suggestions d’emploi militaire</span>
            <span if.bind="showDropDown &amp;&amp; isMilitarySearch &amp;&amp; searchValue.length &amp;&amp; !suggestedMOSKeywords.length" key="aiRC8T-ph-hero-block-cc-view12-option1-savedView-1690447326183-militarySearchNoResultsAsSRText" data-ph-id="ph-widget-element-2860862448880804-133">Aucun résultat trouvé</span>
        </span>
    </span>
</form></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1664207628116-view3" nonce=""><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view -->

<div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-page-element-page10-JZXfWX">
    <!-- <div class="modal-backdrop fade in"></div> -->
    <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page10-tyGxVG">
        <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page10-pCA5DC">
            <div class="modal-content" data-ph-id="ph-page-element-page10-QMz9gt">
                <div class="phs-widget-heading" data-ph-id="ph-page-element-page10-o4jxY4">
                    <!--<i class="icon icon-send-masseg"></i>-->
                    <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-page-element-page10-NLXNkB">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-WeurLs"></i>
                        <span class="sr-only" data-ph-id="ph-page-element-page10-DS3f26"><ppc-content key="ph-email-job-v1-view3-1gd0h6-WNCnJi" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page10-zvc8Nq">Close
                                the popup</ppc-content></span>
                    </button>
                    <h2 data-ph-id="ph-page-element-page10-7iRrk5">
                        <ppc-content key="ph-email-job-v1-view3-1gd0h6-S572Gs" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page10-k9Owpb">
                            Email this Job
                        </ppc-content>
                    </h2>
                    <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page10-J1dkj9">
                        <ppc-content key="ph-email-job-v1-view3-1gd0h6-bWiP4D" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page10-rsmD9Y">
                            To access this job from another computer, email this information to yourself or a friend.
                        </ppc-content>
                    </p>
                </div>
                <div class="widget-container" data-ph-id="ph-page-element-page10-SYzSjJ">
                    <div class="content-block" data-ph-id="ph-page-element-page10-Widh4Q">
                        <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page10-O7ID0S">
                            <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-page-element-page10-LKTZ4R">
                                <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-Hdl8sy">
                                    <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-page-element-page10-otlRN2">
                                    <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-Hp4r6A"></span>
                                    <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-oGht8c"></span>
                                    <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-page-element-page10-ld3Fak"> </span>
                                </input></label>
                            </div>
                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-Z6EhZd">
                                <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-page-element-page10-GAtJay">
                                    ${widgetBundle['piiConsentError'] | pht}
                                </span>
                            </div>
                            <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-TmpigN">
                                <label for="email-job-name" data-ph-id="ph-page-element-page10-Yk75H0">
                                    <ppc-content key="ph-email-job-v1-view3-1gd0h6-oI7wwA" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page10-AT5tLg">
                                        Your Name
                                    </ppc-content>
                                </label>
                                <input type="text" aria-describedby="ph-a11y-email-job-name-field-error" class="form-control ph-a11y-form-control-name fs-block" value.bind="emailJobModel.name" placeholder="Your name" autocomplete="off" key-placeholder="ph-email-job-v1-view3-1gd0h6-kOzMyb" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-0fFwoO" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-page-element-page10-YV5Jv4">
                                <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error &amp;&amp; errors.name.code == 'E101'" data-ph-id="ph-page-element-page10-4IrfAu">
                                    <ppc-content key="ph-email-job-v1-view3-1gd0h6-odNBCT" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page10-ps3cS5">Name should not
                                        be empty</ppc-content>
                                </span>
                            </input></div>
                            <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-5WUvzS">
                                <label for="email-job-email" data-ph-id="ph-page-element-page10-pnaDws">
                                    <ppc-content key="ph-email-job-v1-view3-1gd0h6-xuaTc3" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page10-bjsjly">
                                        Recipient's Email address
                                    </ppc-content>
                                </label>
                                <input type="text" aria-describedby="ph-a11y-email-job-email-field-error" class="form-control ph-a11y-form-control-email fs-block" value.bind="emailJobModel.email" placeholder="Recipient's Email address" title="Recipient’s Email address" key-title="ph-email-job-v1-view3-1gd0h6-4ObmgE" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-page-element-page10-19ZaNJ">
                                    <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101'" data-ph-id="ph-page-element-page10-3fFNWp">
                                        <ppc-content key="ph-email-job-v1-view3-1gd0h6-tY6Bfv" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page10-cVlEGM">
                                            Recipient’s email address should not be Empty
                                        </ppc-content>
                                    </span>
                                    <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102'" data-ph-id="ph-page-element-page10-kKGtgF">
                                        <ppc-content key="ph-email-job-v1-view3-1gd0h6-WwPBjM" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page10-zEUTW4">
                                            Please enter a valid Recipient’s email address
                                        </ppc-content>
                                    </span>
                            </input></div>
                            <div class="form-group" data-ph-id="ph-page-element-page10-CnDlEM">
                                <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-page-element-page10-CmBNS9">
                                    <ppc-content key="ph-email-job-v1-view3-1gd0h6-oxTia1" data-ph-at-id="send-text" data-ph-id="ph-page-element-page10-oUu400">
                                        ${widgetBundle['sendEmailButtonText'] | pht}
                                    </ppc-content>
                                </button>
                            </div>
                        </form>
                        <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-page-element-page10-gVkZWX">
                            <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-XZEfNS">
                                <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page10-sVBDD6">
                                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-Av2OnF"></span>
                                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-ktPaHa"></span>
                                <span class="checkbox-text" data-ph-id="ph-page-element-page10-PKRXab">
                                    <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-LbJ9oT"> </span>
                                    <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-GOt8bG">*</span>
                                </span>
                            </input></label>
                        </div>

                        <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-page10-DxfhUT">
                            <span class="sr-only required-text" data-ph-id="ph-page-element-page10-mRGDpD"> ${widgetBundle['requiredText']} </span>
                            ${widgetBundle['consentsLinkText']}
                        </a>


                        <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page10-xclLhY">
                            <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page10-KxJm1p">
                                <ppc-content key="ph-email-job-v1-view3-1gd0h6-ufyoaj" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page10-vyV3NR">Email has
                                    successfully sent</ppc-content>
                            </span>
                            <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-3fHahS">
                                <ppc-content key="ph-email-job-v1-view3-1gd0h6-vvczE0" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page10-HoTRjs">Email has
                                    sent has error</ppc-content>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-page-element-page10-r3hpNM">
    <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page10-Mbb1mq">
        <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> -->
        <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page10-XkmJsY">
            <i class="icon icon-check" data-ph-id="ph-page-element-page10-31eg26"></i>
            <h3 data-ph-id="ph-page-element-page10-BnBlGD">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-5ri8rW" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page10-HaQOcs">Success!</ppc-content>
            </h3>
            <p data-ph-id="ph-page-element-page10-jLzSDl">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-BMEuLS" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page10-iUStpj">Email has successfully sent</ppc-content>
            </p>
            <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page10-vGhRUV">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-pLcWkz" data-ph-id="ph-page-element-page10-Wxlsx4">Ok</ppc-content>
            </button>
        </div>
    </div>
</div>
<div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-NKlisz">
    <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page10-dLl9UD">
        <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> -->
        <div class="hdlr-block" data-ph-id="ph-page-element-page10-OoTFtr">
            <i class="icon icon-cancel" data-ph-id="ph-page-element-page10-x8TLFt"></i>
            <h3 data-ph-id="ph-page-element-page10-XyveoG">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-JrVqgR" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page10-I6oDUp">Failure!</ppc-content>
            </h3>
            <p data-ph-id="ph-page-element-page10-V4PvmN">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-KZumcC" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page10-2So6Rj">Email has not sent</ppc-content>
            </p>
            <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page10-LziZRW">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-64BeVR" data-ph-id="ph-page-element-page10-Wl1PVO">Ok</ppc-content>
            </button>
        </div>
    </div>
</div>

<div class="popup-modal-backdrop" show.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-page-element-page10-TJuhpT">
    <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-page-element-page10-sjyRLC">
        <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page10-xNrfaN">
            <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page10-c046hC"></i>
        </button>

        <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page10-Ay0wwx">
            ${widgetBundle['consentHeading']}
        </h2>

        <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-page-element-page10-ifKYTx">
            <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-5NH1NL">
                <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page10-APNcfm">
                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-bwakmM"></span>
                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-PEwK8g"></span>
                <span class="checkbox-text" data-ph-id="ph-page-element-page10-gz3R3e">
                    <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-9M7OHD"> </span>
                    <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-GrB8NR">*</span>
                </span>
            </input></label>
        </div>
        <div class="consent-accept-area" data-ph-id="ph-page-element-page10-yPFCmW">
            <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page10-euZ04H">
                ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']}
            </button>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1664207628286" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page10-TcHKn0">

    <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page10-2fvRsN">
        <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page10-f0scYs">
            <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-qQ8sY4" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-ehcXSk" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page10-ZWTys2">
                <ppc-content key="ph-social-share-v3-default-6ty93l-YciJoa" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-97bpNP">
                    Share this Opportunity
                </ppc-content>
            </div>
            <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page10-5WZrrw">
                <ppc-content key="ph-social-share-v3-default-6ty93l-Kn5owe" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page10-C0xrNH">
                    We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level.
                </ppc-content>
            </p>
        </div>
        <div class="content-block" data-ph-id="ph-page-element-page10-aLjRm6"> 
            <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page10-jDbGQD">
                <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page10-LEPq5i">
                    <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page10-VQBSAi">
                        <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page10-TWCOw9"></i>
                        <span class="sr-only" data-ph-id="ph-page-element-page10-bVWTXa">
                            <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page10-1HKHp0">${widgetBundle[eachIndicator['name']] | pht}</span>
                        </span>
                    </button>
                </li>
                <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView &amp;&amp; shareOption.isInline &amp;&amp; isShareEmailFound" data-ph-id="ph-page-element-page10-Euu3sJ" view="1664207628116-view3" original-view="view3" theme="default">
                    <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1664207628116-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page10-nZj8M3"></div>
                </section>
            </ul>
        </div>
    </div>
    <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page10-mv3CZo">
        <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-lzalx8">
            <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-FBezvQ">
                <div class="head-wrapper" data-ph-id="ph-page-element-page10-EYPGyd">
                    <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page10-FvLZwW">
                        <ppc-content key="ph-social-share-v3-default-6ty93l-JbTAON" data-ph-id="ph-page-element-page10-uk5FM4">Share job link</ppc-content>
                    </h3>
                    <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-Nf4wVi" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page10-KlMLVx">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page10-xUjBy2"></i>
                    </button>
                </div>
                <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page10-LjfWDf">
                    <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page10-9bj5a0">
                        <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page10-XtlfOB">
                            <ppc-content key="ph-social-share-v3-default-6ty93l-L3SfIc" data-ph-id="ph-page-element-page10-EN0fCQ">Link copied successfully</ppc-content>
                        </p>
                    </div>
                    <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page10-Dv4Fol"><ppc-content key="ph-social-share-v3-default-6ty93l-7lkSQP" data-ph-id="ph-page-element-page10-ea0mK1">To your colleagues or friends</ppc-content></label>
                    <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page10-dfFW8b" />
                </div>
                <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page10-1WptPv">
                    <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page10-34qZjM"><ppc-content key="ph-social-share-v3-default-6ty93l-opdFCa" data-ph-id="ph-page-element-page10-ybu3bE">Cancel</ppc-content></button>
                    <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page10-eMYz5w"><ppc-content key="ph-social-share-v3-default-6ty93l-K9DKgx" data-ph-id="ph-page-element-page10-5oJWCu">Copy Link</ppc-content></button>
                </div>
            </div>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-recently-viewed-jobs-v3-default-1622923135840" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page10-rVGXpJ"></div>
<div class="phs-widget-block-area ph-widget-box" show.bind="!showLoader &amp;&amp; jobResults.length" role="region" aria-label="Recently Viewed Jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-QpgL56" data-ph-id="ph-page-element-page10-aMKJfM">
    <div class="widget-container" data-ph-id="ph-page-element-page10-KI0wUf">
        <div class="phs-widget-heading" data-ph-id="ph-page-element-page10-2P0GIc">
            <h2 data-ph-id="ph-page-element-page10-VwBlVk">
                <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-sth4Zr" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page10-2IQTcT">Recently Viewed Jobs</ppc-content>
            </h2>
        </div>
        <div class="content-block" data-ph-id="ph-page-element-page10-V6igxH">
            <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page10-thuZYC">
                <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page10-8JA9SA">
                    <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image &amp;&amp; eachJob.image.src)" instance-id="DzsjMe" data-ph-id="ph-page-element-page10-0xBfip">
    <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-PNzm7d">
        <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page10-DYZv0s">
            <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page10-NJ6dO2" />
        </div>
    </figure>
</div>
<div class="wrapper-cntr" data-ph-id="ph-page-element-page10-C35Jfl">
    <div class="information" data-ph-id="ph-page-element-page10-H4sptz">

        <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src)" data-ph-id="ph-page-element-page10-k4dfUP">
            <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-YwxwGi">
                <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page10-GLfYzB">
                    <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page10-UfofRM" />
                </div>
            </figure>
        </div>

        <div class="job-smart-tags" data-ph-id="ph-page-element-page10-njWojp">
            <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'top' &amp;&amp;  (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page10-1I3Txl">
                <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-criVgj">
                    <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-6gHFoV"></i>
                    <span class="tag-label" data-ph-id="ph-page-element-page10-2Hw4ZK">${widgetBundle[fit.name] | pht}</span>
                </span>
            </div>
            <div class="job-tag-area ${jobTagsConfig &amp;&amp; jobTagsConfig.layout &amp;&amp; jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page10-f81y5b">
                <span class="featured-job" if.bind="eachJob.featuredJob &amp;&amp; (eachJob.featuredJob &amp;&amp; eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page10-H2Uqr2">
                    ${widgetBundle['featuredJobText']}
                </span>
                <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig &amp;&amp; jobTagsConfig.tags) &amp;&amp; (jobTagsData &amp;&amp; jobTagsData[eachJob['jobSeqNo']] &amp;&amp; jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page10-utXa3l">
                    <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon &amp;&amp; eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-37chqV"></i>
                    <span class="tag-label" data-ph-id="ph-page-element-page10-LErbVx">${widgetBundle[eachTag.name] | pht :
                        jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span>
                </span>
            </div>
        </div>
        <span role="heading" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-9BqkjT" aria-level="3" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-xq0d3F" instance-id="DzsjMe-6Ap8nU" data-ph-id="ph-page-element-page10-RnNv1e">
            <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page10-ufqHSz">
                <div if.bind="eachJob.title &amp;&amp; eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page10-Ij71jR">
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-QAHSW3">${widgetBundle['title'] | pht}:</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-GV17cF"></i>
                    <span data-ph-id="ph-page-element-page10-OZsGCZ">${eachJob.title} </span>
                </div>
            </a>
        </span>

        <!-- Multilocation display type dropdown -->
        <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page10-Is5cmZ">
            <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose -->
            <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate  &amp;&amp; ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.expiryDate)" class="${((eachAttr.name === 'location' &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate  &amp;&amp; eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page10-DRkoyZ">
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page10-mHVATN">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-IGWBm7">${widgetBundle['category'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-iAotfP"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-8qq7FA">${widgetBundle['category'] | pht}:</span>
                    ${eachJob.category}
                </span>

                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page10-WbTZIG">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-0IuixY">${widgetBundle['location'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-4bQJRM"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-TrHP3W">${widgetBundle['location'] | pht}:</span>
                    ${eachJob.location}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page10-25JpYa">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-vMA1GO">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-2n0kEK"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-gbMof7"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page10-qJBnqe"></span>
                </span>
                <span class="job-postdate" if.bind="eachJob.postedDate  &amp;&amp; eachAttr.name  == 'postedDate'" data-ph-id="ph-page-element-page10-oT6C4y">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-7Oh2GQ">${widgetBundle['postedDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-aOTDn4"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-HM0mUt">${widgetBundle['postedDate'] | pht}: </span>
                    ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-page-element-page10-YG3OEr">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-w87S3v">${widgetBundle['expiryDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-1h0E0w"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-YCqBdA">${widgetBundle['expiryDate'] | pht}:</span>
                    ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-fMOIJk">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-nPzrTn">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-38NJyq"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-JHHqHe"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] ||
                    "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-PITYIW">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-iZdLX9">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-BiUCqg"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-OvprnV"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name]}
                </span>
                <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page10-exyh08">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-YeqNWV">${widgetBundle[eachAttr.name] | pht}</span>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-azJxMV">${widgetBundle[eachAttr.name] | pht}:</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-K2XPgB"></i>
                    <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-a3Dc4p">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-nQBOjV">${widgetBundle['drivingTimeInHoursText'] |
                        spht:{"hours":eachJob.drivingTime.inHours}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page10-hgHdtR">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' :
                        'hours'}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page10-mPCDLG">${widgetBundle['drivingTimeInMinutesText'] |
                        pht:{"minutes":eachJob.drivingTime.inMinutes}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page10-OS6l1g">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute'
                        : 'minutes'}</span>
                </span>
            </span>
        </p>
        <!-- End multilocation display type dropdown -->

        <!-- Multilocation display type modal -->
        <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page10-U8VPTO">
            <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose -->
            <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page10-wfKmkn">

                <!-- Multi location -->
                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page10-JrkQdB">
                    <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page10-9iHkBj">
                        <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-qccwq1"></i>
                        <span class="btn-text-content" data-ph-id="ph-page-element-page10-TjmqWo">
                            ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}}
                        </span>
                    </button>
                </span>
                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page10-Nl4jos">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-7K4lin">${widgetBundle['location'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-tUYeA7"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-Ik81HO">${widgetBundle['location'] | pht}:</span>
                    ${eachJob.location}
                </span>
                <!-- Multi location Ends -->

                <!-- Multi category-->
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page10-RzXAJZ">
                    <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page10-IcAyAm">
                        <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-hmKP0E"></i>
                        <span class="btn-text-content" data-ph-id="ph-page-element-page10-DYwUUa">
                            ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}}
                        </span>
                    </button>
                </span>
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page10-MF0r34">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-QoDCjB">${widgetBundle['category'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-NvhXP5"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-nfiits">${widgetBundle['category'] | pht}:</span>
                    ${eachJob.category}
                </span>
                <!-- Multi category ends -->

                <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page10-cE32We">
                    <span class="sr-only" data-ph-id="ph-page-element-page10-K2G9gC">${widgetBundle[eachAttr.name] | pht}</span>
                    <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> -->
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-tjXcx2"></i>
                    <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-k98NiW">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-A0fShD">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" :
                        eachJob.drivingTime.inHours}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page10-kP6502">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' :
                        'hours'}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page10-5qIgCc">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" :
                        eachJob.drivingTime.inMinutes}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page10-wH2DMh">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute'
                        : 'minutes'}</span>
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page10-fRVQNY">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-emZrw1">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-EXbGxF"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-7uB4vO"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page10-2pSTJe"></span>
                </span>
                <span class="job-postdate" if.bind="eachJob.postedDate  &amp;&amp; eachAttr.name  == 'postedDate'" data-ph-id="ph-page-element-page10-Z0rt8y">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-TOAOOR">${widgetBundle['postedDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-IdVdN1"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-EyaBo4">${widgetBundle['postedDate'] | pht}: </span>
                    ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-page-element-page10-M7wq6I">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-p1IvbA">${widgetBundle['expiryDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-CXQcrd"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-WoqI1V">${widgetBundle['expiryDate'] | pht}:</span>
                    ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-fVCO1T">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-btgnmA">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-0sl5jt"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-wW6BP2"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] ||
                    "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-9YDWrC">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-mJmF26">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-22VvaA"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-73doV3"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name]}
                </span>
            </span>
        </p>
        <!-- End Multilocation display type modal -->

        <!-- Multilocation display type dropdown button -->
        <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-oleHEt">
            <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 &amp;&amp; eachAttr.name == 'location') &amp;&amp; ((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page10-cy8zS9">
                <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-N5MmmF" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="DzsjMe-KloDCW" data-ph-id="ph-page-element-page10-VQ57Co">
                    <span data-ph-id="ph-page-element-page10-2L1WQZ">
                        ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}}
                    </span>

                    <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page10-SoRD5w"></i>
                </button>
                <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page10-fpcmGl">
                    <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page10-SVac66">
                        ${eachLocation}
                        <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page10-hjLqNw">
                            <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-YglAIr">${widgetBundle['drivingTime'] | pht}</span>
                            <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page10-65MKkH">${widgetBundle['drivingTime'] |
                                pht}:</span>
                            <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page10-Aem5Kf"></i>
                            <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-p7w9bO">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-cllyai">${widgetBundle['drivingTimeInHoursText'] |
                                pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page10-f7BfdX">${eachJob.multi_location_array[$index].drivingTime.inHours}
                                ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' :
                                'hours'}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page10-D40krm">${widgetBundle['drivingTimeInMinutesText'] |
                                pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page10-Da7w1b">${eachJob.multi_location_array[$index].drivingTime.inMinutes}
                                ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' :
                                'minutes'}</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Multicategory display type dropdown button -->
        <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-zHQL7c">
            <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 &amp;&amp; eachAttr.name == 'category') &amp;&amp; ((enabledFields['category'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page10-N7Drnw">
                <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-55RiYP" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="DzsjMe-hU8UKQ" data-ph-id="ph-page-element-page10-rF6MLz">
                    <span data-ph-id="ph-page-element-page10-MJMQgn">
                        ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' :
                        eachJob.multi_category.length}}
                    </span>
                    <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page10-3N2kAU"></i>
                </button>
                <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page10-uEqLlL">
                    <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page10-LOkGx0">
                        ${eachCategory}
                    </li>
                </ul>
            </div>
        </div>

    <!-- smart-jobs  -->
    <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] &amp;&amp; eachJob.smartHighlights" data-ph-id="ph-page-element-page10-9XFjso">
            <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page10-KATplW">
               
                <span data-ph-id="ph-page-element-page10-TKhkmv">
                    <span class="sr-only" data-ph-id="ph-page-element-page10-9bkmWE">
                        <span if.bind="highLightKey == 'skills' &amp;&amp; widgetBundle['skills']" data-ph-id="ph-page-element-page10-cfZ7bG">${widgetBundle['skills'] | pht}</span>
                        <span if.bind="highLightKey == 'education' &amp;&amp; widgetBundle['education']" data-ph-id="ph-page-element-page10-eucOG0">${widgetBundle['education'] | pht}</span>
                        <span if.bind="highLightKey == 'additionalSkills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-6lTqMv">${widgetBundle['additionalSkills'] | pht}</span>
                        <span if.bind="highLightKey == 'additional_skills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-cGVyFM">${widgetBundle['additionalSkills'] | pht}</span>
                        <span if.bind="highLightKey == 'experience' &amp;&amp; widgetBundle['experience']" data-ph-id="ph-page-element-page10-sgC9fq">${widgetBundle['experience'] | pht}</span>
                        <span if.bind="highLightKey == 'requirement_sentence' &amp;&amp; widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page10-it0G7s">${widgetBundle['requirementSentence'] | pht}</span>

                    </span>

                    <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''}  ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page10-ueSYlE"></i>


                    ${eachJob['smartHighlights'][highLightKey]}
                </span>
            </span>
        </p> 

        <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page10-Afeo2I">
            <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page10-SkTS4C">

                <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page10-7o5xrh"></i>

            </button>
        </div>


        <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page10-I4ccXW"></p>


        <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'bottom' &amp;&amp;  (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page10-kRU47T">
            <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-5Womfx">
                <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-ANdYLC"></i>
                <span class="tag-label" data-ph-id="ph-page-element-page10-ZeVz1k">${widgetBundle[fit.name] | pht :
                    jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span>
            </span>
        </div>
    </div>
    <div class="actions ${(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page10-cg84HO">
        <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page10-0mPVlN">
            <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page10-difpTO">
                <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-pbkpMP">
                    <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' &amp;&amp; eachJob.externalApply &amp;&amp; !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page10-mr3012">
                        ${widgetBundle['applyNowText'] | pht}
                        <span class="sr-only" data-ph-id="ph-page-element-page10-KqePT0">${eachJob.title}</span>
                        <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> -->
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-9Kfa4a"></i>
                    </a>
                </div>
                <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page10-gsLRbo">
                    <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page10-1EEn0K">
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-FdJjkY"></i>
                        <!-- <i class="icon icon-share" aria-hidden="true"></i> -->
                        <span class="sr-only" data-ph-id="ph-page-element-page10-FdfAfo">
                            <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-A3Bm4t" data-ph-at-id="share-job-button-text" instance-id="DzsjMe-sbJJfn" data-ph-id="ph-page-element-page10-FmjNSI">Share Job
                                button</ppc-content>
                        </span>
                    </button>
                    <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-Crwi9S">
                        <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page10-PV1cgR" view="1622923135821-default" original-view="default" theme="default">
                            <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1664207628286" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page10-ujL8Bj"></div>
                        </section>
                    </div>
                </div>
                <!-- <div if.bind="eachAction.name == 'refer'">
                <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true">
                    ${widgetBundle['referText'] | pht}
                    <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i>
                </button>
                <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView">
                    <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19">
                    </div>
                </section>
            </div> -->
                <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page10-HoYoRF">
                    <div class="savejob-checkbox" data-ph-id="ph-page-element-page10-I5UfAy">
                        <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page10-GsmDzb">
                            <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page10-CG8hsi" />
                            <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page10-dDywIn">
                                <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-IcjLA5"></i>
                                <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-DqcjoV">
                                    ${widgetBundle['addToCartSaveText'] | pht}
                                    <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> -->
                                </span>
                                <span class="sr-only" data-ph-id="ph-page-element-page10-XaH8Tn">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title}
                                    ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span>
                            </span>
                            <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page10-rId3Wn">
                                <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-z04fJQ"></i>
                                <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-k1ZUuJ">
                                    ${widgetBundle['addToCartSavedText'] | pht}
                                    <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> -->
                                </span>
                                <span class="sr-only" data-ph-id="ph-page-element-page10-bdyajX">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title}
                                    ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}
                                </span>
                            </span>
                        </label>
                    </div>
                </div>
                <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page10-d3vbTW">
                    <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page10-8dUwgc">
                        <span class="sr-only" data-ph-id="ph-page-element-page10-imdiox">${eachJob.title}</span>
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-TVJvKK"></i>
                        <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page10-nkt4KL">
                            ${widgetBundle['removeJobText'] | pht}
                        </span>
                    </a>

                </div>
            </li>
        </ul>
    </div>
</div>
<div class="multi-location-popup" if.bind="eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page10-LTDeD5">
    <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page10-kkMN9v">
        <div class="modal-dialog" data-ph-id="ph-page-element-page10-xTnyTX">
            <div class="popup-content-block" data-ph-id="ph-page-element-page10-SBKPBu">
                <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-0knjnS" instance-id="DzsjMe-YmKUBp" data-ph-id="ph-page-element-page10-U6z7MC">
                    <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-5swTM2"></i>
                </button>
                <div class="heading-block" data-ph-id="ph-page-element-page10-dk3qAx">
                    <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-yP3No6" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-Gx0mYc" instance-id="DzsjMe-6GA7xu" data-ph-id="ph-page-element-page10-wFTSNN">
                        ${eachJob.title}
                    </div>
                    <div id="modalDescription" data-ph-id="ph-page-element-page10-4ikTvs">
                        <div class="job-location-count" data-ph-id="ph-page-element-page10-JhE1ad">
                            ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}}
                        </div>
                    </div>
                </div>
                <div class="content-block" data-ph-id="ph-page-element-page10-jyBIDC">
                    <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page10-VCtdvx">
                        <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page10-iaZswr">
                            <span data-ph-id="ph-page-element-page10-qjlMnl">
                                <i class="icon ${enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page10-MU0unb"></i>
                            </span>
                            <span data-ph-id="ph-page-element-page10-LNqlKn">
                                ${eachLocation}
                            </span>
                            <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page10-fLtWih">
                                <span class="sr-only" data-ph-id="ph-page-element-page10-U3Y6bX">${widgetBundle['drivingTime'] | pht}</span>
                                <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page10-fXov1M"></i>
                                <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-Sqx5rj">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-XpEjua">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" :
                                    eachJob.multi_location_array[$index].drivingTime.inHours}}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page10-UJ66KO">${eachJob.multi_location_array[$index].drivingTime.inHours}
                                    ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' :
                                    'hours'}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page10-1d5j16">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" :
                                    eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page10-v1EcYR">
                                    ${eachJob.multi_location_array[$index].drivingTime.inMinutes}
                                    ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' :
                                    'minutes'}
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen &amp;&amp; (enabledFields['category'] &amp;&amp; enabledFields['category'].settings &amp;&amp; enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page10-939rpr">
    <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page10-zmpQ6h">
        <div class="modal-dialog" data-ph-id="ph-page-element-page10-UEjtIs">
            <div class="popup-content-block" data-ph-id="ph-page-element-page10-wOfuxK">
                <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-jwoS6z" instance-id="DzsjMe-jRxmlq" data-ph-id="ph-page-element-page10-mveKDs">
                    <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-rVNH88"></i>
                </button>
                <div class="heading-block" data-ph-id="ph-page-element-page10-eoeD4X">
                    <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-pzkoN0" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-02r1IK" instance-id="DzsjMe-MOkA0o" data-ph-id="ph-page-element-page10-6FDGAp">
                        ${eachJob.title}
                    </div>
                    <div id="modalDescription" data-ph-id="ph-page-element-page10-wOfMLZ">
                        <div class="job-location-count" data-ph-id="ph-page-element-page10-IqaKDh">
                            ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}}
                        </div>
                    </div>
                </div>
                <div class="content-block" data-ph-id="ph-page-element-page10-nBeDbG">
                    <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page10-i8c1g2">
                        <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page10-nINfLG">
                            <span data-ph-id="ph-page-element-page10-7AkOZg">
                                <i class="icon ${enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page10-uPXtdu"></i>
                            </span>
                            <span data-ph-id="ph-page-element-page10-Vy72cL">
                                ${eachCategory}
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
                </li>
            </ul>
            <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page10-waJCyD">
                <div aria-atomic="true" aria-live="assertive" instance-id="uTMO3I" data-ph-id="ph-page-element-page10-tMxnPe">
    <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-lrbFPu" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-B3E5zS" data-ph-at-id="seemore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-mMuEvi" instance-id="uTMO3I-17kEcd" data-ph-id="ph-page-element-page10-xNeJPY">
    <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content>  -->
    <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page10-rtJ14V">
        ${widgetBundle['seeMoreText'] | pht}
    </span>
    <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-1S844o"></i>
</button>
</div>
<button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-fyqcR2" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-krGXYC" data-ph-at-id="seeless-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-N9ztaT" instance-id="uTMO3I-vsg8WV" data-ph-id="ph-page-element-page10-5Q5LAy">
    <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> -->
    <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page10-sSkNVZ">
        ${widgetBundle['seeLessText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-NxtCk7"></i>
</button>
<button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-FjIVrp" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-7NVVTu" data-ph-at-id="seenext-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-4FirDZ" instance-id="uTMO3I-ALNdzk" data-ph-id="ph-page-element-page10-IhtEMb">
    <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> -->
    <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page10-2qUeAo">
        ${widgetBundle['seeNextText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-iOFk2R"></i>
</button>
<button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-tsYpaU" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-It8knS" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-MpS7n4" instance-id="uTMO3I-iJbWvj" data-ph-id="ph-page-element-page10-OLMXgj">
    <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> -->
    <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page10-Hf2lSL">
        ${widgetBundle['seeEvenMoreText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-Z3Oxiy"></i>
</button>
            </div>
        </div>
        <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page10-ktQ3LL">
            <p data-ph-id="ph-page-element-page10-vEPaUi">
                <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-ohT5BB" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page10-hyfSVX">
         No recommendations found 
       </ppc-content>
            </p>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1664207628116-view3" nonce=""><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view -->

<div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-page-element-page10-JZXfWX">
    <!-- <div class="modal-backdrop fade in"></div> -->
    <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page10-tyGxVG">
        <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page10-pCA5DC">
            <div class="modal-content" data-ph-id="ph-page-element-page10-QMz9gt">
                <div class="phs-widget-heading" data-ph-id="ph-page-element-page10-o4jxY4">
                    <!--<i class="icon icon-send-masseg"></i>-->
                    <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-page-element-page10-NLXNkB">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-WeurLs"></i>
                        <span class="sr-only" data-ph-id="ph-page-element-page10-DS3f26"><ppc-content key="ph-email-job-v1-view3-1gd0h6-WNCnJi" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page10-zvc8Nq">Close
                                the popup</ppc-content></span>
                    </button>
                    <h2 data-ph-id="ph-page-element-page10-7iRrk5">
                        <ppc-content key="ph-email-job-v1-view3-1gd0h6-S572Gs" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page10-k9Owpb">
                            Email this Job
                        </ppc-content>
                    </h2>
                    <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page10-J1dkj9">
                        <ppc-content key="ph-email-job-v1-view3-1gd0h6-bWiP4D" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page10-rsmD9Y">
                            To access this job from another computer, email this information to yourself or a friend.
                        </ppc-content>
                    </p>
                </div>
                <div class="widget-container" data-ph-id="ph-page-element-page10-SYzSjJ">
                    <div class="content-block" data-ph-id="ph-page-element-page10-Widh4Q">
                        <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page10-O7ID0S">
                            <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-page-element-page10-LKTZ4R">
                                <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-Hdl8sy">
                                    <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-page-element-page10-otlRN2">
                                    <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-Hp4r6A"></span>
                                    <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-oGht8c"></span>
                                    <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-page-element-page10-ld3Fak"> </span>
                                </input></label>
                            </div>
                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-Z6EhZd">
                                <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-page-element-page10-GAtJay">
                                    ${widgetBundle['piiConsentError'] | pht}
                                </span>
                            </div>
                            <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-TmpigN">
                                <label for="email-job-name" data-ph-id="ph-page-element-page10-Yk75H0">
                                    <ppc-content key="ph-email-job-v1-view3-1gd0h6-oI7wwA" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page10-AT5tLg">
                                        Your Name
                                    </ppc-content>
                                </label>
                                <input type="text" aria-describedby="ph-a11y-email-job-name-field-error" class="form-control ph-a11y-form-control-name fs-block" value.bind="emailJobModel.name" placeholder="Your name" autocomplete="off" key-placeholder="ph-email-job-v1-view3-1gd0h6-kOzMyb" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-0fFwoO" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-page-element-page10-YV5Jv4">
                                <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error &amp;&amp; errors.name.code == 'E101'" data-ph-id="ph-page-element-page10-4IrfAu">
                                    <ppc-content key="ph-email-job-v1-view3-1gd0h6-odNBCT" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page10-ps3cS5">Name should not
                                        be empty</ppc-content>
                                </span>
                            </input></div>
                            <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-5WUvzS">
                                <label for="email-job-email" data-ph-id="ph-page-element-page10-pnaDws">
                                    <ppc-content key="ph-email-job-v1-view3-1gd0h6-xuaTc3" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page10-bjsjly">
                                        Recipient's Email address
                                    </ppc-content>
                                </label>
                                <input type="text" aria-describedby="ph-a11y-email-job-email-field-error" class="form-control ph-a11y-form-control-email fs-block" value.bind="emailJobModel.email" placeholder="Recipient's Email address" title="Recipient’s Email address" key-title="ph-email-job-v1-view3-1gd0h6-4ObmgE" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-page-element-page10-19ZaNJ">
                                    <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101'" data-ph-id="ph-page-element-page10-3fFNWp">
                                        <ppc-content key="ph-email-job-v1-view3-1gd0h6-tY6Bfv" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page10-cVlEGM">
                                            Recipient’s email address should not be Empty
                                        </ppc-content>
                                    </span>
                                    <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102'" data-ph-id="ph-page-element-page10-kKGtgF">
                                        <ppc-content key="ph-email-job-v1-view3-1gd0h6-WwPBjM" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page10-zEUTW4">
                                            Please enter a valid Recipient’s email address
                                        </ppc-content>
                                    </span>
                            </input></div>
                            <div class="form-group" data-ph-id="ph-page-element-page10-CnDlEM">
                                <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-page-element-page10-CmBNS9">
                                    <ppc-content key="ph-email-job-v1-view3-1gd0h6-oxTia1" data-ph-at-id="send-text" data-ph-id="ph-page-element-page10-oUu400">
                                        ${widgetBundle['sendEmailButtonText'] | pht}
                                    </ppc-content>
                                </button>
                            </div>
                        </form>
                        <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-page-element-page10-gVkZWX">
                            <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-XZEfNS">
                                <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page10-sVBDD6">
                                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-Av2OnF"></span>
                                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-ktPaHa"></span>
                                <span class="checkbox-text" data-ph-id="ph-page-element-page10-PKRXab">
                                    <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-LbJ9oT"> </span>
                                    <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-GOt8bG">*</span>
                                </span>
                            </input></label>
                        </div>

                        <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-page10-DxfhUT">
                            <span class="sr-only required-text" data-ph-id="ph-page-element-page10-mRGDpD"> ${widgetBundle['requiredText']} </span>
                            ${widgetBundle['consentsLinkText']}
                        </a>


                        <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page10-xclLhY">
                            <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page10-KxJm1p">
                                <ppc-content key="ph-email-job-v1-view3-1gd0h6-ufyoaj" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page10-vyV3NR">Email has
                                    successfully sent</ppc-content>
                            </span>
                            <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-3fHahS">
                                <ppc-content key="ph-email-job-v1-view3-1gd0h6-vvczE0" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page10-HoTRjs">Email has
                                    sent has error</ppc-content>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-page-element-page10-r3hpNM">
    <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page10-Mbb1mq">
        <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> -->
        <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page10-XkmJsY">
            <i class="icon icon-check" data-ph-id="ph-page-element-page10-31eg26"></i>
            <h3 data-ph-id="ph-page-element-page10-BnBlGD">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-5ri8rW" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page10-HaQOcs">Success!</ppc-content>
            </h3>
            <p data-ph-id="ph-page-element-page10-jLzSDl">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-BMEuLS" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page10-iUStpj">Email has successfully sent</ppc-content>
            </p>
            <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page10-vGhRUV">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-pLcWkz" data-ph-id="ph-page-element-page10-Wxlsx4">Ok</ppc-content>
            </button>
        </div>
    </div>
</div>
<div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-NKlisz">
    <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page10-dLl9UD">
        <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> -->
        <div class="hdlr-block" data-ph-id="ph-page-element-page10-OoTFtr">
            <i class="icon icon-cancel" data-ph-id="ph-page-element-page10-x8TLFt"></i>
            <h3 data-ph-id="ph-page-element-page10-XyveoG">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-JrVqgR" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page10-I6oDUp">Failure!</ppc-content>
            </h3>
            <p data-ph-id="ph-page-element-page10-V4PvmN">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-KZumcC" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page10-2So6Rj">Email has not sent</ppc-content>
            </p>
            <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page10-LziZRW">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-64BeVR" data-ph-id="ph-page-element-page10-Wl1PVO">Ok</ppc-content>
            </button>
        </div>
    </div>
</div>

<div class="popup-modal-backdrop" show.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-page-element-page10-TJuhpT">
    <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-page-element-page10-sjyRLC">
        <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page10-xNrfaN">
            <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page10-c046hC"></i>
        </button>

        <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page10-Ay0wwx">
            ${widgetBundle['consentHeading']}
        </h2>

        <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-page-element-page10-ifKYTx">
            <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-5NH1NL">
                <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page10-APNcfm">
                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-bwakmM"></span>
                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-PEwK8g"></span>
                <span class="checkbox-text" data-ph-id="ph-page-element-page10-gz3R3e">
                    <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-9M7OHD"> </span>
                    <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-GrB8NR">*</span>
                </span>
            </input></label>
        </div>
        <div class="consent-accept-area" data-ph-id="ph-page-element-page10-yPFCmW">
            <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page10-euZ04H">
                ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']}
            </button>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1664207628445" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page10-c1JKND">

    <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page10-8L3FCR">
        <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page10-O9u5MR">
            <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-qQ8sY4" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-ehcXSk" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page10-yv5qE7">
                <ppc-content key="ph-social-share-v3-default-6ty93l-YciJoa" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-Wnzsim">
                    Share this Opportunity
                </ppc-content>
            </div>
            <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page10-ExfDEr">
                <ppc-content key="ph-social-share-v3-default-6ty93l-Kn5owe" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page10-u65zdS">
                    We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level.
                </ppc-content>
            </p>
        </div>
        <div class="content-block" data-ph-id="ph-page-element-page10-A9a931"> 
            <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page10-Q0P92b">
                <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page10-6SGYkG">
                    <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page10-WoRiVz">
                        <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page10-Flpi4F"></i>
                        <span class="sr-only" data-ph-id="ph-page-element-page10-hDrseq">
                            <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page10-8bmKag">${widgetBundle[eachIndicator['name']] | pht}</span>
                        </span>
                    </button>
                </li>
                <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView &amp;&amp; shareOption.isInline &amp;&amp; isShareEmailFound" data-ph-id="ph-page-element-page10-t1vNQL" view="1664207628116-view3" original-view="view3" theme="default">
                    <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1664207628116-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page10-tgqLW4"></div>
                </section>
            </ul>
        </div>
    </div>
    <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page10-EeRpyw">
        <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-yybiYE">
            <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-fxqxax">
                <div class="head-wrapper" data-ph-id="ph-page-element-page10-AJbfJ7">
                    <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page10-5TC2rm">
                        <ppc-content key="ph-social-share-v3-default-6ty93l-JbTAON" data-ph-id="ph-page-element-page10-TuKx4K">Share job link</ppc-content>
                    </h3>
                    <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-Nf4wVi" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page10-C9wWIJ">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page10-Y6VS46"></i>
                    </button>
                </div>
                <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page10-VsEnsl">
                    <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page10-QI2R8v">
                        <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page10-TKjLze">
                            <ppc-content key="ph-social-share-v3-default-6ty93l-L3SfIc" data-ph-id="ph-page-element-page10-Fcb4a0">Link copied successfully</ppc-content>
                        </p>
                    </div>
                    <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page10-R6ZnT6"><ppc-content key="ph-social-share-v3-default-6ty93l-7lkSQP" data-ph-id="ph-page-element-page10-r0xbyy">To your colleagues or friends</ppc-content></label>
                    <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page10-3GbjIT" />
                </div>
                <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page10-sHhVN5">
                    <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page10-CRDBle"><ppc-content key="ph-social-share-v3-default-6ty93l-opdFCa" data-ph-id="ph-page-element-page10-w6F7vl">Cancel</ppc-content></button>
                    <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page10-GLHe8L"><ppc-content key="ph-social-share-v3-default-6ty93l-K9DKgx" data-ph-id="ph-page-element-page10-YMueck">Copy Link</ppc-content></button>
                </div>
            </div>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-near-by-jobs-v2-default-1663503297777" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page10-hlYMIr"></div>
<div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Explore opportunities near you" key-aria-label="ph-near-by-jobs-v2-default-qi5top-p0LIWv" show.bind="!showLoader &amp;&amp; jobResults.length" data-ph-id="ph-page-element-page10-l9m5BA">
	<div class="widget-container" data-ph-id="ph-page-element-page10-r9bJjc">
		<div class="phs-widget-heading" data-ph-id="ph-page-element-page10-ds65Sw">
			<h2 data-ph-id="ph-page-element-page10-RivNkY">
				<ppc-content key="ph-near-by-jobs-v2-default-qi5top-xVtQ6m" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page10-Tt5aGw">
					Explore opportunities near you
				</ppc-content>
			</h2>
		</div>
		<div class="content-block" data-ph-id="ph-page-element-page10-F0jQ2a">
			<ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page10-O0Tijz">
				<li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page10-ClrFlD">
                    <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image &amp;&amp; eachJob.image.src)" instance-id="iAuvhX" data-ph-id="ph-page-element-page10-HzQcl1">
    <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-ACXGGk">
        <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-page-element-page10-l1QDRm">
            <img if.bind="eachJob.image &amp;&amp; eachJob.image.src &amp;&amp; eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-page-element-page10-t2sMub" />
        </div>
    </figure>
</div>
<div class="${(eachJob.image &amp;&amp; eachJob.image.src || ( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-page-element-page10-8fcDiF">
    <div class="information" data-ph-id="ph-page-element-page10-8TvQMS">

        <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src)" data-ph-id="ph-page-element-page10-IG9iQm">
            <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-4mCasH">
                <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page10-0DVMJM">
                    <img if.bind="eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src &amp;&amp; eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page10-a24ikV" />
                </div>
            </figure>
        </div>

        <div class="job-smart-tags" data-ph-id="ph-page-element-page10-JcY1lU">
            <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'top' &amp;&amp;  (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page10-IgpRc6">
                <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-XD8WTR">
                    <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-X8qLnV"></i>
                    <span class="tag-label" data-ph-id="ph-page-element-page10-yFog1R">${widgetBundle[fit.name] | pht}</span>
                </span>
            </div>
            <div class="job-tag-area ${jobTagsConfig &amp;&amp; jobTagsConfig.layout &amp;&amp; jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page10-QaZklV">
                <span class="featured-job" if.bind="eachJob.featuredJob &amp;&amp; (eachJob.featuredJob &amp;&amp; eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page10-udzTxJ">
                    ${widgetBundle['featuredJobText']}
                </span>
                <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig &amp;&amp; jobTagsConfig.tags) &amp;&amp; (jobTagsData &amp;&amp; jobTagsData[eachJob['jobSeqNo']] &amp;&amp; jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page10-gTL6uj">
                    <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon &amp;&amp; eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-opZC20"></i>
                    <span class="tag-label" data-ph-id="ph-page-element-page10-7JVm4x">${widgetBundle[eachTag.name] | pht :
                        jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span>
                </span>
            </div>
        </div>
        <span role="heading" key-role="ph-near-by-jobs-v2-default-qi5top-6uVWBC" aria-level="3" key-aria-level="ph-near-by-jobs-v2-default-qi5top-tKpJ0Z" instance-id="iAuvhX-YRTa8N" data-ph-id="ph-page-element-page10-SQejOe">
            <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page10-p4G9hP">
                <div if.bind="eachJob.title &amp;&amp; eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page10-DyY4fF">
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-7z30H0">${widgetBundle['title'] | pht}:</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-fm5mZG"></i>
                    <span data-ph-id="ph-page-element-page10-s9Q1Oj">${eachJob.title} </span>
                </div>
            </a>
        </span>

        <!-- Multilocation display type dropdown -->
        <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page10-2jjFpK">
            <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose -->
            <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate  &amp;&amp; ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.expiryDate)" class="${((eachAttr.name === 'location' &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate  &amp;&amp; eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page10-1EGE4a">
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page10-9JwbYS">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-uhJ34D">${widgetBundle['category'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-vFiy2h"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-7yfxMX">${widgetBundle['category'] | pht}:</span>
                    ${eachJob.category}
                </span>

                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page10-YfHpFV">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-4UQpdq">${widgetBundle['location'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-2gS1Mr"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-94ao1G">${widgetBundle['location'] | pht}:</span>
                    ${eachJob.location}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page10-Y1zwoJ">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-k2yosA">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-Au9b10"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-EsUg7S"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page10-myT1X3"></span>
                    <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page10-5da1r8">${eachJob[eachAttr.name]}</span>
                </span>
                <span class="job-postdate" if.bind="eachJob.postedDate  &amp;&amp; eachAttr.name  == 'postedDate'" data-ph-id="ph-page-element-page10-Ubaqq0">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-Ox0lxJ">${widgetBundle['postedDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-AQVRNd"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-QjfAmO">${widgetBundle['postedDate'] | pht}: </span>
                    ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-page-element-page10-g8WJik">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-bJwFGg">${widgetBundle['expiryDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-V1pq0H"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-W2CdlJ">${widgetBundle['expiryDate'] | pht}:</span>
                    ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-jk4dnW">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-wlJoQQ">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-o2s6lk"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-pnnP9B"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] ||
                    "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-ru1WfL">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-fif6Ds">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-0T8pdO"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-O42c6h"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name]}
                </span>
                <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page10-07GRGS">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-ubzeNE">${widgetBundle[eachAttr.name] | pht}</span>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-WJsYHc">${widgetBundle[eachAttr.name] | pht}:</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-QgkzRm"></i>
                    <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-MfSzHf">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-LOo9kg">${widgetBundle['drivingTimeInHoursText'] |
                        spht:{"hours":eachJob.drivingTime.inHours}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page10-uuSdiu">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' :
                        'hours'}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page10-DVYCG5">${widgetBundle['drivingTimeInMinutesText'] |
                        pht:{"minutes":eachJob.drivingTime.inMinutes}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page10-keH0wj">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute'
                        : 'minutes'}</span>
                </span>
            </span>
        </p>
        <!-- End multilocation display type dropdown -->

        <!-- Multilocation display type modal -->
        <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page10-ug5DV3">
            <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose -->
            <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page10-02UUDI">

                <!-- Multi location -->
                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page10-Bvjz3w">
                    <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page10-BbX2cM">
                        <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-iQXIaV"></i>
                        <span class="btn-text-content" data-ph-id="ph-page-element-page10-TX9ysS">
                            ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}}
                        </span>
                    </button>
                </span>
                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page10-5dvyFW">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-NHH6NC">${widgetBundle['location'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-DxbQ9f"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-buS4jJ">${widgetBundle['location'] | pht}:</span>
                    ${eachJob.location}
                </span>
                <!-- Multi location Ends -->

                <!-- Multi category-->
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page10-W0PrXC">
                    <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page10-VAr5tz">
                        <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-7cwPo1"></i>
                        <span class="btn-text-content" data-ph-id="ph-page-element-page10-ySGC5S">
                            ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}}
                        </span>
                    </button>
                </span>
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page10-P77VYG">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-pxSTPh">${widgetBundle['category'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-9KDwZD"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-HhW5Be">${widgetBundle['category'] | pht}:</span>
                    ${eachJob.category}
                </span>
                <!-- Multi category ends -->

                <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page10-snGMmu">
                    <span class="sr-only" data-ph-id="ph-page-element-page10-fN24oD">${widgetBundle[eachAttr.name] | pht}</span>
                    <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> -->
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-VKK0QX"></i>
                    <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-PGRxAZ">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-hQlsw5">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" :
                        eachJob.drivingTime.inHours}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page10-wRcRzc">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' :
                        'hours'}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page10-uwxvgD">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" :
                        eachJob.drivingTime.inMinutes}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page10-u5VuVF">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute'
                        : 'minutes'}</span>
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page10-PBGPa9">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-WOD5iA">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-oPg0CD"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-Qmb0U1"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page10-fiUHhF"></span>
                    <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page10-7sxhEf">${eachJob[eachAttr.name]}</span>
                </span>
                <span class="job-postdate" if.bind="eachJob.postedDate  &amp;&amp; eachAttr.name  == 'postedDate'" data-ph-id="ph-page-element-page10-U8KqN9">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-z2gnyz">${widgetBundle['postedDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-yIGnp1"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-NxGfsy">${widgetBundle['postedDate'] | pht}: </span>
                    ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-page-element-page10-Vk8eKo">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-B1gZT9">${widgetBundle['expiryDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-gV9EAx"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-TXrvwi">${widgetBundle['expiryDate'] | pht}:</span>
                    ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-pQtHuM">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-mYfXkl">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-pr1hRk"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-dcaNqJ"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] ||
                    "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-4rRZJP">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-WIhpEo">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-fzDwEF"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-ds6u8D"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name]}
                </span>
            </span>
        </p>
        <!-- End Multilocation display type modal -->

        <!-- Multilocation display type dropdown button -->
        <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-t5zVgf">
            <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 &amp;&amp; eachAttr.name == 'location') &amp;&amp; ((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page10-QgeuWl">
                <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-HLgJ2v" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="iAuvhX-o3Kb88" data-ph-id="ph-page-element-page10-s2E8gb">
                    <span data-ph-id="ph-page-element-page10-apG03g">
                        ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}}
                    </span>

                    <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page10-HELZjR"></i>
                </button>
                <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page10-9pyg6k">
                    <li class="location ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page10-MtGdTL">
                        ${eachLocation}
                        <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page10-n6JmP6">
                            <span if.bind="!enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page10-x4ZrXQ">${widgetBundle['drivingTime'] | pht}</span>
                            <span if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page10-hXKZnX">${widgetBundle['drivingTime'] |
                                pht}:</span>
                            <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page10-JhtcJU"></i>
                            <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-fdfldC">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-MdzrdG">${widgetBundle['drivingTimeInHoursText'] |
                                pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page10-v9ShV0">${eachJob.multi_location_array[$index].drivingTime.inHours}
                                ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' :
                                'hours'}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page10-dt1pGE">${widgetBundle['drivingTimeInMinutesText'] |
                                pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page10-d7OhzW">${eachJob.multi_location_array[$index].drivingTime.inMinutes}
                                ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' :
                                'minutes'}</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Multicategory display type dropdown button -->
        <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-cM1yA9">
            <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 &amp;&amp; eachAttr.name == 'category') &amp;&amp; ((enabledFields['category'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page10-AsjZL8">
                <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-qVtoOI" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="iAuvhX-wFpJc3" data-ph-id="ph-page-element-page10-qqAyLP">
                    <span data-ph-id="ph-page-element-page10-XoZbU5">
                        ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' :
                        eachJob.multi_category.length}}
                    </span>
                    <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page10-6lTL66"></i>
                </button>
                <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page10-0OvTtv">
                    <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page10-DpifNy">
                        ${eachCategory}
                    </li>
                </ul>
            </div>
        </div>

        <!-- smart-jobs  -->
        <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] &amp;&amp; eachJob.smartHighlights" data-ph-id="ph-page-element-page10-gOEpZp">
            <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page10-Ifrtom">

                <span data-ph-id="ph-page-element-page10-4VRcKr">
                    <span class="sr-only" data-ph-id="ph-page-element-page10-lBOQu4">
                        <span if.bind="highLightKey == 'skills' &amp;&amp; widgetBundle['skills']" data-ph-id="ph-page-element-page10-PNyIKD">${widgetBundle['skills'] |
                            pht}</span>
                        <span if.bind="highLightKey == 'education' &amp;&amp; widgetBundle['education']" data-ph-id="ph-page-element-page10-358ZAD">${widgetBundle['education']
                            | pht}</span>
                        <span if.bind="highLightKey == 'additionalSkills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-nJRIYP">${widgetBundle['additionalSkills']
                            | pht}</span>
                        <span if.bind="highLightKey == 'additional_skills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-0kChYz">${widgetBundle['additionalSkills']
                            | pht}</span>
                        <span if.bind="highLightKey == 'experience' &amp;&amp; widgetBundle['experience']" data-ph-id="ph-page-element-page10-ym9l8b">${widgetBundle['experience']
                            | pht}</span>
                        <span if.bind="highLightKey == 'requirement_sentence' &amp;&amp; widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page10-JHEm22">${widgetBundle['requirementSentence']
                            | pht}</span>

                    </span>

                    <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''}  ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page10-HGml8a"></i>


                    ${eachJob['smartHighlights'][highLightKey]}
                </span>
            </span>
        </p>

        <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page10-wvo4oC">
            <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page10-501BJR">

                <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page10-TZHaq4"></i>

            </button>
        </div>


        <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page10-6kRhK4"></p>


        <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'bottom' &amp;&amp;  (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page10-LDwCFC">
            <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-1BqA8D">
                <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-XZZYtH"></i>
                <span class="tag-label" data-ph-id="ph-page-element-page10-tDLR6t">${widgetBundle[fit.name] | pht :
                    jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span>
            </span>
        </div>
    </div>
    <div class="actions ${(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page10-tEsykh">
        <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page10-A0gvNt">
            <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page10-Z0wlhY">
                <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-AzyHSs">
                    <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' &amp;&amp; eachJob.externalApply &amp;&amp; !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-page-element-page10-iQWDSF">
                        ${widgetBundle['applyNowText'] | pht}
                        <span class="sr-only" data-ph-id="ph-page-element-page10-ZJTf2w">${eachJob.title}</span>
                        <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> -->
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-pYPRnc"></i>
                    </a>
                </div>
                <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page10-bqbYMz">
                    <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page10-YfH7FE">
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-lmaPNR"></i>
                        <!-- <i class="icon icon-share" aria-hidden="true"></i> -->
                        <span class="sr-only" data-ph-id="ph-page-element-page10-Wt6dDr">
                            <ppc-content key="ph-near-by-jobs-v2-default-qi5top-vhO8Kb" data-ph-at-id="share-job-button-text" instance-id="iAuvhX-bAQbH8" data-ph-id="ph-page-element-page10-IAwRxu">Share Job
                                button</ppc-content>
                        </span>
                    </button>
                    <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-ng2B9X">
                        <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page10-e4EM7N" view="1663503297750-default" original-view="default" theme="default">
                            <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1664207628445" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page10-L30N3R"></div>
                        </section>
                    </div>
                </div>
                <!-- <div if.bind="eachAction.name == 'refer'">
                <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true">
                    ${widgetBundle['referText'] | pht}
                    <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i>
                </button>
                <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView">
                    <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19">
                    </div>
                </section>
            </div> -->
                <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page10-2DSywd">
                    <div class="savejob-checkbox" data-ph-id="ph-page-element-page10-nQJX4l">
                        <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page10-YsU4gu">
                            <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page10-q8K0d0" />
                            <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page10-MjyA54">
                                <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-goKisr"></i>
                                <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-Ex2o8W">
                                    ${widgetBundle['addToCartSaveText'] | pht}
                                    <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> -->
                                </span>
                                <span class="sr-only" data-ph-id="ph-page-element-page10-Ihril8">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title}
                                    ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span>
                            </span>
                            <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page10-vsNNIu">
                                <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-RC0Ygg"></i>
                                <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-hmGdT6">
                                    ${widgetBundle['addToCartSavedText'] | pht}
                                    <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> -->
                                </span>
                                <span class="sr-only" data-ph-id="ph-page-element-page10-s779yP">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title}
                                    ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}
                                </span>
                            </span>
                        </label>
                    </div>
                </div>
                <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page10-lRbhjC">
                    <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page10-sTfhAX">
                        <span class="sr-only" data-ph-id="ph-page-element-page10-YDRTTU">${eachJob.title}</span>
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-6psVYe"></i>
                        <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page10-tr9CyA">
                            ${widgetBundle['removeJobText'] | pht}
                        </span>
                    </a>

                </div>    
            </li>
            
        </ul>
    </div>
</div>

<div class="popup-modal-backdrop ${ ( eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-page-element-page10-7RdWoB">
<div class="multi-location-popup" if.bind="eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page10-FGvnSH">
    <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page10-dLPLLU">
        <div class="modal-dialog" data-ph-id="ph-page-element-page10-45UPPf">
            <div class="popup-content-block" data-ph-id="ph-page-element-page10-UM89rB">
                <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-near-by-jobs-v2-default-qi5top-F3BQGt" instance-id="iAuvhX-pzlLSQ" data-ph-id="ph-page-element-page10-pYde3N">
                    <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-K14psw"></i>
                </button>
                <div class="heading-block" data-ph-id="ph-page-element-page10-mVgPBV">
                    <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-near-by-jobs-v2-default-qi5top-52WIJB" key-aria-level="ph-near-by-jobs-v2-default-qi5top-mbnPDz" instance-id="iAuvhX-IFu2ic" data-ph-id="ph-page-element-page10-tC3iCb">
                        ${eachJob.title}
                    </div>
                    <div id="modalDescription" data-ph-id="ph-page-element-page10-Z40jJ6">
                        <div class="job-location-count" data-ph-id="ph-page-element-page10-nbQN5l">
                            ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}}
                        </div>
                    </div>
                </div>
                <div class="content-block" data-ph-id="ph-page-element-page10-wdbscD">
                    <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page10-C9gbrx">
                        <li class="each-location ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page10-lMvrGl">
                            <span data-ph-id="ph-page-element-page10-WFzWpm">
                                <i class="icon ${enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page10-gaI7f0"></i>
                            </span>
                            <span data-ph-id="ph-page-element-page10-IrPT8k">
                                ${eachLocation}
                            </span>
                            <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page10-3Nw2Zq">
                                <span class="sr-only" data-ph-id="ph-page-element-page10-PNNWAX">${widgetBundle['drivingTime'] | pht}</span>
                                <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page10-UkQkt8"></i>
                                <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-aq4Jy8">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-E2PZ9u">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" :
                                    eachJob.multi_location_array[$index].drivingTime.inHours}}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page10-HwYXct">${eachJob.multi_location_array[$index].drivingTime.inHours}
                                    ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' :
                                    'hours'}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page10-o7tHei">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" :
                                    eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page10-Yn4Ct0">
                                    ${eachJob.multi_location_array[$index].drivingTime.inMinutes}
                                    ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' :
                                    'minutes'}
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen &amp;&amp; (enabledFields['category'] &amp;&amp; enabledFields['category'].settings &amp;&amp; enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page10-gFZeGa">
    <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page10-FNj0cq">
        <div class="modal-dialog" data-ph-id="ph-page-element-page10-iSX0dR">
            <div class="popup-content-block" data-ph-id="ph-page-element-page10-JoTqe4">
                <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-near-by-jobs-v2-default-qi5top-0R0u0F" instance-id="iAuvhX-7ECcMi" data-ph-id="ph-page-element-page10-I1vAfV">
                    <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-TC1FWt"></i>
                </button>
                <div class="heading-block" data-ph-id="ph-page-element-page10-YaWNZb">
                    <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-near-by-jobs-v2-default-qi5top-4BqEZb" key-aria-level="ph-near-by-jobs-v2-default-qi5top-JmhKXF" instance-id="iAuvhX-Sj7JBy" data-ph-id="ph-page-element-page10-Fs9DNv">
                        ${eachJob.title}
                    </div>
                    <div id="modalDescription" data-ph-id="ph-page-element-page10-6mD180">
                        <div class="job-location-count" data-ph-id="ph-page-element-page10-jwtOui">
                            ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}}
                        </div>
                    </div>
                </div>
                <div class="content-block" data-ph-id="ph-page-element-page10-VQiweJ">
                    <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page10-KgQ7dh">
                        <li class="each-category ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page10-x2FPlC">
                            <span data-ph-id="ph-page-element-page10-MXUW25">
                                <i class="icon ${enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page10-z3HAzq"></i>
                            </span>
                            <span data-ph-id="ph-page-element-page10-siCedv">
                                ${eachCategory}
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
				</li>
			</ul>
			<div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page10-31wYJD">
                <div aria-atomic="true" aria-live="assertive" instance-id="XZsxci" data-ph-id="ph-page-element-page10-u7aSvh">
    <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-Fd3EFE" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-near-by-jobs-v2-default-qi5top-hVeIJX" data-ph-at-id="seemore-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-Xja10i" instance-id="XZsxci-sFBxdU" data-ph-id="ph-page-element-page10-xer2PB">
    <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content>  -->
    <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page10-6WXcMu">
        ${widgetBundle['seeMoreText'] | pht}
    </span>
    <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-AOgzxG"></i>
</button>
</div>
<button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-9H7HTW" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-near-by-jobs-v2-default-qi5top-4ecE23" data-ph-at-id="seeless-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-0vgLOU" instance-id="XZsxci-WdE8K5" data-ph-id="ph-page-element-page10-MaqLoG">
    <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> -->
    <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page10-o1f3pb">
        ${widgetBundle['seeLessText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-9b09Vy"></i>
</button>
<button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-oQnPUY" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-near-by-jobs-v2-default-qi5top-ueTChZ" data-ph-at-id="seenext-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-KvDY9C" instance-id="XZsxci-3s9Gme" data-ph-id="ph-page-element-page10-ORk750">
    <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> -->
    <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page10-0Oannv">
        ${widgetBundle['seeNextText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-3BhQW1"></i>
</button>
<button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-UZvFMM" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-near-by-jobs-v2-default-qi5top-bBlg0J" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-3QJoMj" instance-id="XZsxci-B4GWMg" data-ph-id="ph-page-element-page10-q5Xt39">
    <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> -->
    <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page10-kLQkgD">
        ${widgetBundle['seeEvenMoreText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-qL6tDR"></i>
</button>
			</div>
		</div>
		<div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page10-aAhfkr">
			<p data-ph-id="ph-page-element-page10-BNas2a">
				<ppc-content key="ph-near-by-jobs-v2-default-qi5top-6dVft7" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page10-aJnX8X">
         No recommendations found 
       </ppc-content>
			</p>
		</div>
	</div>
</div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1664207628116-view3" nonce=""><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view -->

<div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-page-element-page10-JZXfWX">
    <!-- <div class="modal-backdrop fade in"></div> -->
    <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page10-tyGxVG">
        <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page10-pCA5DC">
            <div class="modal-content" data-ph-id="ph-page-element-page10-QMz9gt">
                <div class="phs-widget-heading" data-ph-id="ph-page-element-page10-o4jxY4">
                    <!--<i class="icon icon-send-masseg"></i>-->
                    <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-page-element-page10-NLXNkB">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-WeurLs"></i>
                        <span class="sr-only" data-ph-id="ph-page-element-page10-DS3f26"><ppc-content key="ph-email-job-v1-view3-1gd0h6-WNCnJi" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page10-zvc8Nq">Close
                                the popup</ppc-content></span>
                    </button>
                    <h2 data-ph-id="ph-page-element-page10-7iRrk5">
                        <ppc-content key="ph-email-job-v1-view3-1gd0h6-S572Gs" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page10-k9Owpb">
                            Email this Job
                        </ppc-content>
                    </h2>
                    <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page10-J1dkj9">
                        <ppc-content key="ph-email-job-v1-view3-1gd0h6-bWiP4D" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page10-rsmD9Y">
                            To access this job from another computer, email this information to yourself or a friend.
                        </ppc-content>
                    </p>
                </div>
                <div class="widget-container" data-ph-id="ph-page-element-page10-SYzSjJ">
                    <div class="content-block" data-ph-id="ph-page-element-page10-Widh4Q">
                        <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page10-O7ID0S">
                            <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-page-element-page10-LKTZ4R">
                                <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-Hdl8sy">
                                    <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-page-element-page10-otlRN2">
                                    <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-Hp4r6A"></span>
                                    <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-oGht8c"></span>
                                    <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-page-element-page10-ld3Fak"> </span>
                                </input></label>
                            </div>
                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page10-Z6EhZd">
                                <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-page-element-page10-GAtJay">
                                    ${widgetBundle['piiConsentError'] | pht}
                                </span>
                            </div>
                            <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-TmpigN">
                                <label for="email-job-name" data-ph-id="ph-page-element-page10-Yk75H0">
                                    <ppc-content key="ph-email-job-v1-view3-1gd0h6-oI7wwA" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page10-AT5tLg">
                                        Your Name
                                    </ppc-content>
                                </label>
                                <input type="text" aria-describedby="ph-a11y-email-job-name-field-error" class="form-control ph-a11y-form-control-name fs-block" value.bind="emailJobModel.name" placeholder="Your name" autocomplete="off" key-placeholder="ph-email-job-v1-view3-1gd0h6-kOzMyb" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-0fFwoO" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-page-element-page10-YV5Jv4">
                                <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error &amp;&amp; errors.name.code == 'E101'" data-ph-id="ph-page-element-page10-4IrfAu">
                                    <ppc-content key="ph-email-job-v1-view3-1gd0h6-odNBCT" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page10-ps3cS5">Name should not
                                        be empty</ppc-content>
                                </span>
                            </input></div>
                            <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page10-5WUvzS">
                                <label for="email-job-email" data-ph-id="ph-page-element-page10-pnaDws">
                                    <ppc-content key="ph-email-job-v1-view3-1gd0h6-xuaTc3" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page10-bjsjly">
                                        Recipient's Email address
                                    </ppc-content>
                                </label>
                                <input type="text" aria-describedby="ph-a11y-email-job-email-field-error" class="form-control ph-a11y-form-control-email fs-block" value.bind="emailJobModel.email" placeholder="Recipient's Email address" title="Recipient’s Email address" key-title="ph-email-job-v1-view3-1gd0h6-4ObmgE" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-page-element-page10-19ZaNJ">
                                    <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101'" data-ph-id="ph-page-element-page10-3fFNWp">
                                        <ppc-content key="ph-email-job-v1-view3-1gd0h6-tY6Bfv" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page10-cVlEGM">
                                            Recipient’s email address should not be Empty
                                        </ppc-content>
                                    </span>
                                    <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102'" data-ph-id="ph-page-element-page10-kKGtgF">
                                        <ppc-content key="ph-email-job-v1-view3-1gd0h6-WwPBjM" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page10-zEUTW4">
                                            Please enter a valid Recipient’s email address
                                        </ppc-content>
                                    </span>
                            </input></div>
                            <div class="form-group" data-ph-id="ph-page-element-page10-CnDlEM">
                                <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-page-element-page10-CmBNS9">
                                    <ppc-content key="ph-email-job-v1-view3-1gd0h6-oxTia1" data-ph-at-id="send-text" data-ph-id="ph-page-element-page10-oUu400">
                                        ${widgetBundle['sendEmailButtonText'] | pht}
                                    </ppc-content>
                                </button>
                            </div>
                        </form>
                        <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-page-element-page10-gVkZWX">
                            <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-XZEfNS">
                                <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page10-sVBDD6">
                                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-Av2OnF"></span>
                                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-ktPaHa"></span>
                                <span class="checkbox-text" data-ph-id="ph-page-element-page10-PKRXab">
                                    <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-LbJ9oT"> </span>
                                    <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-GOt8bG">*</span>
                                </span>
                            </input></label>
                        </div>

                        <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-page10-DxfhUT">
                            <span class="sr-only required-text" data-ph-id="ph-page-element-page10-mRGDpD"> ${widgetBundle['requiredText']} </span>
                            ${widgetBundle['consentsLinkText']}
                        </a>


                        <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page10-xclLhY">
                            <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page10-KxJm1p">
                                <ppc-content key="ph-email-job-v1-view3-1gd0h6-ufyoaj" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page10-vyV3NR">Email has
                                    successfully sent</ppc-content>
                            </span>
                            <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-3fHahS">
                                <ppc-content key="ph-email-job-v1-view3-1gd0h6-vvczE0" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page10-HoTRjs">Email has
                                    sent has error</ppc-content>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-page-element-page10-r3hpNM">
    <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page10-Mbb1mq">
        <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> -->
        <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page10-XkmJsY">
            <i class="icon icon-check" data-ph-id="ph-page-element-page10-31eg26"></i>
            <h3 data-ph-id="ph-page-element-page10-BnBlGD">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-5ri8rW" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page10-HaQOcs">Success!</ppc-content>
            </h3>
            <p data-ph-id="ph-page-element-page10-jLzSDl">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-BMEuLS" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page10-iUStpj">Email has successfully sent</ppc-content>
            </p>
            <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page10-vGhRUV">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-pLcWkz" data-ph-id="ph-page-element-page10-Wxlsx4">Ok</ppc-content>
            </button>
        </div>
    </div>
</div>
<div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page10-NKlisz">
    <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page10-dLl9UD">
        <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> -->
        <div class="hdlr-block" data-ph-id="ph-page-element-page10-OoTFtr">
            <i class="icon icon-cancel" data-ph-id="ph-page-element-page10-x8TLFt"></i>
            <h3 data-ph-id="ph-page-element-page10-XyveoG">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-JrVqgR" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page10-I6oDUp">Failure!</ppc-content>
            </h3>
            <p data-ph-id="ph-page-element-page10-V4PvmN">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-KZumcC" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page10-2So6Rj">Email has not sent</ppc-content>
            </p>
            <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page10-LziZRW">
                <ppc-content key="ph-email-job-v1-view3-1gd0h6-64BeVR" data-ph-id="ph-page-element-page10-Wl1PVO">Ok</ppc-content>
            </button>
        </div>
    </div>
</div>

<div class="popup-modal-backdrop" show.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-page-element-page10-TJuhpT">
    <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-page-element-page10-sjyRLC">
        <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page10-xNrfaN">
            <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page10-c046hC"></i>
        </button>

        <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page10-Ay0wwx">
            ${widgetBundle['consentHeading']}
        </h2>

        <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-page-element-page10-ifKYTx">
            <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page10-5NH1NL">
                <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page10-APNcfm">
                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page10-bwakmM"></span>
                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page10-PEwK8g"></span>
                <span class="checkbox-text" data-ph-id="ph-page-element-page10-gz3R3e">
                    <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page10-9M7OHD"> </span>
                    <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page10-GrB8NR">*</span>
                </span>
            </input></label>
        </div>
        <div class="consent-accept-area" data-ph-id="ph-page-element-page10-yPFCmW">
            <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page10-euZ04H">
                ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']}
            </button>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1664207628131" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page10-J5jOhS">

    <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page10-mVg3kS">
        <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page10-KIAbmA">
            <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-qQ8sY4" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-ehcXSk" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page10-mvuEz7">
                <ppc-content key="ph-social-share-v3-default-6ty93l-YciJoa" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page10-NcQqQh">
                    Share this Opportunity
                </ppc-content>
            </div>
            <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page10-WH8qfx">
                <ppc-content key="ph-social-share-v3-default-6ty93l-Kn5owe" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page10-eHMxLb">
                    We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level.
                </ppc-content>
            </p>
        </div>
        <div class="content-block" data-ph-id="ph-page-element-page10-Fa1FXF"> 
            <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page10-xtFFsY">
                <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page10-meZBjl">
                    <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page10-2iY4k3">
                        <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page10-aH4Wuk"></i>
                        <span class="sr-only" data-ph-id="ph-page-element-page10-UCWJO0">
                            <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page10-03mjgq">${widgetBundle[eachIndicator['name']] | pht}</span>
                        </span>
                    </button>
                </li>
                <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView &amp;&amp; shareOption.isInline &amp;&amp; isShareEmailFound" data-ph-id="ph-page-element-page10-sbKtNN" view="1664207628116-view3" original-view="view3" theme="default">
                    <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1664207628116-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page10-wudDQj"></div>
                </section>
            </ul>
        </div>
    </div>
    <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page10-OFM6o5">
        <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-o3gbcz">
            <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page10-NbspW2">
                <div class="head-wrapper" data-ph-id="ph-page-element-page10-J6VGJq">
                    <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page10-ZfvBHj">
                        <ppc-content key="ph-social-share-v3-default-6ty93l-JbTAON" data-ph-id="ph-page-element-page10-wUf7YW">Share job link</ppc-content>
                    </h3>
                    <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-Nf4wVi" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page10-tv1vfP">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page10-ztPYru"></i>
                    </button>
                </div>
                <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page10-QV29xh">
                    <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page10-eop79n">
                        <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page10-93gZdZ">
                            <ppc-content key="ph-social-share-v3-default-6ty93l-L3SfIc" data-ph-id="ph-page-element-page10-AHHCcK">Link copied successfully</ppc-content>
                        </p>
                    </div>
                    <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page10-Y13dkU"><ppc-content key="ph-social-share-v3-default-6ty93l-7lkSQP" data-ph-id="ph-page-element-page10-5FQGIO">To your colleagues or friends</ppc-content></label>
                    <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page10-l6NN6A" />
                </div>
                <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page10-kOfzTD">
                    <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page10-9u0wfF"><ppc-content key="ph-social-share-v3-default-6ty93l-opdFCa" data-ph-id="ph-page-element-page10-3ExPxE">Cancel</ppc-content></button>
                    <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page10-G5BfOO"><ppc-content key="ph-social-share-v3-default-6ty93l-K9DKgx" data-ph-id="ph-page-element-page10-xl7Z9V">Copy Link</ppc-content></button>
                </div>
            </div>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-recom-jobs-browsing-history-v3-default-1622923084713" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page10-is7TaG"></div>
<div class="phs-widget-block-area testing-class ph-widget-box" role="region" aria-label="JOBS BASED ON YOUR BROWSING HISTORY" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-e7WY1F" show.bind="!showLoader &amp;&amp; jobResults.length" data-ph-id="ph-page-element-page10-ltDLbi">
    <div class="widget-container" data-ph-id="ph-page-element-page10-4hjhkU">
        <div class="phs-widget-heading" data-ph-id="ph-page-element-page10-7DxIf0">
            <h2 data-ph-id="ph-page-element-page10-UgRRr6">
                <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-D7yCKf" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page10-hOWN2M">JOBS BASED ON YOUR BROWSING HISTORY</ppc-content>
            </h2>
        </div>
        <div class="content-block" data-ph-id="ph-page-element-page10-FdZRn6">
            <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page10-9LlNSU">
                <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page10-iQ8ES1">
                    <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image &amp;&amp; eachJob.image.src)" instance-id="cHI8PW" data-ph-id="ph-page-element-page10-6UL8IX">
    <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-Vwnlms">
        <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page10-oEnIBX">
            <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page10-nP8K8c" />
        </div>
    </figure>
</div>
<div class="wrapper-cntr" data-ph-id="ph-page-element-page10-uAjKJD">
    <div class="information" data-ph-id="ph-page-element-page10-dBdFKG">

        <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src)" data-ph-id="ph-page-element-page10-SiOW58">
            <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page10-Cl3wfw">
                <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page10-diG03J">
                    <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page10-CBm4iq" />
                </div>
            </figure>
        </div>

        <div class="job-smart-tags" data-ph-id="ph-page-element-page10-fi9X0v">
            <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'top' &amp;&amp;  (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page10-ZSSK1u">
                <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-IiBHBH">
                    <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-u4FcZq"></i>
                    <span class="tag-label" data-ph-id="ph-page-element-page10-kRUdMW">${widgetBundle[fit.name] | pht}</span>
                </span>
            </div>
            <div class="job-tag-area ${jobTagsConfig &amp;&amp; jobTagsConfig.layout &amp;&amp; jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page10-mKEvKN">
                <span class="featured-job" if.bind="eachJob.featuredJob &amp;&amp; (eachJob.featuredJob &amp;&amp; eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page10-SOga4Z">
                    ${widgetBundle['featuredJobText']}
                </span>
                <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig &amp;&amp; jobTagsConfig.tags) &amp;&amp; (jobTagsData &amp;&amp; jobTagsData[eachJob['jobSeqNo']] &amp;&amp; jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page10-XWWdYg">
                    <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon &amp;&amp; eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-nXekg4"></i>
                    <span class="tag-label" data-ph-id="ph-page-element-page10-BAIETL">${widgetBundle[eachTag.name] | pht :
                        jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span>
                </span>
            </div>
        </div>
        <span role="heading" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-AlERjI" aria-level="3" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-VcQmZL" instance-id="cHI8PW-Yf3bzk" data-ph-id="ph-page-element-page10-meL7RO">
            <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page10-oog4de">
                <div if.bind="eachJob.title &amp;&amp; eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page10-9g9ke4">
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-5hAqFR">${widgetBundle['title'] | pht}:</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-jpQbXp"></i>
                    <span data-ph-id="ph-page-element-page10-OIPsn1">${eachJob.title} </span>
                </div>
            </a>
        </span>

        <!-- Multilocation display type dropdown -->
        <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page10-LzAJJj">
            <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose -->
            <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate  &amp;&amp; ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.expiryDate)" class="${((eachAttr.name === 'location' &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate  &amp;&amp; eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page10-V4qgrr">
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page10-oVODWt">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-UTdSPq">${widgetBundle['category'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-vRFq0O"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-jqtkrA">${widgetBundle['category'] | pht}:</span>
                    ${eachJob.category}
                </span>

                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page10-O57hyt">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-YnKI7E">${widgetBundle['location'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-udDsaf"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-zyoWfA">${widgetBundle['location'] | pht}:</span>
                    ${eachJob.location}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page10-nsqfsj">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-3v66UL">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-4ZEQxZ"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-s9EyVX"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page10-4cTBQ3"></span>
                </span>
                <span class="job-postdate" if.bind="eachJob.postedDate  &amp;&amp; eachAttr.name  == 'postedDate'" data-ph-id="ph-page-element-page10-CiZil8">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-VJDs5V">${widgetBundle['postedDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-o14Sqp"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-j0kElG">${widgetBundle['postedDate'] | pht}: </span>
                    ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-page-element-page10-K0vPPY">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-GVeJZQ">${widgetBundle['expiryDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-94GkNU"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-ifCuGK">${widgetBundle['expiryDate'] | pht}:</span>
                    ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-FTBi82">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-SQrHY6">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-R4hX1M"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-G0lwIR"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] ||
                    "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-WHqyUi">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-dUwyjs">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-RnJXLj"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-9UZh7B"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name]}
                </span>
                <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page10-Vd5pbm">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-EhzGqm">${widgetBundle[eachAttr.name] | pht}</span>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-2UFDCZ">${widgetBundle[eachAttr.name] | pht}:</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-C8Fra2"></i>
                    <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-vw8H3L">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-LzFmwS">${widgetBundle['drivingTimeInHoursText'] |
                        spht:{"hours":eachJob.drivingTime.inHours}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page10-cQn9Nu">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' :
                        'hours'}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page10-4a1HwK">${widgetBundle['drivingTimeInMinutesText'] |
                        pht:{"minutes":eachJob.drivingTime.inMinutes}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page10-GjxEYu">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute'
                        : 'minutes'}</span>
                </span>
            </span>
        </p>
        <!-- End multilocation display type dropdown -->

        <!-- Multilocation display type modal -->
        <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page10-9S7tnt">
            <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose -->
            <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page10-qn17pD">

                <!-- Multi location -->
                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page10-QUm9gc">
                    <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page10-p7AGzk">
                        <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-8t9Gmh"></i>
                        <span class="btn-text-content" data-ph-id="ph-page-element-page10-Ji0gLr">
                            ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}}
                        </span>
                    </button>
                </span>
                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page10-t9fQEm">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-zTU8WY">${widgetBundle['location'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-doEgJl"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-73xjp4">${widgetBundle['location'] | pht}:</span>
                    ${eachJob.location}
                </span>
                <!-- Multi location Ends -->

                <!-- Multi category-->
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page10-agIcEV">
                    <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page10-RifUi9">
                        <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-KBM5AB"></i>
                        <span class="btn-text-content" data-ph-id="ph-page-element-page10-fnhA8e">
                            ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}}
                        </span>
                    </button>
                </span>
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page10-BwJNBX">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-W3XeLV">${widgetBundle['category'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-h2yUG2"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-VbCcLW">${widgetBundle['category'] | pht}:</span>
                    ${eachJob.category}
                </span>
                <!-- Multi category ends -->

                <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page10-8QckY2">
                    <span class="sr-only" data-ph-id="ph-page-element-page10-2yCQGD">${widgetBundle[eachAttr.name] | pht}</span>
                    <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> -->
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-aj5Hpb"></i>
                    <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-m6iEr0">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-x5BV6H">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" :
                        eachJob.drivingTime.inHours}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page10-eWl1jx">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' :
                        'hours'}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page10-cVHsic">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" :
                        eachJob.drivingTime.inMinutes}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page10-HJs8xG">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute'
                        : 'minutes'}</span>
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page10-WncNee">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-74JP2b">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-QJEX1l"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-xDeDXO"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page10-mQzxSX"></span>
                </span>
                <span class="job-postdate" if.bind="eachJob.postedDate  &amp;&amp; eachAttr.name  == 'postedDate'" data-ph-id="ph-page-element-page10-BNHkoG">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-Sr2s39">${widgetBundle['postedDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-lQv8fk"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-eGLZt4">${widgetBundle['postedDate'] | pht}: </span>
                    ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-page-element-page10-0fRLSs">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-QNETfK">${widgetBundle['expiryDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-gwgLFO"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-2C8y6D">${widgetBundle['expiryDate'] | pht}:</span>
                    ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-ACJa0G">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-X2gRpR">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-HCkSpL"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-DBfAAK"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] ||
                    "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-w1o7vO">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-GttXjb">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-Yyv5cm"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page10-AZFCrG"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name]}
                </span>
            </span>
        </p>
        <!-- End Multilocation display type modal -->

        <!-- Multilocation display type dropdown button -->
        <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-kIlfyW">
            <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 &amp;&amp; eachAttr.name == 'location') &amp;&amp; ((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page10-tCJ7Fl">
                <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-D2kyHt" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="cHI8PW-uYYIVr" data-ph-id="ph-page-element-page10-fpC74f">
                    <span data-ph-id="ph-page-element-page10-5tTnDj">
                        ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}}
                    </span>

                    <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page10-22yaJ4"></i>
                </button>
                <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page10-tU4AHe">
                    <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page10-EYuws5">
                        ${eachLocation}
                        <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page10-LYK5sQ">
                            <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page10-rS6wOG">${widgetBundle['drivingTime'] | pht}</span>
                            <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page10-93ijvY">${widgetBundle['drivingTime'] |
                                pht}:</span>
                            <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page10-QArGvd"></i>
                            <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-O9Z1Tw">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-it4A5O">${widgetBundle['drivingTimeInHoursText'] |
                                pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page10-dh01Oz">${eachJob.multi_location_array[$index].drivingTime.inHours}
                                ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' :
                                'hours'}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page10-WKOkig">${widgetBundle['drivingTimeInMinutesText'] |
                                pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page10-Y7chCX">${eachJob.multi_location_array[$index].drivingTime.inMinutes}
                                ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' :
                                'minutes'}</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Multicategory display type dropdown button -->
        <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page10-NV0ycZ">
            <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 &amp;&amp; eachAttr.name == 'category') &amp;&amp; ((enabledFields['category'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page10-fEdF8w">
                <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-5LdujQ" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="cHI8PW-76Xch9" data-ph-id="ph-page-element-page10-jGJGVl">
                    <span data-ph-id="ph-page-element-page10-oKu9od">
                        ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' :
                        eachJob.multi_category.length}}
                    </span>
                    <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page10-ERXsns"></i>
                </button>
                <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page10-ACzYUk">
                    <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page10-7pg7fb">
                        ${eachCategory}
                    </li>
                </ul>
            </div>
        </div>

    <!-- smart-jobs  -->
    <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] &amp;&amp; eachJob.smartHighlights" data-ph-id="ph-page-element-page10-l6CvtB">
            <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page10-GTqf1T">
               
                <span data-ph-id="ph-page-element-page10-zRdtxA">
                    <span class="sr-only" data-ph-id="ph-page-element-page10-DFq0TK">
                        <span if.bind="highLightKey == 'skills' &amp;&amp; widgetBundle['skills']" data-ph-id="ph-page-element-page10-JHSfMZ">${widgetBundle['skills'] | pht}</span>
                        <span if.bind="highLightKey == 'education' &amp;&amp; widgetBundle['education']" data-ph-id="ph-page-element-page10-QgdiPR">${widgetBundle['education'] | pht}</span>
                        <span if.bind="highLightKey == 'additionalSkills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-eBOTF4">${widgetBundle['additionalSkills'] | pht}</span>
                        <span if.bind="highLightKey == 'additional_skills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page10-FHtQOm">${widgetBundle['additionalSkills'] | pht}</span>
                        <span if.bind="highLightKey == 'experience' &amp;&amp; widgetBundle['experience']" data-ph-id="ph-page-element-page10-spxODz">${widgetBundle['experience'] | pht}</span>
                        <span if.bind="highLightKey == 'requirement_sentence' &amp;&amp; widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page10-C03aqa">${widgetBundle['requirementSentence'] | pht}</span>

                    </span>

                    <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''}  ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page10-QGTKcI"></i>


                    ${eachJob['smartHighlights'][highLightKey]}
                </span>
            </span>
        </p> 

        <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page10-eVEPIO">
            <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page10-bDaHwV">

                <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page10-Utd02A"></i>

            </button>
        </div>


        <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page10-zWBlGi"></p>


        <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'bottom' &amp;&amp;  (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page10-cbLoIU">
            <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page10-jvffyj">
                <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-JaX9Ki"></i>
                <span class="tag-label" data-ph-id="ph-page-element-page10-g0sBWi">${widgetBundle[fit.name] | pht :
                    jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span>
            </span>
        </div>
    </div>
    <div class="actions ${(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page10-ew4jxv">
        <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page10-CSVAgt">
            <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page10-YN02ie">
                <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-OUFHA6">
                    <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' &amp;&amp; eachJob.externalApply &amp;&amp; !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page10-N5hICV">
                        ${widgetBundle['applyNowText'] | pht}
                        <span class="sr-only" data-ph-id="ph-page-element-page10-Pyu4RJ">${eachJob.title}</span>
                        <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> -->
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-GX6nsI"></i>
                    </a>
                </div>
                <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page10-8w8nya">
                    <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page10-WhJmVW">
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-DX0DpA"></i>
                        <!-- <i class="icon icon-share" aria-hidden="true"></i> -->
                        <span class="sr-only" data-ph-id="ph-page-element-page10-FMEnAE">
                            <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-bLcqyl" data-ph-at-id="share-job-button-text" instance-id="cHI8PW-VXadTh" data-ph-id="ph-page-element-page10-2Yyp2B">Share Job
                                button</ppc-content>
                        </span>
                    </button>
                    <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page10-2hRLHp">
                        <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page10-IgOFI4" view="1622923084692-default" original-view="default" theme="default">
                            <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1664207628131" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page10-S50Mre"></div>
                        </section>
                    </div>
                </div>
                <!-- <div if.bind="eachAction.name == 'refer'">
                <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true">
                    ${widgetBundle['referText'] | pht}
                    <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i>
                </button>
                <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView">
                    <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19">
                    </div>
                </section>
            </div> -->
                <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page10-xmB4vd">
                    <div class="savejob-checkbox" data-ph-id="ph-page-element-page10-Ml3xRt">
                        <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page10-3BmqWh">
                            <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page10-sm328d" />
                            <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page10-Jl1a0n">
                                <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-kJCSLz"></i>
                                <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-XMtPQi">
                                    ${widgetBundle['addToCartSaveText'] | pht}
                                    <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> -->
                                </span>
                                <span class="sr-only" data-ph-id="ph-page-element-page10-NT2xg7">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title}
                                    ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span>
                            </span>
                            <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page10-v7qnA7">
                                <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-HkFxs5"></i>
                                <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page10-yt63yY">
                                    ${widgetBundle['addToCartSavedText'] | pht}
                                    <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> -->
                                </span>
                                <span class="sr-only" data-ph-id="ph-page-element-page10-x8wNjz">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title}
                                    ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}
                                </span>
                            </span>
                        </label>
                    </div>
                </div>
                <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page10-CbCzEH">
                    <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page10-0u4jg5">
                        <span class="sr-only" data-ph-id="ph-page-element-page10-vbXNNx">${eachJob.title}</span>
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page10-AT2VPa"></i>
                        <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page10-bJU0Z1">
                            ${widgetBundle['removeJobText'] | pht}
                        </span>
                    </a>

                </div>
            </li>
        </ul>
    </div>
</div>
<div class="multi-location-popup" if.bind="eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page10-uXdtLO">
    <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page10-PSjPr6">
        <div class="modal-dialog" data-ph-id="ph-page-element-page10-IwZO3i">
            <div class="popup-content-block" data-ph-id="ph-page-element-page10-O6uif3">
                <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-0dTJ9q" instance-id="cHI8PW-w1s37t" data-ph-id="ph-page-element-page10-mOeuKK">
                    <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-X4oL2w"></i>
                </button>
                <div class="heading-block" data-ph-id="ph-page-element-page10-E8iEzf">
                    <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-V7EhRw" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-Dgh29Q" instance-id="cHI8PW-mrOQsQ" data-ph-id="ph-page-element-page10-W5cIJc">
                        ${eachJob.title}
                    </div>
                    <div id="modalDescription" data-ph-id="ph-page-element-page10-ZHxwzS">
                        <div class="job-location-count" data-ph-id="ph-page-element-page10-ZKeeIz">
                            ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}}
                        </div>
                    </div>
                </div>
                <div class="content-block" data-ph-id="ph-page-element-page10-NtJo0r">
                    <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page10-9s9xCe">
                        <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page10-LogHHo">
                            <span data-ph-id="ph-page-element-page10-HIn623">
                                <i class="icon ${enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page10-ekciBy"></i>
                            </span>
                            <span data-ph-id="ph-page-element-page10-Ejzz1J">
                                ${eachLocation}
                            </span>
                            <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page10-y2PUqs">
                                <span class="sr-only" data-ph-id="ph-page-element-page10-1HdHC0">${widgetBundle['drivingTime'] | pht}</span>
                                <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page10-ZlTGno"></i>
                                <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page10-TPQV9q">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page10-VuZqzA">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" :
                                    eachJob.multi_location_array[$index].drivingTime.inHours}}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page10-TSJf9r">${eachJob.multi_location_array[$index].drivingTime.inHours}
                                    ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' :
                                    'hours'}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page10-fDMYhL">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" :
                                    eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page10-xPH7Bu">
                                    ${eachJob.multi_location_array[$index].drivingTime.inMinutes}
                                    ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' :
                                    'minutes'}
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen &amp;&amp; (enabledFields['category'] &amp;&amp; enabledFields['category'].settings &amp;&amp; enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page10-72WGkZ">
    <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page10-41usY0">
        <div class="modal-dialog" data-ph-id="ph-page-element-page10-CzWnHK">
            <div class="popup-content-block" data-ph-id="ph-page-element-page10-yTAoav">
                <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-Zw3vhd" instance-id="cHI8PW-jFpdYb" data-ph-id="ph-page-element-page10-HUWRzO">
                    <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page10-rJZJ4e"></i>
                </button>
                <div class="heading-block" data-ph-id="ph-page-element-page10-iPXpjq">
                    <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-MGQsXN" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-kaL1pF" instance-id="cHI8PW-5I9GYS" data-ph-id="ph-page-element-page10-co5Zby">
                        ${eachJob.title}
                    </div>
                    <div id="modalDescription" data-ph-id="ph-page-element-page10-Vs8eur">
                        <div class="job-location-count" data-ph-id="ph-page-element-page10-whqZSX">
                            ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}}
                        </div>
                    </div>
                </div>
                <div class="content-block" data-ph-id="ph-page-element-page10-1amUvA">
                    <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page10-jSBM7W">
                        <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page10-9eEjIO">
                            <span data-ph-id="ph-page-element-page10-jnZwyA">
                                <i class="icon ${enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page10-WYe3An"></i>
                            </span>
                            <span data-ph-id="ph-page-element-page10-b2ztb6">
                                ${eachCategory}
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
                </li>
            </ul>
            <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page10-cLn8QQ">
                <div aria-atomic="true" aria-live="assertive" instance-id="eObFUn" data-ph-id="ph-page-element-page10-dzEStD">
    <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-th7UhZ" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-bJK2qT" data-ph-at-id="seemore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-uBl9fB" instance-id="eObFUn-U0PBha" data-ph-id="ph-page-element-page10-Ar7AEv">
    <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content>  -->
    <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page10-btP7sa">
        ${widgetBundle['seeMoreText'] | pht}
    </span>
    <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-U9Ii9C"></i>
</button>
</div>
<button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-awMAUx" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-u4cgrB" data-ph-at-id="seeless-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-lA3hKF" instance-id="eObFUn-ZlOH7f" data-ph-id="ph-page-element-page10-DhGuZo">
    <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> -->
    <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page10-5w9jK1">
        ${widgetBundle['seeLessText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-0PA26U"></i>
</button>
<button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-Te9FqB" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-KHiZ8B" data-ph-at-id="seenext-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-L3Zwqh" instance-id="eObFUn-6XTZ4X" data-ph-id="ph-page-element-page10-Opcl8T">
    <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> -->
    <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page10-kQYk9L">
        ${widgetBundle['seeNextText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-I8UGwX"></i>
</button>
<button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-90hQAS" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-ZtcxUc" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-oPX0w4" instance-id="eObFUn-eB9LQc" data-ph-id="ph-page-element-page10-JrRTKT">
    <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> -->
    <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page10-1QgFmE">
        ${widgetBundle['seeEvenMoreText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page10-1ALbOM"></i>
</button>
            </div>
        </div>
        <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page10-WcFBiH">
            <p data-ph-id="ph-page-element-page10-dOTeWl">
                <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-9HZXyE" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page10-e4MCIH">
         No recommendations found 
       </ppc-content>
            </p>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-1709544467191-default" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-widget-element-8050687319610676-2"></div>
<div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="QD1Hpr-p13XXu-ph-profile-recommendations-v2-default-widgetHeadingText" show.bind="!showLoader &amp;&amp; jobResults.length" data-ph-id="ph-widget-element-8050687319610676-3">
    <div class="widget-container" data-ph-id="ph-widget-element-8050687319610676-4">
        <div class="phs-widget-heading" data-ph-id="ph-widget-element-8050687319610676-5">
            <h2 data-ph-id="ph-widget-element-8050687319610676-6">
                <ppc-content key="RU1YVV-p13XXu-ph-profile-recommendations-v2-default-widgetHeadingText" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-widget-element-8050687319610676-7">
                    Profile recommendations
                </ppc-content>
            </h2>
        </div>
        <div class="content-block" data-ph-id="ph-widget-element-8050687319610676-8">
            <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-widget-element-8050687319610676-9">
                <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-widget-element-8050687319610676-10">
                    <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image &amp;&amp; eachJob.image.src)" instance-id="Bg4GEN" data-ph-id="ph-widget-element-8050687319610676-11">
    <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-8050687319610676-12">
        <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-widget-element-8050687319610676-13">
            <img if.bind="eachJob.image &amp;&amp; eachJob.image.src &amp;&amp; eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-widget-element-8050687319610676-14" />
        </div>
    </figure>
</div>
<div class="${(eachJob.image &amp;&amp; eachJob.image.src || ( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-widget-element-8050687319610676-15">
    <div class="information" data-ph-id="ph-widget-element-8050687319610676-16">

        <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src)" data-ph-id="ph-widget-element-8050687319610676-17">
            <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-8050687319610676-18">
                <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-8050687319610676-19">
                    <img if.bind="eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src &amp;&amp; eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-widget-element-8050687319610676-20" />
                </div>
            </figure>
        </div>

        <div class="job-smart-tags" data-ph-id="ph-widget-element-8050687319610676-21">
            <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'top' &amp;&amp;  (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-8050687319610676-22">
                <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-8050687319610676-23">
                    <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-24"></i>
                    <span class="tag-label" data-ph-id="ph-widget-element-8050687319610676-25">${widgetBundle[fit.name] | pht}</span>
                </span>
            </div>
            <div class="job-tag-area ${jobTagsConfig &amp;&amp; jobTagsConfig.layout &amp;&amp; jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-widget-element-8050687319610676-26">
                <span class="featured-job" if.bind="eachJob.featuredJob &amp;&amp; (eachJob.featuredJob &amp;&amp; eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-widget-element-8050687319610676-27">
                    ${widgetBundle['featuredJobText']}
                </span>
                <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig &amp;&amp; jobTagsConfig.tags) &amp;&amp; (jobTagsData &amp;&amp; jobTagsData[eachJob['jobSeqNo']] &amp;&amp; jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-widget-element-8050687319610676-28">
                    <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon &amp;&amp; eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-29"></i>
                    <span class="tag-label" data-ph-id="ph-widget-element-8050687319610676-30">${widgetBundle[eachTag.name] | pht :
                        jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span>
                </span>
            </div>
        </div>
        <span role="heading" key-role="p13XXu-ph-profile-recommendations-v2-Bg4GEN-IkZrb6-default-headingRole" aria-level="3" key-aria-level="p13XXu-ph-profile-recommendations-v2-Bg4GEN-IkZrb6-default-headingAriaLevelValue" instance-id="Bg4GEN-IkZrb6" data-ph-id="ph-widget-element-8050687319610676-31">
            <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-widget-element-8050687319610676-32">
                <div if.bind="eachJob.title &amp;&amp; eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-widget-element-8050687319610676-33">
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-34">${widgetBundle['title'] | pht}:</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-35"></i>
                    <span data-ph-id="ph-widget-element-8050687319610676-36">${eachJob.title} </span>
                </div>
            </a>
        </span>

        <!-- Multilocation display type dropdown -->
        <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-8050687319610676-37">
            <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose -->
            <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate  &amp;&amp; ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.expiryDate)" class="${((eachAttr.name === 'location' &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate  &amp;&amp; eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate) ? '':'hide'} job-tag-fields" data-ph-id="ph-widget-element-8050687319610676-38">
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-8050687319610676-39">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-40">${widgetBundle['category'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-41"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-42">${widgetBundle['category'] | pht}:</span>
                    ${eachJob.category}
                </span>

                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-8050687319610676-43">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-44">${widgetBundle['location'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-45"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-46">${widgetBundle['location'] | pht}:</span>
                    ${eachJob.multi_location[0] || eachJob.location}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob','datePosted','applyBefore'].indexOf(eachAttr.name) == -1) &amp;&amp; eachJob[eachAttr.name].length > 0" data-ph-id="ph-widget-element-8050687319610676-47">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-48">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length &amp;&amp; eachJob[eachAttr.name].length > 0" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-49"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-50"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-8050687319610676-51"></span>
                    <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-8050687319610676-52">${eachJob[eachAttr.name]}</span>
                </span>
                <span class="job-postdate" if.bind="eachJob.postedDate  &amp;&amp; eachAttr.name  == 'postedDate'" data-ph-id="ph-widget-element-8050687319610676-53">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-54">${widgetBundle['postedDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-55"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-56">${widgetBundle['postedDate'] | pht}: </span>
                    ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-widget-element-8050687319610676-57">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-58">${widgetBundle['expiryDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-59"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-60">${widgetBundle['expiryDate'] | pht}:</span>
                    ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime','datePosted','applyBefore'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-8050687319610676-61">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-62">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-63"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-64"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] ||
                    "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-8050687319610676-65">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-66">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-67"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-68"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name]}
                </span>
                <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-8050687319610676-69">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-70">${widgetBundle[eachAttr.name] | pht}</span>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-71">${widgetBundle[eachAttr.name] | pht}:</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-72"></i>
                    <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-8050687319610676-73">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-74">${widgetBundle['drivingTimeInHoursText'] |
                        spht:{"hours":eachJob.drivingTime.inHours}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-75">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' :
                        'hours'}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-76">${widgetBundle['drivingTimeInMinutesText'] |
                        pht:{"minutes":eachJob.drivingTime.inMinutes}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-77">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute'
                        : 'minutes'}</span>
                </span>
            </span>
        </p>
        <!-- End multilocation display type dropdown -->

        <!-- Multilocation display type modal -->
        <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-8050687319610676-78">
            <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose -->
            <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')} job-tag-fields" data-ph-id="ph-widget-element-8050687319610676-79">

                <!-- Multi location -->
                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (eachJob.multi_location.length > 1)" data-ph-id="ph-widget-element-8050687319610676-80">
                    <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-widget-element-8050687319610676-81">
                        <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-82"></i>
                        <span class="btn-text-content" data-ph-id="ph-widget-element-8050687319610676-83">
                            ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}}
                        </span>
                    </button>
                </span>
                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-8050687319610676-84">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-85">${widgetBundle['location'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-86"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-87">${widgetBundle['location'] | pht}:</span>
                    ${eachJob.multi_location[0] || eachJob.location}
                </span>
                <!-- Multi location Ends -->

                <!-- Multi category-->
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (eachJob.multi_category.length > 1)" data-ph-id="ph-widget-element-8050687319610676-88">
                    <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-widget-element-8050687319610676-89">
                        <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-90"></i>
                        <span class="btn-text-content" data-ph-id="ph-widget-element-8050687319610676-91">
                            ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}}
                        </span>
                    </button>
                </span>
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-8050687319610676-92">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-93">${widgetBundle['category'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-94"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-95">${widgetBundle['category'] | pht}:</span>
                    ${eachJob.category}
                </span>
                <!-- Multi category ends -->

                <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-8050687319610676-96">
                    <span class="sr-only" data-ph-id="ph-widget-element-8050687319610676-97">${widgetBundle[eachAttr.name] | pht}</span>
                    <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> -->
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-98"></i>
                    <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-8050687319610676-99">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-100">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" :
                        eachJob.drivingTime.inHours}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-101">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' :
                        'hours'}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-102">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" :
                        eachJob.drivingTime.inMinutes}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-103">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute'
                        : 'minutes'}</span>
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob','datePosted','applyBefore'].indexOf(eachAttr.name) == -1) &amp;&amp; eachJob[eachAttr.name].length > 0" data-ph-id="ph-widget-element-8050687319610676-104">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-105">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length &amp;&amp; eachJob[eachAttr.name].length > 0" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-106"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-107"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-8050687319610676-108"></span>
                    <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-8050687319610676-109">${eachJob[eachAttr.name]}</span>
                </span>
                <span class="job-postdate" if.bind="eachJob.postedDate  &amp;&amp; eachAttr.name  == 'postedDate'" data-ph-id="ph-widget-element-8050687319610676-110">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-111">${widgetBundle['postedDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-112"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-113">${widgetBundle['postedDate'] | pht}: </span>
                    ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-widget-element-8050687319610676-114">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-115">${widgetBundle['expiryDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-116"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-117">${widgetBundle['expiryDate'] | pht}:</span>
                    ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime','datePosted','applyBefore'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-8050687319610676-118">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-119">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-120"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-121"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] ||
                    "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-8050687319610676-122">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-123">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-124"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-8050687319610676-125"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name]}
                </span>
            </span>
        </p>
        <!-- End Multilocation display type modal -->

        <!-- Multilocation display type dropdown button -->
        <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-8050687319610676-126">
            <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 &amp;&amp; eachAttr.name == 'location') &amp;&amp; ((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-8050687319610676-127">
                <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="p13XXu-ph-profile-recommendations-v2-Bg4GEN-Qi1F1v-default-multiLocationButtonRole" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="Bg4GEN-Qi1F1v" data-ph-id="ph-widget-element-8050687319610676-128">
                    <span data-ph-id="ph-widget-element-8050687319610676-129">
                        ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}}
                    </span>

                    <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-130"></i>
                </button>
                <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-8050687319610676-131">
                    <li class="location ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-widget-element-8050687319610676-132">
                        ${eachLocation}
                        <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-8050687319610676-133">
                            <span if.bind="!enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-134">${widgetBundle['drivingTime'] | pht}</span>
                            <span if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" data-ph-id="ph-widget-element-8050687319610676-135">${widgetBundle['drivingTime'] |
                                pht}:</span>
                            <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-136"></i>
                            <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-8050687319610676-137">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-138">${widgetBundle['drivingTimeInHoursText'] |
                                pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-139">${eachJob.multi_location_array[$index].drivingTime.inHours}
                                ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' :
                                'hours'}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-140">${widgetBundle['drivingTimeInMinutesText'] |
                                pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-141">${eachJob.multi_location_array[$index].drivingTime.inMinutes}
                                ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' :
                                'minutes'}</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Multicategory display type dropdown button -->
        <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-8050687319610676-142">
            <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 &amp;&amp; eachAttr.name == 'category') &amp;&amp; ((enabledFields['category'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-8050687319610676-143">
                <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="p13XXu-ph-profile-recommendations-v2-Bg4GEN-wQVAbs-default-multiCategoryButtonRole" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="Bg4GEN-wQVAbs" data-ph-id="ph-widget-element-8050687319610676-144">
                    <span data-ph-id="ph-widget-element-8050687319610676-145">
                        ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' :
                        eachJob.multi_category.length}}
                    </span>
                    <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-146"></i>
                </button>
                <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-8050687319610676-147">
                    <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-widget-element-8050687319610676-148">
                        ${eachCategory}
                    </li>
                </ul>
            </div>
        </div>

        <!-- smart-jobs  -->
        <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] &amp;&amp; eachJob.smartHighlights" data-ph-id="ph-widget-element-8050687319610676-149">
            <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-widget-element-8050687319610676-150">

                <span data-ph-id="ph-widget-element-8050687319610676-151">
                    <span class="sr-only" data-ph-id="ph-widget-element-8050687319610676-152">
                        <span if.bind="highLightKey == 'skills' &amp;&amp; widgetBundle['skills']" data-ph-id="ph-widget-element-8050687319610676-153">${widgetBundle['skills'] |
                            pht}</span>
                        <span if.bind="highLightKey == 'education' &amp;&amp; widgetBundle['education']" data-ph-id="ph-widget-element-8050687319610676-154">${widgetBundle['education']
                            | pht}</span>
                        <span if.bind="highLightKey == 'additionalSkills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-8050687319610676-155">${widgetBundle['additionalSkills']
                            | pht}</span>
                        <span if.bind="highLightKey == 'additional_skills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-8050687319610676-156">${widgetBundle['additionalSkills']
                            | pht}</span>
                        <span if.bind="highLightKey == 'experience' &amp;&amp; widgetBundle['experience']" data-ph-id="ph-widget-element-8050687319610676-157">${widgetBundle['experience']
                            | pht}</span>
                        <span if.bind="highLightKey == 'requirement_sentence' &amp;&amp; widgetBundle['requirementSentence']" data-ph-id="ph-widget-element-8050687319610676-158">${widgetBundle['requirementSentence']
                            | pht}</span>

                    </span>

                    <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''}  ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-159"></i>


                    ${eachJob['smartHighlights'][highLightKey]}
                </span>
            </span>
        </p>

        <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-widget-element-8050687319610676-160">
            <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-widget-element-8050687319610676-161">

                <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-162"></i>

            </button>
        </div>


        <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-widget-element-8050687319610676-163"></p>


        <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'bottom' &amp;&amp;  (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-8050687319610676-164">
            <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-8050687319610676-165">
                <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-166"></i>
                <span class="tag-label" data-ph-id="ph-widget-element-8050687319610676-167">${widgetBundle[fit.name] | pht :
                    jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span>
            </span>
        </div>
    </div>
    <div class="actions ${(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-widget-element-8050687319610676-168">
        <ul ph-role="data.bind:jobActions" data-ph-id="ph-widget-element-8050687319610676-169">
            <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-widget-element-8050687319610676-170">
                <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-widget-element-8050687319610676-171">
                    <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' &amp;&amp; eachJob.externalApply &amp;&amp; !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-widget-element-8050687319610676-172">
                        ${widgetBundle['applyNowText'] | pht}
                        <span class="sr-only" data-ph-id="ph-widget-element-8050687319610676-173">${eachJob.title}</span>
                        <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> -->
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-174"></i>
                    </a>
                </div>
                <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-widget-element-8050687319610676-175">
                    <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-widget-element-8050687319610676-176">
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-177"></i>
                        <!-- <i class="icon icon-share" aria-hidden="true"></i> -->
                        <span class="sr-only" data-ph-id="ph-widget-element-8050687319610676-178">
                            <ppc-content key="p13XXu-ph-profile-recommendations-v2-Bg4GEN-4JIYdy-default-share${eachIndicator}Text" data-ph-at-id="share-job-button-text" instance-id="Bg4GEN-4JIYdy" data-ph-id="ph-widget-element-8050687319610676-179">Share Job
                                button</ppc-content>
                        </span>
                    </button>
                    <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-widget-element-8050687319610676-180">
                        <section class="ph-widget" instance-id="oxlt9d" original-view="default" view="8050687186627032-default" data-ph-id="ph-widget-element-8050687319610676-181">
                            <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="8050687186627032-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="oxlt9d" original-view="default" data-ph-id="ph-widget-element-8050687319610676-182"></div>
                        </section>
                    </div>
                </div>
                <!-- <div if.bind="eachAction.name == 'refer'">
                <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true">
                    ${widgetBundle['referText'] | pht}
                    <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i>
                </button>
                <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView">
                    <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19">
                    </div>
                </section>
            </div> -->
                <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-widget-element-8050687319610676-183">
                    <div class="savejob-checkbox" data-ph-id="ph-widget-element-8050687319610676-184">
                        <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-widget-element-8050687319610676-185">
                            <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-widget-element-8050687319610676-186" />
                            <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-widget-element-8050687319610676-187">
                                <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-188"></i>
                                <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-189">
                                    ${widgetBundle['addToCartSaveText'] | pht}
                                    <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> -->
                                </span>
                                <span class="sr-only" data-ph-id="ph-widget-element-8050687319610676-190">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title}
                                    ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span>
                            </span>
                            <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-widget-element-8050687319610676-191">
                                <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-192"></i>
                                <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-193">
                                    ${widgetBundle['addToCartSavedText'] | pht}
                                    <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> -->
                                </span>
                                <span class="sr-only" data-ph-id="ph-widget-element-8050687319610676-194">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title}
                                    ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}
                                </span>
                            </span>
                        </label>
                    </div>
                </div>
                <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-widget-element-8050687319610676-195">
                    <button click.delegate="deleteJobFromCart(eachJob)" class="favourite delete-btn" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-widget-element-8050687319610676-196">
                        <span class="sr-only" data-ph-id="ph-widget-element-8050687319610676-197">${eachJob.title}</span>
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-198"></i>
                        <span if.bind="eachAction.settings.label" data-ph-id="ph-widget-element-8050687319610676-199">
                            ${widgetBundle['removeJobText'] | pht}
                        </span>
                    </button>

                </div>    
            </li>
            
        </ul>
    </div>
</div>

<div class="popup-modal-backdrop ${ ( eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-widget-element-8050687319610676-200">
<div class="multi-location-popup" if.bind="eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-8050687319610676-201">
    <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-widget-element-8050687319610676-202">
        <div class="modal-dialog" data-ph-id="ph-widget-element-8050687319610676-203">
            <div class="popup-content-block" data-ph-id="ph-widget-element-8050687319610676-204">
                <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="p13XXu-ph-profile-recommendations-v2-Bg4GEN-9ejaad-default-closePopupAriaLabelText" instance-id="Bg4GEN-9ejaad" data-ph-id="ph-widget-element-8050687319610676-205">
                    <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-206"></i>
                </button>
                <div class="heading-block" data-ph-id="ph-widget-element-8050687319610676-207">
                    <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="p13XXu-ph-profile-recommendations-v2-Bg4GEN-WE3Ufe-default-headingModalRole" key-aria-level="p13XXu-ph-profile-recommendations-v2-Bg4GEN-WE3Ufe-default-headingModalAriaLevel" instance-id="Bg4GEN-WE3Ufe" data-ph-id="ph-widget-element-8050687319610676-208">
                        ${eachJob.title}
                    </div>
                    <div id="modalDescription" data-ph-id="ph-widget-element-8050687319610676-209">
                        <div class="job-location-count" data-ph-id="ph-widget-element-8050687319610676-210">
                            ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}}
                        </div>
                    </div>
                </div>
                <div class="content-block" data-ph-id="ph-widget-element-8050687319610676-211">
                    <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-8050687319610676-212">
                        <li class="each-location ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-widget-element-8050687319610676-213">
                            <span data-ph-id="ph-widget-element-8050687319610676-214">
                                <i class="icon ${enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon" data-ph-id="ph-widget-element-8050687319610676-215"></i>
                            </span>
                            <span data-ph-id="ph-widget-element-8050687319610676-216">
                                ${eachLocation}
                            </span>
                            <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-widget-element-8050687319610676-217">
                                <span class="sr-only" data-ph-id="ph-widget-element-8050687319610676-218">${widgetBundle['drivingTime'] | pht}</span>
                                <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-219"></i>
                                <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-8050687319610676-220">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-221">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" :
                                    eachJob.multi_location_array[$index].drivingTime.inHours}}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-222">${eachJob.multi_location_array[$index].drivingTime.inHours}
                                    ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' :
                                    'hours'}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-223">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" :
                                    eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-8050687319610676-224">
                                    ${eachJob.multi_location_array[$index].drivingTime.inMinutes}
                                    ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' :
                                    'minutes'}
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen &amp;&amp; (enabledFields['category'] &amp;&amp; enabledFields['category'].settings &amp;&amp; enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-8050687319610676-225">
    <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-widget-element-8050687319610676-226">
        <div class="modal-dialog" data-ph-id="ph-widget-element-8050687319610676-227">
            <div class="popup-content-block" data-ph-id="ph-widget-element-8050687319610676-228">
                <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="p13XXu-ph-profile-recommendations-v2-Bg4GEN-sLmEye-default-closeCategoryPopupAriaLabelText" instance-id="Bg4GEN-sLmEye" data-ph-id="ph-widget-element-8050687319610676-229">
                    <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-230"></i>
                </button>
                <div class="heading-block" data-ph-id="ph-widget-element-8050687319610676-231">
                    <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="p13XXu-ph-profile-recommendations-v2-Bg4GEN-CQxLDh-default-headingModalRole" key-aria-level="p13XXu-ph-profile-recommendations-v2-Bg4GEN-CQxLDh-default-headingModalAriaLevel" instance-id="Bg4GEN-CQxLDh" data-ph-id="ph-widget-element-8050687319610676-232">
                        ${eachJob.title}
                    </div>
                    <div id="modalDescription" data-ph-id="ph-widget-element-8050687319610676-233">
                        <div class="job-location-count" data-ph-id="ph-widget-element-8050687319610676-234">
                            ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}}
                        </div>
                    </div>
                </div>
                <div class="content-block" data-ph-id="ph-widget-element-8050687319610676-235">
                    <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-8050687319610676-236">
                        <li class="each-category ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-widget-element-8050687319610676-237">
                            <span data-ph-id="ph-widget-element-8050687319610676-238">
                                <i class="icon ${enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon" data-ph-id="ph-widget-element-8050687319610676-239"></i>
                            </span>
                            <span data-ph-id="ph-widget-element-8050687319610676-240">
                                ${eachCategory}
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
                </li>
            </ul>
            <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-widget-element-8050687319610676-241">
                <div aria-atomic="true" aria-live="assertive" instance-id="1g5DTD" data-ph-id="ph-widget-element-8050687319610676-242">
    <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="p13XXu-ph-profile-recommendations-v2-1g5DTD-rJhSzn-default-seeMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="p13XXu-ph-profile-recommendations-v2-1g5DTD-rJhSzn-default-seemore-link-title-Text" data-ph-at-id="seemore-link" role="button" key-role="p13XXu-ph-profile-recommendations-v2-1g5DTD-rJhSzn-default-button-role-see-more" instance-id="1g5DTD-rJhSzn" data-ph-id="ph-widget-element-8050687319610676-243">
    <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content>  -->
    <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-8050687319610676-244">
        ${widgetBundle['seeMoreText'] | pht}
    </span>
    <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-245"></i>
</button>
</div>
<button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="p13XXu-ph-profile-recommendations-v2-1g5DTD-iadp2N-default-seeLessAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="p13XXu-ph-profile-recommendations-v2-1g5DTD-iadp2N-default-seeless-link-title-Text" data-ph-at-id="seeless-link" role="button" key-role="p13XXu-ph-profile-recommendations-v2-1g5DTD-iadp2N-default-button-role-see-less" instance-id="1g5DTD-iadp2N" data-ph-id="ph-widget-element-8050687319610676-246">
    <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> -->
    <span data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-8050687319610676-247">
        ${widgetBundle['seeLessText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-248"></i>
</button>
<button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="p13XXu-ph-profile-recommendations-v2-1g5DTD-PXLItp-default-seeNextAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="p13XXu-ph-profile-recommendations-v2-1g5DTD-PXLItp-default-seenext-link-title-Text" data-ph-at-id="seenext-link" role="button" key-role="p13XXu-ph-profile-recommendations-v2-1g5DTD-PXLItp-default-button-role-see-next" instance-id="1g5DTD-PXLItp" data-ph-id="ph-widget-element-8050687319610676-249">
    <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> -->
    <span data-ph-at-id="seenext-text" data-ph-id="ph-widget-element-8050687319610676-250">
        ${widgetBundle['seeNextText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-251"></i>
</button>
<button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="p13XXu-ph-profile-recommendations-v2-1g5DTD-P0peOd-default-seeEvenMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="p13XXu-ph-profile-recommendations-v2-1g5DTD-P0peOd-default-seeevenmore-link-title-Text" data-ph-at-id="seeevenmore-link" role="button" key-role="p13XXu-ph-profile-recommendations-v2-1g5DTD-P0peOd-default-button-role-see-evenmore" instance-id="1g5DTD-P0peOd" data-ph-id="ph-widget-element-8050687319610676-252">
    <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> -->
    <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-widget-element-8050687319610676-253">
        ${widgetBundle['seeEvenMoreText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-8050687319610676-254"></i>
</button>
            </div>
        </div>
        <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-8050687319610676-255">
            <p data-ph-id="ph-widget-element-8050687319610676-256">
                <ppc-content key="p13XXu-ph-profile-recommendations-v2-default-noRecomJobsInfoText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-8050687319610676-257">
                    No recommendations found
                </ppc-content>
            </p>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-8050687126230329-view3" nonce=""><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view -->

<div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-widget-element-8050687126230329-2">
    <!-- <div class="modal-backdrop fade in"></div> -->
    <div class="modal fade in show" role="dialog" data-ph-id="ph-widget-element-8050687126230329-3">
        <div class="modal-dialog" role="document" data-ph-id="ph-widget-element-8050687126230329-4">
            <div class="modal-content" data-ph-id="ph-widget-element-8050687126230329-5">
                <div class="phs-widget-heading" data-ph-id="ph-widget-element-8050687126230329-6">
                    <!--<i class="icon icon-send-masseg"></i>-->
                    <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-widget-element-8050687126230329-7">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-8050687126230329-8"></i>
                        <span class="sr-only" data-ph-id="ph-widget-element-8050687126230329-9"><ppc-content key="AmsbIq-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-widget-element-8050687126230329-10">Close
                                the popup</ppc-content></span>
                    </button>
                    <h2 data-ph-id="ph-widget-element-8050687126230329-11">
                        <ppc-content key="AmsbIq-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-widget-element-8050687126230329-12">
                            Email this Job
                        </ppc-content>
                    </h2>
                    <p class="phs-widget-sub-title" data-ph-id="ph-widget-element-8050687126230329-13">
                        <ppc-content key="AmsbIq-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-widget-element-8050687126230329-14">
                            To access this job from another computer, email this information to yourself or a friend.
                        </ppc-content>
                    </p>
                </div>
                <div class="widget-container" data-ph-id="ph-widget-element-8050687126230329-15">
                    <div class="content-block" data-ph-id="ph-widget-element-8050687126230329-16">
                        <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-widget-element-8050687126230329-17">
                            <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-8050687126230329-18">
                                <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-8050687126230329-19">
                                    <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-widget-element-8050687126230329-20">
                                    <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-8050687126230329-21"></span>
                                    <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-8050687126230329-22"></span>
                                    <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-widget-element-8050687126230329-23"> </span>
                                </input></label>
                            </div>
                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-8050687126230329-24">
                                <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-widget-element-8050687126230329-25">
                                    ${widgetBundle['piiConsentError'] | pht}
                                </span>
                            </div>
                            <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-8050687126230329-26">
                                <label for="email-job-name" data-ph-id="ph-widget-element-8050687126230329-27">
                                    <ppc-content key="AmsbIq-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-widget-element-8050687126230329-28">
                                        Your Name
                                    </ppc-content>
                                </label>
                                <input type="text" aria-describedby="ph-a11y-email-job-name-field-error" class="form-control ph-a11y-form-control-name fs-block" value.bind="emailJobModel.name" placeholder="Your name" autocomplete="off" key-placeholder="AmsbIq-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="AmsbIq-ph-email-job-v1-view3-recipientNameTitleText" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-widget-element-8050687126230329-29">
                                <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error &amp;&amp; errors.name.code == 'E101'" data-ph-id="ph-widget-element-8050687126230329-30">
                                    <ppc-content key="AmsbIq-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-widget-element-8050687126230329-31">
                                        Name should not be empty
                                    </ppc-content>
                                </span>
                            </input></div>
                            <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-8050687126230329-32">
                                <label for="email-job-email" data-ph-id="ph-widget-element-8050687126230329-33">
                                    <ppc-content key="AmsbIq-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-widget-element-8050687126230329-34">
                                        Recipient's Email address
                                    </ppc-content>
                                </label>
                                <input type="text" aria-describedby="ph-a11y-email-job-email-field-error" class="form-control ph-a11y-form-control-email fs-block" value.bind="emailJobModel.email" placeholder="Recipient's Email address" title="Recipient’s Email address" key-title="AmsbIq-ph-email-job-v1-view3-recipientEmailAddressTitleText" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-widget-element-8050687126230329-35">
                                    <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101'" data-ph-id="ph-widget-element-8050687126230329-36">
                                        <ppc-content key="AmsbIq-ph-email-job-v1-view3-emailShouldNotBeEmptyText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-widget-element-8050687126230329-37">
                                            Recipient’s email address should not be Empty
                                        </ppc-content>
                                    </span>
                                    <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102'" data-ph-id="ph-widget-element-8050687126230329-38">
                                        <ppc-content key="AmsbIq-ph-email-job-v1-view3-pleaseEnterAValidEmailText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-widget-element-8050687126230329-39">
                                            Please enter a valid Recipient’s email address
                                        </ppc-content>
                                    </span>
                            </input></div>
                            <div class="form-group" data-ph-id="ph-widget-element-8050687126230329-40">
                                <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-widget-element-8050687126230329-41">
                                    <ppc-content key="AmsbIq-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-widget-element-8050687126230329-42">
                                        ${widgetBundle['sendEmailButtonText'] | pht}
                                    </ppc-content>
                                </button>
                            </div>
                        </form>
                        <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-8050687126230329-43">
                            <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-8050687126230329-44">
                                <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-widget-element-8050687126230329-45">
                                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-8050687126230329-46"></span>
                                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-8050687126230329-47"></span>
                                <span class="checkbox-text" data-ph-id="ph-widget-element-8050687126230329-48">
                                    <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-8050687126230329-49"> </span>
                                    <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-8050687126230329-50">*</span>
                                </span>
                            </input></label>
                        </div>

                        <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-widget-element-8050687126230329-51">
                            <span class="sr-only required-text" data-ph-id="ph-widget-element-8050687126230329-52"> ${widgetBundle['requiredText']} </span>
                            ${widgetBundle['consentsLinkText']}
                        </a>


                        <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-widget-element-8050687126230329-53">
                            <span show.bind="showEmailSuccess" data-ph-id="ph-widget-element-8050687126230329-54">
                                <ppc-content key="AmsbIq-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-widget-element-8050687126230329-55">Email has
                                    successfully sent</ppc-content>
                            </span>
                            <span show.bind="showEmailFailure" data-ph-id="ph-widget-element-8050687126230329-56">
                                <ppc-content key="AmsbIq-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-widget-element-8050687126230329-57">Email has
                                    sent has error</ppc-content>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-widget-element-8050687126230329-58">
    <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-widget-element-8050687126230329-59">
        <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> -->
        <div class="hdlr-block" tabindex="0" data-ph-id="ph-widget-element-8050687126230329-60">
            <i class="icon icon-check" data-ph-id="ph-widget-element-8050687126230329-61"></i>
            <h3 data-ph-id="ph-widget-element-8050687126230329-62">
                <ppc-content key="AmsbIq-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-widget-element-8050687126230329-63">Success!</ppc-content>
            </h3>
            <p data-ph-id="ph-widget-element-8050687126230329-64">
                <ppc-content key="AmsbIq-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-widget-element-8050687126230329-65">Email has successfully sent</ppc-content>
            </p>
            <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-widget-element-8050687126230329-66">
                <ppc-content key="OOOXC4-AmsbIq-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-8050687126230329-67">Ok</ppc-content>
            </button>
        </div>
    </div>
</div>
<div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-widget-element-8050687126230329-68">
    <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-widget-element-8050687126230329-69">
        <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> -->
        <div class="hdlr-block" data-ph-id="ph-widget-element-8050687126230329-70">
            <i class="icon icon-cancel" data-ph-id="ph-widget-element-8050687126230329-71"></i>
            <h3 data-ph-id="ph-widget-element-8050687126230329-72">
                <ppc-content key="AmsbIq-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-widget-element-8050687126230329-73">Failure!</ppc-content>
            </h3>
            <p data-ph-id="ph-widget-element-8050687126230329-74">
                <ppc-content key="AmsbIq-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-widget-element-8050687126230329-75">Email has not sent</ppc-content>
            </p>
            <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-widget-element-8050687126230329-76">
                <ppc-content key="K7HvX2-AmsbIq-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-8050687126230329-77">Ok</ppc-content>
            </button>
        </div>
    </div>
</div>

<div class="popup-modal-backdrop" show.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-8050687126230329-78">
    <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-8050687126230329-79">
        <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-widget-element-8050687126230329-80">
            <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-8050687126230329-81"></i>
        </button>

        <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-8050687126230329-82">
            ${widgetBundle['consentHeading']}
        </h2>

        <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-8050687126230329-83">
            <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-8050687126230329-84">
                <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-widget-element-8050687126230329-85">
                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-8050687126230329-86"></span>
                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-8050687126230329-87"></span>
                <span class="checkbox-text" data-ph-id="ph-widget-element-8050687126230329-88">
                    <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-8050687126230329-89"> </span>
                    <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-8050687126230329-90">*</span>
                </span>
            </input></label>
        </div>
        <div class="consent-accept-area" data-ph-id="ph-widget-element-8050687126230329-91">
            <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-widget-element-8050687126230329-92">
                ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']}
            </button>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-8050687186627032-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-8050687186627032-2">

    <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-widget-element-8050687186627032-3">
        <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-widget-element-8050687186627032-4">
            <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="oxlt9d-ph-social-share-v3-default-headingRole" aria-level="2" key-aria-level="oxlt9d-ph-social-share-v3-default-headingLevelAria" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-widget-element-8050687186627032-5">
                <ppc-content key="oxlt9d-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-8050687186627032-6">
                    Share this Opportunity
                </ppc-content>
            </div>
            <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-widget-element-8050687186627032-7">
                <ppc-content key="oxlt9d-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-8050687186627032-8">
                    We give you the tools you need to discover your perfect job match, and the freedom and support to
                    take your career to the next level.
                </ppc-content>
            </p>
        </div>
        <div class="content-block" data-ph-id="ph-widget-element-8050687186627032-9"> 
            <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-widget-element-8050687186627032-10">
                <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-widget-element-8050687186627032-11">
                    <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-widget-element-8050687186627032-12">
                        <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-widget-element-8050687186627032-13"></i>
                        <span class="sr-only" data-ph-id="ph-widget-element-8050687186627032-14">
                            <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-widget-element-8050687186627032-15">${widgetBundle[eachIndicator['name']] | pht}</span>
                        </span>
                    </button>
                </li>
                <section class="ph-widget" instance-id="AmsbIq" data-ph-at-id="social_share_show_email_section" if.bind="showEmailView &amp;&amp; shareOption.isInline &amp;&amp; isShareEmailFound" original-view="view3" view="8050687126230329-view3" data-ph-id="ph-widget-element-8050687186627032-16">
                    <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="8050687126230329-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="AmsbIq" original-view="view3" data-ph-id="ph-widget-element-8050687186627032-17"></div>
                </section>
            </ul>
        </div>
    </div>
    <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-widget-element-8050687186627032-18">
        <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-8050687186627032-19">
            <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-8050687186627032-20">
                <div class="head-wrapper" data-ph-id="ph-widget-element-8050687186627032-21">
                    <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-widget-element-8050687186627032-22">
                        <ppc-content key="oxlt9d-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-widget-element-8050687186627032-23">Share job link</ppc-content>
                    </h3>
                    <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="oxlt9d-ph-social-share-v3-default-closeDialogAriaLabel" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-8050687186627032-24">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-widget-element-8050687186627032-25"></i>
                    </button>
                </div>
                <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-widget-element-8050687186627032-26">
                    <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-widget-element-8050687186627032-27">
                        <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-widget-element-8050687186627032-28">
                            <ppc-content key="oxlt9d-ph-social-share-v3-default-messageText" data-ph-id="ph-widget-element-8050687186627032-29">Link copied successfully</ppc-content>
                        </p>
                    </div>
                    <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-widget-element-8050687186627032-30"><ppc-content key="oxlt9d-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-widget-element-8050687186627032-31">To your colleagues or friends</ppc-content></label>
                    <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-widget-element-8050687186627032-32" />
                </div>
                <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-widget-element-8050687186627032-33">
                    <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-8050687186627032-34"><ppc-content key="oxlt9d-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-widget-element-8050687186627032-35">Cancel</ppc-content></button>
                    <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-widget-element-8050687186627032-36"><ppc-content key="oxlt9d-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-widget-element-8050687186627032-37">Copy Link</ppc-content></button>
                </div>
            </div>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-1709649395875-default" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader &amp;&amp; !userConsentPopup" class="show-loader" data-ph-id="ph-widget-element-7551199297250866-2">
</div>
<div class="widget-block-area" data-pre-render="" data-ph-id="ph-widget-element-7551199297250866-3">
    <div class="modal-backdrop phcriticalhide" show.bind="showLoader &amp;&amp; !avoidBackDropFirstTime" data-ph-id="ph-widget-element-7551199297250866-4"></div>
    <div class="content-block upload-resume-block ph-widget-box" phae-ally="aria-hidden#false" aria-hidden="${((currentStep ==
        'chooseStep') || isDialogOpen || candidateLoginPopup) ? 'false' : 'true'}" show.bind="((currentStep ==
        'chooseStep') || isDialogOpen || candidateLoginPopup)" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-7551199297250866-5">
        <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551199297250866-6">
            <div class="upload-resume-tile" if.bind="!isLoggedIn &amp;&amp; (currentStep
            == 'chooseStep')" data-ph-id="ph-widget-element-7551199297250866-7">
                <div class="widget-container" data-ph-id="ph-widget-element-7551199297250866-8">
                    <div class="upload-resume-tile-container" data-ph-id="ph-widget-element-7551199297250866-9">
                        <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-widget-element-7551199297250866-10">
                            <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-widget-element-7551199297250866-11">
                                <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-preLoginHeadingVisitorText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-12">Welcome back!
                                </ppc-content>
                            </h2>
                            <h2 class="phs-heading" data-ph-id="ph-widget-element-7551199297250866-13">
                                <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-preLoginHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-14">Get tailored job
                                    recommendations based on your interests.</ppc-content>
                            </h2>
                        </div>
                        <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-widget-element-7551199297250866-15">
                            <button class="upload-action-btn btn default-button
                            ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" phae="ph-find-your-fit-container-v1" phae-type="click" phae-main="1" aria-label="Get started for profile recommendations" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel1" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-widget-element-7551199297250866-16">
                                <ppc-content key="IwgafZ-Q9iFFH-ph-find-your-fit-container-v1-default-preLoginActionButtonText" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-widget-element-7551199297250866-17">
                                    Get Started</ppc-content>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- show edit option-->
        <div class="post-login-resume-tile phcriticalhide" show.bind="isLoggedIn" data-ph-id="ph-widget-element-7551199297250866-18">
            <div class="widget-container" data-ph-id="ph-widget-element-7551199297250866-19">
                <div class="post-login-resume-tile-container" data-ph-id="ph-widget-element-7551199297250866-20">
                    <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-widget-element-7551199297250866-21">
                        <div class="user-profile-icon fs-block" data-ph-id="ph-widget-element-7551199297250866-22">
                            <span class="user-name-prefix" if.bind="!profileData.firstName" data-ph-id="ph-widget-element-7551199297250866-23">
                                <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-24"></i>
                            </span>
                            <span class="sr-only" data-ph-id="ph-widget-element-7551199297250866-25">
                                <span key="Q9iFFH-ph-find-your-fit-container-v1-default-profileIconScreenText" data-ph-id="ph-widget-element-7551199297250866-26">
                                    profile icon
                                </span>
                                ${profileData.firstName ? profileData.firstName.substring(0,1) : ''}
                            </span>
                            <span class="user-name-prefix" aria-hidden="true" if.bind="profileData.firstName" data-ph-id="ph-widget-element-7551199297250866-27">
                                ${profileData.firstName.substring(0,1)}${profileData.lastName.substring(0,1)}
                            </span>
                        </div>
                        <div id="uploadSuccess" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551199297250866-28">
                            <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="profileData.firstName" data-ph-id="ph-widget-element-7551199297250866-29">
                                <span class="recom-text" data-ph-id="ph-widget-element-7551199297250866-30">${widgetBundle['uploadResumeProfileFirstName'] |
                                    pht:{"userFirstName":profileData.firstName}}</span>
                            </div>
                            <h2 class="user-profile-info phs-heading" if.bind="isProfileJobsAvailable != undefined" data-ph-id="ph-widget-element-7551199297250866-31">
                                <span class="recom-text" data-ph-id="ph-widget-element-7551199297250866-32">
                                    <!-- Avoid of showing both messages until recommendations service call made -->
                                    <ppc-content if.bind="isProfileJobsAvailable" key="Q9iFFH-ph-find-your-fit-container-v1-default-postLoginProfileHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-33">Your
                                        personalized
                                        site and job recommendations are ready.</ppc-content>
                                    <ppc-content if.bind="!isProfileJobsAvailable &amp;&amp; !isCandidateHomeEnabled" key="Q9iFFH-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-34">
                                        Currently we don't have any jobs that fit
                                        your interests.
                                    </ppc-content>
                                    <ppc-content if.bind="!isProfileJobsAvailable &amp;&amp; isCandidateHomeEnabled &amp;&amp; isProfileDataExists" key="Q9iFFH-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-35">
                                        Currently we don't have any jobs that fit
                                        your interests.
                                    </ppc-content>
                                    <ppc-content if.bind="isCandidateHomeEnabled &amp;&amp; !isProfileJobsAvailable &amp;&amp; !isProfileDataExists" key="Q9iFFH-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading3" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-36">
                                        Currently we don’t have enough information to provide personalized job
                                        recommendations.
                                    </ppc-content>
                                    <ppc-content if.bind="isCandidateHomeEnabled &amp;&amp; (isActiveSession &amp;&amp; isAnonymous)" key="Q9iFFH-ph-find-your-fit-container-v1-default-postLoginSignUpText" data-ph-id="ph-widget-element-7551199297250866-37">
                                        <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-widget-element-7551199297250866-38">Sign up</a>
                                        <span data-ph-id="ph-widget-element-7551199297250866-39"> to save your personalized experience </span>
                                    </ppc-content>
                                </span>
                            </h2>
                        </div>
                    </div>
                    <div class="action-area action-btn" if.bind="((isActiveSession &amp;&amp; isAnonymous) ||
                        !isAnonymous) &amp;&amp; flowType == 'upload_resume'" data-ph-id="ph-widget-element-7551199297250866-40">
                        <div class="action-area-block" data-ph-id="ph-widget-element-7551199297250866-41">
                            <button class="edit-resume upload-action-btn
                                ph-a11y-after-close-focus-elem
                                ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="Edit profile" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-editUploadOptionAriaLabel1" data-ph-at-id="edit-link" data-ph-id="ph-widget-element-7551199297250866-42">
                                <span class="error-icon" show.bind="isContactDetailsConfigured &amp;&amp; !(gdprConsent &amp;&amp; !savePersonalInfo) &amp;&amp; !resumeInfoConfirmation " data-ph-id="ph-widget-element-7551199297250866-43">
                                    <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-44"></i>
                                </span>
                                <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent &amp;&amp; !savePersonalInfo)" data-ph-id="ph-widget-element-7551199297250866-45">
                                    <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-46"></i>
                                </span>
                                <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-7551199297250866-47">
                                    <span data-ph-id="ph-widget-element-7551199297250866-48">${profileData.resumeName &amp;&amp; (profileData.resumeName.split('.').slice(0,
                                        -1)).join('.')}</span>${profileData.resumeName &amp;&amp;
                                    ('.'+profileData.resumeName.split('.').pop())}
                                </span>
                                <span class="edit-profile" data-ph-at-id="edit-fyf-profile-dropdown-link-text" data-ph-id="ph-widget-element-7551199297250866-49">
                                    ${widgetBundle['resumeEditFYfDropDownText'] | pht }
                                </span>
                                <i class="icon ${isDropdownOpen ?
                                    'icon-arrow-down-10' : 'icon-arrow-down-10'}" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-50"></i>
                            </button>
                            <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-widget-element-7551199297250866-51">
                                <ul data-ph-id="ph-widget-element-7551199297250866-52">
                                    <li if.bind="isContactDetailsConfigured &amp;&amp; !(gdprConsent &amp;&amp; !savePersonalInfo) &amp;&amp; !resumeInfoConfirmation" data-ph-id="ph-widget-element-7551199297250866-53">
                                        <button class="completeInfo-btn" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-" click.delegate="openContactDetailsPopup()" data-ph-id="ph-widget-element-7551199297250866-54">
                                            <span class="button-text" data-ph-id="ph-widget-element-7551199297250866-55">
                                                <span class="error-icon action-icon" data-ph-id="ph-widget-element-7551199297250866-56">
                                                    <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-57"></i>
                                                </span>
                                                <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-completeInformationButtonText" data-ph-id="ph-widget-element-7551199297250866-58">
                                                    Complete resume info
                                                </ppc-content>
                                            </span>
                                        </button>
                                    </li>
                                    <li if.bind="resumeInfoConfirmation" data-ph-id="ph-widget-element-7551199297250866-59">
                                        <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-widget-element-7551199297250866-60">
                                            <span class="action-icon" data-ph-id="ph-widget-element-7551199297250866-61">
                                                <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-62"></i>
                                            </span>
                                            <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-widget-element-7551199297250866-63">
                                                ${widgetBundle['resumeEditDropDownText'] | pht }
                                            </span>
                                        </button>
                                    </li>
                                    <li data-ph-id="ph-widget-element-7551199297250866-64">
                                        <section class="ph-widget" data-tmpl-type="inline" instance-id="bwqn6h" original-view="re-upload" view="7551197802247761-upload" data-ph-id="ph-widget-element-7551199297250866-65">
                                            <div class="ph-import-resume-v1-re-upload-default ph-widget-target" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="7551197802247761-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" instance-id="bwqn6h" original-view="re-upload" data-ph-id="ph-widget-element-7551199297250866-66">
                                                <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-7551199297250866-67">
                                                    <button id="ph-dropzone" class="upload-btn" aria-label="Use new resume" ph-tevent="new-resume" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-7551199297250866-68">
                                                        <span class="action-icon" data-ph-id="ph-widget-element-7551199297250866-69">
                                                            <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-70"></i>
                                                        </span>
                                                        <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-widget-element-7551199297250866-71">
                                                            Use new resume
                                                        </ppc-content>
                                                    </button>
                                                </div>
                                            </div>
                                        </section>
                                    </li>
                                    <li if.bind="!isSocialLogin &amp;&amp;
                                        !isSiteLogin" data-ph-id="ph-widget-element-7551199297250866-72">
                                        <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-widget-element-7551199297250866-73">
                                            <span class="action-icon" data-ph-id="ph-widget-element-7551199297250866-74">
                                                <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-75"></i>
                                            </span>
                                            <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-widget-element-7551199297250866-76">
                                                ${widgetBundle['resumeResetDropDownText'] | pht }
                                            </span>
                                        </button>
                                    </li>
                                </ul>
                            </div>
                            <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-widget-element-7551199297250866-77">
                                <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-widget-element-7551199297250866-78">
                                    <i if.bind="socialProvider" class="icon
                                        icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-79"></i>
                                    <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-widget-element-7551199297250866-80">
                                        ${socialProvider}
                                    </span>
                                    <ppc-content key="TYfXJz-Q9iFFH-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-widget-element-7551199297250866-81">
                                        Connected
                                    </ppc-content>
                                </span>
                                <a href="javascript:void(0);" class="logout-link" click.delegate="doSocialLogout()" data-ph-at-id="edit-profile-social-logout-link" ph-href="logout" title="Log out" key-title="vi3KCk-Q9iFFH-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-widget-element-7551199297250866-82">
                                    <ppc-content key="95b26m-Q9iFFH-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-widget-element-7551199297250866-83">Log out
                                    </ppc-content>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="action-area action-btn" if.bind="((isActiveSession &amp;&amp; isAnonymous) ||
                        !isAnonymous) &amp;&amp; (flowType == 'find_your_fit' || (isAnonymous &amp;&amp; flowType == 'candidateProfile'))" data-ph-id="ph-widget-element-7551199297250866-84">
                        <div class="action-area-block" data-ph-id="ph-widget-element-7551199297250866-85">
                            <button class="questions-btn btn default-button
                                ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="edit profile" key-aria-label="JWUQ3o-Q9iFFH-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-widget-element-7551199297250866-86">
                                <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-profileUpdationEditText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-7551199297250866-87">Edit
                                    profile</ppc-content>
                            </button>
                            <div class="reset-block" data-ph-id="ph-widget-element-7551199297250866-88">
                                <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin &amp;&amp; !isSiteLogin" aria-label="reset find your
                                    fit profile" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-profileUpdateResetAriaLabel" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-widget-element-7551199297250866-89">
                                    <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-90"></i>
                                    <span data-ph-id="ph-widget-element-7551199297250866-91">
                                        <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-profileUpdateResetLinkText" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-widget-element-7551199297250866-92">
                                            Reset Personalization
                                        </ppc-content>
                                    </span>
                                </button>
                                <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-widget-element-7551199297250866-93">
                                    <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-widget-element-7551199297250866-94">
                                        <span class="sr-only" data-ph-id="ph-widget-element-7551199297250866-95">${socialProvider}</span>
                                        <i if.bind="socialProvider" class="icon
                                            icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-96"></i>
                                        <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-widget-element-7551199297250866-97">
                                            ${socialProvider}
                                        </span>
                                        <ppc-content key="LKYI6C-Q9iFFH-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-widget-element-7551199297250866-98">
                                            Connected
                                        </ppc-content>
                                    </span>
                                    <a href="javascript:void(0);" class="logout-link" click.delegate="doSocialLogout()" data-ph-at-id="edit-profile-social-logout-link" ph-href="logout" title="Log out" key-title="URLCQk-Q9iFFH-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-widget-element-7551199297250866-99">
                                        <ppc-content key="1IxCl9-Q9iFFH-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-widget-element-7551199297250866-100">Log out
                                        </ppc-content>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="action-area action-btn ph-a11y-action-btn" if.bind="!((isActiveSession &amp;&amp; isAnonymous) ||
                        !isAnonymous)" data-ph-at-id="expired-session-block" data-ph-id="ph-widget-element-7551199297250866-101">
                        <button class="upload-action-btn btn default-button
                            ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" aria-label="start the job
                            personalization" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-widget-element-7551199297250866-102">
                            <ppc-content key="7Ru5bM-Q9iFFH-ph-find-your-fit-container-v1-default-preLoginActionButtonText" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-widget-element-7551199297250866-103">
                                Get
                                Started</ppc-content>
                        </button>
                    </div>
                    <div class="action-area action-btn" if.bind="!isAnonymous &amp;&amp; flowType == 'candidateProfile'" data-ph-id="ph-widget-element-7551199297250866-104">
                        <div class="action-area-block" data-ph-id="ph-widget-element-7551199297250866-105">
                            <a class="questions-btn btn default-button
                                ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="edit profile" key-aria-label="27cyrI-Q9iFFH-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-id="ph-widget-element-7551199297250866-106">
                                <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-profileUpdationEditProfileText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-7551199297250866-107">Edit
                                    profile</ppc-content>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--show upload resume and answer question -->
    <div show.bind="currentStep == 'uploadResume'" class="choose-ResumeOrSteps phcriticalhide" data-ph-at-id="upload-resume-and-steps-block" data-ph-id="ph-widget-element-7551199297250866-108">
        <div class="widget-container" data-ph-id="ph-widget-element-7551199297250866-109">
            <div class="inner-content" data-ph-id="ph-widget-element-7551199297250866-110">
                <h2 class="ph-a11y-choose-resume-steps
                    ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-widget-element-7551199297250866-111">
                    <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-flowChoosingHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-112">Choose your path!
                    </ppc-content>
                </h2>
                <div class="p-text" data-ph-id="ph-widget-element-7551199297250866-113">
                    <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-flowChoosingHeadingSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-7551199297250866-114">Either use
                        your resume or tell us a little about yourself</ppc-content>
                </div>
                <div class="buttons-wrapper" data-ph-id="ph-widget-element-7551199297250866-115">
                    <div class="inner-wrapper desktop-hide" data-ph-id="ph-widget-element-7551199297250866-116">
                        <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-mobile-link" data-ph-id="ph-widget-element-7551199297250866-117">
                            <ppc-content key="tUTDWd-Q9iFFH-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-widget-element-7551199297250866-118">Answer
                                Questions
                            </ppc-content>
                        </button>
                        <p class="or-text" data-ph-id="ph-widget-element-7551199297250866-119">
                            <ppc-content key="lTFist-Q9iFFH-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-widget-element-7551199297250866-120">or</ppc-content>
                        </p>
                    </div>
                    <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" data-ph-id="ph-widget-element-7551199297250866-121">
                        <!-- import resume -->
                        <section class="ph-widget" instance-id="6yq3r5" original-view="external-upload-resume" view="7551197849303051-upload-resume" data-ph-id="ph-widget-element-7551199297250866-122">
                            <div class="ph-import-resume-v1-external-upload-resume-default ph-widget-target" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="7551197849303051-upload-resume" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="6yq3r5" data-ph-id="ph-widget-element-7551199297250866-123"></div>
                        </section>
                    </div>
                    <div class="inner-wrapper mobile-hide" data-ph-id="ph-widget-element-7551199297250866-124">
                        <p class="or-text" data-ph-id="ph-widget-element-7551199297250866-125">
                            <ppc-content key="E62Em4-Q9iFFH-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-widget-element-7551199297250866-126">or</ppc-content>
                        </p>
                        <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-desktop-link" data-ph-id="ph-widget-element-7551199297250866-127">
                            <ppc-content key="J16p8T-Q9iFFH-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-widget-element-7551199297250866-128">Answer
                                Questions
                            </ppc-content>
                        </button>
                    </div>
                </div>
                <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-widget-element-7551199297250866-129">
                    <label class="input-checkbox-label" data-ph-id="ph-widget-element-7551199297250866-130">
                        <input type="checkbox" checked.bind="isOptInChoosen" aria-checked="${isOptInChoosen?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="isOptinChanged()" aria-label="Sign
                            me up for company updates" key-aria-label="3UtqCN-Q9iFFH-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-id="ph-widget-element-7551199297250866-131">
                        <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-132"></span>
                        <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-133"></span>
                        <span class="checkbox-text" data-ph-id="ph-widget-element-7551199297250866-134">
                            <ppc-content key="pE0Dih-Q9iFFH-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551199297250866-135">Sign
                                me up for company updates</ppc-content>
                        </span>
                    </input></label>
                </div>
                <button class="close" click.delegate="closePopup()" aria-label="Choose your path close" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-ChooseSectionCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551199297250866-136">
                    <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-137"></i>
                </button>
            </div>
        </div>
    </div>
    <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-widget-element-7551199297250866-138">
        <span if.bind="chooseSteps" data-ph-id="ph-widget-element-7551199297250866-139">
            Choose your path
        </span>
    </span>

    <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-widget-element-7551199297250866-140">
        <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-widget-element-7551199297250866-141">
            <!-- Dialog area -->
            <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-widget-element-7551199297250866-142">
                <!-- Close popup button -->
                <div class="close-popup-btn" data-ph-id="ph-widget-element-7551199297250866-143">
                    <button class="ph-a11y-popup-start-focus close" click.delegate="closeUserConsentPopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551199297250866-144">
                        <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-145"></i>
                    </button>
                </div>
                <div class="modal-body" data-ph-id="ph-widget-element-7551199297250866-146">
                    <h2 class="heading-block" data-ph-id="ph-widget-element-7551199297250866-147">
                        <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="Q9iFFH-ph-find-your-fit-container-v1-default-unsaved-popup-heading" data-ph-id="ph-widget-element-7551199297250866-148">
                            Upload Resume
                        </ppc-content>
                    </h2>
                    <div class="sub-heading-block" data-ph-id="ph-widget-element-7551199297250866-149">
                        <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="Q9iFFH-ph-find-your-fit-container-v1-default-ally-unsaved-popup-subHeading" data-ph-id="ph-widget-element-7551199297250866-150">
                            In order to process your resume and provide job recommendations,
                            you must approve our data protection policy.
                        </ppc-content>
                    </div>

                    <div class="checkbox-wrapper" if.bind="!(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-7551199297250866-151">
                        <div class="checkbox-btn-group" data-ph-id="ph-widget-element-7551199297250866-152">
                            <label class="input-checkbox-label" data-ph-id="ph-widget-element-7551199297250866-153">
                                <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and agree to the terms" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-termsAriaLabel" aria-required="true" data-ph-id="ph-widget-element-7551199297250866-154">
                                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-155"></span>
                                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-156"></span>
                                <span class="checkbox-text" data-ph-id="ph-widget-element-7551199297250866-157">
                                    <ppc-content class="cd-terms-policy-block" key="Q9iFFH-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-widget-element-7551199297250866-158">
                                        <span class="mandatory-star" data-ph-id="ph-widget-element-7551199297250866-159">*</span>
                                        I have read and agree to the
                                        <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-7551199297250866-160">terms</a>
                                    </ppc-content>
                                </span>
                            </input></label>
                        </div>
                        <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-widget-element-7551199297250866-161">
                            <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-terms-error" data-ph-id="ph-widget-element-7551199297250866-162">
                                Please accept privacy policy and terms of use.
                            </ppc-content>
                        </div>
                        <div class="checkbox-btn-group" data-ph-id="ph-widget-element-7551199297250866-163">
                            <label class="input-checkbox-label" data-ph-id="ph-widget-element-7551199297250866-164">
                                <input type="checkbox" checked.bind="savePersonalInfo" aria-checked="${savePersonalInfo?'true':'false'}" data-ph-at-id="checkbox-button" aria-label=" Save my resume and contact me for jobs that I may be suitable for (optional) " key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-saveResumeAriaLabe" data-ph-id="ph-widget-element-7551199297250866-165">
                                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-166"></span>
                                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-167"></span>
                                <span class="checkbox-text" data-ph-id="ph-widget-element-7551199297250866-168">
                                    <ppc-content data-ph-at-id="checkbox-button-text" key="Q9iFFH-ph-find-your-fit-container-v1-default-save-my-checkbox-button-text" data-ph-id="ph-widget-element-7551199297250866-169">
                                        Save my resume and contact me for jobs that I may be suitable for
                                        <span class="checkbox-optional-text" data-ph-id="ph-widget-element-7551199297250866-170">(optional)</span>
                                    </ppc-content>

                                </span>
                            </input></label>
                        </div>
                    </div>
                    <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-7551199297250866-171">
                        <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551199297250866-172">
                            <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfcont' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfcont' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" change.delegate="isButtonDisabled()" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-widget-element-7551199297250866-173">
                            <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-174"></span>
                            <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-175"></span>
                            <span class="checkbox-text" data-ph-id="ph-widget-element-7551199297250866-176">
                                <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551199297250866-177"> </span>
                                <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551199297250866-178">*</span>
                            </span>
                        </input></label>
                    </div>
                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551199297250866-179">
                        <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-widget-element-7551199297250866-180">
                            ${widgetBundle['piiConsentError'] | pht}
                        </span>
                    </div>


                    <button class="btn primary-button" disabled.bind="piiConsentData &amp;&amp; piiConsentData.length ? isDisabled : !acceptTerms" click.delegate="!isDisabled || acceptTerms ? submitResume() : false" ph-tevent="pii-consent-submit" data-ph-id="ph-widget-element-7551199297250866-181">
                        <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-submitbuttonkey" data-ph-id="ph-widget-element-7551199297250866-182">
                            Confirm
                        </ppc-content>
                    </button>
                </div>
            </div>

        </div>
    </div>

    <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-widget-element-7551199297250866-183">
        <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" aria-labelledby="resume-info-heading" aria-describedby="resume-info-subheading" data-ph-id="ph-widget-element-7551199297250866-184">
            <div class="modal-dialog resume-step" data-ph-id="ph-widget-element-7551199297250866-185">
                <button class="ph-a11y-popup-start-focus close" click.delegate="activeStep != 'cancel' ? changeActiveStep('cancel') : closeResumeInfoPopup()" aria-label="${widgetBundle['contactDetailsPopupCloseAriaLabel'] | pht }" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551199297250866-186">
                    <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-187"></i>
                </button>
                <div class="modal-body" data-ph-id="ph-widget-element-7551199297250866-188">
                    <!-- Contact Details area -->
                    <div if.bind="activeStep == 'contactDetails'" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-widget-element-7551199297250866-189">
                        <div class="contact-details-inner-wrapper" data-ph-id="ph-widget-element-7551199297250866-190">
                            <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-7551199297250866-191">
                                <span data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-192">
                                    ${widgetBundle['contactDetailsAreaHeadingText'] | pht}
                                </span>
                            </h2>
                            <div data-ph-id="ph-widget-element-7551199297250866-193">
                                <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-widget-element-7551199297250866-194">
                                    <div class="form-group
                                    ${contactDetails.name.error
                                    ? 'error focus':''}" data-ph-id="ph-widget-element-7551199297250866-195">
                                        <div data-ph-id="ph-widget-element-7551199297250866-196">
                                            <label for="name" data-ph-id="ph-widget-element-7551199297250866-197">
                                                <span class="sr-only" data-ph-id="ph-widget-element-7551199297250866-198">
                                                    ${widgetBundle['contactDetailsAreaName'] | pht}
                                                </span>
                                                <span class="" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-199">
                                                    <span data-ph-at-id="name-text" data-ph-id="ph-widget-element-7551199297250866-200">
                                                        ${widgetBundle['contactDetailsAreaName'] | pht}
                                                    </span>
                                                </span>
                                                <span class="mandate-field" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-201">
                                                    *
                                                </span>
                                            </label>
                                            <div class="input-group" data-ph-id="ph-widget-element-7551199297250866-202">
                                                <input type="text" class="form-control
                                                ph-a11y-form-control-config-name fs-block" id="name" placeholder=" ${widgetBundle['contactDetailsAreaNamePlaceholder'] | pht}" aria-describedby="ph-a11y-contact-name-field-error" value.bind="contactDetails.name" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" aria-required="true" data-ph-id="ph-widget-element-7551199297250866-203">
                                                <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-7551199297250866-204">
                                                    <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-7551199297250866-205">
                                                        <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-widget-element-7551199297250866-206">
                                                            ${widgetBundle['contactDetailsAreaNameInputErrorText'] |
                                                            pht}
                                                        </span>
                                                    </span>
                                                </span>
                                                <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.name.validField" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-207"></i>
                                            </input></div>
                                        </div>
                                    </div>
                                    <div class="form-group
                                    ${contactDetails.email.error
                                    ? 'error focus':''}" data-ph-id="ph-widget-element-7551199297250866-208">
                                        <div data-ph-id="ph-widget-element-7551199297250866-209">
                                            <label for="email" data-ph-id="ph-widget-element-7551199297250866-210">
                                                <span class="sr-only" data-ph-id="ph-widget-element-7551199297250866-211">
                                                    ${widgetBundle['contactDetailsAreaEmail'] | pht}
                                                </span>
                                                <span class="" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-212">
                                                    <span data-ph-at-id="email-text" data-ph-id="ph-widget-element-7551199297250866-213">
                                                        ${widgetBundle['contactDetailsAreaEmail'] | pht}
                                                    </span>
                                                </span>
                                                <span class="mandate-field" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-214">
                                                    *
                                                </span>
                                            </label>
                                            <div class="input-group" data-ph-id="ph-widget-element-7551199297250866-215">
                                                <input type="text" class="form-control
                                                ph-a11y-form-control-config-email fs-block" id="email" placeholder=" ${widgetBundle['contactDetailsAreaEmailPlaceholder'] | pht}" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-widget-element-7551199297250866-216">
                                                <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-7551199297250866-217">
                                                    <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-7551199297250866-218">
                                                        <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-widget-element-7551199297250866-219">
                                                            ${widgetBundle['contactDetailsAreaEmailInputErrorText'] |
                                                            pht}
                                                        </span>
                                                    </span>
                                                    <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-7551199297250866-220">
                                                        <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-widget-element-7551199297250866-221">
                                                            ${widgetBundle['contactDetailsAreaEmailInputErrorCorrentFormat']
                                                            | pht}
                                                        </span>
                                                    </span>
                                                </span>
                                                <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-222"></i>
                                            </input></div>
                                        </div>
                                    </div>
                                    <div class="form-group
                                    ${contactDetails.phone.error
                                    ? 'error focus':''}" data-ph-id="ph-widget-element-7551199297250866-223">
                                        <div data-ph-id="ph-widget-element-7551199297250866-224">
                                            <label for="phone" data-ph-id="ph-widget-element-7551199297250866-225">
                                                <span class="sr-only" data-ph-id="ph-widget-element-7551199297250866-226">
                                                    ${widgetBundle['contactDetailsAreaPhone'] | pht}
                                                </span>
                                                <span class="" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-227">
                                                    <span data-ph-at-id="phone-text" data-ph-id="ph-widget-element-7551199297250866-228">
                                                        ${widgetBundle['contactDetailsAreaPhone'] | pht}
                                                    </span>
                                                </span>
                                            </label>
                                            <div class="input-group" data-ph-id="ph-widget-element-7551199297250866-229">
                                                <input type="text" class="form-control
                                                ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="${widgetBundle['contactDetailsAreaPhonePlaceHolder'] | pht }" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-widget-element-7551199297250866-230">
                                                <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code
                                                &amp;&amp;
                                                contactDetailsErrorObj.phone.code
                                                == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-widget-element-7551199297250866-231">
                                                    <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-widget-element-7551199297250866-232">
                                                        ${widgetBundle['contactDetailsAreaPhoneInputErrorText'] | pht}
                                                    </span>
                                                </span>
                                                <i class="icon
                                                icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-233"></i>
                                            </input></div>
                                        </div>
                                    </div>
                                </form>
                                <div class="buttons-confirm-person-details" data-ph-id="ph-widget-element-7551199297250866-234">
                                    <div data-ph-id="ph-widget-element-7551199297250866-235">
                                        <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-widget-element-7551199297250866-236">
                                            <span data-ph-id="ph-widget-element-7551199297250866-237">
                                                ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht }
                                            </span>
                                        </button>
                                    </div>
                                    <div data-ph-id="ph-widget-element-7551199297250866-238">
                                        <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-widget-element-7551199297250866-239">
                                            <span data-ph-id="ph-widget-element-7551199297250866-240">
                                                ${widgetBundle['contactDetailsAreaSubmitBtnText'] | pht }
                                            </span>
                                        </button>
                                    </div>
                                </div>

                            </div>

                        </div>

                    </div>
                    <!-- Cancel Popup area -->
                    <div if.bind="activeStep == 'cancel'" class="cancel-contact-details" data-ph-at-id="cancel-contact-details-block" data-ph-id="ph-widget-element-7551199297250866-241">
                        <div class="contact-details-inner-wrapper" data-ph-id="ph-widget-element-7551199297250866-242">
                            <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-7551199297250866-243">
                                <span data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-244">
                                    ${widgetBundle['resumeCancelPopupHeading'] | pht}
                                </span>
                            </h2>
                            <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-7551199297250866-245">
                                <span data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-7551199297250866-246">
                                    ${widgetBundle['resumeCancelPopupSubHeading'] | pht}
                                </span>
                            </p>
                            <div class="buttons-cancel" data-ph-id="ph-widget-element-7551199297250866-247">
                                <div data-ph-id="ph-widget-element-7551199297250866-248">
                                    <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-widget-element-7551199297250866-249">
                                        <span data-ph-id="ph-widget-element-7551199297250866-250">
                                            ${widgetBundle['resumeCancelPopupCancelBtn'] | pht}
                                        </span>
                                    </button>
                                </div>
                                <div data-ph-id="ph-widget-element-7551199297250866-251">
                                    <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-widget-element-7551199297250866-252">
                                        <span data-ph-id="ph-widget-element-7551199297250866-253">
                                            ${widgetBundle['resumeCancelPopupContinueBtn'] | pht}
                                        </span>
                                    </button>
                                </div>
                            </div>

                        </div>

                    </div>

                    <!-- Job Title area -->
                    <div if.bind="activeStep == 'jobTitles'" data-ph-at-id="job-title-block" data-ph-id="ph-widget-element-7551199297250866-254">
                        <div class="job-title-inner-wrapper" data-ph-id="ph-widget-element-7551199297250866-255">
                            <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-7551199297250866-256">
                                ${widgetBundle['resumeJobTitle'] |
                                pht:{"activeStepIndex":activeStepIndex,
                                "resumeConformationSteps":resumeConformationSteps.length}}
                            </h2>
                            <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-7551199297250866-257">
                                ${widgetBundle['resumeJobTitleSubHeading'] | pht }
                            </p>
                            <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-widget-element-7551199297250866-258">
                                ${widgetBundle['resumeJobTitleSearchLabel'] | pht }
                            </span>
                            <div data-ph-id="ph-widget-element-7551199297250866-259">
                                <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-widget-element-7551199297250866-260">
                                    <div class="input-group" data-ph-id="ph-widget-element-7551199297250866-261">
                                        <input type="text" id="jobTitle" aria-haspopup="listbox" aria-owns="jobTitle-list" class="form-control search-box" name="jobTitles" showresultsonfocus="false" ph-a11y-autocomplete="" data-ph-autocomplete-input="jobTitle" autocomplete="off" placeholder="${widgetBundle['resumeJobTitleSearchPlaceholder'] | pht}" aria-autocomplete="list" aria-controls="jobTitle-list" aria-labelledby="job-title-label" value.bind="resumeInfo.jobTitles.value" data-ph-at-id="input-search-box" data-ph-id="ph-widget-element-7551199297250866-262" />
                                        <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-263"></i>
                                    </div>

                                    <ul role="listbox" aria-labelledby="jobTitle-list" id="jobTitle-list" class="results-list search-dropdown-list" show.bind="resumeInfo.jobTitles.showDropdown" data-ph-at-id="suggested-data-list" aria-label="${widgetBundle['resumeJobTitleSuggestionAriaLabel'] | pht }" data-ph-at-data-count=" ${resumeInfo.jobTitles.searchTitles.length}" tabindex="-1" data-ph-id="ph-widget-element-7551199297250866-264">
                                        <li role="option" repeat.for="eachTitle of resumeInfo.jobTitles.searchTitles" class="results-listitem ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index}                                                 ${resumeInfo.jobTitles.selectedTitles.indexOf(eachTitle.title) != -1 ?'selected':''}" id="jobTitle-result-item-${$index}" aria-label="${eachTitle.title}" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-widget-element-7551199297250866-265">
                                        </li>
                                        <li class="search-noresults" if.bind="!resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value" data-ph-at-id="no-suggested-results" data-ph-id="ph-widget-element-7551199297250866-266">
                                            ${widgetBundle['resumeJobTitleNoResults'] | pht }
                                        </li>
                                    </ul>

                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551199297250866-267">
                                        <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-7551199297250866-268">
                                            <span data-ph-id="ph-widget-element-7551199297250866-269">
                                                ${widgetBundle['resumeJobTitleNoResults'] | pht }
                                            </span>
                                        </div>
                                        <div class="sr-only" if.bind="resumeInfo.jobTitles.searchTitles.length &amp;&amp; resumeInfo.jobTitles.value  &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-7551199297250866-270">
                                            ${widgetBundle['resumeShowingText'] | pht }
                                            ${resumeInfo.jobTitles.searchTitles.length}
                                            ${resumeInfo.jobTitles.searchTitles.length &gt; 1 ?
                                            widgetBundle['resumeJobTitlePlural'] :
                                            widgetBundle['resumeJobTitleSingular']}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div show.bind="resumeInfo.jobTitles.selectedTitles.length > 0" class="tags-block selected-titles-block" data-ph-at-id="selectedtitles-block" data-ph-id="ph-widget-element-7551199297250866-271">

                            <a href="${activeStepIndex > 1 ? '#previous-popup-btn' : '#next-popup-btn'}" class="skip-selected each-tag" if.bind="resumeInfo.jobTitles.selectedTitles.length > 10" data-ph-id="ph-widget-element-7551199297250866-272">
                                ${widgetBundle['resumeSkipThisSection'] | pht }
                            </a>

                            <div data-ph-id="ph-widget-element-7551199297250866-273">
                                <h3 class="job-titles-heading" data-ph-id="ph-widget-element-7551199297250866-274">
                                    ${widgetBundle['resumeJobTitleSuggestionsHeading'] | pht }
                                </h3>
                            </div>
                            <ul show.bind="resumeInfo.jobTitles.selectedTitles.length > 0" class="tags-list ph-common-slection-area" id="selected-titles" ph-role="data.bind:resumeInfo.jobTitles.selectedTitles" role="${resumeInfo.jobTitles.selectedTitles.length > 1 ? 'list' : false}" data-ph-at-id="selected-title-list" data-ph-at-data-count="${resumeInfo.jobTitles.selectedTitles.length}" data-ph-id="ph-widget-element-7551199297250866-275">
                                <li class="each-tag" show.bind="resumeInfo.jobTitles.selectedTitles.length" role="${resumeInfo.jobTitles.selectedTitles.length > 1 ? 'listitem' : false}" repeat.for="selectedTitle of resumeInfo.jobTitles.selectedTitles" data-ph-at-id="selected-data-list-item" data-ph-id="ph-widget-element-7551199297250866-276">
                                    ${selectedTitle}
                                    <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('jobTitles',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedTitle}" data-ph-at-id="title-delete-link" data-ph-at-title-name-text="${selectedTitle}" data-ph-id="ph-widget-element-7551199297250866-277">
                                        <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-278"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <!-- Skills -->
                    <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-widget-element-7551199297250866-279">
                        <div class="skills-inner-wrapper" data-ph-id="ph-widget-element-7551199297250866-280">
                            <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-7551199297250866-281">
                                ${widgetBundle['resumeSkillSet'] |
                                pht:{"activeStepIndex":activeStepIndex,
                                "resumeConformationSteps":resumeConformationSteps.length}}
                            </h2>
                            <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-7551199297250866-282">
                                ${widgetBundle['resumeSkillSetSubHeading'] | pht }
                            </p>
                            <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-widget-element-7551199297250866-283">
                                ${widgetBundle['resumeSkillSetSearchLabel'] | pht }
                            </span>
                            <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-widget-element-7551199297250866-284">

                                <div class="input-group" data-ph-id="ph-widget-element-7551199297250866-285">
                                    <input type="text" aria-haspopup="listbox" aria-owns="skills-list" class="form-control search-box" placeholder="${widgetBundle['resumeSkillSetSearchPlaceholder'] | pht}" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-autocomplete="list" aria-controls="skills-list" value.bind="resumeInfo.skills.value" data-ph-at-id="input-search-box" aria-labelledby="search-skill-label" data-ph-id="ph-widget-element-7551199297250866-286" />

                                    <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-287"></i>
                                </div>

                                <ul role="listbox" class="search-dropdown-list" show.bind="resumeInfo.skills.showSkillsDropdown &amp;&amp; resumeInfo.skills.value" data-ph-at-id="suggested-data-list" id="skills-list" aria-labelledby="skills-list" aria-label="${widgetBundle['resumeSkillSetSuggestionAriaLabel'] | pht }" data-ph-at-data-count="${resumeInfo.skills.skillsList.length}" tabindex="-1" data-ph-id="ph-widget-element-7551199297250866-288">
                                    <li role="option" repeat.for="eachSkill of resumeInfo.skills.skillsList" class="results-listitem ph-autocomplete-input-listbox-item search-list-item title_${$index} ${(resumeInfo.skills.selectedSkills.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="skills-result-item-${$index}" aria-label="${eachSkill.skill}" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-widget-element-7551199297250866-289">
                                    </li>
                                    <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown" data-ph-id="ph-widget-element-7551199297250866-290">
                                        ${widgetBundle['resumeSkillSetNoResults'] | pht }
                                    </li>
                                </ul>



                                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551199297250866-291">
                                    <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-7551199297250866-292">
                                        <span data-ph-id="ph-widget-element-7551199297250866-293">
                                            ${widgetBundle['resumeSkillSetNoResults'] | pht }
                                        </span>
                                    </div>
                                    <div class="sr-only" if.bind="resumeInfo.skills.skillsList.length &amp;&amp; resumeInfo.skills.value.length &amp;&amp; resumeInfo.skills.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-7551199297250866-294">
                                        ${widgetBundle['resumeShowingText'] | pht }
                                        ${resumeInfo.skills.skillsList.length}
                                        ${resumeInfo.skills.skillsList.length &gt; 1 ?
                                        widgetBundle['resumeSkillSetPlural'] : widgetBundle['resumeSkillSetSingular']}
                                    </div>
                                </div>

                                <div show.bind="resumeInfo.skills.selectedSkills.length > 0" class="tags-block" data-ph-at-id="selectedskills-block" data-ph-id="ph-widget-element-7551199297250866-295">

                                    <a href="${resumeInfo.skills.suggestedSkills.length ? '#suggested-skills-heading' : activeStepIndex > 1 ? '#previous-popup-btn' : '#next-popup-btn'}" class="skip-selected each-tag" if.bind="resumeInfo.skills.selectedSkills.length > 10" data-ph-id="ph-widget-element-7551199297250866-296">
                                        ${widgetBundle['resumeSkipThisSection'] | pht }
                                    </a>

                                    <div data-ph-id="ph-widget-element-7551199297250866-297">
                                        <h3 class="skills-heading" data-ph-id="ph-widget-element-7551199297250866-298">
                                            ${widgetBundle['resumeSkillSetSuggestionsHeading'] | pht }
                                        </h3>
                                    </div>
                                    <ul show.bind="resumeInfo.skills.selectedSkills.length > 0" role="${resumeInfo.skills.selectedSkills.length > 1 ? 'list' : false}" class="tags-list ph-common-slection-area" id="selected-skills" data-ph-at-id="selected-data-list" tabindex="-1" ph-role="data.bind:resumeInfo.skills.selectedSkills" data-ph-at-data-count="${resumeInfo.skills.selectedSkills.length}" data-ph-id="ph-widget-element-7551199297250866-299">
                                        <li class="each-tag" show.bind="resumeInfo.skills.selectedSkills.length" role="${resumeInfo.skills.selectedSkills.length > 1 ? 'listitem' : false}" repeat.for="selectedSkill of resumeInfo.skills.selectedSkills" data-ph-at-id="selected-data-list-item" data-ph-id="ph-widget-element-7551199297250866-300">
                                            ${selectedSkill}
                                            <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('skills',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedSkill}" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${selectedSkill}" data-ph-id="ph-widget-element-7551199297250866-301">
                                                <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-302"></i>
                                            </a>
                                        </li>

                                    </ul>
                                </div>
                                <div class="tags-block" if.bind="resumeInfo.skills.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${resumeInfo.skills.suggestedSkills.length}" data-ph-id="ph-widget-element-7551199297250866-303">
                                    <div data-ph-id="ph-widget-element-7551199297250866-304">
                                        <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-widget-element-7551199297250866-305">
                                            ${widgetBundle['resumeSkillSetSuggestedHeading'] | pht }
                                        </h3>
                                    </div>
                                    <ul show.bind="resumeInfo.skills.suggestedSkills.length > 0" ph-role="data.bind:resumeInfo.skills.suggestedSkills" class="tags-list suggestions-list" id="suggested-skills" data-ph-id="ph-widget-element-7551199297250866-306">
                                        <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-widget-element-7551199297250866-307">
                                            <button class="suggestions-btn" role="link" click.delegate="resumeInfo.selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['resumeAddText'] | pht } ${eachSkill.skill}" data-ph-id="ph-widget-element-7551199297250866-308">
                                                <span data-ph-id="ph-widget-element-7551199297250866-309">${eachSkill.skill}</span>
                                                <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-310"></i>
                                            </button>
                                        </li>
                                    </ul>
                                </div>

                            </div>

                        </div>
                    </div>

                    <div if.bind="activeStep == 'workExperience'" data-ph-at-id="work-experience-block" data-ph-id="ph-widget-element-7551199297250866-311">
                        <div class="work-experience-inner-wrapper" data-ph-id="ph-widget-element-7551199297250866-312">
                            <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-7551199297250866-313">
                                ${widgetBundle['resumeExperience'] |
                                pht:{"activeStepIndex":activeStepIndex,
                                "resumeConformationSteps":resumeConformationSteps.length}}
                            </h2>
                            <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-7551199297250866-314">
                                ${widgetBundle['resumeExperienceSubHeading'] | pht }
                            </p>
                            <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${resumeInfo.experienceData.length}" data-ph-id="ph-widget-element-7551199297250866-315">

                                <legend class="sr-only" data-ph-id="ph-widget-element-7551199297250866-316">
                                    ${widgetBundle['resumeExperienceLegendText'] | pht }
                                </legend>

                                <div class="radio-group" data-ph-id="ph-widget-element-7551199297250866-317">
                                    <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-widget-element-7551199297250866-318">
                                        <input name="experience" model.bind="exp" id="exp_${$index}" checked.bind="resumeInfo.workExperience.selectedExp" type="radio" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-widget-element-7551199297250866-319" />
                                        <label for="exp_${$index}" class="radio-label" data-ph-id="ph-widget-element-7551199297250866-320">
                                            <span data-ph-id="ph-widget-element-7551199297250866-321">${exp.displayName} </span>
                                            <span data-ph-id="ph-widget-element-7551199297250866-322">
                                                ${widgetBundle['resumeExperienceYearsText'] | pht }
                                            </span>
                                        </label>
                                    </span>
                                </div>

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

                    <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-widget-element-7551199297250866-323">
                        <div class="work-experience-inner-wrapper" data-ph-id="ph-widget-element-7551199297250866-324">
                            <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-widget-element-7551199297250866-325">
                                ${widgetBundle['resumeLocation'] |
                                pht:{"activeStepIndex":activeStepIndex,
                                "resumeConformationSteps":resumeConformationSteps.length}}
                            </h2>
                            <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-widget-element-7551199297250866-326">
                                ${widgetBundle['resumeLocationSubHeading'] | pht }
                            </p>

                            <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-widget-element-7551199297250866-327">
                                ${widgetBundle['resumeLocationSearchLabel'] | pht }
                            </span>

                            <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-widget-element-7551199297250866-328">

                                <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-widget-element-7551199297250866-329">

                                    <input type="text" aria-haspopup="listbox" aria-owns="locations-list" class="location ph-a11y-location-box" placeholder="${widgetBundle['resumeLocationSearchPlaceholder'] | pht}" showresultsonfocus="false" ph-a11y-autocomplete="" id="preferredLocation" name="preferredLocation" data-ph-autocomplete-input="locations" autocomplete="off" aria-autocomplete="list" aria-controls="locations-list" value.bind="resumeInfo.preferredLocation.value" data-ph-at-id="input-search-box" aria-labelledby="preferred-location-label" data-ph-id="ph-widget-element-7551199297250866-330" />

                                    <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-331"></i>
                                </div>

                                <ul role="listbox" class="combobox-results-list search-dropdown-list" show.bind="resumeInfo.preferredLocation.showLocationDropdown" data-ph-at-id="suggested-data-list" id="locations-list" aria-labelledby="locations-list" aria-label="${widgetBundle['resumeLocationSuggestionAriaLabel'] | pht}" data-ph-at-data-count="${resumeInfo.preferredLocation.locationsList.length}" tabindex="-1" data-ph-id="ph-widget-element-7551199297250866-332">
                                    <li role="option" repeat.for="eachLocation of resumeInfo.preferredLocation.locationsList" class="combobox-results-listitem ph-autocomplete-input-listbox-item search-list-item title_${$index}
                                                ${(resumeInfo.preferredLocation.selectedLocations.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ?'selected':''}" id="preferredLocation-result-item-${$index}" data-ph-at-id="suggested-data-list-item" aria-label="${eachLocation.location_display}" data-ph-at-locations-name-text="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-widget-element-7551199297250866-333">
                                    </li>
                                    <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown" data-ph-id="ph-widget-element-7551199297250866-334">
                                        ${widgetBundle['resumeLocationNoResultsText'] | pht}
                                    </li>
                                </ul>


                                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551199297250866-335">
                                    <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-7551199297250866-336">
                                        <span data-ph-id="ph-widget-element-7551199297250866-337">
                                            ${widgetBundle['resumeLocationNoResultsText'] | pht}
                                        </span>
                                    </div>
                                    <div class="sr-only" if.bind="resumeInfo.preferredLocation.locationsList.length &amp;&amp; resumeInfo.preferredLocation.value.length &amp;&amp; resumeInfo.preferredLocation.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-7551199297250866-338">
                                        ${widgetBundle['resumeShowingText'] | pht }
                                        ${resumeInfo.preferredLocation.locationsList.length}
                                        ${resumeInfo.preferredLocation.locationsList.length &gt; 1 ?
                                        widgetBundle['resumeLocationPlural'] : widgetBundle['resumeLocationSingular']}

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

                            <div show.bind="resumeInfo.preferredLocation.selectedLocations.length > 0" class="tags-block selected-locations-block" data-ph-at-id="selectedlocations-block" data-ph-id="ph-widget-element-7551199297250866-339">

                                <a href="${activeStepIndex > 1 ? '#previous-popup-btn' : '#next-popup-btn'}" class="skip-selected each-tag" if.bind="resumeInfo.preferredLocation.selectedLocations.length > 10" data-ph-id="ph-widget-element-7551199297250866-340">
                                    ${widgetBundle['resumeSkipThisSection'] | pht }
                                </a>

                                <div data-ph-id="ph-widget-element-7551199297250866-341">
                                    <h3 class="location-heading" data-ph-id="ph-widget-element-7551199297250866-342">
                                        ${widgetBundle['resumeLocationSuggestionsHeading'] | pht }
                                    </h3>
                                </div>
                                <ul show.bind="resumeInfo.preferredLocation.selectedLocations.length > 0" role="${resumeInfo.preferredLocation.selectedLocations.length > 1 ? 'list' : false}" class="tags-list ph-common-slection-area" id="selected-locations" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${resumeInfo.preferredLocation.selectedLocations.length}" data-ph-id="ph-widget-element-7551199297250866-343">
                                    <li class="each-tag" show.bind="resumeInfo.preferredLocation.selectedLocations.length" role="${resumeInfo.preferredLocation.selectedLocations.length > 1 ? 'listitem' : false}" repeat.for="selectedLocation of resumeInfo.preferredLocation.selectedLocations" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-7551199297250866-344">
                                        ${selectedLocation}
                                        <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('preferredLocation',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedLocation}" data-ph-at-id="location-delete-link" data-ph-at-location-name-text="${selectedLocation}" data-ph-id="ph-widget-element-7551199297250866-345">
                                            <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-346"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>


                    <div class="active-step-prev-next-btns" if.bind="activeStep != 'contactDetails' &amp;&amp; activeStep != 'cancel'" data-ph-id="ph-widget-element-7551199297250866-347">
                        <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-widget-element-7551199297250866-348">
                            <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-widget-element-7551199297250866-349">
                                <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-350"></i>
                                ${widgetBundle['resumeStepsPrevText'] | pht }
                            </button>
                        </div>
                        <div class="active-step-button-cntr next" data-ph-id="ph-widget-element-7551199297250866-351">
                            <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-widget-element-7551199297250866-352">
                                <span if.bind="activeStepIndex !=  resumeConformationSteps.length" data-ph-id="ph-widget-element-7551199297250866-353">
                                    ${widgetBundle['resumeStepsNextText'] | pht }
                                </span>
                                <span if.bind="activeStepIndex ==  resumeConformationSteps.length " data-ph-id="ph-widget-element-7551199297250866-354">
                                    ${widgetBundle['resumeStepsSubmitText'] | pht }
                                </span>
                                <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-355"></i>
                            </button>
                        </div>
                    </div>

                    <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551199297250866-356">
                        <div if.bind="selectionRemovalSronly" data-ph-id="ph-widget-element-7551199297250866-357">
                            ${selectionRemovalSrText}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-widget-element-7551199297250866-358">
        <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" show.bind="isDialogOpen" data-ph-id="ph-widget-element-7551199297250866-359">
            <!-- Upload resume dropzone area -->
            <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-widget-element-7551199297250866-360">
                <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-widget-element-7551199297250866-361">
                    <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="invalid format
                        resume popup close" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-uploadFailurePopupCloseAriaLabel1" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551199297250866-362">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-363"></i>
                    </button>
                    <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-widget-element-7551199297250866-364">
                        <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-365"></i>
                        <span key="Q9iFFH-ph-find-your-fit-container-v1-default-sadFileIconText" class="sr-only" data-ph-id="ph-widget-element-7551199297250866-366">Failure icon</span>
                    </div>
                    <div data-ph-id="ph-widget-element-7551199297250866-367">
                        <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-widget-element-7551199297250866-368">
                            <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-369"> Oops
                                invalid format...</ppc-content>
                        </h3>
                        <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-widget-element-7551199297250866-370">
                            <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-371"> Oops...
                            </ppc-content>
                        </h3>
                        <p if.bind="isFileSupported" data-ph-id="ph-widget-element-7551199297250866-372">
                            <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-7551199297250866-373">
                                Please upload one of the following file formats: pdf, docx, txt </ppc-content>
                        </p>
                        <p if.bind="!isFileSupported &amp;&amp; limitExceeded &amp;&amp; widgetBundle['uploadFileSizeError']" data-ph-id="ph-widget-element-7551199297250866-374">
                            ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}}
                        </p>
                        <p if.bind="!isFileSupported &amp;&amp; ((limitExceeded &amp;&amp; !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-widget-element-7551199297250866-375">
                            <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-7551199297250866-376">Something
                                went wrong.
                            </ppc-content>
                        </p>
                        <p if.bind="!isFileSupported &amp;&amp; ((limitExceeded &amp;&amp; !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-widget-element-7551199297250866-377">
                            <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadErrorUploadAgain" data-ph-at-id="error-text" data-ph-id="ph-widget-element-7551199297250866-378">Please try to
                                upload your resume again</ppc-content>
                        </p>
                        <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-widget-element-7551199297250866-379">
                            <div class="upload-again" data-ph-id="ph-widget-element-7551199297250866-380">
                                <section class="ph-widget" data-tmpl-type="inline" instance-id="VQo0pY" original-view="upload-new" view="7551197891019901-new" data-ph-id="ph-widget-element-7551199297250866-381">
                                    <div class="ph-import-resume-v1-upload-new-default ph-widget-target" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="7551197891019901-new" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="upload-new" instance-id="VQo0pY" data-ph-id="ph-widget-element-7551199297250866-382">
                                        <div class="ph-dropzone-area" data-ph-id="ph-widget-element-7551199297250866-383">
                                            <button id="ph-dropzone" class="upload-btn btn
                                                primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-7551199297250866-384">
                                                <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-widget-element-7551199297250866-385">Try
                                                    again</ppc-content>
                                            </button>
                                        </div>
                                    </div>
                                </section>
                            </div>
                        </div>

                    </div>

                </div>
                <div if.bind="contactDetailsPopup" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-widget-element-7551199297250866-386">
                    <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="contact
                        details
                        popup Close" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-contactDetailsPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551199297250866-387">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-388"></i>
                    </button>
                    <div class="contact-details-inner-wrapper" data-ph-id="ph-widget-element-7551199297250866-389">
                        <p if.bind="!contactDetailsFailure &amp;&amp;
                            contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-widget-element-7551199297250866-390">
                            ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}}
                        </p>
                        <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-widget-element-7551199297250866-391">
                            <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsErrorText1" data-ph-at-id="description-error-text" data-ph-id="ph-widget-element-7551199297250866-392">
                                Sorry ! Something went wrong, please try again in a few minutes
                            </ppc-content>
                        </p>
                        <h2 if.bind="contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-widget-element-7551199297250866-393">
                            <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-394"> But we
                                noticed below information is missing from it.
                                <br /> Please complete the following:
                            </ppc-content>
                        </h2>
                        <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-widget-element-7551199297250866-395">
                            <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-396"> We
                                noticed below information is missing from it. <br /> Please complete the following:
                            </ppc-content>
                        </h2>
                        <div data-ph-id="ph-widget-element-7551199297250866-397">
                            <form role="form" aria-label="contact details" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-contactDetailspopupFormArialLabel1" data-ph-id="ph-widget-element-7551199297250866-398">
                                <div class="form-group
                                    ${contactDetails.email.error
                                    ? 'error focus':''}" data-ph-id="ph-widget-element-7551199297250866-399">
                                    <div data-ph-id="ph-widget-element-7551199297250866-400">
                                        <label for="email" data-ph-id="ph-widget-element-7551199297250866-401">
                                            <span key="Lfakj2-Q9iFFH-ph-find-your-fit-container-v1-default-contactDetailsEmail" class="sr-only" data-ph-id="ph-widget-element-7551199297250866-402">Email</span>
                                            <span class="" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-403">
                                                <ppc-content key="N4t9Ae-Q9iFFH-ph-find-your-fit-container-v1-default-contactDetailsEmail" data-ph-at-id="email-text" data-ph-id="ph-widget-element-7551199297250866-404">Email
                                                </ppc-content>
                                            </span>
                                        </label>
                                        <div class="input-group" data-ph-id="ph-widget-element-7551199297250866-405">
                                            <input type="text" class="form-control
                                                ph-a11y-form-control-config-email fs-block" id="email" placeholder="your@mail.com" key-placeholder="Q9iFFH-ph-find-your-fit-container-v1-default-contactDetailsEmailInputPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-widget-element-7551199297250866-406">
                                            <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-widget-element-7551199297250866-407">
                                                <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-7551199297250866-408">
                                                    <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorText" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-widget-element-7551199297250866-409">
                                                        Email should not empty
                                                    </ppc-content>
                                                </span>
                                                <span if.bind="contactDetailsErrorObj.email.code &amp;&amp; contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-7551199297250866-410">
                                                    <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorCorrectFormat" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-widget-element-7551199297250866-411">
                                                        Enter a vaild email adress
                                                    </ppc-content>
                                                </span>
                                            </span>
                                            <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-412"></i>
                                        </input></div>
                                    </div>
                                </div>
                                <div class="form-group
                                    ${contactDetails.phone.error
                                    ? 'error focus':''}" data-ph-id="ph-widget-element-7551199297250866-413">
                                    <div data-ph-id="ph-widget-element-7551199297250866-414">
                                        <label for="phone" data-ph-id="ph-widget-element-7551199297250866-415">
                                            <span key="UmwRTY-Q9iFFH-ph-find-your-fit-container-v1-default-ContactDetailsPhone" class="sr-only" data-ph-id="ph-widget-element-7551199297250866-416">Phone</span>
                                            <span class="" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-417">
                                                <ppc-content key="LLk014-Q9iFFH-ph-find-your-fit-container-v1-default-contactDetailsPhone" data-ph-at-id="phone-text" data-ph-id="ph-widget-element-7551199297250866-418">Phone
                                                </ppc-content>
                                            </span>
                                        </label>
                                        <div class="input-group" data-ph-id="ph-widget-element-7551199297250866-419">
                                            <input type="text" class="form-control
                                                ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="Enter your phone number" key-placeholder="Q9iFFH-ph-find-your-fit-container-v1-default-ContactDetailsPhoneInputPlaceHolder1" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-widget-element-7551199297250866-420">
                                            <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code
                                                &amp;&amp;
                                                contactDetailsErrorObj.phone.code
                                                == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-widget-element-7551199297250866-421">
                                                <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-contactDetailsPhoneInputErrorText" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-widget-element-7551199297250866-422">Please
                                                    enter correct phone number
                                                </ppc-content>
                                            </span>
                                            <i class="icon
                                                icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-423"></i>
                                        </input></div>
                                    </div>
                                </div>
                            </form>
                            <div data-ph-id="ph-widget-element-7551199297250866-424">
                                <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-widget-element-7551199297250866-425">
                                    <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-uploadResumeContactDetailsSubtmitText" data-ph-id="ph-widget-element-7551199297250866-426">Submit</ppc-content>
                                </button>
                            </div>

                        </div>

                    </div>

                </div>
                <div class="user-signin-area" if.bind="currentStep ==
                    'userSignIn'
                    &amp;&amp; !showLoader &amp;&amp; isAnonymous" data-ph-id="ph-widget-element-7551199297250866-427">
                    <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="social login
                        popup
                        Close" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-socialLoginPopupCloseAriaLabelText" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551199297250866-428">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-429"></i>
                    </button>
                    <div class="upload-success-social-login" if.bind="isLoggedIn" data-ph-at-id="upload-success-social-login-block" data-ph-id="ph-widget-element-7551199297250866-430">
                        <div class="upload-cv-status-area" if.bind="contactDetailsFirstTime" data-ph-at-id="success-block" data-ph-at-filename-text="${profileData.resumeName}" data-ph-id="ph-widget-element-7551199297250866-431">
                            <p data-ph-at-id="sucess-text" data-ph-id="ph-widget-element-7551199297250866-432">
                                ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}}
                            </p>
                        </div>
                        <div class="signin-options-area" if.bind="!mergeRequired
                            &amp;&amp;
                            isAnonymous &amp;&amp; !disableSocialLogin" data-ph-id="ph-widget-element-7551199297250866-433">
                            <h2 class="phs-heading" data-ph-id="ph-widget-element-7551199297250866-434">
                                <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadSuccessHeading2" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551199297250866-435">Sign in and
                                    keep your data for future visits</ppc-content>
                            </h2>
                            <section class="ph-widget" instance-id="PUJDGy" original-view="view4" view="7551197943132087-view4" data-ph-id="ph-widget-element-7551199297250866-436">
                                <div class="ph-social-connect-v1-view4-default ph-widget-target" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="7551197943132087-view4" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="PUJDGy" data-ph-id="ph-widget-element-7551199297250866-437"></div>
                            </section>
                            <div class="signin-info" data-ph-id="ph-widget-element-7551199297250866-438">
                                <span data-ph-id="ph-widget-element-7551199297250866-439">
                                    <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-440"></i>
                                    <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadSuccessDesc" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-widget-element-7551199297250866-441">
                                        We
                                        never post anything without your
                                        permission</ppc-content>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="social-signin-area" if.bind="currentStep ==
                    'userSignIn'
                    &amp;&amp; !showLoader &amp;&amp; !isAnonymous" data-ph-id="ph-widget-element-7551199297250866-442">
                    <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-widget-element-7551199297250866-443">
                        <div class="failure-img-block" data-ph-id="ph-widget-element-7551199297250866-444">
                            <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-445"></i>
                            <span key="Q9iFFH-ph-find-your-fit-container-v1-default-happyFileIconText" class="sr-only" data-ph-id="ph-widget-element-7551199297250866-446">success icon
                        </span></div>
                        <div data-ph-id="ph-widget-element-7551199297250866-447">
                            <h3 class="heading" data-ph-id="ph-widget-element-7551199297250866-448">
                                <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessHeading" data-ph-at-id="sucess-text" data-ph-id="ph-widget-element-7551199297250866-449"> Great!
                                </ppc-content>
                            </h3>
                            <div class="p-text" data-ph-id="ph-widget-element-7551199297250866-450">
                                <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes1" data-ph-at-id="sucess-desc1" data-ph-id="ph-widget-element-7551199297250866-451">Your file
                                    is successfully uploaded</ppc-content>
                            </div>
                            <div class="p-text" data-ph-id="ph-widget-element-7551199297250866-452">
                                <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes3" data-ph-at-id="sucess-desc2" data-ph-id="ph-widget-element-7551199297250866-453">Enjoy your
                                    personalized jobs</ppc-content>

                            </div>
                            <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-widget-element-7551199297250866-454">
                                <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="file
                                    upload success popup close" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-socialLoginSuccessCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551199297250866-455">
                                    <span class="btn primary-button" data-ph-id="ph-widget-element-7551199297250866-456">
                                        <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-socialLoginCloseText" data-ph-at-id="close-link-text" data-ph-id="ph-widget-element-7551199297250866-457">Close
                                        </ppc-content>
                                    </span>
                                </button>
                            </div>
                        </div>
                    </div>

                </div>
                <div if.bind="isDeleteResume" class="upload-delete" data-ph-at-id="upload-delete-block" data-ph-id="ph-widget-element-7551199297250866-458">
                    <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="reset popup
                        close" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-resetPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551199297250866-459">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-460"></i>
                    </button>
                    <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-widget-element-7551199297250866-461">
                        <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-widget-element-7551199297250866-462"></i>
                        <span class="sr-only" key="Q9iFFH-ph-find-your-fit-container-v1-default-removeFileIconText" data-ph-id="ph-widget-element-7551199297250866-463">reset
                            icon</span>
                    </div>
                    <div data-ph-id="ph-widget-element-7551199297250866-464">
                        <div class="p-text" data-ph-id="ph-widget-element-7551199297250866-465">
                            <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-resumeUploadDeletDescription" data-ph-at-id="description-text" data-ph-id="ph-widget-element-7551199297250866-466">By
                                resetting personalization
                                <br />you will lose your personalized job recommendations
                            </ppc-content>
                        </div>
                        <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-widget-element-7551199297250866-467">
                            <div class="delete-link" data-ph-id="ph-widget-element-7551199297250866-468">
                                <button class="btn warning-button" aria-label="Reset" key-aria-label="Q9iFFH-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteAriaLabel" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-widget-element-7551199297250866-469">
                                    <ppc-content key="Q9iFFH-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteButtonText" data-ph-id="ph-widget-element-7551199297250866-470">
                                        Reset
                                    </ppc-content>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <!-- Find your fit -->
    <section class="ph-widget phcriticalhide" instance-id="X5gTVe" if.bind="isFyfEnabled" original-view="default" view="7551198598825702-default" data-ph-id="ph-widget-element-7551199297250866-471">
        <div class="ph-find-your-fit-v1-default-default ph-widget-target" fyf-steps.bind="stepsData" fyf-info.bind="fyfInfoData" as-element="ph-find-your-fit-v1" instance-id="X5gTVe" data-widget="ph-find-your-fit-v1" view="7551198598825702-default" original-view="default" data-ph-id="ph-widget-element-7551199297250866-472"></div>
    </section>
    <!-- Candidate login mobile view -->
    <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-widget-element-7551199297250866-473">
        
    </div>
    <!-- Candidate login desktop view -->
    <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-widget-element-7551199297250866-476">
        <section class="ph-widget" instance-id="JCt0Vx" hide-on-mobile="true" original-view="default" view="7551198955574347-default" data-ph-id="ph-widget-element-7551199297250866-477">
            <div as-element="ph-candidate-login-v1" flow-type="signUp" data-widget="ph-candidate-login-v1" widget-context.bind="candidatePopupData" class="ph-candidate-login-v1-default-default ph-widget-target" view="7551198955574347-default" instance-id="JCt0Vx" original-view="default" data-ph-id="ph-widget-element-7551199297250866-478"></div>
        </section>

    </div>

    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551199297250866-479">
        <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-widget-element-7551199297250866-480">
            resume uploaded
        </div>
        <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-widget-element-7551199297250866-481">
            resume uploading
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-7551197849303051-upload-resume" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-7551197849303051-2">
    <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="xEIfEO-6yq3r5-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button" data-ph-id="ph-widget-element-7551197849303051-3">
        <div class="dropzone-content" data-ph-id="ph-widget-element-7551197849303051-4">
            <div class="content-holder" data-ph-id="ph-widget-element-7551197849303051-5">
                <span data-ph-id="ph-widget-element-7551197849303051-6">
                    <ppc-content key="y6kdkk-6yq3r5-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-widget-element-7551197849303051-7">Use My Resume</ppc-content>
                </span>
            </div>
        </div>
    </button>
</div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-7551198377191924-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-7551198377191924-2">
    <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-widget-element-7551198377191924-3">
        <span class="sr-only required-checkbox" data-ph-id="ph-widget-element-7551198377191924-4">${widgetBundle["requiredText"]}</span>
        ${widgetBundle["consentsLinkText"]}
    </a>
</div>
<div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-widget-element-7551198377191924-5">
    <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-widget-element-7551198377191924-6">
        <!-- Dialog area -->
        <div class="modal-dialog consent-popup" data-ph-id="ph-widget-element-7551198377191924-7">
            <div class="close-popup-btn" data-ph-id="ph-widget-element-7551198377191924-8">
                <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551198377191924-9">
                    <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198377191924-10"></i>
                </button>
            </div>
            <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-7551198377191924-11">
                ${widgetBundle["consentHeading"]}
            </h2>
            <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-widget-element-7551198377191924-12">
                <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198377191924-13">
                    <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-widget-element-7551198377191924-14">
                    <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198377191924-15"></span>
                    <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198377191924-16"></span>
                    <span class="checkbox-text" data-ph-id="ph-widget-element-7551198377191924-17">
                        <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198377191924-18"> </span>
                        <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198377191924-19">*</span>
                    </span>
                </input></label>
            </div>
            <div class="consent-accept-area" data-ph-id="ph-widget-element-7551198377191924-20">
                <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-widget-element-7551198377191924-21">
                    ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]}
                </button>
            </div>
        </div>

    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-7551198413937922-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-7551198413937922-2"></div>
<div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-7551198413937922-3">
    <div class="widget-container" data-ph-id="ph-widget-element-7551198413937922-4">
        <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-widget-element-7551198413937922-5">

            <!-- Data Consent -->
            <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-widget-element-7551198413937922-6">
                <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-7551198413937922-7">
                    <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="vETmn9-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-7551198413937922-8">
                    <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198413937922-9">
                        <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198413937922-10"></i>
                    </span>
                    <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-7551198413937922-11">
                        <ppc-content key="zju6GW-vETmn9-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551198413937922-12">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-7551198413937922-13">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198413937922-14">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </input></label>
                <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-7551198413937922-15">
                    <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-7551198413937922-16">
                        <ppc-content key="QSSwxJ-vETmn9-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551198413937922-17">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-7551198413937922-18">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198413937922-19">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </div>
            </div>

            <!-- Data Consent Error message -->
            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198413937922-20">
                <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-widget-element-7551198413937922-21">
                    <span class="social-alert-msg" data-ph-id="ph-widget-element-7551198413937922-22">
                        ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                    </span>

                </div>
            </div>

            <ul class="login-link-list" role="list" key-role="vETmn9-ph-social-connect-v1-view5-listRole" data-ph-id="ph-widget-element-7551198413937922-23">
                <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="vETmn9-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-widget-element-7551198413937922-24">
                    <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-widget-element-7551198413937922-25">
                        <div class="icon-block" data-ph-id="ph-widget-element-7551198413937922-26">
                            <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-7551198413937922-27"></i>
                        </div>
                        <div class="text-block" aria-hidden="true" data-ph-id="ph-widget-element-7551198413937922-28"> ${widgetBundle[eachSocial.name] | pht}</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-7551197802247761-upload" nonce="">
                                                <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-7551197802247761-2">
                                                    <button id="ph-dropzone" class="upload-btn" aria-label="Use new resume" ph-tevent="new-resume" key-aria-label="bwqn6h-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-7551197802247761-3">
                                                        <span class="action-icon" data-ph-id="ph-widget-element-7551197802247761-4">
                                                            <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-widget-element-7551197802247761-5"></i>
                                                        </span>
                                                        <ppc-content key="bwqn6h-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-widget-element-7551197802247761-6">
                                                            Use new resume
                                                        </ppc-content>
                                                    </button>
                                                </div>
                                            </script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-7551198160203370-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-7551198160203370-2">
    <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-widget-element-7551198160203370-3">
        <span class="sr-only required-checkbox" data-ph-id="ph-widget-element-7551198160203370-4">${widgetBundle["requiredText"]}</span>
        ${widgetBundle["consentsLinkText"]}
    </a>
</div>
<div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-widget-element-7551198160203370-5">
    <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-widget-element-7551198160203370-6">
        <!-- Dialog area -->
        <div class="modal-dialog consent-popup" data-ph-id="ph-widget-element-7551198160203370-7">
            <div class="close-popup-btn" data-ph-id="ph-widget-element-7551198160203370-8">
                <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551198160203370-9">
                    <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198160203370-10"></i>
                </button>
            </div>
            <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-7551198160203370-11">
                ${widgetBundle["consentHeading"]}
            </h2>
            <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-widget-element-7551198160203370-12">
                <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198160203370-13">
                    <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-widget-element-7551198160203370-14">
                    <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198160203370-15"></span>
                    <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198160203370-16"></span>
                    <span class="checkbox-text" data-ph-id="ph-widget-element-7551198160203370-17">
                        <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198160203370-18"> </span>
                        <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198160203370-19">*</span>
                    </span>
                </input></label>
            </div>
            <div class="consent-accept-area" data-ph-id="ph-widget-element-7551198160203370-20">
                <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-widget-element-7551198160203370-21">
                    ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]}
                </button>
            </div>
        </div>

    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-7551198242591332-view1" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-widget-element-7551198242591332-2">

    <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-7551198242591332-3"></div>

    <!-- Content block -->
    <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-widget-element-7551198242591332-4">

        <!-- Login in area -->
        <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198242591332-5">

            <!-- Sign in heading -->
            <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-7551198242591332-6">

                <!-- Invalid link error message -->
                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198242591332-7">
                    <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-widget-element-7551198242591332-8">

                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-9"></i>

                        <span class="alert-msg" data-ph-id="ph-widget-element-7551198242591332-10">
                            ${widgetBundle['resetPasswordInvalidText'] | pht}
                        </span>

                    </div>
                </div>

                <!-- Sign in heading -->
                <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198242591332-11">
                    <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-widget-element-7551198242591332-12">
                        ${widgetBundle['signInPopUpHeading']}
                    </h2>
                    <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-7551198242591332-13">
                        ${widgetBundle['signInPopUpSubHeading'] | pht}
                    </p>
                </div>

                <!-- Forgot heading -->
                <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-7551198242591332-14">
                    <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198242591332-15">
                        ${widgetBundle['forgotPasswordPopUpHeading'] | pht}
                    </h2>
                    <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-widget-element-7551198242591332-16">
                        ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht}
                    </p>
                </div>

                <!-- Reset password heading -->
                <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198242591332-17">
                    <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198242591332-18">
                        ${widgetBundle['resetPasswordPopUpHeading'] | pht}
                    </h2>
                    <p class="sub-heading reset-instruction" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-widget-element-7551198242591332-19">
                    </p>
                </div>


            </div>

            <!-- Login form -->
            <div class="login-form" data-ph-id="ph-widget-element-7551198242591332-20">
                <form novalidate="" data-ph-id="ph-widget-element-7551198242591332-21">
                    <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-7551198242591332-22">

                        <!-- Email -->
                        <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198242591332-23">

                            <label for="signinEmail" class="form-label" data-ph-id="ph-widget-element-7551198242591332-24">
                                ${widgetBundle['signInEmailFormLabel'] | pht}
                            </label>

                            <div class="form-container" data-ph-id="ph-widget-element-7551198242591332-25">

                                <div class="text-box" data-ph-id="ph-widget-element-7551198242591332-26">

                                    <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-widget-element-7551198242591332-27">

                                    <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-7551198242591332-28"></i>
                                    <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-widget-element-7551198242591332-29"></i>

                                </input></div>

                                <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-widget-element-7551198242591332-30">

                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198242591332-31">
                                        <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198242591332-32">
                                            ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                        </span>

                                        <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198242591332-33">
                                            ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                        </span>
                                    </div>
                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198242591332-34">
                                        ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                    </span>

                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198242591332-35">
                                        ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                    </span>

                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-widget-element-7551198242591332-36">
                                        ${widgetBundle['accCreated1Error'] | pht}
                                        ${errors.email.socialProvider}
                                        ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider}
                                    </span>

                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-widget-element-7551198242591332-37">
                                        ${widgetBundle['noAccountError'] | pht}
                                        <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-7551198242591332-38">
                                            ${widgetBundle['createAccountButtonText'] | pht}</a>
                                    </span>

                                </div>

                            </div>

                        </div>

                        <!-- Password -->
                        <div class="form-group-row mb-0" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198242591332-39">

                            <label for="signInPassword" class="form-label" data-ph-id="ph-widget-element-7551198242591332-40">
                                ${widgetBundle['signInPasswordFormLabel'] | pht}
                            </label>

                            <div class="form-container" data-ph-id="ph-widget-element-7551198242591332-41">

                                <div class="text-box" data-ph-id="ph-widget-element-7551198242591332-42">

                                    <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control  fs-block'" aria-describedby="errorPassword" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-widget-element-7551198242591332-43">

                                    <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-widget-element-7551198242591332-44"></i>

                                    <div class="pswrd-visibility" data-ph-id="ph-widget-element-7551198242591332-45">
                                        <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-7551198242591332-46">
                                            <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-47"></i>
                                            <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-48"></i>
                                        </button>
                                    </div>

                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198242591332-49">
                                        <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198242591332-50">
                                            ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                        </span>

                                        <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198242591332-51">
                                            ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                        </span>
                                    </div>

                                </input></div>

                                <div class="form-alert" id="errorPassword" data-ph-id="ph-widget-element-7551198242591332-52">
                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198242591332-53">

                                        <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-widget-element-7551198242591332-54">
                                            ${widgetBundle['errorMessageEmptyPassword'] | pht}
                                        </span>

                                        <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-widget-element-7551198242591332-55">
                                            ${widgetBundle['errorIncorrectPassword'] | pht}
                                        </span>

                                    </div>

                                    <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-widget-element-7551198242591332-56">
                                        ${widgetBundle['errorMessageEmptyPassword'] | pht}
                                    </span>

                                    <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-widget-element-7551198242591332-57">
                                        ${widgetBundle['errorIncorrectPassword'] | pht}
                                    </span>

                                </div>

                            </div>

                        </div>

                        <!-- Error message -->
                        <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198242591332-58">
                            <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-widget-element-7551198242591332-59">

                                <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-60"></i>

                                <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198242591332-61">
                                    ${widgetBundle['technicalIssueText'] | pht}
                                </span>

                            </div>
                        </div>

                        <!-- Sign in button -->
                        <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198242591332-62">

                            <div class="form-container" data-ph-id="ph-widget-element-7551198242591332-63">
                                <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198242591332-64">
                                    ${widgetBundle['signInButton'] | pht}
                                </button>
                            </div>

                            <div class="form-container" data-ph-id="ph-widget-element-7551198242591332-65">
                                <div class="user-options" data-ph-id="ph-widget-element-7551198242591332-66">

                                    <span class="each-option" data-ph-id="ph-widget-element-7551198242591332-67">
                                        <label for="staySignIn" class="input-check-group" data-ph-id="ph-widget-element-7551198242591332-68">
                                            <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-widget-element-7551198242591332-69">

                                            <span class="checkbox" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-70">
                                                <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-71"></i>
                                            </span>

                                            <span class="checkbox-label-text" data-ph-id="ph-widget-element-7551198242591332-72">
                                                ${widgetBundle['staySignedInCheckboxText'] | pht}
                                            </span>

                                        </input></label>
                                    </span>

                                    <span class="each-option" data-ph-id="ph-widget-element-7551198242591332-73">
                                        <span class="forgot-password-area" data-ph-id="ph-widget-element-7551198242591332-74">
                                            <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-widget-element-7551198242591332-75">
                                                ${widgetBundle['forgotPasswordLinkText'] | pht}
                                            </a>
                                        </span>
                                    </span>

                                </div>
                            </div>

                        </div>

                        <!-- Error message -->
                        <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-7551198242591332-76">
                            <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-widget-element-7551198242591332-77">

                                <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-78"></i>

                                <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198242591332-79">
                                    ${widgetBundle['technicalIssueText'] | pht}
                                </span>

                            </div>
                        </div>

                        <!-- Reset button -->
                        <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-7551198242591332-80">

                            <!-- Password reset link -->
                            <div class="form-container" data-ph-id="ph-widget-element-7551198242591332-81">

                                <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198242591332-82">
                                    ${widgetBundle['resetPasswordButtonText'] | pht}
                                </button>

                            </div>

                        </div>

                    </div>
                </form>
            </div>

            <!-- Resend email section -->
            <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198242591332-83">
                <span id="cd-pf-recieve-email" data-ph-id="ph-widget-element-7551198242591332-84">
                    ${widgetBundle['resentEmailButtonLabel'] | pht}
                </span>
                <button ref="resendEmailLink" class.bind="!isResendBtnEnable ? 'resend-btn-disabled cd-resend-mail' : 'cd-resend-mail'" disabled.bind="!isResendBtnEnable" click.delegate="resendPswrdResetLink()" data-ph-id="ph-widget-element-7551198242591332-85">
                    ${widgetBundle['resentEmailButtonText'] | pht}
                </button>
                <span tabindex="-1" if.bind="isEmailResend" class="resend-success-text" data-ph-id="ph-widget-element-7551198242591332-86">
                    ${widgetBundle['emailResendSuccessText'] | pht}
                  </span>
            </div>

            <!-- Retrun signin section -->
            <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198242591332-87">
                <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-widget-element-7551198242591332-88">
                    ${widgetBundle['returnSigninText'] | pht}
                </button>
            </div>

        </div>

        <!-- Create account area -->
        <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198242591332-89">

            <!-- Create account heading -->
            <!-- aria-live="assertive" aria-atomic="true" -->
            <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-7551198242591332-90">
                <!-- tabindex="-1" ph-a11y-focus -->
                <div class="sign-in-heading-block" data-ph-id="ph-widget-element-7551198242591332-91">
                    <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198242591332-92">
                        ${widgetBundle['createAccountPopUpHeading'] | pht}
                    </h2>
                    <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-widget-element-7551198242591332-93">
                        ${widgetBundle['createAccountPopUpSubHeading'] | pht}
                    </p>
                </div>
            </div>

            <!-- Login form -->
            <div class="login-form" data-ph-id="ph-widget-element-7551198242591332-94">
                <form novalidate="" data-ph-id="ph-widget-element-7551198242591332-95">
                    <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-7551198242591332-96">

                        <!-- Email -->
                        <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-widget-element-7551198242591332-97">

                            <label for="createEmail" class="form-label" data-ph-id="ph-widget-element-7551198242591332-98">
                                ${widgetBundle['createAccountEmailFormLabel'] | pht}
                            </label>

                            <div class="form-container" data-ph-id="ph-widget-element-7551198242591332-99">

                                <div class="text-box" data-ph-id="ph-widget-element-7551198242591332-100">

                                    <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-widget-element-7551198242591332-101">

                                    <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-7551198242591332-102"></i>
                                    <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-widget-element-7551198242591332-103"></i>

                                </input></div>

                                <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-widget-element-7551198242591332-104">

                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198242591332-105">
                                        <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198242591332-106">
                                            ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                        </span>

                                        <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198242591332-107">
                                            ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                        </span>
                                    </div>
                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198242591332-108">
                                        ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                    </span>

                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198242591332-109">
                                        ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                    </span>

                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-widget-element-7551198242591332-110">
                                        You created an account with this email using
                                        ${errors.email.socialProvider}
                                        ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider}
                                    </span>

                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-widget-element-7551198242591332-111">
                                        ${widgetBundle['emailInUseError'] | pht}
                                        <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-7551198242591332-112">
                                            ${widgetBundle['signInButton'] | pht}</a>
                                    </span>

                                </div>

                            </div>

                        </div>

                        <!-- Password -->
                        <div class="form-group-row mb-0" data-ph-at-id="password-block" data-ph-id="ph-widget-element-7551198242591332-113">

                            <label for="createPassword" class="form-label" data-ph-id="ph-widget-element-7551198242591332-114">
                                ${widgetBundle['createAccountFormLabel'] | pht}
                            </label>

                            <div class="form-container" data-ph-id="ph-widget-element-7551198242591332-115">

                                <div class="text-box" data-ph-id="ph-widget-element-7551198242591332-116">

                                    <input id="createPassword" aria-describedby="errorCreatePassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-widget-element-7551198242591332-117">


                                    <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-widget-element-7551198242591332-118"></i>

                                    <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-widget-element-7551198242591332-119"></i>

                                    <div class="pswrd-visibility" data-ph-id="ph-widget-element-7551198242591332-120">
                                        <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-7551198242591332-121">
                                            <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-122"></i>
                                            <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-123"></i>
                                        </button>
                                    </div>

                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198242591332-124">
                                        <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198242591332-125">
                                            ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                        </span>

                                        <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198242591332-126">
                                            ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                        </span>
                                    </div>


                                </input></div>

                                <div class="form-description" id="errorCreatePassword" data-ph-id="ph-widget-element-7551198242591332-127">
                                    ${widgetBundle['createAccErrorStatement1'] | pht}
                                    <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198242591332-128">${widgetBundle['createAccErrorStatement2']
                                        | pht} </span>
                                    <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198242591332-129">${widgetBundle['createAccErrorStatement3']
                                        | pht} </span>
                                    <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198242591332-130">${widgetBundle['createAccErrorStatement4']
                                        | pht} </span>
                                    <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198242591332-131">${widgetBundle['createAccErrorStatement5']
                                        | pht} </span>
                                </div>

                            </div>

                        </div>

                        <!-- Error message -->
                        <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198242591332-132">
                            <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-widget-element-7551198242591332-133">

                                <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-134"></i>

                                <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198242591332-135">
                                    ${widgetBundle['technicalIssueText'] | pht}
                                </span>

                            </div>

                        </div>

                        <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198242591332-136">
                            <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-widget-element-7551198242591332-137">
                                ${widgetBundle['errorSrOnly'] | pht}
                            </span>
                            <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-widget-element-7551198242591332-138">
                                ${widgetBundle['passwordErrorRequirementText'] | pht}
                            </span>

                            <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-widget-element-7551198242591332-139">
                                ${widgetBundle['createAccErrorStatement2'] | pht}
                            </span>

                            <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-widget-element-7551198242591332-140">
                                ${widgetBundle['createAccErrorStatement3'] | pht}
                            </span>

                            <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-widget-element-7551198242591332-141">
                                ${widgetBundle['createAccErrorStatement4'] | pht}
                            </span>

                            <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-widget-element-7551198242591332-142">
                                ${widgetBundle['createAccErrorStatement5'] | pht}
                            </span>
                        </div>

                        <!-- Data Consent -->
                        <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-7551198242591332-143">
                            <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-widget-element-7551198242591332-144">
                                <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="bJUFnj-ph-candidate-login-v1-view1-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-7551198242591332-145">
                                <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-146">
                                    <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-147"></i>
                                </span>
                                <span class="checkbox-text" data-ph-id="ph-widget-element-7551198242591332-148">
                                    <ppc-content key="1dkjZN-bJUFnj-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-widget-element-7551198242591332-149">
                                        ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                                        <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-widget-element-7551198242591332-150">
                                            ${widgetBundle['privacyPolicyText'] | pht}
                                        </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                                        <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198242591332-151">
                                            ${widgetBundle['termsOfUseText'] | pht}
                                        </a>
                                    </ppc-content>
                                </span>
                            </input></label>
                            <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-widget-element-7551198242591332-152">
                                <span class="checkbox-text" data-ph-id="ph-widget-element-7551198242591332-153">
                                    <ppc-content key="2Vz306-bJUFnj-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-widget-element-7551198242591332-154">
                                        ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                                        <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-widget-element-7551198242591332-155">
                                            ${widgetBundle['privacyPolicyText'] | pht}
                                        </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                                        <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198242591332-156">
                                            ${widgetBundle['termsOfUseText'] | pht}
                                        </a>
                                    </ppc-content>
                                </span>
                            </div>
                        </div>

                        <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-7551198242591332-157">
                            <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198242591332-158">
                                <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk1signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk1signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-widget-element-7551198242591332-159">
                                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-160"></span>
                                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-161"></span>
                                <span class="checkbox-text" data-ph-id="ph-widget-element-7551198242591332-162">
                                    <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198242591332-163"> </span>
                                    <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198242591332-164">*</span>
                                </span>
                            </input></label>
                        </div>
                        <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="2LDzHe" original-view="default" view="7551198160203370-default" data-ph-id="ph-widget-element-7551198242591332-165">
                            <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="7551198160203370-default" instance-id="2LDzHe" original-view="default" data-ph-id="ph-widget-element-7551198242591332-166"></div>
                        </section>

                        <!-- Data Consent Error message -->
                        <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198242591332-167">
                            <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-widget-element-7551198242591332-168">
                                <!-- <i class="icon icon-error-1" aria-hidden="true"></i> -->

                                <span class="alert-msg" data-ph-id="ph-widget-element-7551198242591332-169">
                                    ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                                </span>

                            </div>
                        </div>
                        <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198242591332-170">
                            <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-widget-element-7551198242591332-171">
                                ${widgetBundle['piiConsentError'] | pht}
                            </span>
                        </div>

                        <!-- Create account button -->
                        <div class="form-group-row" data-ph-id="ph-widget-element-7551198242591332-172">
                            <div class="form-container" data-ph-id="ph-widget-element-7551198242591332-173">

                                <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198242591332-174">
                                    ${widgetBundle['createAccountButtonText'] | pht}
                                </button>

                            </div>
                        </div>


                    </div>
                </form>
            </div>

        </div>

        <!-- Social account area-->
        <div class="social-account-block" if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198242591332-175">
            <!-- Seperator -->
            <div class="seperator" data-ph-id="ph-widget-element-7551198242591332-176">
                ${widgetBundle['seperatorText'] | pht}
            </div>

            <!-- ph-social-connect-v1 -->
            <div class="sign-in-social-accounts-area" data-ph-id="ph-widget-element-7551198242591332-177">
                <section class="ph-widget" instanceid="1qw3b7" instance-id="mV74mM" original-view="view5" view="7551198197090541-view5" data-ph-id="ph-widget-element-7551198242591332-178">
                    <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="7551198197090541-view5" original-view="view5" instance-id="mV74mM" data-ph-id="ph-widget-element-7551198242591332-179"></div>
                </section>
            </div>

            <!-- Create an Account section -->
            <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-widget-element-7551198242591332-180">
                <span data-ph-id="ph-widget-element-7551198242591332-181">
                    ${widgetBundle['createAccountButtonLabel'] | pht}
                </span>
                <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-7551198242591332-182">
                    ${widgetBundle['createAccountButtonText'] | pht}
                </a>
            </div>

            <!-- Sign in link -->
            <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-widget-element-7551198242591332-183">
                <span data-ph-id="ph-widget-element-7551198242591332-184">
                    ${widgetBundle['signInButtonLabel'] | pht}
                </span>
                <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-7551198242591332-185">
                    ${widgetBundle['signInButton'] | pht}
                </a>
            </div>

            <!-- Sign in description -->
            <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-widget-element-7551198242591332-186">
                <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198242591332-187">${widgetBundle['termsOfUseText'] | pht}</a>
                <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-widget-element-7551198242591332-188">${widgetBundle['privacyPolicyText'] | pht}</a>
            </div>

        </div>

        <!-- Create Password-->
        <div if.bind="flowType == 'resetPassword' &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198242591332-189">

            <!-- Create password heading -->
            <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-7551198242591332-190">
                <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-widget-element-7551198242591332-191">
                    <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198242591332-192">
                        ${widgetBundle['createNewPwdText'] | pht}
                    </h1>
                </div>

            </div>

            <div class="login-form" data-ph-id="ph-widget-element-7551198242591332-193">
                <form novalidate="" data-ph-id="ph-widget-element-7551198242591332-194">
                    <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-7551198242591332-195">

                        <!-- Create Password -->
                        <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-widget-element-7551198242591332-196">

                            <label for="createNewPassword" class="form-label" data-ph-id="ph-widget-element-7551198242591332-197">
                                ${widgetBundle['newPwdText'] | pht}
                            </label>

                            <div class="form-container" data-ph-id="ph-widget-element-7551198242591332-198">

                                <div class="text-box" data-ph-id="ph-widget-element-7551198242591332-199">

                                    <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error &amp;&amp; !resetPasswordModel.newPassword ?  &quot;createNewPasswordDesc&quot; : &quot;errorCreateNewPassword&quot; }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['newPwdText'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-widget-element-7551198242591332-200">

                                    <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-widget-element-7551198242591332-201"></i>

                                    <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-widget-element-7551198242591332-202"></i>

                                    <div class="pswrd-visibility" data-ph-id="ph-widget-element-7551198242591332-203">
                                        <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-7551198242591332-204">
                                            <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-205"></i>
                                            <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-206"></i>
                                        </button>
                                    </div>

                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198242591332-207">
                                        <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198242591332-208">
                                            ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                        </span>

                                        <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198242591332-209">
                                            ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                        </span>
                                    </div>

                                </input></div>

                                <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-widget-element-7551198242591332-210">

                                    <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-widget-element-7551198242591332-211">
                                        <span class="sr-only" data-ph-id="ph-widget-element-7551198242591332-212">
                                            ${widgetBundle['errorSrOnly'] | pht}
                                        </span>
                                        <span class="error sr-only" data-ph-id="ph-widget-element-7551198242591332-213">
                                            ${widgetBundle['passwordErrorRequirementText'] | pht}
                                        </span>

                                        <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-widget-element-7551198242591332-214">
                                            ${widgetBundle['createAccErrorStatement2'] | pht}
                                        </span>

                                        <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-widget-element-7551198242591332-215">
                                            ${widgetBundle['createAccErrorStatement3'] | pht}
                                        </span>

                                        <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-widget-element-7551198242591332-216">
                                            ${widgetBundle['createAccErrorStatement4'] | pht}
                                        </span>

                                        <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-widget-element-7551198242591332-217">
                                            ${widgetBundle['createAccErrorStatement5'] | pht}
                                        </span>
                                    </div>


                                </div>

                                <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-widget-element-7551198242591332-218">
                                    ${widgetBundle['createAccErrorStatement1'] | pht}
                                    <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198242591332-219">${widgetBundle['createAccErrorStatement2']
                                        | pht} </span>
                                    <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198242591332-220">${widgetBundle['createAccErrorStatement3']
                                        | pht} </span>
                                    <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198242591332-221">${widgetBundle['createAccErrorStatement4']
                                        | pht} </span>
                                    <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198242591332-222">${widgetBundle['createAccErrorStatement5']
                                        | pht} </span>
                                </div>

                            </div>

                        </div>

                        <!-- Error message -->
                        <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-widget-element-7551198242591332-223">
                            <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-widget-element-7551198242591332-224">

                                <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-225"></i>

                                <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198242591332-226">
                                    ${widgetBundle['technicalIssueText'] | pht}
                                </span>

                                <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-widget-element-7551198242591332-227">
                                    ${widgetBundle['resetLinkExpired'] | pht}
                                </span>

                            </div>
                        </div>

                        <!-- Set new password button -->
                        <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-widget-element-7551198242591332-228">

                            <div class="form-container" data-ph-id="ph-widget-element-7551198242591332-229">

                                <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198242591332-230">
                                    ${widgetBundle['setNewPwdText'] | pht}
                                </button>

                            </div>

                        </div>


                    </div>
                </form>
            </div>

        </div>
    </div>
    <div class="popup-modal-backdrop active email-validation-wrapper" show.bind="isShowEmailValidationPopup" data-ph-id="ph-widget-element-7551198242591332-231">
        <div class="modal fade in show modal-dialog ph-a11y-modal-area-email-validation email-validation-popup" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="email-val-heading-text" data-ph-id="ph-widget-element-7551198242591332-232">
            <button class="close-popup close" key-aria-label="bJUFnj-ph-candidate-login-v1-view1-closePopup" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-widget-element-7551198242591332-233">
                <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-234"></i>
            </button>
            <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-widget-element-7551198242591332-235"> ${widgetBundle['emalValHeadingText'] | pht}</h2>
            <div class="email-val-desc" data-ph-id="ph-widget-element-7551198242591332-236"> ${widgetBundle['emailValDescText1'] | pht} 
                <span class="sign-up-email" data-ph-id="ph-widget-element-7551198242591332-237">${profileDetails.profile.email}</span>
                ${widgetBundle['emailValDescText2'] | pht}  <span class="token-expiry-time-text" data-ph-id="ph-widget-element-7551198242591332-238"> ${tokenExpiryTimeText}.</span>
            </div>
                <span class="email-send-text" data-ph-id="ph-widget-element-7551198242591332-239">${widgetBundle['emailValSendText'] | pht}</span>
                <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-widget-element-7551198242591332-240"> ${widgetBundle['resendEmailText'] | pht}</button>
                <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-candidate-login-email-sent-failed" tabindex="-1" data-ph-id="ph-widget-element-7551198242591332-241">
                    <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-widget-element-7551198242591332-242"></i>
                    <span data-ph-id="ph-widget-element-7551198242591332-243">${widgetBundle['resendFailedText'] | pht} </span>
                </span>
        </div>
    </div>

</div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-7551198849900112-mobile" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-widget-element-7551198849900112-2">

    <!-- Content block -->
    <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-widget-element-7551198849900112-3">

        <!-- Pre Sign-in link -->
        <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-widget-element-7551198849900112-4">
            <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-5"></i>
            <span data-ph-id="ph-widget-element-7551198849900112-6">${widgetBundle['signInLinkText'] | pht}</span>
        </a>

        <!-- Create account link -->
        <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-widget-element-7551198849900112-7">
            <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-8"></i>
            <span data-ph-id="ph-widget-element-7551198849900112-9">${widgetBundle['createAccountLinkText'] | pht}</span>
        </a>

        <!-- Post Sign-in region -->
        <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-widget-element-7551198849900112-10">
            <!-- User details dropdown -->
            <div class="logged-in-user" data-ph-id="ph-widget-element-7551198849900112-11">

                <!-- User details -->
                <div class="user-details" data-ph-id="ph-widget-element-7551198849900112-12">

                    <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-13">
                        <span data-ph-id="ph-widget-element-7551198849900112-14">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; profileDetails.profile.email.substring(0,1)}</span>
                        <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> -->
                    </span>

                    <span class="user-avatar-icon" if.bind="!(preferredName &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-widget-element-7551198849900112-15">
                        <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-16"></i>
                    </span>

                    <ul class="user-detail-list fs-block" data-ph-id="ph-widget-element-7551198849900112-17">
                        <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-widget-element-7551198849900112-18">
                            ${preferredName &amp;&amp; profileDetails.profile.preferredName || profileDetails.profile.firstName}
                        </li>
                        <li class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" if.bind="!profileDetails.profile.firstName" data-ph-id="ph-widget-element-7551198849900112-19">
                            ${profileDetails.profile.email}
                        </li>
                        <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-widget-element-7551198849900112-20">
                            <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-widget-element-7551198849900112-21">
                                ${widgetBundle['personalAccountLinkText'] | pht}
                            </a>
                        </li>
                    </ul>

                </div>

            </div>
        </div>

    </div>

    <!-- Pop up block -->
    <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-widget-element-7551198849900112-22">
        <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-widget-element-7551198849900112-23">

            <!-- Dialog area -->
            <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-widget-element-7551198849900112-24">
                <!-- Login in area -->
                <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198849900112-25">

                    <!-- Close popup button -->
                    <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-widget-element-7551198849900112-26">
                        <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551198849900112-27">
                            <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-28"></i>
                        </button>
                    </div>

                    <!-- Sign in heading -->
                    <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-7551198849900112-29">

                        <!--Cv uploaded text -->
                        <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-widget-element-7551198849900112-30">
                            <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-7551198849900112-31">
                                ${widgetBundle['cvUploadedText'] | pht}
                            </p>
                        </div>

                        <!-- Sign in heading -->
                        <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198849900112-32">
                            <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198849900112-33">
                                ${widgetBundle['signInPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-7551198849900112-34">
                                ${widgetBundle['signInPopUpSubHeading'] | pht}
                            </p>
                        </div>

                        <!-- Forgot heading -->
                        <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-7551198849900112-35">
                            <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198849900112-36">
                                ${widgetBundle['forgotPasswordPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-widget-element-7551198849900112-37">
                                ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht}
                            </p>
                        </div>

                        <!-- Reset password heading -->
                        <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198849900112-38">
                            <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198849900112-39">
                                ${widgetBundle['resetPasswordPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-widget-element-7551198849900112-40">
                            </p>
                        </div>

                    </div>

                    <!-- Login form -->
                    <div class="login-form" data-ph-id="ph-widget-element-7551198849900112-41">
                        <form novalidate="" data-ph-id="ph-widget-element-7551198849900112-42">
                            <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-7551198849900112-43">

                                <!-- Email -->
                                <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198849900112-44">

                                    <label for="signinEmail" class="form-label" data-ph-id="ph-widget-element-7551198849900112-45">
                                        ${widgetBundle['signInEmailFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-widget-element-7551198849900112-46">

                                        <div class="text-box" data-ph-id="ph-widget-element-7551198849900112-47">

                                            <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-widget-element-7551198849900112-48">

                                            <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-7551198849900112-49"></i>

                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-widget-element-7551198849900112-50"></i>

                                        </input></div>

                                        <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-widget-element-7551198849900112-51">

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198849900112-52">
                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198849900112-53">
                                                    ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                                </span>

                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198849900112-54">
                                                    ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                                </span>
                                            </div>
                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198849900112-55">
                                                ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198849900112-56">
                                                ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-widget-element-7551198849900112-57">
                                                ${widgetBundle['accCreated1Error'] | pht}
                                                ${errors.email.socialProvider}
                                                ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-widget-element-7551198849900112-58">
                                                ${widgetBundle['noAccountError'] | pht}
                                                <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-7551198849900112-59">
                                                    ${widgetBundle['createAccountButtonText'] | pht}</a>
                                            </span>

                                        </div>

                                    </div>

                                </div>

                                <!-- Password -->
                                <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198849900112-60">

                                    <label for="signInPassword" class="form-label" data-ph-id="ph-widget-element-7551198849900112-61">
                                        ${widgetBundle['signInPasswordFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-widget-element-7551198849900112-62">

                                        <div class="text-box" data-ph-id="ph-widget-element-7551198849900112-63">

                                            <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-widget-element-7551198849900112-64">

                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-widget-element-7551198849900112-65"></i>

                                            <div class="pswrd-visibility" data-ph-id="ph-widget-element-7551198849900112-66">
                                                <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-7551198849900112-67">
                                                    <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-68"></i>
                                                    <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-69"></i>
                                                </button>
                                            </div>

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198849900112-70">
                                                <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198849900112-71">
                                                    ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                                </span>

                                                <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198849900112-72">
                                                    ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                                </span>
                                            </div>

                                        </input></div>

                                        <div class="form-alert" id="errorPassword" data-ph-id="ph-widget-element-7551198849900112-73">
                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198849900112-74">

                                                <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-widget-element-7551198849900112-75">
                                                    ${widgetBundle['errorMessageEmptyPassword'] | pht}
                                                </span>

                                                <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-widget-element-7551198849900112-76">
                                                    ${widgetBundle['errorIncorrectPassword'] | pht}
                                                </span>

                                            </div>

                                            <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-widget-element-7551198849900112-77">
                                                ${widgetBundle['errorMessageEmptyPassword'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-widget-element-7551198849900112-78">
                                                ${widgetBundle['errorIncorrectPassword'] | pht}
                                            </span>

                                        </div>

                                    </div>

                                </div>

                                <!-- Error message -->
                                <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198849900112-79">
                                    <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-widget-element-7551198849900112-80">

                                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-81"></i>

                                        <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198849900112-82">
                                            ${widgetBundle['technicalIssueText'] | pht}
                                        </span>

                                    </div>
                                </div>

                                <!-- Sign in button -->
                                <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198849900112-83">

                                    <div class="form-container" data-ph-id="ph-widget-element-7551198849900112-84">
                                        <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198849900112-85">
                                            ${widgetBundle['signInButton'] | pht}
                                        </button>
                                    </div>

                                    <div class="form-container" data-ph-id="ph-widget-element-7551198849900112-86">
                                        <div class="user-options" data-ph-id="ph-widget-element-7551198849900112-87">

                                            <span class="each-option" data-ph-id="ph-widget-element-7551198849900112-88">
                                                <label for="staySignIn" class="input-check-group" data-ph-id="ph-widget-element-7551198849900112-89">
                                                    <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-widget-element-7551198849900112-90">

                                                    <span class="checkbox" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-91">
                                                        <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-92"></i>
                                                    </span>

                                                    <span class="checkbox-label-text" data-ph-id="ph-widget-element-7551198849900112-93">
                                                        ${widgetBundle['staySignedInCheckboxText'] | pht}
                                                    </span>

                                                </input></label>
                                            </span>

                                            <span class="each-option" data-ph-id="ph-widget-element-7551198849900112-94">
                                                <span class="forgot-password-area" data-ph-id="ph-widget-element-7551198849900112-95">
                                                    <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-widget-element-7551198849900112-96">
                                                        ${widgetBundle['forgotPasswordLinkText'] | pht}
                                                    </a>
                                                </span>
                                            </span>

                                        </div>
                                    </div>

                                </div>

                                <!-- Error message -->
                                <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-7551198849900112-97">
                                    <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-widget-element-7551198849900112-98">

                                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-99"></i>

                                        <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198849900112-100">
                                            ${widgetBundle['technicalIssueText'] | pht}
                                        </span>

                                    </div>
                                </div>

                                <!-- Reset button -->
                                <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-7551198849900112-101">

                                    <!-- Password reset link -->
                                    <div class="form-container" data-ph-id="ph-widget-element-7551198849900112-102">

                                        <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198849900112-103">
                                            ${widgetBundle['resetPasswordButtonText'] | pht}
                                        </button>

                                    </div>

                                </div>

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

                    <!-- Resend email section -->
                    <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198849900112-104">
                        <span id="cd-pf-recieve-email" data-ph-id="ph-widget-element-7551198849900112-105">
                            ${widgetBundle['resentEmailButtonLabel'] | pht}
                        </span>
                        <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-widget-element-7551198849900112-106">
                            ${widgetBundle['resentEmailButtonText'] | pht}
                        </a>
                    </div>

                    <!-- Retrun signin section -->
                    <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198849900112-107">
                        <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-widget-element-7551198849900112-108">
                            ${widgetBundle['returnSigninText'] | pht}
                        </button>
                    </div>

                </div>

                <!-- Create account area -->
                <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198849900112-109">

                    <!-- Close pop up button -->
                    <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-widget-element-7551198849900112-110">
                        <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551198849900112-111">
                            <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-widget-element-7551198849900112-112"></i>
                        </button>
                    </div>

                    <!-- Create account heading -->
                    <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-7551198849900112-113">

                        <!--Cv uploaded text -->
                        <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-widget-element-7551198849900112-114">
                            <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-7551198849900112-115">
                                ${widgetBundle['cvUploadedText'] | pht}
                            </p>
                        </div>

                        <div class="sign-in-heading-block" data-ph-id="ph-widget-element-7551198849900112-116">
                            <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198849900112-117">
                                ${widgetBundle['createAccountPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-widget-element-7551198849900112-118">
                                ${widgetBundle['createAccountPopUpSubHeading'] | pht}
                            </p>
                        </div>

                    </div>

                    <!-- Login form -->
                    <div class="login-form" data-ph-id="ph-widget-element-7551198849900112-119">
                        <form novalidate="" data-ph-id="ph-widget-element-7551198849900112-120">
                            <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-7551198849900112-121">

                                <!-- Email -->
                                <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-widget-element-7551198849900112-122">

                                    <label for="createEmail" class="form-label" data-ph-id="ph-widget-element-7551198849900112-123">
                                        ${widgetBundle['createAccountEmailFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-widget-element-7551198849900112-124">

                                        <div class="text-box" data-ph-id="ph-widget-element-7551198849900112-125">

                                            <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-widget-element-7551198849900112-126">

                                            <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-7551198849900112-127"></i>
                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-widget-element-7551198849900112-128"></i>

                                        </input></div>

                                        <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-widget-element-7551198849900112-129">

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198849900112-130">
                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198849900112-131">
                                                    ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                                </span>

                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198849900112-132">
                                                    ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                                </span>
                                            </div>
                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198849900112-133">
                                                ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198849900112-134">
                                                ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-widget-element-7551198849900112-135">
                                                ${widgetBundle['accCreated1Error'] | pht}
                                                ${errors.email.socialProvider}
                                                ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-widget-element-7551198849900112-136">
                                                ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-7551198849900112-137">
                                                    ${widgetBundle['signInButton'] | pht}</a>
                                            </span>

                                        </div>

                                    </div>

                                </div>

                                <!-- Password -->
                                <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-widget-element-7551198849900112-138">

                                    <label for="createPassword" class="form-label" data-ph-id="ph-widget-element-7551198849900112-139">
                                        ${widgetBundle['createAccountFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-widget-element-7551198849900112-140">

                                        <div class="text-box" data-ph-id="ph-widget-element-7551198849900112-141">

                                            <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password  fs-block' : (errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="${!errors.password.error &amp;&amp; !signInModel.password.length ?  &quot;createPasswordDesc&quot; : &quot;&quot; }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-widget-element-7551198849900112-142">

                                            <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-widget-element-7551198849900112-143"></i>

                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-widget-element-7551198849900112-144"></i>

                                            <div class="pswrd-visibility" data-ph-id="ph-widget-element-7551198849900112-145">
                                                <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-7551198849900112-146">
                                                    <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-147"></i>
                                                    <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-148"></i>
                                                </button>
                                            </div>

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198849900112-149">
                                                <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198849900112-150">
                                                    ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                                </span>

                                                <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198849900112-151">
                                                    ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                                </span>
                                            </div>

                                        </input></div>

                                        <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-widget-element-7551198849900112-152">

                                            <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-widget-element-7551198849900112-153">
                                                <span class="sr-only" data-ph-id="ph-widget-element-7551198849900112-154">
                                                    ${widgetBundle['errorSrOnly'] | pht}
                                                </span>
                                                <span class="error sr-only" data-ph-id="ph-widget-element-7551198849900112-155">
                                                    ${widgetBundle['passwordErrorRequirementText'] | pht}
                                                </span>

                                                <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-widget-element-7551198849900112-156">
                                                    ${widgetBundle['createAccErrorStatement2'] | pht}
                                                </span>

                                                <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-widget-element-7551198849900112-157">
                                                    ${widgetBundle['createAccErrorStatement3'] | pht}
                                                </span>

                                                <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-widget-element-7551198849900112-158">
                                                    ${widgetBundle['createAccErrorStatement4'] | pht}
                                                </span>

                                                <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-widget-element-7551198849900112-159">
                                                    ${widgetBundle['createAccErrorStatement5'] | pht}
                                                </span>
                                            </div>

                                        </div>

                                        <div class="form-description" id="createPasswordDesc" data-ph-id="ph-widget-element-7551198849900112-160">
                                            ${widgetBundle['createAccErrorStatement1'] | pht}
                                            <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198849900112-161">${widgetBundle['createAccErrorStatement2']
                                                | pht} </span>
                                            <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198849900112-162">${widgetBundle['createAccErrorStatement3']
                                                | pht} </span>
                                            <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198849900112-163">${widgetBundle['createAccErrorStatement4']
                                                | pht} </span>
                                            <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198849900112-164">${widgetBundle['createAccErrorStatement5']
                                                | pht} </span>
                                        </div>

                                    </div>

                                </div>

                                <!-- Error message -->
                                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198849900112-165">
                                    <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-widget-element-7551198849900112-166">

                                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-167"></i>

                                        <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198849900112-168">
                                            ${widgetBundle['technicalIssueText'] | pht}
                                        </span>

                                    </div>
                                </div>

                                <!-- Data Consent -->
                                <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-widget-element-7551198849900112-169">
                                    <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-widget-element-7551198849900112-170">
                                        <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="0uUCrt-ph-candidate-login-v1-default-mobile-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-7551198849900112-171">
                                        <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-172">
                                            <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-173"></i>
                                        </span>                                    
                                        <span class="checkbox-text" data-ph-id="ph-widget-element-7551198849900112-174">
                                            <ppc-content key="0uUCrt-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-widget-element-7551198849900112-175">${widgetBundle['privacyPolicyCheckboxText'] | pht} 
                                                <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-widget-element-7551198849900112-176">
                                                    ${widgetBundle['privacyPolicyText'] | pht}
                                                </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                                                <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198849900112-177">
                                                    ${widgetBundle['termsOfUseText'] | pht}
                                                </a>                                                
                                            </ppc-content>
                                        </span>
                                    </input></label>
                                </div>
                                <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-7551198849900112-178">
                                    <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198849900112-179">
                                        <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-mb-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-widget-element-7551198849900112-180">
                                        <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-181"></span>
                                        <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-182"></span>
                                        <span class="checkbox-text" data-ph-id="ph-widget-element-7551198849900112-183">
                                            <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198849900112-184"> </span>
                                            <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198849900112-185">*</span>
                                        </span>
                                    </input></label>
                                </div>

                                <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-widget-element-7551198849900112-186">
                                    <span class="sr-only required-text" data-ph-id="ph-widget-element-7551198849900112-187"> ${widgetBundle['requiredText']} </span>
                                    ${widgetBundle["consentsLinkText"] | pht}
                                </a>

                                <!-- Data Consent Error message -->
                                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198849900112-188">
                                    <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-widget-element-7551198849900112-189">
                                        <!-- <i class="icon icon-error-1" aria-hidden="true"></i> -->

                                        <span class="alert-msg" data-ph-id="ph-widget-element-7551198849900112-190">
                                            ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                                        </span>
                                    </div>
                                    <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-widget-element-7551198849900112-191">
                                        <span class="alert-msg" data-ph-id="ph-widget-element-7551198849900112-192">
                                            ${widgetBundle['piiConsentError'] | pht}
                                        </span>
                                    </div>
                                </div>

                                <!-- Create account button -->
                                <div class="form-group-row" data-ph-id="ph-widget-element-7551198849900112-193">
                                    <div class="form-container" data-ph-id="ph-widget-element-7551198849900112-194">

                                        <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198849900112-195">
                                            ${widgetBundle['createAccountButtonText'] | pht}
                                        </button>

                                    </div>
                                </div>

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

                </div>

                <!-- Social account area-->
                <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198849900112-196">
                    <!-- Seperator -->
                    <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-widget-element-7551198849900112-197">
                        ${widgetBundle['seperatorText'] | pht}
                    </div>

                    <!-- ph-social-connect-v1 -->
                    <div class="sign-in-social-accounts-area" data-ph-id="ph-widget-element-7551198849900112-198">
                        <section class="ph-widget" instanceid="1qw3b7" instance-id="DGpS3r" original-view="view5" view="7551198799584576-view5" data-ph-id="ph-widget-element-7551198849900112-199">
                            <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="7551198799584576-view5" original-view="view5" instance-id="DGpS3r" data-ph-id="ph-widget-element-7551198849900112-200"></div>
                        </section>
                    </div>

                    <!-- Create an Account section -->
                    <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-widget-element-7551198849900112-201">
                        <span data-ph-id="ph-widget-element-7551198849900112-202">
                            ${widgetBundle['createAccountButtonLabel'] | pht}
                        </span>
                        <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-7551198849900112-203">
                            ${widgetBundle['createAccountButtonText'] | pht}
                        </a>
                    </div>

                    <!-- Sign in link -->
                    <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-widget-element-7551198849900112-204">
                        <span data-ph-id="ph-widget-element-7551198849900112-205">
                            ${widgetBundle['signInButtonLabel'] | pht}
                        </span>
                        <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-7551198849900112-206">
                            ${widgetBundle['signInButton'] | pht}
                        </a>
                    </div>

                    <!-- Sign in description -->
                    <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-widget-element-7551198849900112-207">
                        <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198849900112-208">${widgetBundle['termsOfUseText'] | pht}</a>
                        <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-widget-element-7551198849900112-209">${widgetBundle['privacyPolicyText'] |
                            pht}</a>
                    </div>
                </div>
            </div>
            <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-7551198849900112-210">
                <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-widget-element-7551198849900112-211">
                    <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-212"></i>
                </button>

                <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-7551198849900112-213">
                    ${widgetBundle["consentHeading"]}
                </h2>

                <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-7551198849900112-214">
                    <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198849900112-215">
                        <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-mb-signup' + $index}" aria-describedby="consent-error-mb-signup" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-widget-element-7551198849900112-216">
                        <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-217"></span>
                        <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198849900112-218"></span>
                        <span class="checkbox-text" data-ph-id="ph-widget-element-7551198849900112-219">
                            <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198849900112-220"> </span>
                            <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198849900112-221">*</span>
                        </span>
                    </input></label>
                </div>
                <div class="consent-accept-area" data-ph-id="ph-widget-element-7551198849900112-222">
                    <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-widget-element-7551198849900112-223">
                        ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']}
                    </button>
                </div>
            </div>
        </div>
    </div>

</div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-7551198071723842-upload" nonce="">
                                                        <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-7551198071723842-2">
                                                            <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Use new resume" key-aria-label="nBzssJ-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-7551198071723842-3">
                                                                <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-widget-element-7551198071723842-4">
                                                                    <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198071723842-5"></i>
                                                                </span>
                                                                <ppc-content key="nBzssJ-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontxt" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-widget-element-7551198071723842-6">
                                                                    Select a file to upload.
                                                                </ppc-content>

                                                                <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-widget-element-7551198071723842-7">
                                                                    <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-widget-element-7551198071723842-8"></i>
                                                                </span>
                                                                <span class="resume-name" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-7551198071723842-9">
                                                                    <span data-ph-id="ph-widget-element-7551198071723842-10">${fyfStepConfig.contactInfo.information.resumeName &amp;&amp;
                                                                        (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0,
                                                                        -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName
                                                                    &amp;&amp;
                                                                    ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())}
                                                                </span>
                                                            </button>
                                                            <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider &amp;&amp; fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551198071723842-11">
                                                                <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-7551198071723842-12"></i>
                                                            </button>
                                                            <span class="file-format" data-ph-id="ph-widget-element-7551198071723842-13">File format: txt,.pdf,.doc</span>
                                                        </div>
                                                    </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-7551198911426035-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-7551198911426035-2"></div>
<div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-7551198911426035-3">
    <div class="widget-container" data-ph-id="ph-widget-element-7551198911426035-4">
        <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-widget-element-7551198911426035-5">

            <!-- Data Consent -->
            <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-widget-element-7551198911426035-6">
                <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-7551198911426035-7">
                    <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="Tija5L-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-7551198911426035-8">
                    <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198911426035-9">
                        <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198911426035-10"></i>
                    </span>
                    <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-7551198911426035-11">
                        <ppc-content key="Zr4ELq-Tija5L-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551198911426035-12">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-7551198911426035-13">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198911426035-14">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </input></label>
                <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-7551198911426035-15">
                    <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-7551198911426035-16">
                        <ppc-content key="YIktfG-Tija5L-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551198911426035-17">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-7551198911426035-18">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198911426035-19">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </div>
            </div>

            <!-- Data Consent Error message -->
            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198911426035-20">
                <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-widget-element-7551198911426035-21">
                    <span class="social-alert-msg" data-ph-id="ph-widget-element-7551198911426035-22">
                        ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                    </span>

                </div>
            </div>

            <ul class="login-link-list" role="list" key-role="Tija5L-ph-social-connect-v1-view5-listRole" data-ph-id="ph-widget-element-7551198911426035-23">
                <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="Tija5L-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-widget-element-7551198911426035-24">
                    <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-widget-element-7551198911426035-25">
                        <div class="icon-block" data-ph-id="ph-widget-element-7551198911426035-26">
                            <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-7551198911426035-27"></i>
                        </div>
                        <div class="text-block" aria-hidden="true" data-ph-id="ph-widget-element-7551198911426035-28"> ${widgetBundle[eachSocial.name] | pht}</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-7551198516898667-new" nonce="">
                                    <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-7551198516898667-2"></div>
                                    <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-7551198516898667-3">
                                        <div class="widget-container" data-ph-id="ph-widget-element-7551198516898667-4">
                                            <div class="content-block" data-ph-id="ph-widget-element-7551198516898667-5">
                                                <ul class="login-link-list" role="list" key-role="KxLQd0-ph-social-connect-v1-view5-new-listRole" data-ph-id="ph-widget-element-7551198516898667-6">
                                                    <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="KxLQd0-ph-social-connect-v1-view5-new-listItemRole" data-ph-id="ph-widget-element-7551198516898667-7">
                                                        <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-widget-element-7551198516898667-8">
                                                            <div class="icon-block" data-ph-id="ph-widget-element-7551198516898667-9">
                                                                <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-7551198516898667-10"></i>
                                                            </div>
                                                            <div class="text-block" data-ph-id="ph-widget-element-7551198516898667-11"> ${eachSocial.name}</div>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-7551197998360475-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-7551197998360475-2"></div>
<div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-7551197998360475-3">
    <div class="widget-container" data-ph-id="ph-widget-element-7551197998360475-4">
        <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-widget-element-7551197998360475-5">

            <!-- Data Consent -->
            <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-widget-element-7551197998360475-6">
                <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-7551197998360475-7">
                    <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="PI0pvC-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-7551197998360475-8">
                    <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551197998360475-9">
                        <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551197998360475-10"></i>
                    </span>
                    <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-7551197998360475-11">
                        <ppc-content key="3tJzhL-PI0pvC-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551197998360475-12">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-7551197998360475-13">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551197998360475-14">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </input></label>
                <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-7551197998360475-15">
                    <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-7551197998360475-16">
                        <ppc-content key="g5NUSa-PI0pvC-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551197998360475-17">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-7551197998360475-18">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551197998360475-19">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </div>
            </div>

            <!-- Data Consent Error message -->
            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551197998360475-20">
                <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-widget-element-7551197998360475-21">
                    <span class="social-alert-msg" data-ph-id="ph-widget-element-7551197998360475-22">
                        ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                    </span>

                </div>
            </div>

            <ul class="login-link-list" role="list" key-role="PI0pvC-ph-social-connect-v1-view5-listRole" data-ph-id="ph-widget-element-7551197998360475-23">
                <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="PI0pvC-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-widget-element-7551197998360475-24">
                    <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-widget-element-7551197998360475-25">
                        <div class="icon-block" data-ph-id="ph-widget-element-7551197998360475-26">
                            <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-7551197998360475-27"></i>
                        </div>
                        <div class="text-block" aria-hidden="true" data-ph-id="ph-widget-element-7551197998360475-28"> ${widgetBundle[eachSocial.name] | pht}</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-7551198118581451-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-7551198118581451-2">
    <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-widget-element-7551198118581451-3">
        <span class="sr-only required-checkbox" data-ph-id="ph-widget-element-7551198118581451-4">${widgetBundle["requiredText"]}</span>
        ${widgetBundle["consentsLinkText"]}
    </a>
</div>
<div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-widget-element-7551198118581451-5">
    <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-widget-element-7551198118581451-6">
        <!-- Dialog area -->
        <div class="modal-dialog consent-popup" data-ph-id="ph-widget-element-7551198118581451-7">
            <div class="close-popup-btn" data-ph-id="ph-widget-element-7551198118581451-8">
                <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551198118581451-9">
                    <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198118581451-10"></i>
                </button>
            </div>
            <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-7551198118581451-11">
                ${widgetBundle["consentHeading"]}
            </h2>
            <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-widget-element-7551198118581451-12">
                <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198118581451-13">
                    <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-widget-element-7551198118581451-14">
                    <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198118581451-15"></span>
                    <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198118581451-16"></span>
                    <span class="checkbox-text" data-ph-id="ph-widget-element-7551198118581451-17">
                        <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198118581451-18"> </span>
                        <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198118581451-19">*</span>
                    </span>
                </input></label>
            </div>
            <div class="consent-accept-area" data-ph-id="ph-widget-element-7551198118581451-20">
                <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-widget-element-7551198118581451-21">
                    ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]}
                </button>
            </div>
        </div>

    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-7551198955574347-default" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-widget-element-7551198955574347-2">

    <!-- Content block -->
    <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-widget-element-7551198955574347-3">

        <!-- Pre Sign-in link -->
        <a class="sign-in-link" if.bind="!isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-widget-element-7551198955574347-4">
            <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-5"></i>
            <span data-ph-id="ph-widget-element-7551198955574347-6">${widgetBundle['signInLinkText'] | pht}</span>
        </a>

        <!-- Create account link -->
        <a class="create-account-link" if.bind="isFirstTimeUser &amp;&amp; !isLoggedIn &amp;&amp; !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-widget-element-7551198955574347-7">
            <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-8"></i>
            <span data-ph-id="ph-widget-element-7551198955574347-9">${widgetBundle['createAccountLinkText'] | pht}</span>
        </a>

        <!-- Post Sign-in region -->
        <div class="post-sign-in-action-area" data-ph-id="ph-widget-element-7551198955574347-10">
            <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198955574347-11">
                <span if.bind="registeredSuccessfully" data-ph-id="ph-widget-element-7551198955574347-12">
                    Registered Successfully
                </span>
            </div>
            <!-- Post Sign-in button -->
            <button if.bind="isLoggedIn &amp;&amp; !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-widget-element-7551198955574347-13">

                <!-- <figure>
                    <img src="" class="user-avatar" alt="" />
                </figure> -->
                <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-14">
                    <span data-ph-id="ph-widget-element-7551198955574347-15">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; profileDetails.profile.email.substring(0,1)}</span>
                    <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> -->
                </span>
                <span class="user-avatar-icon" if.bind="!(preferredName &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-widget-element-7551198955574347-16">
                    <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-17"></i>
                </span>

                <span class="user-name fs-block" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-widget-element-7551198955574347-18">
                    ${preferredName &amp;&amp; profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email}
                </span>

                <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> -->

            </button>

            <!-- User details dropdown -->
            <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-widget-element-7551198955574347-19">

                <!-- User details -->
                <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-widget-element-7551198955574347-20">

                    <span class="user-avatar-initials fs-block" if.bind="(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-21">
                        <span data-ph-id="ph-widget-element-7551198955574347-22">${preferredName &amp;&amp; profileDetails.profile.preferredName &amp;&amp; profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName &amp;&amp; profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email &amp;&amp; profileDetails.profile.email.substring(0,1)}</span>
                        <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> -->
                    </span>

                    <span class="user-avatar-icon" if.bind="!(preferredName &amp;&amp; profileDetails.profile.preferredName) &amp;&amp; !profileDetails.profile.firstName &amp;&amp; !profileDetails.profile.email" data-ph-id="ph-widget-element-7551198955574347-23">
                        <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-24"></i>
                    </span>

                    <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-widget-element-7551198955574347-25">
                        <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName &amp;&amp; profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-widget-element-7551198955574347-26">
                            ${preferredName &amp;&amp; profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName}
                        </div>
                        <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-widget-element-7551198955574347-27">
                            ${profileDetails.profile.email}
                        </div>
                    </div>
                </div>

                <!-- User actions -->
                <div class="user-actions" data-ph-id="ph-widget-element-7551198955574347-28">
                    <div class="user-actions-list" data-ph-id="ph-widget-element-7551198955574347-29">
                        <div class="user-actions-listitem" data-ph-id="ph-widget-element-7551198955574347-30">
                            <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-widget-element-7551198955574347-31">
                                ${widgetBundle['personalAccountLinkText'] | pht}
                            </a>
                        </div>
                        <div class="user-actions-listitem" data-ph-id="ph-widget-element-7551198955574347-32">
                            <a ph-tevent="signout_click" if.bind="!isCsrfGetLogoutFlowEnabled" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198955574347-33">
                                ${widgetBundle['signOutButton'] | pht}
                            </a>
                            <a ph-tevent="signout_click" if.bind="isCsrfGetLogoutFlowEnabled" click.delegate="handleLogoutFlow()" class="cd-sign-out-btn" href="javascript:void(0)" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198955574347-34">
                                ${widgetBundle['signOutButton'] | pht}
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>

    <!-- Pop up block -->
    <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-widget-element-7551198955574347-35">
        <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-widget-element-7551198955574347-36">

            <!-- Dialog area -->
            <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-widget-element-7551198955574347-37">
                <!-- Login in area -->
                <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198955574347-38">

                    <!-- Close popup button -->
                    <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-widget-element-7551198955574347-39">
                        <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551198955574347-40">
                            <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-41"></i>
                        </button>
                    </div>

                    <!-- Sign in heading -->
                    <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-7551198955574347-42">

                        <!--Cv uploaded text -->
                        <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-widget-element-7551198955574347-43">
                            <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-7551198955574347-44">
                                ${widgetBundle['cvUploadedText'] | pht}
                            </p>
                        </div>

                        <!-- Sign in heading -->
                        <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198955574347-45">
                            <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198955574347-46">
                                ${widgetBundle['signInPopUpHeading']}
                            </h2>
                            <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-7551198955574347-47">
                                ${widgetBundle['signInPopUpSubHeading'] | pht}
                            </p>
                        </div>

                        <!-- Forgot heading -->
                        <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-7551198955574347-48">
                            <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198955574347-49">
                                ${widgetBundle['forgotPasswordPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-widget-element-7551198955574347-50">
                                ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht}
                            </p>
                        </div>

                        <!-- Reset password heading -->
                        <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198955574347-51">
                            <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198955574347-52">
                                ${widgetBundle['resetPasswordPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-widget-element-7551198955574347-53">
                            </p>
                        </div>

                    </div>

                    <!-- Login form -->
                    <div class="login-form" data-ph-id="ph-widget-element-7551198955574347-54">
                        <form novalidate="" data-ph-id="ph-widget-element-7551198955574347-55">
                            <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-7551198955574347-56">

                                <!-- Email -->
                                <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198955574347-57">

                                    <label for="signinEmail" class="form-label" data-ph-id="ph-widget-element-7551198955574347-58">
                                        ${widgetBundle['signInEmailFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-widget-element-7551198955574347-59">

                                        <div class="text-box" data-ph-id="ph-widget-element-7551198955574347-60">

                                            <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-widget-element-7551198955574347-61">

                                            <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-7551198955574347-62"></i>

                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-widget-element-7551198955574347-63"></i>

                                        </input></div>

                                        <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-widget-element-7551198955574347-64">

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198955574347-65">
                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198955574347-66">
                                                    ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                                </span>

                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198955574347-67">
                                                    ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                                </span>
                                            </div>
                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198955574347-68">
                                                ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198955574347-69">
                                                ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-widget-element-7551198955574347-70">
                                                ${widgetBundle['accCreated1Error'] | pht}
                                                ${errors.email.socialProvider}
                                                ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-widget-element-7551198955574347-71">
                                                ${widgetBundle['noAccountError'] | pht}
                                                <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-7551198955574347-72">
                                                    ${widgetBundle['createAccountButtonText'] | pht}</a>
                                            </span>

                                        </div>

                                    </div>

                                </div>

                                <!-- Password -->
                                <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198955574347-73">

                                    <label for="signInPassword" class="form-label" data-ph-id="ph-widget-element-7551198955574347-74">
                                        ${widgetBundle['signInPasswordFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-widget-element-7551198955574347-75">

                                        <div class="text-box" data-ph-id="ph-widget-element-7551198955574347-76">

                                            <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="off" data-ph-id="ph-widget-element-7551198955574347-77">

                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-widget-element-7551198955574347-78"></i>

                                            <div class="pswrd-visibility" data-ph-id="ph-widget-element-7551198955574347-79">
                                                <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-7551198955574347-80">
                                                    <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-81"></i>
                                                    <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-82"></i>
                                                </button>
                                            </div>

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198955574347-83">
                                                <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198955574347-84">
                                                    ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                                </span>

                                                <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198955574347-85">
                                                    ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                                </span>
                                            </div>

                                        </input></div>

                                        <div class="form-alert" id="errorPassword" data-ph-id="ph-widget-element-7551198955574347-86">
                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198955574347-87">

                                                <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-widget-element-7551198955574347-88">
                                                    ${widgetBundle['errorMessageEmptyPassword'] | pht}
                                                </span>

                                                <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-widget-element-7551198955574347-89">
                                                    ${widgetBundle['errorIncorrectPassword'] | pht}
                                                </span>

                                            </div>

                                            <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-widget-element-7551198955574347-90">
                                                ${widgetBundle['errorMessageEmptyPassword'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-widget-element-7551198955574347-91">
                                                ${widgetBundle['errorIncorrectPassword'] | pht}
                                            </span>

                                        </div>

                                    </div>

                                </div>

                                <!-- Error message -->
                                <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198955574347-92">
                                    <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-widget-element-7551198955574347-93">

                                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-94"></i>

                                        <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198955574347-95">
                                            ${widgetBundle['technicalIssueText']}
                                        </span>

                                    </div>
                                </div>

                                <!-- Sign in button -->
                                <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198955574347-96">

                                    <div class="form-container" data-ph-id="ph-widget-element-7551198955574347-97">
                                        <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198955574347-98">
                                            ${widgetBundle['signInButton'] | pht}
                                        </button>
                                    </div>

                                    <div class="form-container" data-ph-id="ph-widget-element-7551198955574347-99">
                                        <div class="user-options" data-ph-id="ph-widget-element-7551198955574347-100">

                                            <span class="each-option" data-ph-id="ph-widget-element-7551198955574347-101">
                                                <label for="staySignIn" class="input-check-group" data-ph-id="ph-widget-element-7551198955574347-102">
                                                    <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-widget-element-7551198955574347-103">

                                                    <span class="checkbox" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-104">
                                                        <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-105"></i>
                                                    </span>

                                                    <span class="checkbox-label-text" data-ph-id="ph-widget-element-7551198955574347-106">
                                                        ${widgetBundle['staySignedInCheckboxText'] | pht}
                                                    </span>

                                                </input></label>
                                            </span>

                                            <span class="each-option" data-ph-id="ph-widget-element-7551198955574347-107">
                                                <span class="forgot-password-area" data-ph-id="ph-widget-element-7551198955574347-108">
                                                    <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-widget-element-7551198955574347-109">
                                                        ${widgetBundle['forgotPasswordLinkText'] | pht}
                                                    </a>
                                                </span>
                                            </span>

                                        </div>
                                    </div>

                                </div>

                                <!-- Error message -->
                                <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-7551198955574347-110">
                                    <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-widget-element-7551198955574347-111">

                                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-112"></i>

                                        <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198955574347-113">
                                            ${widgetBundle['technicalIssueText']}
                                        </span>

                                    </div>
                                </div>

                                <!-- Reset button -->
                                <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-7551198955574347-114">

                                    <!-- Password reset link -->
                                    <div class="form-container" data-ph-id="ph-widget-element-7551198955574347-115">

                                        <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198955574347-116">
                                            ${widgetBundle['resetPasswordButtonText'] | pht}
                                        </button>

                                    </div>

                                </div>

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

                    <!-- Resend email section -->
                    <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198955574347-117">
                        <span id="cd-pf-recieve-email" data-ph-id="ph-widget-element-7551198955574347-118">
                            ${widgetBundle['resentEmailButtonLabel'] | pht}
                        </span>
                        <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-widget-element-7551198955574347-119">
                            ${widgetBundle['resentEmailButtonText'] | pht}
                        </a>
                    </div>

                    <!-- Retrun signin section -->
                    <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198955574347-120">
                        <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-widget-element-7551198955574347-121">
                            ${widgetBundle['returnSigninText'] | pht}
                        </button>
                    </div>

                </div>

                <!-- Create account area -->
                <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198955574347-122">

                    <!-- Close pop up button -->
                    <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-widget-element-7551198955574347-123">
                        <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551198955574347-124">
                            <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-widget-element-7551198955574347-125"></i>
                        </button>
                    </div>

                    <!-- Create account heading -->
                    <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-7551198955574347-126">

                        <!--Cv uploaded text -->
                        <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-widget-element-7551198955574347-127">
                            <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-7551198955574347-128">
                                ${widgetBundle['cvUploadedText'] | pht}
                            </p>
                        </div>

                        <div class="sign-in-heading-block" data-ph-id="ph-widget-element-7551198955574347-129">
                            <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198955574347-130">
                                ${widgetBundle['createAccountPopUpHeading'] | pht}
                            </h2>
                            <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-widget-element-7551198955574347-131">
                                ${widgetBundle['createAccountPopUpSubHeading'] | pht}
                            </p>
                        </div>
                    </div>

                    <!-- Login form -->
                    <div class="login-form" data-ph-id="ph-widget-element-7551198955574347-132">
                        <form novalidate="" data-ph-id="ph-widget-element-7551198955574347-133">
                            <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-7551198955574347-134">

                                <!-- Email -->
                                <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-widget-element-7551198955574347-135">

                                    <label for="createEmail" class="form-label" data-ph-id="ph-widget-element-7551198955574347-136">
                                        ${widgetBundle['createAccountEmailFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-widget-element-7551198955574347-137">

                                        <div class="text-box" data-ph-id="ph-widget-element-7551198955574347-138">

                                            <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-widget-element-7551198955574347-139">

                                            <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-7551198955574347-140"></i>
                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-widget-element-7551198955574347-141"></i>

                                        </input></div>

                                        <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-widget-element-7551198955574347-142">

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198955574347-143">
                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198955574347-144">
                                                    ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                                </span>

                                                <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198955574347-145">
                                                    ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                                </span>
                                            </div>
                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198955574347-146">
                                                ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198955574347-147">
                                                ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-widget-element-7551198955574347-148">
                                                ${widgetBundle['accCreated1Error'] | pht}
                                                ${errors.email.socialProvider}
                                                ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider}
                                            </span>

                                            <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-widget-element-7551198955574347-149">
                                                ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-7551198955574347-150">
                                                    ${widgetBundle['signInButton'] | pht}</a>
                                            </span>

                                        </div>

                                    </div>

                                </div>

                                <!-- Password -->
                                <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-widget-element-7551198955574347-151">

                                    <label for="createPassword" class="form-label" data-ph-id="ph-widget-element-7551198955574347-152">
                                        ${widgetBundle['createAccountFormLabel'] | pht}
                                    </label>

                                    <div class="form-container" data-ph-id="ph-widget-element-7551198955574347-153">

                                        <div class="text-box" data-ph-id="ph-widget-element-7551198955574347-154">

                                            <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="off" data-ph-id="ph-widget-element-7551198955574347-155">

                                            <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-widget-element-7551198955574347-156"></i>

                                            <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-widget-element-7551198955574347-157"></i>

                                            <div class="pswrd-visibility" data-ph-id="ph-widget-element-7551198955574347-158">
                                                <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-7551198955574347-159">
                                                    <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-160"></i>
                                                    <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-161"></i>
                                                </button>
                                            </div>

                                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198955574347-162">
                                                <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198955574347-163">
                                                    ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                                </span>

                                                <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198955574347-164">
                                                    ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                                </span>
                                            </div>

                                        </input></div>

                                        <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-widget-element-7551198955574347-165">
                                                <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-widget-element-7551198955574347-166">
                                                    error:
                                                </span>
                                                  <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-widget-element-7551198955574347-167">
                                                        ${widgetBundle['passwordErrorRequirementText'] | pht}
                                                  </span> 
                                                    <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-widget-element-7551198955574347-168">
                                                         ${widgetBundle['createAccErrorStatement2'] | pht}
                                                    </span>
    
                                                    <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-widget-element-7551198955574347-169">
                                                        ${widgetBundle['createAccErrorStatement3'] | pht}
                                                    </span>
    
                                                    <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-widget-element-7551198955574347-170">
                                                         ${widgetBundle['createAccErrorStatement4'] | pht}
                                                    </span>
    
                                                    <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-widget-element-7551198955574347-171">
                                                        ${widgetBundle['createAccErrorStatement5'] | pht}
                                                    </span>
                                                
    
                                            </div>

                                        <div class="form-description" id="errorCreatePassword" data-ph-id="ph-widget-element-7551198955574347-172">
                                            ${widgetBundle['createAccErrorStatement1'] | pht}
                                            <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198955574347-173">${widgetBundle['createAccErrorStatement2']
                                                | pht} </span>
                                            <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198955574347-174">${widgetBundle['createAccErrorStatement3']
                                                | pht} </span>
                                            <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198955574347-175">${widgetBundle['createAccErrorStatement4']
                                                | pht} </span>
                                            <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198955574347-176">${widgetBundle['createAccErrorStatement5']
                                                | pht} </span>
                                        </div>

                                    </div>

                                </div>

                                <!-- Error message -->
                                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198955574347-177">
                                    <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-widget-element-7551198955574347-178">

                                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-179"></i>

                                        <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198955574347-180">
                                            ${widgetBundle['technicalIssueText']}
                                        </span>

                                    </div>
                                </div>

                                <!-- Data Consent -->
                                <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-7551198955574347-181">                                    
                                    <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-widget-element-7551198955574347-182">
                                        <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="JCt0Vx-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-7551198955574347-183">                                        
                                        <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-184">
                                            <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-185"></i>
                                        </span>                                    
                                        <span class="checkbox-text" data-ph-id="ph-widget-element-7551198955574347-186">
                                            <ppc-content key="o5QQVV-JCt0Vx-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-widget-element-7551198955574347-187">${widgetBundle['privacyPolicyCheckboxText'] | pht} 
                                                <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-widget-element-7551198955574347-188">
                                                    ${widgetBundle['privacyPolicyText'] | pht}
                                                </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                                                <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198955574347-189">
                                                    ${widgetBundle['termsOfUseText'] | pht}
                                                </a>                                                                                           
                                            </ppc-content>
                                        </span>
                                    </input></label>
                                    <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-widget-element-7551198955574347-190">
                                        <span class="checkbox-text" data-ph-id="ph-widget-element-7551198955574347-191">
                                            <ppc-content key="21QUZA-JCt0Vx-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-widget-element-7551198955574347-192">
                                                ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                                                <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-widget-element-7551198955574347-193">
                                                    ${widgetBundle['privacyPolicyText'] | pht}
                                                </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                                                <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198955574347-194">
                                                    ${widgetBundle['termsOfUseText'] | pht}
                                                </a>
                                            </ppc-content>
                                        </span>
                                    </div>
                                </div>

                                <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-7551198955574347-195">
                                    <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198955574347-196">
                                        <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-widget-element-7551198955574347-197">
                                        <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-198"></span>
                                        <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-199"></span>
                                        <span class="checkbox-text" data-ph-id="ph-widget-element-7551198955574347-200">
                                            <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198955574347-201"> </span>
                                            <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198955574347-202">*</span>
                                        </span>
                                    </input></label>
                                </div>

                                <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-widget-element-7551198955574347-203">
                                    <span class="sr-only required-text" data-ph-id="ph-widget-element-7551198955574347-204"> ${widgetBundle['requiredText']} </span>
                                    ${widgetBundle['consentsLinkText']}
                                </a>

                                <!-- Data Consent Error message -->
                                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198955574347-205">
                                    <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-widget-element-7551198955574347-206">
                                        <span class="alert-msg" data-ph-id="ph-widget-element-7551198955574347-207">
                                            ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                                        </span>
                                    </div>
                                    <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-widget-element-7551198955574347-208">
                                        <span class="alert-msg" data-ph-id="ph-widget-element-7551198955574347-209">
                                            ${widgetBundle['piiConsentError'] | pht}
                                        </span>
                                    </div>
                                </div>

                                <!-- Create account button -->
                                <div class="form-group-row" data-ph-id="ph-widget-element-7551198955574347-210">
                                    <div class="form-container" data-ph-id="ph-widget-element-7551198955574347-211">

                                        <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198955574347-212">
                                            ${widgetBundle['createAccountButtonText'] | pht}
                                        </button>
                                    </div>
                                </div>

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

                </div>

                <!-- Social account area-->
                <div if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198955574347-213">
                    <!-- Seperator -->
                    <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-widget-element-7551198955574347-214">
                        ${widgetBundle['seperatorText'] | pht}
                    </div>

                    <!-- ph-social-connect-v1 -->
                    <div class="sign-in-social-accounts-area" data-ph-id="ph-widget-element-7551198955574347-215">
                        <section class="ph-widget" instanceid="1qw3b7" instance-id="Tija5L" original-view="view5" view="7551198911426035-view5" data-ph-id="ph-widget-element-7551198955574347-216">
                            <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="7551198911426035-view5" original-view="view5" instance-id="Tija5L" data-ph-id="ph-widget-element-7551198955574347-217"></div>
                        </section>
                    </div>

                    <!-- Create an Account section -->
                    <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-widget-element-7551198955574347-218">
                        <span data-ph-id="ph-widget-element-7551198955574347-219">
                            ${widgetBundle['createAccountButtonLabel'] | pht}
                        </span>
                        <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-7551198955574347-220">
                            ${widgetBundle['createAccountButtonText'] | pht}
                        </a>
                    </div>

                    <!-- Sign in link -->
                    <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-widget-element-7551198955574347-221">
                        <span data-ph-id="ph-widget-element-7551198955574347-222">
                            ${widgetBundle['signInButtonLabel'] | pht}
                        </span>
                        <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-7551198955574347-223">
                            ${widgetBundle['signInButton'] | pht}
                        </a>
                    </div>

                    <!-- Sign in description -->
                    <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-widget-element-7551198955574347-224">
                        <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198955574347-225">${widgetBundle['termsOfUseText'] | pht}</a>
                        <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-widget-element-7551198955574347-226">${widgetBundle['privacyPolicyText'] |
                            pht}</a>
                    </div>
                </div>
            </div>
            <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-7551198955574347-227">
                <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-widget-element-7551198955574347-228">
                    <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-229"></i>
                </button>

                <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-7551198955574347-230">
                    ${widgetBundle['consentHeading']}
                </h2>

                <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-7551198955574347-231">
                    <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198955574347-232">
                        <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-widget-element-7551198955574347-233">
                        <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-234"></span>
                        <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198955574347-235"></span>
                        <span class="checkbox-text" data-ph-id="ph-widget-element-7551198955574347-236">
                            <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198955574347-237"> </span>
                            <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198955574347-238">*</span>
                        </span>
                    </input></label>
                </div>
                <div class="consent-accept-area" data-ph-id="ph-widget-element-7551198955574347-239">
                    <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-widget-element-7551198955574347-240">
                        ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']}
                    </button>
                </div>
            </div>
        </div>
    </div>

</div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-7551198458539677-view1" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-widget-element-7551198458539677-2">

    <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-7551198458539677-3"></div>

    <!-- Content block -->
    <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-widget-element-7551198458539677-4">

        <!-- Login in area -->
        <div if.bind="flowType == 'signIn' &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198458539677-5">

            <!-- Sign in heading -->
            <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-7551198458539677-6">

                <!-- Invalid link error message -->
                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198458539677-7">
                    <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-widget-element-7551198458539677-8">

                        <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-9"></i>

                        <span class="alert-msg" data-ph-id="ph-widget-element-7551198458539677-10">
                            ${widgetBundle['resetPasswordInvalidText'] | pht}
                        </span>

                    </div>
                </div>

                <!-- Sign in heading -->
                <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198458539677-11">
                    <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-widget-element-7551198458539677-12">
                        ${widgetBundle['signInPopUpHeading']}
                    </h2>
                    <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-widget-element-7551198458539677-13">
                        ${widgetBundle['signInPopUpSubHeading'] | pht}
                    </p>
                </div>

                <!-- Forgot heading -->
                <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-7551198458539677-14">
                    <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198458539677-15">
                        ${widgetBundle['forgotPasswordPopUpHeading'] | pht}
                    </h2>
                    <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-widget-element-7551198458539677-16">
                        ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht}
                    </p>
                </div>

                <!-- Reset password heading -->
                <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198458539677-17">
                    <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198458539677-18">
                        ${widgetBundle['resetPasswordPopUpHeading'] | pht}
                    </h2>
                    <p class="sub-heading reset-instruction" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-widget-element-7551198458539677-19">
                    </p>
                </div>


            </div>

            <!-- Login form -->
            <div class="login-form" data-ph-id="ph-widget-element-7551198458539677-20">
                <form novalidate="" data-ph-id="ph-widget-element-7551198458539677-21">
                    <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-7551198458539677-22">

                        <!-- Email -->
                        <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198458539677-23">

                            <label for="signinEmail" class="form-label" data-ph-id="ph-widget-element-7551198458539677-24">
                                ${widgetBundle['signInEmailFormLabel'] | pht}
                            </label>

                            <div class="form-container" data-ph-id="ph-widget-element-7551198458539677-25">

                                <div class="text-box" data-ph-id="ph-widget-element-7551198458539677-26">

                                    <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-widget-element-7551198458539677-27">

                                    <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-7551198458539677-28"></i>
                                    <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-widget-element-7551198458539677-29"></i>

                                </input></div>

                                <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-widget-element-7551198458539677-30">

                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198458539677-31">
                                        <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198458539677-32">
                                            ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                        </span>

                                        <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198458539677-33">
                                            ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                        </span>
                                    </div>
                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198458539677-34">
                                        ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                    </span>

                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198458539677-35">
                                        ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                    </span>

                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-widget-element-7551198458539677-36">
                                        ${widgetBundle['accCreated1Error'] | pht}
                                        ${errors.email.socialProvider}
                                        ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider}
                                    </span>

                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E105'" data-ph-id="ph-widget-element-7551198458539677-37">
                                        ${widgetBundle['noAccountError'] | pht}
                                        <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-7551198458539677-38">
                                            ${widgetBundle['createAccountButtonText'] | pht}</a>
                                    </span>

                                </div>

                            </div>

                        </div>

                        <!-- Password -->
                        <div class="form-group-row mb-0" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198458539677-39">

                            <label for="signInPassword" class="form-label" data-ph-id="ph-widget-element-7551198458539677-40">
                                ${widgetBundle['signInPasswordFormLabel'] | pht}
                            </label>

                            <div class="form-container" data-ph-id="ph-widget-element-7551198458539677-41">

                                <div class="text-box" data-ph-id="ph-widget-element-7551198458539677-42">

                                    <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control  fs-block'" aria-describedby="errorPassword" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-widget-element-7551198458539677-43">

                                    <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-widget-element-7551198458539677-44"></i>

                                    <div class="pswrd-visibility" data-ph-id="ph-widget-element-7551198458539677-45">
                                        <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-7551198458539677-46">
                                            <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-47"></i>
                                            <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-48"></i>
                                        </button>
                                    </div>

                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198458539677-49">
                                        <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198458539677-50">
                                            ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                        </span>

                                        <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198458539677-51">
                                            ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                        </span>
                                    </div>

                                </input></div>

                                <div class="form-alert" id="errorPassword" data-ph-id="ph-widget-element-7551198458539677-52">
                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198458539677-53">

                                        <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-widget-element-7551198458539677-54">
                                            ${widgetBundle['errorMessageEmptyPassword'] | pht}
                                        </span>

                                        <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; !errors.password.srHidden" data-ph-id="ph-widget-element-7551198458539677-55">
                                            ${widgetBundle['errorIncorrectPassword'] | pht}
                                        </span>

                                    </div>

                                    <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E101' &amp;&amp; errors.password.srHidden" data-ph-id="ph-widget-element-7551198458539677-56">
                                        ${widgetBundle['errorMessageEmptyPassword'] | pht}
                                    </span>

                                    <span class="error" if.bind="errors.password.error &amp;&amp; errors.password.code == 'E103' &amp;&amp; errors.password.srHidden" data-ph-id="ph-widget-element-7551198458539677-57">
                                        ${widgetBundle['errorIncorrectPassword'] | pht}
                                    </span>

                                </div>

                            </div>

                        </div>

                        <!-- Error message -->
                        <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198458539677-58">
                            <div if.bind="errors.server.error &amp;&amp; step == 'signIn'" class="alert-box" data-ph-id="ph-widget-element-7551198458539677-59">

                                <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-60"></i>

                                <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198458539677-61">
                                    ${widgetBundle['technicalIssueText'] | pht}
                                </span>

                            </div>
                        </div>

                        <!-- Sign in button -->
                        <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-widget-element-7551198458539677-62">

                            <div class="form-container" data-ph-id="ph-widget-element-7551198458539677-63">
                                <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198458539677-64">
                                    ${widgetBundle['signInButton'] | pht}
                                </button>
                            </div>

                            <div class="form-container" data-ph-id="ph-widget-element-7551198458539677-65">
                                <div class="user-options" data-ph-id="ph-widget-element-7551198458539677-66">

                                    <span class="each-option" data-ph-id="ph-widget-element-7551198458539677-67">
                                        <label for="staySignIn" class="input-check-group" data-ph-id="ph-widget-element-7551198458539677-68">
                                            <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-widget-element-7551198458539677-69">

                                            <span class="checkbox" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-70">
                                                <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-71"></i>
                                            </span>

                                            <span class="checkbox-label-text" data-ph-id="ph-widget-element-7551198458539677-72">
                                                ${widgetBundle['staySignedInCheckboxText'] | pht}
                                            </span>

                                        </input></label>
                                    </span>

                                    <span class="each-option" data-ph-id="ph-widget-element-7551198458539677-73">
                                        <span class="forgot-password-area" data-ph-id="ph-widget-element-7551198458539677-74">
                                            <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-widget-element-7551198458539677-75">
                                                ${widgetBundle['forgotPasswordLinkText'] | pht}
                                            </a>
                                        </span>
                                    </span>

                                </div>
                            </div>

                        </div>

                        <!-- Error message -->
                        <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-7551198458539677-76">
                            <div if.bind="errors.server.error &amp;&amp; step == 'forgotPassword'" class="alert-box" data-ph-id="ph-widget-element-7551198458539677-77">

                                <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-78"></i>

                                <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198458539677-79">
                                    ${widgetBundle['technicalIssueText'] | pht}
                                </span>

                            </div>
                        </div>

                        <!-- Reset button -->
                        <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-widget-element-7551198458539677-80">

                            <!-- Password reset link -->
                            <div class="form-container" data-ph-id="ph-widget-element-7551198458539677-81">

                                <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198458539677-82">
                                    ${widgetBundle['resetPasswordButtonText'] | pht}
                                </button>

                            </div>

                        </div>

                    </div>
                </form>
            </div>

            <!-- Resend email section -->
            <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198458539677-83">
                <span id="cd-pf-recieve-email" data-ph-id="ph-widget-element-7551198458539677-84">
                    ${widgetBundle['resentEmailButtonLabel'] | pht}
                </span>
                <button ref="resendEmailLink" class.bind="!isResendBtnEnable ? 'resend-btn-disabled cd-resend-mail' : 'cd-resend-mail'" disabled.bind="!isResendBtnEnable" click.delegate="resendPswrdResetLink()" data-ph-id="ph-widget-element-7551198458539677-85">
                    ${widgetBundle['resentEmailButtonText'] | pht}
                </button>
                <span tabindex="-1" if.bind="isEmailResend" class="resend-success-text" data-ph-id="ph-widget-element-7551198458539677-86">
                    ${widgetBundle['emailResendSuccessText'] | pht}
                  </span>
            </div>

            <!-- Retrun signin section -->
            <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-widget-element-7551198458539677-87">
                <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-widget-element-7551198458539677-88">
                    ${widgetBundle['returnSigninText'] | pht}
                </button>
            </div>

        </div>

        <!-- Create account area -->
        <div if.bind="flowType == 'signUp' &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198458539677-89">

            <!-- Create account heading -->
            <!-- aria-live="assertive" aria-atomic="true" -->
            <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-7551198458539677-90">
                <!-- tabindex="-1" ph-a11y-focus -->
                <div class="sign-in-heading-block" data-ph-id="ph-widget-element-7551198458539677-91">
                    <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198458539677-92">
                        ${widgetBundle['createAccountPopUpHeading'] | pht}
                    </h2>
                    <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-widget-element-7551198458539677-93">
                        ${widgetBundle['createAccountPopUpSubHeading'] | pht}
                    </p>
                </div>
            </div>

            <!-- Login form -->
            <div class="login-form" data-ph-id="ph-widget-element-7551198458539677-94">
                <form novalidate="" data-ph-id="ph-widget-element-7551198458539677-95">
                    <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-7551198458539677-96">

                        <!-- Email -->
                        <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-widget-element-7551198458539677-97">

                            <label for="createEmail" class="form-label" data-ph-id="ph-widget-element-7551198458539677-98">
                                ${widgetBundle['createAccountEmailFormLabel'] | pht}
                            </label>

                            <div class="form-container" data-ph-id="ph-widget-element-7551198458539677-99">

                                <div class="text-box" data-ph-id="ph-widget-element-7551198458539677-100">

                                    <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-widget-element-7551198458539677-101">

                                    <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-widget-element-7551198458539677-102"></i>
                                    <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error &amp;&amp; !isValidEmail" data-ph-id="ph-widget-element-7551198458539677-103"></i>

                                </input></div>

                                <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-widget-element-7551198458539677-104">

                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198458539677-105">
                                        <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198458539677-106">
                                            ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                        </span>

                                        <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; !errors.email.srHidden" data-ph-id="ph-widget-element-7551198458539677-107">
                                            ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                        </span>
                                    </div>
                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198458539677-108">
                                        ${widgetBundle['errorMessageEmptyEmail'] | pht}
                                    </span>

                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102' &amp;&amp; !isValidEmail &amp;&amp; errors.email.srHidden" data-ph-id="ph-widget-element-7551198458539677-109">
                                        ${widgetBundle['errorMessageInvalidEmail'] | pht}
                                    </span>

                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E103'" data-ph-id="ph-widget-element-7551198458539677-110">
                                        You created an account with this email using
                                        ${errors.email.socialProvider}
                                        ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider}
                                    </span>

                                    <span class="error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E104'" data-ph-id="ph-widget-element-7551198458539677-111">
                                        ${widgetBundle['emailInUseError'] | pht}
                                        <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-7551198458539677-112">
                                            ${widgetBundle['signInButton'] | pht}</a>
                                    </span>

                                </div>

                            </div>

                        </div>

                        <!-- Password -->
                        <div class="form-group-row mb-0" data-ph-at-id="password-block" data-ph-id="ph-widget-element-7551198458539677-113">

                            <label for="createPassword" class="form-label" data-ph-id="ph-widget-element-7551198458539677-114">
                                ${widgetBundle['createAccountFormLabel'] | pht}
                            </label>

                            <div class="form-container" data-ph-id="ph-widget-element-7551198458539677-115">

                                <div class="text-box" data-ph-id="ph-widget-element-7551198458539677-116">

                                    <input id="createPassword" aria-describedby="errorCreatePassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-widget-element-7551198458539677-117">


                                    <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-widget-element-7551198458539677-118"></i>

                                    <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-widget-element-7551198458539677-119"></i>

                                    <div class="pswrd-visibility" data-ph-id="ph-widget-element-7551198458539677-120">
                                        <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-7551198458539677-121">
                                            <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-122"></i>
                                            <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-123"></i>
                                        </button>
                                    </div>

                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198458539677-124">
                                        <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198458539677-125">
                                            ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                        </span>

                                        <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198458539677-126">
                                            ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                        </span>
                                    </div>


                                </input></div>

                                <div class="form-description" id="errorCreatePassword" data-ph-id="ph-widget-element-7551198458539677-127">
                                    ${widgetBundle['createAccErrorStatement1'] | pht}
                                    <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198458539677-128">${widgetBundle['createAccErrorStatement2']
                                        | pht} </span>
                                    <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198458539677-129">${widgetBundle['createAccErrorStatement3']
                                        | pht} </span>
                                    <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198458539677-130">${widgetBundle['createAccErrorStatement4']
                                        | pht} </span>
                                    <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198458539677-131">${widgetBundle['createAccErrorStatement5']
                                        | pht} </span>
                                </div>

                            </div>

                        </div>

                        <!-- Error message -->
                        <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198458539677-132">
                            <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-widget-element-7551198458539677-133">

                                <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-134"></i>

                                <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198458539677-135">
                                    ${widgetBundle['technicalIssueText'] | pht}
                                </span>

                            </div>

                        </div>

                        <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198458539677-136">
                            <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-widget-element-7551198458539677-137">
                                ${widgetBundle['errorSrOnly'] | pht}
                            </span>
                            <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-widget-element-7551198458539677-138">
                                ${widgetBundle['passwordErrorRequirementText'] | pht}
                            </span>

                            <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-widget-element-7551198458539677-139">
                                ${widgetBundle['createAccErrorStatement2'] | pht}
                            </span>

                            <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-widget-element-7551198458539677-140">
                                ${widgetBundle['createAccErrorStatement3'] | pht}
                            </span>

                            <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-widget-element-7551198458539677-141">
                                ${widgetBundle['createAccErrorStatement4'] | pht}
                            </span>

                            <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-widget-element-7551198458539677-142">
                                ${widgetBundle['createAccErrorStatement5'] | pht}
                            </span>
                        </div>

                        <!-- Data Consent -->
                        <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-7551198458539677-143">
                            <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-widget-element-7551198458539677-144">
                                <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="qodxfP-ph-candidate-login-v1-view1-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-7551198458539677-145">
                                <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-146">
                                    <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-147"></i>
                                </span>
                                <span class="checkbox-text" data-ph-id="ph-widget-element-7551198458539677-148">
                                    <ppc-content key="t80Uts-qodxfP-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-widget-element-7551198458539677-149">
                                        ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                                        <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-widget-element-7551198458539677-150">
                                            ${widgetBundle['privacyPolicyText'] | pht}
                                        </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                                        <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198458539677-151">
                                            ${widgetBundle['termsOfUseText'] | pht}
                                        </a>
                                    </ppc-content>
                                </span>
                            </input></label>
                            <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-widget-element-7551198458539677-152">
                                <span class="checkbox-text" data-ph-id="ph-widget-element-7551198458539677-153">
                                    <ppc-content key="TIBO1b-qodxfP-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-widget-element-7551198458539677-154">
                                        ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                                        <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-widget-element-7551198458539677-155">
                                            ${widgetBundle['privacyPolicyText'] | pht}
                                        </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                                        <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198458539677-156">
                                            ${widgetBundle['termsOfUseText'] | pht}
                                        </a>
                                    </ppc-content>
                                </span>
                            </div>
                        </div>

                        <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-7551198458539677-157">
                            <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198458539677-158">
                                <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk1signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk1signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-widget-element-7551198458539677-159">
                                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-160"></span>
                                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-161"></span>
                                <span class="checkbox-text" data-ph-id="ph-widget-element-7551198458539677-162">
                                    <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198458539677-163"> </span>
                                    <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198458539677-164">*</span>
                                </span>
                            </input></label>
                        </div>
                        <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="ncqHZM" original-view="default" view="7551198377191924-default" data-ph-id="ph-widget-element-7551198458539677-165">
                            <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="7551198377191924-default" instance-id="ncqHZM" original-view="default" data-ph-id="ph-widget-element-7551198458539677-166"></div>
                        </section>

                        <!-- Data Consent Error message -->
                        <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198458539677-167">
                            <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-widget-element-7551198458539677-168">
                                <!-- <i class="icon icon-error-1" aria-hidden="true"></i> -->

                                <span class="alert-msg" data-ph-id="ph-widget-element-7551198458539677-169">
                                    ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                                </span>

                            </div>
                        </div>
                        <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198458539677-170">
                            <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-widget-element-7551198458539677-171">
                                ${widgetBundle['piiConsentError'] | pht}
                            </span>
                        </div>

                        <!-- Create account button -->
                        <div class="form-group-row" data-ph-id="ph-widget-element-7551198458539677-172">
                            <div class="form-container" data-ph-id="ph-widget-element-7551198458539677-173">

                                <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198458539677-174">
                                    ${widgetBundle['createAccountButtonText'] | pht}
                                </button>

                            </div>
                        </div>


                    </div>
                </form>
            </div>

        </div>

        <!-- Social account area-->
        <div class="social-account-block" if.bind="((flowType =='signIn' &amp;&amp; step == 'signIn') || (flowType == 'signUp')) &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198458539677-175">
            <!-- Seperator -->
            <div class="seperator" data-ph-id="ph-widget-element-7551198458539677-176">
                ${widgetBundle['seperatorText'] | pht}
            </div>

            <!-- ph-social-connect-v1 -->
            <div class="sign-in-social-accounts-area" data-ph-id="ph-widget-element-7551198458539677-177">
                <section class="ph-widget" instanceid="1qw3b7" instance-id="vETmn9" original-view="view5" view="7551198413937922-view5" data-ph-id="ph-widget-element-7551198458539677-178">
                    <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="7551198413937922-view5" original-view="view5" instance-id="vETmn9" data-ph-id="ph-widget-element-7551198458539677-179"></div>
                </section>
            </div>

            <!-- Create an Account section -->
            <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-widget-element-7551198458539677-180">
                <span data-ph-id="ph-widget-element-7551198458539677-181">
                    ${widgetBundle['createAccountButtonLabel'] | pht}
                </span>
                <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-widget-element-7551198458539677-182">
                    ${widgetBundle['createAccountButtonText'] | pht}
                </a>
            </div>

            <!-- Sign in link -->
            <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-widget-element-7551198458539677-183">
                <span data-ph-id="ph-widget-element-7551198458539677-184">
                    ${widgetBundle['signInButtonLabel'] | pht}
                </span>
                <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-widget-element-7551198458539677-185">
                    ${widgetBundle['signInButton'] | pht}
                </a>
            </div>

            <!-- Sign in description -->
            <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-widget-element-7551198458539677-186">
                <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198458539677-187">${widgetBundle['termsOfUseText'] | pht}</a>
                <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-widget-element-7551198458539677-188">${widgetBundle['privacyPolicyText'] | pht}</a>
            </div>

        </div>

        <!-- Create Password-->
        <div if.bind="flowType == 'resetPassword' &amp;&amp; !showLoader" data-ph-id="ph-widget-element-7551198458539677-189">

            <!-- Create password heading -->
            <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-widget-element-7551198458539677-190">
                <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-widget-element-7551198458539677-191">
                    <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-widget-element-7551198458539677-192">
                        ${widgetBundle['createNewPwdText'] | pht}
                    </h1>
                </div>

            </div>

            <div class="login-form" data-ph-id="ph-widget-element-7551198458539677-193">
                <form novalidate="" data-ph-id="ph-widget-element-7551198458539677-194">
                    <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-widget-element-7551198458539677-195">

                        <!-- Create Password -->
                        <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-widget-element-7551198458539677-196">

                            <label for="createNewPassword" class="form-label" data-ph-id="ph-widget-element-7551198458539677-197">
                                ${widgetBundle['newPwdText'] | pht}
                            </label>

                            <div class="form-container" data-ph-id="ph-widget-element-7551198458539677-198">

                                <div class="text-box" data-ph-id="ph-widget-element-7551198458539677-199">

                                    <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error &amp;&amp; !resetPasswordModel.newPassword ?  &quot;createNewPasswordDesc&quot; : &quot;errorCreateNewPassword&quot; }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['newPwdText'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-widget-element-7551198458539677-200">

                                    <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-widget-element-7551198458539677-201"></i>

                                    <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error &amp;&amp; !isValidPassword" data-ph-id="ph-widget-element-7551198458539677-202"></i>

                                    <div class="pswrd-visibility" data-ph-id="ph-widget-element-7551198458539677-203">
                                        <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-widget-element-7551198458539677-204">
                                            <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-205"></i>
                                            <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-206"></i>
                                        </button>
                                    </div>

                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198458539677-207">
                                        <span class="sr-only" if.bind="isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198458539677-208">
                                            ${widgetBundle['passwordVisibleSrOnly'] | pht}
                                        </span>

                                        <span class="sr-only" if.bind="!isPasswordVisible &amp;&amp; showPasswordSrOnly" data-ph-id="ph-widget-element-7551198458539677-209">
                                            ${widgetBundle['passwordInVisibleSrOnly'] | pht}
                                        </span>
                                    </div>

                                </input></div>

                                <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-widget-element-7551198458539677-210">

                                    <div if.bind="errors.password.error &amp;&amp; !errors.password.srHidden" data-ph-id="ph-widget-element-7551198458539677-211">
                                        <span class="sr-only" data-ph-id="ph-widget-element-7551198458539677-212">
                                            ${widgetBundle['errorSrOnly'] | pht}
                                        </span>
                                        <span class="error sr-only" data-ph-id="ph-widget-element-7551198458539677-213">
                                            ${widgetBundle['passwordErrorRequirementText'] | pht}
                                        </span>

                                        <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-widget-element-7551198458539677-214">
                                            ${widgetBundle['createAccErrorStatement2'] | pht}
                                        </span>

                                        <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-widget-element-7551198458539677-215">
                                            ${widgetBundle['createAccErrorStatement3'] | pht}
                                        </span>

                                        <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-widget-element-7551198458539677-216">
                                            ${widgetBundle['createAccErrorStatement4'] | pht}
                                        </span>

                                        <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-widget-element-7551198458539677-217">
                                            ${widgetBundle['createAccErrorStatement5'] | pht}
                                        </span>
                                    </div>


                                </div>

                                <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-widget-element-7551198458539677-218">
                                    ${widgetBundle['createAccErrorStatement1'] | pht}
                                    <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198458539677-219">${widgetBundle['createAccErrorStatement2']
                                        | pht} </span>
                                    <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198458539677-220">${widgetBundle['createAccErrorStatement3']
                                        | pht} </span>
                                    <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198458539677-221">${widgetBundle['createAccErrorStatement4']
                                        | pht} </span>
                                    <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-widget-element-7551198458539677-222">${widgetBundle['createAccErrorStatement5']
                                        | pht} </span>
                                </div>

                            </div>

                        </div>

                        <!-- Error message -->
                        <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-widget-element-7551198458539677-223">
                            <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-widget-element-7551198458539677-224">

                                <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-225"></i>

                                <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-widget-element-7551198458539677-226">
                                    ${widgetBundle['technicalIssueText'] | pht}
                                </span>

                                <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-widget-element-7551198458539677-227">
                                    ${widgetBundle['resetLinkExpired'] | pht}
                                </span>

                            </div>
                        </div>

                        <!-- Set new password button -->
                        <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-widget-element-7551198458539677-228">

                            <div class="form-container" data-ph-id="ph-widget-element-7551198458539677-229">

                                <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-widget-element-7551198458539677-230">
                                    ${widgetBundle['setNewPwdText'] | pht}
                                </button>

                            </div>

                        </div>


                    </div>
                </form>
            </div>

        </div>
    </div>
    <div class="popup-modal-backdrop active email-validation-wrapper" show.bind="isShowEmailValidationPopup" data-ph-id="ph-widget-element-7551198458539677-231">
        <div class="modal fade in show modal-dialog ph-a11y-modal-area-email-validation email-validation-popup" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="email-val-heading-text" data-ph-id="ph-widget-element-7551198458539677-232">
            <button class="close-popup close" key-aria-label="qodxfP-ph-candidate-login-v1-view1-closePopup" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-widget-element-7551198458539677-233">
                <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-234"></i>
            </button>
            <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-widget-element-7551198458539677-235"> ${widgetBundle['emalValHeadingText'] | pht}</h2>
            <div class="email-val-desc" data-ph-id="ph-widget-element-7551198458539677-236"> ${widgetBundle['emailValDescText1'] | pht} 
                <span class="sign-up-email" data-ph-id="ph-widget-element-7551198458539677-237">${profileDetails.profile.email}</span>
                ${widgetBundle['emailValDescText2'] | pht}  <span class="token-expiry-time-text" data-ph-id="ph-widget-element-7551198458539677-238"> ${tokenExpiryTimeText}.</span>
            </div>
                <span class="email-send-text" data-ph-id="ph-widget-element-7551198458539677-239">${widgetBundle['emailValSendText'] | pht}</span>
                <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-widget-element-7551198458539677-240"> ${widgetBundle['resendEmailText'] | pht}</button>
                <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-candidate-login-email-sent-failed" tabindex="-1" data-ph-id="ph-widget-element-7551198458539677-241">
                    <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-widget-element-7551198458539677-242"></i>
                    <span data-ph-id="ph-widget-element-7551198458539677-243">${widgetBundle['resendFailedText'] | pht} </span>
                </span>
        </div>
    </div>

</div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-7551198561886200-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-7551198561886200-2">
    <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-widget-element-7551198561886200-3">
        <span class="sr-only required-checkbox" data-ph-id="ph-widget-element-7551198561886200-4">${widgetBundle["requiredText"]}</span>
        ${widgetBundle["consentsLinkText"]}
    </a>
</div>
<div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-widget-element-7551198561886200-5">
    <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-widget-element-7551198561886200-6">
        <!-- Dialog area -->
        <div class="modal-dialog consent-popup" data-ph-id="ph-widget-element-7551198561886200-7">
            <div class="close-popup-btn" data-ph-id="ph-widget-element-7551198561886200-8">
                <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551198561886200-9">
                    <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198561886200-10"></i>
                </button>
            </div>
            <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-7551198561886200-11">
                ${widgetBundle["consentHeading"]}
            </h2>
            <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-widget-element-7551198561886200-12">
                <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198561886200-13">
                    <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-widget-element-7551198561886200-14">
                    <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198561886200-15"></span>
                    <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198561886200-16"></span>
                    <span class="checkbox-text" data-ph-id="ph-widget-element-7551198561886200-17">
                        <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198561886200-18"> </span>
                        <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198561886200-19">*</span>
                    </span>
                </input></label>
            </div>
            <div class="consent-accept-area" data-ph-id="ph-widget-element-7551198561886200-20">
                <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-widget-element-7551198561886200-21">
                    ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]}
                </button>
            </div>
        </div>

    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-7551197891019901-new" nonce="">
                                        <div class="ph-dropzone-area" data-ph-id="ph-widget-element-7551197891019901-2">
                                            <button id="ph-dropzone" class="upload-btn btn
                                                primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-7551197891019901-3">
                                                <ppc-content key="VQo0pY-ph-import-resume-v1-upload-new-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-widget-element-7551197891019901-4">Try
                                                    again</ppc-content>
                                            </button>
                                        </div>
                                    </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-7551198197090541-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-7551198197090541-2"></div>
<div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-7551198197090541-3">
    <div class="widget-container" data-ph-id="ph-widget-element-7551198197090541-4">
        <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-widget-element-7551198197090541-5">

            <!-- Data Consent -->
            <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-widget-element-7551198197090541-6">
                <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-7551198197090541-7">
                    <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="mV74mM-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-7551198197090541-8">
                    <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198197090541-9">
                        <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198197090541-10"></i>
                    </span>
                    <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-7551198197090541-11">
                        <ppc-content key="g4OiqD-mV74mM-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551198197090541-12">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-7551198197090541-13">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198197090541-14">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </input></label>
                <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-7551198197090541-15">
                    <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-7551198197090541-16">
                        <ppc-content key="aOg2wL-mV74mM-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551198197090541-17">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-7551198197090541-18">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198197090541-19">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </div>
            </div>

            <!-- Data Consent Error message -->
            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198197090541-20">
                <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-widget-element-7551198197090541-21">
                    <span class="social-alert-msg" data-ph-id="ph-widget-element-7551198197090541-22">
                        ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                    </span>

                </div>
            </div>

            <ul class="login-link-list" role="list" key-role="mV74mM-ph-social-connect-v1-view5-listRole" data-ph-id="ph-widget-element-7551198197090541-23">
                <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="mV74mM-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-widget-element-7551198197090541-24">
                    <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-widget-element-7551198197090541-25">
                        <div class="icon-block" data-ph-id="ph-widget-element-7551198197090541-26">
                            <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-7551198197090541-27"></i>
                        </div>
                        <div class="text-block" aria-hidden="true" data-ph-id="ph-widget-element-7551198197090541-28"> ${widgetBundle[eachSocial.name] | pht}</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-7551198303100217-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-7551198303100217-2">
    <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-widget-element-7551198303100217-3">
        <span class="sr-only required-checkbox" data-ph-id="ph-widget-element-7551198303100217-4">${widgetBundle["requiredText"]}</span>
        ${widgetBundle["consentsLinkText"]}
    </a>
</div>
<div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-widget-element-7551198303100217-5">
    <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-widget-element-7551198303100217-6">
        <!-- Dialog area -->
        <div class="modal-dialog consent-popup" data-ph-id="ph-widget-element-7551198303100217-7">
            <div class="close-popup-btn" data-ph-id="ph-widget-element-7551198303100217-8">
                <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551198303100217-9">
                    <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198303100217-10"></i>
                </button>
            </div>
            <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-7551198303100217-11">
                ${widgetBundle["consentHeading"]}
            </h2>
            <div class="pii-consent-section" if.bind="widgetContext.consentData &amp;&amp; widgetContext.consentData.length" data-ph-id="ph-widget-element-7551198303100217-12">
                <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198303100217-13">
                    <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-widget-element-7551198303100217-14">
                    <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198303100217-15"></span>
                    <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198303100217-16"></span>
                    <span class="checkbox-text" data-ph-id="ph-widget-element-7551198303100217-17">
                        <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198303100217-18"> </span>
                        <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198303100217-19">*</span>
                    </span>
                </input></label>
            </div>
            <div class="consent-accept-area" data-ph-id="ph-widget-element-7551198303100217-20">
                <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-widget-element-7551198303100217-21">
                    ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]}
                </button>
            </div>
        </div>

    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-7551198799584576-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-7551198799584576-2"></div>
<div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-7551198799584576-3">
    <div class="widget-container" data-ph-id="ph-widget-element-7551198799584576-4">
        <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-widget-element-7551198799584576-5">

            <!-- Data Consent -->
            <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-widget-element-7551198799584576-6">
                <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-7551198799584576-7">
                    <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="DGpS3r-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-7551198799584576-8">
                    <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198799584576-9">
                        <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551198799584576-10"></i>
                    </span>
                    <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-7551198799584576-11">
                        <ppc-content key="jGiE9P-DGpS3r-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551198799584576-12">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-7551198799584576-13">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198799584576-14">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </input></label>
                <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-7551198799584576-15">
                    <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-7551198799584576-16">
                        <ppc-content key="G1LwA9-DGpS3r-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551198799584576-17">
                            ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                            <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-7551198799584576-18">
                                ${widgetBundle['privacyPolicyText'] | pht}
                            </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                            <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551198799584576-19">
                                ${widgetBundle['termsOfUseText'] | pht}
                            </a>
                        </ppc-content>
                    </span>
                </div>
            </div>

            <!-- Data Consent Error message -->
            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198799584576-20">
                <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-widget-element-7551198799584576-21">
                    <span class="social-alert-msg" data-ph-id="ph-widget-element-7551198799584576-22">
                        ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                    </span>

                </div>
            </div>

            <ul class="login-link-list" role="list" key-role="DGpS3r-ph-social-connect-v1-view5-listRole" data-ph-id="ph-widget-element-7551198799584576-23">
                <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="DGpS3r-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-widget-element-7551198799584576-24">
                    <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-widget-element-7551198799584576-25">
                        <div class="icon-block" data-ph-id="ph-widget-element-7551198799584576-26">
                            <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-7551198799584576-27"></i>
                        </div>
                        <div class="text-block" aria-hidden="true" data-ph-id="ph-widget-element-7551198799584576-28"> ${widgetBundle[eachSocial.name] | pht}</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-7551197943132087-view4" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-7551197943132087-2">
</div>
<div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-widget-element-7551197943132087-3">
    <!--  Social Connet Area Starts  -->
    <div class="phs-social-connect-area ph-a11y-sign-in" data-ph-at-id="social-connect-area" data-ph-id="ph-widget-element-7551197943132087-4">
        <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-widget-element-7551197943132087-5">
            <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-widget-element-7551197943132087-6">

                <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" data-ph-id="ph-widget-element-7551197943132087-7">
                    <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-7551197943132087-8">
                        <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="PUJDGy-ph-social-connect-v1-view4-privacyDataConsentCheckboxText" data-ph-id="ph-widget-element-7551197943132087-9">
                        <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551197943132087-10">
                            <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-widget-element-7551197943132087-11"></i>
                        </span>
                        <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-7551197943132087-12">
                            <ppc-content key="trb8TY-PUJDGy-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551197943132087-13">
                                ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                                <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-7551197943132087-14">
                                    ${widgetBundle['privacyPolicyText'] | pht}
                                </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                                <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551197943132087-15">
                                    ${widgetBundle['termsOfUseText'] | pht}
                                </a>
                            </ppc-content>
                        </span>
                    </input></label>
                    <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-widget-element-7551197943132087-16">
                        <span class="social-checkbox-btn-text" data-ph-id="ph-widget-element-7551197943132087-17">
                            <ppc-content key="X2AtfZ-PUJDGy-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551197943132087-18">
                                ${widgetBundle['privacyPolicyCheckboxText'] | pht}
                                <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-widget-element-7551197943132087-19">
                                    ${widgetBundle['privacyPolicyText'] | pht}
                                </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht}
                                <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-widget-element-7551197943132087-20">
                                    ${widgetBundle['termsOfUseText'] | pht}
                                </a>
                            </ppc-content>
                        </span>
                    </div>
                </div>

                <!-- Data Consent Error message -->
                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551197943132087-21">
                    <div if.bind="privacyConsentError &amp;&amp; privacyConsentReqFlag &amp;&amp; profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-widget-element-7551197943132087-22">
                        <span class="social-alert-msg" data-ph-id="ph-widget-element-7551197943132087-23">
                            ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht}
                        </span>

                    </div>
                </div>
                
                    <ul class="login-link-list" role="list" key-role="PUJDGy-ph-social-connect-v1-view4-listRole" data-ph-id="ph-widget-element-7551197943132087-24">
                        <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external  &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="PUJDGy-ph-social-connect-v1-view4-listItemRole" data-ph-id="ph-widget-element-7551197943132087-25">
                            <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-widget-element-7551197943132087-26">
                                <div class="icon-block" data-ph-id="ph-widget-element-7551197943132087-27">
                                    <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-7551197943132087-28"></i>
                                </div>
                                <div class="text-block" data-ph-id="ph-widget-element-7551197943132087-29">
                                    ${widgetBundle[eachSocial.name] | pht}
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
        </div>
    </div>
    <!--  Social Connet Area Ends  -->
</div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-7551198598825702-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-7551198598825702-2">
    <div class="widget-container" data-ph-id="ph-widget-element-7551198598825702-3">
        <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-7551198598825702-4"></div>
        <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-widget-element-7551198598825702-5">
            <div class="fyf-step-block" data-ph-id="ph-widget-element-7551198598825702-6">
                <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198598825702-7">

                </div>
                <!--Start FYF Start Area -->
                <!-- Authorise Step -->
                <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-7551198598825702-8"></div>
                <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-widget-element-7551198598825702-9">
                    <div class="heading-block" data-ph-id="ph-widget-element-7551198598825702-10">
                        <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> -->
                        <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-11">
                            <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-widgetMainHeading2" data-ph-id="ph-widget-element-7551198598825702-12"> Sign in to save your information for future visits
                            </ppc-content>
                        </h2>
                        <div class="sub-heading" data-ph-id="ph-widget-element-7551198598825702-13">
                            <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-14"></i>
                            <span data-ph-id="ph-widget-element-7551198598825702-15">
                                <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-widgetsubHeading" data-ph-id="ph-widget-element-7551198598825702-16">
                                    We take your privacy seriously. We never post anything to your social accounts.
                                </ppc-content>
                            </span>
                        </div>
                    </div>
                    <section class="ph-widget" instance-id="PI0pvC" original-view="view5" view="7551197998360475-view5" data-ph-id="ph-widget-element-7551198598825702-17">
                        <div class="ph-social-connect-v1-view5-default ph-widget-target" instance-id="PI0pvC" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="7551197998360475-view5" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-widget-element-7551198598825702-18"></div>
                    </section>
                    <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-19">
                        <div class="prev" data-ph-id="ph-widget-element-7551198598825702-20">
                            <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="IBh1RR-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-21">
                                <span data-ph-id="ph-widget-element-7551198598825702-22">
                                    <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-23"></i>
                                </span>
                            </button>
                        </div>
                    </div>
                </div>
                <!-- End authorise Step -->
                <!-- Categories Step -->
                <div class="categories-fyf-step-block  fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' &amp;&amp; !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-widget-element-7551198598825702-24">
                    <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-7551198598825702-25">
                        <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> -->
                        <div class="heading-block" data-ph-id="ph-widget-element-7551198598825702-26">
                            <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-7551198598825702-27">
                                <ppc-content key="4AClyU-X5gTVe-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-7551198598825702-28">Sorry ! Something
                                    went wrong, please try again in a few minutes</ppc-content>
                            </div>
                            <h2 class="ph-a11y-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfCategories" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-29">
                                <ppc-content key="DpUacx-X5gTVe-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198598825702-30">What are you
                                    interested in?</ppc-content>
                            </h2>
                        </div>
                        <fieldset class="categories-block" tabindex="-1" data-ph-at-id="categories-block" data-ph-at-data-count="stepData.categories.length" data-ph-id="ph-widget-element-7551198598825702-31">
                            <legend class="sr-only" data-ph-id="ph-widget-element-7551198598825702-32">
                                <ppc-content key="nwZn9q-X5gTVe-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198598825702-33">
                                    What are you interested in?
                                </ppc-content>
                            </legend>
                            <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-widget-element-7551198598825702-34">
                                <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfStepNoCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-7551198598825702-35">No Categories.
                                </ppc-content>
                            </div>
                            <label if.bind="!noCategories" repeat.for="eachCategory of stepData.categories" class="cat-label" title="${eachCategory.category}" data-ph-id="ph-widget-element-7551198598825702-36">
                                <input model.bind="eachCategory.category" checked.bind="fyfStepConfig.categories.selectedCategories" type="checkbox" change.delegate="eachCategory.isChecked = !eachCategory.isChecked" aria-label="${eachCategory.category}" aria-checked="${eachCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="categories-link" data-ph-at-category-text="${eachCategory.category}" data-ph-id="ph-widget-element-7551198598825702-37" />
                                <span class="cat-text" data-ph-id="ph-widget-element-7551198598825702-38">${eachCategory.category}</span>
                                <span class="check-mark" data-ph-id="ph-widget-element-7551198598825702-39">
                                    <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-40"></i>
                                </span>
                            </label>
                        </fieldset>
                    </div>
                    <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-41">
                        <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-7551198598825702-42">
                            <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton &amp;&amp; !fyfStepConfig.categories.selectedCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-7551198598825702-43">
                                <ppc-content key="iXDoco-X5gTVe-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-44">Next</ppc-content>
                                <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="qoQ8JN-X5gTVe-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-45">Done</ppc-content>

                            </button>
                            <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton &amp;&amp; !fyfStepConfig.categories.selectedCategories.length" data-ph-id="ph-widget-element-7551198598825702-46">
                                <ppc-content key="Pwqq20-X5gTVe-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-7551198598825702-47">Done</ppc-content>
                            </button>
                        </div>
                        <div class="prev" data-ph-id="ph-widget-element-7551198598825702-48">
                            <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="8zq3QJ-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-49">
                                <span data-ph-id="ph-widget-element-7551198598825702-50">
                                    <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-51"></i>
                                </span>
                            </button>
                        </div>
                    </div>
                </div>
                <!-- End Categories Step -->
                <!-- Sub Categories Step  -->
                <div class="categories-fyf-step-block  fyf-step-container" if.bind="fyfStepConfig.stepType == 'subCategories' &amp;&amp; !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-widget-element-7551198598825702-52">
                    <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-7551198598825702-53">
                        <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> -->
                        <div class="heading-block" data-ph-id="ph-widget-element-7551198598825702-54">
                            <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-7551198598825702-55">
                                <ppc-content key="UvTOnA-X5gTVe-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-7551198598825702-56">Sorry ! Something
                                    went wrong, please try again in a few minutes</ppc-content>
                            </div>
                            <h2 class="ph-a11y-sub-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfSubCategories" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-57">
                                <ppc-content key="Yjo3FC-X5gTVe-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198598825702-58">What are you
                                    interested in?</ppc-content>
                            </h2>
                        </div>
                        <div class="sub-categories-block" data-ph-at-id="sub-categories-block" data-ph-at-data-count="stepData.subCategories.length" role="group" key-role="X5gTVe-ph-find-your-fit-v1-default-subCategoriesBlockRoleText" aria-labelledby="phFyfSubCategories" data-ph-id="ph-widget-element-7551198598825702-59">
                            <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-widget-element-7551198598825702-60">
                                <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfStepNoSubCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-7551198598825702-61">No Sub
                                    Categories.
                                </ppc-content>
                            </div>
                            <label if.bind="!nosubCategories" repeat.for="eachSubCategory of stepData.subCategories" class="cat-label" title="${eachSubCategory.subCategory}" data-ph-id="ph-widget-element-7551198598825702-62">
                                <input model.bind="eachSubCategory.subCategory" checked.bind="fyfStepConfig.subCategories.selectedSubCategories" type="checkbox" change.delegate="eachSubCategory.isChecked = !eachSubCategory.isChecked" aria-label="${eachSubCategory.subCategory}" aria-checked="${eachSubCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="subCategories-link" data-ph-at-subcategory-text="${eachSubCategory.subCategory}" data-ph-id="ph-widget-element-7551198598825702-63" />
                                <span class="cat-text" data-ph-id="ph-widget-element-7551198598825702-64">${eachSubCategory.subCategory}</span>
                                <span class="check-mark" data-ph-id="ph-widget-element-7551198598825702-65">
                                    <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-66"></i>
                                </span>
                            </label>
                        </div>
                    </div>
                    <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-67">
                        <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-7551198598825702-68">
                            <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton &amp;&amp; !fyfStepConfig.subCategories.selectedSubCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-7551198598825702-69">
                                <ppc-content key="6Z5ngo-X5gTVe-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-70">Next</ppc-content>
                                <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="fRdfgq-X5gTVe-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-71">Done</ppc-content>

                            </button>
                            <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton &amp;&amp; !fyfStepConfig.subCategories.selectedSubCategories.length" data-ph-id="ph-widget-element-7551198598825702-72">
                                <ppc-content key="JYv8YD-X5gTVe-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-7551198598825702-73">Done</ppc-content>
                            </button>
                        </div>
                        <div class="prev" data-ph-id="ph-widget-element-7551198598825702-74">
                            <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="VAzBTl-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-75">
                                <span data-ph-id="ph-widget-element-7551198598825702-76">
                                    <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-77"></i>
                                </span>
                            </button>
                        </div>
                    </div>
                </div>
                <!-- End SubCategories Step -->
                <!-- RecentTitle Step -->
                <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-widget-element-7551198598825702-78">
                    <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-7551198598825702-79">
                        <!-- <div class="ph-a11y-fyf-step-block" tabindex="-1"> <span class="sr-only" aria-hidden="true">blank</span></div> -->
                        <div class="heading-block" data-ph-id="ph-widget-element-7551198598825702-80">
                            <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-7551198598825702-81">
                                <ppc-content key="fd4M8m-X5gTVe-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-7551198598825702-82">Sorry ! Something
                                    went wrong, please try again in a few minutes</ppc-content>
                            </div>
                            <h2 id="ph-fyf-jobTitle" class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-83">
                                <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfStepRecentTitleHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198598825702-84">What is your
                                    most recent job title?</ppc-content>
                            </h2>
                        </div>
                        <div class="recent-title-block" data-ph-at-id="recenttitle-block" data-ph-id="ph-widget-element-7551198598825702-85">
                            <label for="recentTitles" data-ph-id="ph-widget-element-7551198598825702-86">
                                ${widgetBundle['JobTitleMessage'] | pht}
                            </label>
                            <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-widget-element-7551198598825702-87">
                                <div aria-owns="recenttitle-list" aria-haspopup="listbox" data-ph-id="ph-widget-element-7551198598825702-88">
                                    <input type="text" class="search-box ${fyfStepConfig.recentTitle.flag ? 'disabled':''}" id="recentTitles" name="recentTitles" showresultsonfocus="false" ph-a11y-autocomplete="" aria-label="your job title" key-aria-label="X5gTVe-ph-find-your-fit-v1-default-fyfStepRecentTitleSearcInputAriaLabel" data-ph-autocomplete-input="recentTitle" autocomplete="organization-title" placeholder.bind="widgetBundle['fyfRecentTitlePlaceHolderText']" aria-autocomplete="list" aria-controls="recenttitle-list" value.bind="fyfStepConfig.recentTitle.value" disabled.bind="fyfStepConfig.recentTitle.flag" data-ph-at-id="input-search-box" data-ph-id="ph-widget-element-7551198598825702-89">
                                </input></div>
                                <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.recentTitle.value.length" focus.trigger="setFocusField('recentTitles')" blur.trigger="setFocusField('recentTitles',true)" aria-label=" clear the search" key-aria-label="X5gTVe-ph-find-your-fit-v1-default-fyfStepRecentTitleClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-7551198598825702-90">
                                    <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-7551198598825702-91"></i>
                                </button>
                                <ul role="listbox" aria-labelledby="recenttitle-list" id="recenttitle-list" class="search-dropdown-list" aria-label="recent titles" show.bind="stepData.showRecentTitleDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.recentTitles.length}" data-ph-id="ph-widget-element-7551198598825702-92">
                                    <li role="option" repeat.for="eachTitle of stepData.recentTitles" class="ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${fyfStepConfig.recentTitle.selectedTitle == eachTitle.title ?'selected':''}" id="result-item-${$index}" aria-selected="${eachTitle.aria.selected}" click.delegate="populateSelectedData(eachTitle, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" aria-label="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-widget-element-7551198598825702-93"></li>
                                    <li class="search-noresults" if.bind="(!stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="X5gTVe-ph-find-your-fit-v1-default-fyfStepRecentTitleNoResultsText" data-ph-id="ph-widget-element-7551198598825702-94">No
                                        results found</li>
                                </ul>
                            </div>
                            <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198598825702-95">
                                <span if.bind="stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length &amp;&amp; stepData.showRecentTitleDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-7551198598825702-96">
                                    ${widgetBundle[stepData.recentTitles.length &gt; 1 ?
                                    'suggestedRecentTitleAssertiveText' : 'suggestedRecentTitleSingularAssertiveText'] |
                                    pht:{'listLength': stepData.recentTitles.length}}
                                </span>
                                <span if.bind="(!stepData.recentTitles.length &amp;&amp; fyfStepConfig.recentTitle.value.length &amp;&amp; stepData.showRecentTitleDropdown)" key="X5gTVe-ph-find-your-fit-v1-default-recentTitlesAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-7551198598825702-97">
                                    No results are available
                                </span>
                            </div>
                            <div class="radio-btn-block" data-ph-id="ph-widget-element-7551198598825702-98">
                                <label class="input-radio-group" data-ph-id="ph-widget-element-7551198598825702-99">
                                    <input type="checkbox" model.bind="fyfStepConfig.recentTitle.flag" checked.bind="fyfStepConfig.recentTitle.flag" aria-checked="${fyfStepConfig.recentTitle.flag?'true':'false'}" change.delegate="disableJobTitle()" data-ph-at-id="radio-button" aria-label="Just
                                        starting my career" key-aria-label="dkfDEz-X5gTVe-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-id="ph-widget-element-7551198598825702-100">
                                    <span class="radio-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-101"></span>
                                    <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-102"></span>
                                    <span class="radio-text" data-ph-id="ph-widget-element-7551198598825702-103">
                                        <ppc-content key="sKwky0-X5gTVe-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-at-id="radio-button-text" data-ph-id="ph-widget-element-7551198598825702-104">Just
                                            starting my career</ppc-content>
                                    </span>
                                </input></label>
                            </div>
                        </div>
                    </div>
                    <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-105">
                        <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-7551198598825702-106">
                            <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton &amp;&amp; (!fyfStepConfig.recentTitle.selectedTitle.length &amp;&amp; !fyfStepConfig.recentTitle.flag)" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-7551198598825702-107">
                                <ppc-content key="siQQir-X5gTVe-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length &amp;&amp; !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-108">Next</ppc-content>
                                <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="9psIst-X5gTVe-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-109">Done</ppc-content>
                            </button>
                            <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton &amp;&amp; (!fyfStepConfig.recentTitle.selectedTitle.length &amp;&amp; !fyfStepConfig.recentTitle.flag)" data-ph-id="ph-widget-element-7551198598825702-110">
                                <ppc-content key="G8IPFS-X5gTVe-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-7551198598825702-111">Done</ppc-content>
                            </button>
                        </div>
                        <div class="prev" data-ph-id="ph-widget-element-7551198598825702-112">
                            <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="iSRGcT-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-113">
                                <span data-ph-id="ph-widget-element-7551198598825702-114">
                                    <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-115"></i>
                                </span>
                            </button>
                        </div>
                    </div>
                </div>
                <!-- End recentTitle Step -->
                <!-- Skills Step -->
                <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-widget-element-7551198598825702-116">
                    <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-7551198598825702-117">
                        <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> -->
                        <div class="heading-block" data-ph-id="ph-widget-element-7551198598825702-118">
                            <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-7551198598825702-119">
                                <ppc-content key="HNAlTR-X5gTVe-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-7551198598825702-120">Sorry ! Something
                                    went wrong, please try again in a few minutes</ppc-content>
                            </div>
                            <h2 id="phFyfSkills" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-121">
                                <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfStepSkillsHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198598825702-122">Tell us what you’re
                                    really good at.</ppc-content>
                            </h2>
                        </div>
                        <div class="skills-block" data-ph-at-id="skills-block" data-ph-id="ph-widget-element-7551198598825702-123">
                            <label for="skills" data-ph-id="ph-widget-element-7551198598825702-124">
                                ${widgetBundle['yourSkillsMessage'] | pht}
                                <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-widget-element-7551198598825702-125">(This field has a multi select
                                    option)</span>
                            </label>

                            <div class="ph-combobox-dropdown-area" data-ph-id="ph-widget-element-7551198598825702-126">
                                <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-widget-element-7551198598825702-127">
                                    ${fyfStepConfig.skills.selectedSkill.length == 1 ? 'Selected skill:':'Selected
                                    skills:'}
                                </span>
                                <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="selectedskills-block" data-ph-id="ph-widget-element-7551198598825702-128">
                                    <ul class="selection-multiple ph-common-slection-area" id="search-location-label-1" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.skills.selectedSkill.length}" role="presentation" data-ph-id="ph-widget-element-7551198598825702-129">
                                        <div role="list" data-ph-id="ph-widget-element-7551198598825702-130">
                                            <li class="selected-data" show.bind="fyfStepConfig.skills.selectedSkill.length" repeat.for="suggestedSkill of fyfStepConfig.skills.selectedSkill" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-7551198598825702-131">
                                                <span data-ph-id="ph-widget-element-7551198598825702-132">${suggestedSkill}
                                                    <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${suggestedSkill} skill" key-aria-label="X5gTVe-ph-find-your-fit-v1-default-fyfStepSkillsDeleteSelectedText1" data-ph-at-id="skill-delete-link" role="button" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-widget-element-7551198598825702-133">
                                                        <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-134"></i>
                                                    </a>
                                                </span>
                                            </li>
                                        </div>
                                        <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-widget-element-7551198598825702-135">
                                            <div data-ph-id="ph-widget-element-7551198598825702-136">
                                                <div class="search-box-inline" aria-owns="skill-list" aria-haspopup="listbox" aria-label="Tell us what you’re really good at" key-aria-label="X5gTVe-ph-find-your-fit-v1-default-stepThreeLabel" data-ph-id="ph-widget-element-7551198598825702-137">

                                                    <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfSkillsPlaceHolderText']" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-label="your skills" key-aria-label="X5gTVe-ph-find-your-fit-v1-default-fyfStepSkillSearchBoxAriaLabel" aria-autocomplete="list" aria-controls="skill-list" value.bind="fyfStepConfig.skills.value" css="width:${((fyfStepConfig.skills.value.length || widgetBundle['fyfSkillsPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectSkills" data-ph-id="ph-widget-element-7551198598825702-138">
                                                </input></div>
                                                <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.skills.value.length" focus.trigger="setFocusField('skills')" blur.trigger="setFocusField('skills',true)" aria-label="clear the search" key-aria-label="X5gTVe-ph-find-your-fit-v1-default-fyfStepSkillsClearSearchAriaLabel" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-7551198598825702-139">
                                                    <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-140"></i>
                                                </button>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showSkillsDropdown" data-ph-at-id="suggested-data-list" aria-label="skills" id="skill-list" aria-labelledby="skill-list" data-ph-at-data-count="${stepData.skills.length}" data-ph-id="ph-widget-element-7551198598825702-141">
                                    <li role="option" repeat.for="eachSkill of stepData.skills" class="ph-autocomplete-input-listbox-item search-list-item ${eachSkill.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.skills.selectedSkill.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="result-item-${$index}" aria-selected="${eachSkill.aria.selected}" click.delegate="populateSelectedData(eachSkill, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-widget-element-7551198598825702-142"></li>
                                    <li class="search-noresults" if.bind="(!stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="X5gTVe-ph-find-your-fit-v1-default-fyfStepSkillsNoResultsText" data-ph-id="ph-widget-element-7551198598825702-143">No results
                                        found</li>
                                </ul>
                            </div>
                            <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198598825702-144">
                                <span if.bind="stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length &amp;&amp; stepData.showSkillsDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-7551198598825702-145">
                                    ${widgetBundle[stepData.skills.length &gt; 1 ? 'suggestedSkillsAssertiveText' :
                                    'suggestedSkillsSingularAssertiveText'] | pht:{'listLength':
                                    stepData.skills.length}}
                                </span>
                                <span if.bind="(!stepData.skills.length &amp;&amp; fyfStepConfig.skills.value.length &amp;&amp; stepData.showSkillsDropdown)" key="X5gTVe-ph-find-your-fit-v1-default-skillsAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-7551198598825702-146">
                                    No results are available
                                </span>
                            </div>
                            <div class="suggestions" if.bind="stepData.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${stepData.suggestedSkills.length}" data-ph-id="ph-widget-element-7551198598825702-147">
                                <div data-ph-id="ph-widget-element-7551198598825702-148">
                                    <h3 class="suggested-heading" data-ph-id="ph-widget-element-7551198598825702-149">
                                        <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfStepSkillsSuggestionsText" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-widget-element-7551198598825702-150">Suggested skills based on your
                                            interests and job title:</ppc-content>
                                    </h3>
                                </div>
                                <div role="list" data-ph-id="ph-widget-element-7551198598825702-151">
                                    <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-widget-element-7551198598825702-152">
                                        <button class="suggestions-btn" click.delegate="selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['addSkillButtinAriaLabel'] | pht: {'skillName': eachSkill.skill}}" data-ph-id="ph-widget-element-7551198598825702-153">
                                            <span data-ph-id="ph-widget-element-7551198598825702-154">${eachSkill.skill}</span>
                                            <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-155"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-156">
                        <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-7551198598825702-157">
                            <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton &amp;&amp; !fyfStepConfig.skills.selectedSkill.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-7551198598825702-158">
                                <ppc-content key="EGTPp1-X5gTVe-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-159">Next</ppc-content>
                                <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="2uA0mT-X5gTVe-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-160">Done</ppc-content>
                            </button>
                            <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton &amp;&amp; !fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-widget-element-7551198598825702-161">
                                <ppc-content key="9jSrQI-X5gTVe-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-7551198598825702-162">Done</ppc-content>
                            </button>
                        </div>
                        <div class="prev" data-ph-id="ph-widget-element-7551198598825702-163">
                            <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="SxKoel-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-164">
                                <span data-ph-id="ph-widget-element-7551198598825702-165">
                                    <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-166"></i>
                                </span>
                            </button>
                        </div>
                    </div>
                </div>
                <!-- End Skills Step -->

                <!-- workExperience Step -->
                <div class="work-experience-fyf-step-block  fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-widget-element-7551198598825702-167">
                    <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-7551198598825702-168">
                        <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> -->
                        <div class="heading-block" data-ph-id="ph-widget-element-7551198598825702-169">
                            <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-7551198598825702-170">
                                <ppc-content key="eix9Km-X5gTVe-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-7551198598825702-171">Sorry ! Something
                                    went wrong, please try again in a few minutes</ppc-content>
                            </div>
                            <h2 id="ph-fyf-experience-1" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-172">
                                <ppc-content key="jBPlky-X5gTVe-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198598825702-173">How
                                    experienced are you?</ppc-content>
                            </h2>
                        </div>
                        <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" data-ph-id="ph-widget-element-7551198598825702-174">
                            <legend class="sr-only" data-ph-id="ph-widget-element-7551198598825702-175">
                                <ppc-content key="KHHIc2-X5gTVe-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198598825702-176">How
                                    experienced are you?</ppc-content>
                            </legend>
                            <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-widget-element-7551198598825702-177">
                                <input model.bind="exp" checked.bind="fyfStepConfig.workExperience.selectedExp" type="radio" aria-checked="${fyfStepConfig.workExperience.selectedExp?'true ':'false'}" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-widget-element-7551198598825702-178">
                                <span class="radio-text" data-ph-id="ph-widget-element-7551198598825702-179">
                                    <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-widget-element-7551198598825702-180">${exp.displayName}

                                        <span if.bind="exp.min == 0" key="g9Waon-X5gTVe-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-7551198598825702-181">
                                            Year
                                        </span>
                                        <span if.bind="exp.min != 0" key="TR1skp-X5gTVe-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-7551198598825702-182">
                                            Years
                                        </span>
                                    </span>
                                </span>
                            </input></label>
                        </fieldset>
                    </div>
                    <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-183">
                        <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-7551198598825702-184">
                            <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton &amp;&amp; !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-widget-element-7551198598825702-185">
                                <ppc-content key="hte3VV-X5gTVe-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-186">Next</ppc-content>
                                <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="cDLZiX-X5gTVe-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-187">Done</ppc-content>
                            </button>
                            <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton &amp;&amp; !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-widget-element-7551198598825702-188">
                                <ppc-content key="XhAwey-X5gTVe-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-7551198598825702-189">Done</ppc-content>
                            </button>
                        </div>
                        <div class="prev" data-ph-id="ph-widget-element-7551198598825702-190">
                            <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="POhOz8-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-191">
                                <span data-ph-id="ph-widget-element-7551198598825702-192">
                                    <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-193"></i>
                                </span>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="work-experience-fyf-step-block  fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' &amp;&amp; !showLoader &amp;&amp; hasFeature &amp;&amp; hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-widget-element-7551198598825702-194">
                    <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-7551198598825702-195">
                        <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> -->
                        <div class="heading-block" data-ph-id="ph-widget-element-7551198598825702-196">
                            <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-7551198598825702-197">
                                <ppc-content key="jtQGHm-X5gTVe-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-7551198598825702-198">Sorry ! Something
                                    went wrong, please try again in a few minutes</ppc-content>
                            </div>
                            <h2 id="ph-fyf-experience-2" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-199">
                                <ppc-content key="mVhEnL-X5gTVe-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198598825702-200">How
                                    experienced are you?</ppc-content>
                            </h2>
                        </div>
                        <fieldset class="exp-block" role="radiogroup" key-role="X5gTVe-ph-find-your-fit-v1-default-experienceBlockRole" ph-a11y-radio="" name="raidoBtn" tabindex="0" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" aria-labelledby="ph-fyf-experience-2" data-ph-id="ph-widget-element-7551198598825702-201">
                            <legend class="sr-only" data-ph-id="ph-widget-element-7551198598825702-202">
                                <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfStepWorkExpHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198598825702-203">How experienced
                                    are you?</ppc-content>
                            </legend>
                            <span repeat.for="exp of stepData.workExperience" class="exp-label" role="radio" aria-checked="false" data-ph-id="ph-widget-element-7551198598825702-204">
                                <span class="check-mark" data-ph-id="ph-widget-element-7551198598825702-205">
                                    <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-206"></i>
                                </span>
                                <span class="radio-text" data-ph-id="ph-widget-element-7551198598825702-207">
                                    <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-widget-element-7551198598825702-208">${exp.displayName}

                                        <span if.bind="exp.min == 0" key="pHVPAZ-X5gTVe-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-7551198598825702-209">
                                            Year
                                        </span>
                                        <span if.bind="exp.min != 0" key="2j0l7s-X5gTVe-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-widget-element-7551198598825702-210">
                                            Years
                                        </span>
                                    </span>
                                </span>
                            </span>
                        </fieldset>
                    </div>
                    <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-211">
                        <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-7551198598825702-212">
                            <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton &amp;&amp; !fyfStepConfig.workExperience.selectedExp" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-widget-element-7551198598825702-213">
                                <ppc-content key="JjYOQ5-X5gTVe-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-214">Next</ppc-content>
                                <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1)) " key="9owmei-X5gTVe-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-215">Done</ppc-content>
                            </button>
                            <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton &amp;&amp; !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-widget-element-7551198598825702-216">
                                <ppc-content key="DYFNJh-X5gTVe-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-7551198598825702-217">Done</ppc-content>
                            </button>
                        </div>
                        <div class="prev" data-ph-id="ph-widget-element-7551198598825702-218">
                            <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="xPjJoc-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-219">
                                <span data-ph-id="ph-widget-element-7551198598825702-220">
                                    <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-221"></i>
                                </span>
                            </button>
                        </div>
                    </div>
                </div>
                <!-- prefered Location Step -->
                <div class="preferred-location-fyf-step-block  fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' &amp;&amp; !showLoader  &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-widget-element-7551198598825702-222">
                    <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-7551198598825702-223">
                        <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> -->
                        <div class="heading-block ph-a11y-heading" data-ph-id="ph-widget-element-7551198598825702-224">
                            <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-7551198598825702-225">
                                <ppc-content key="wZUtiP-X5gTVe-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-7551198598825702-226">Sorry ! Something
                                    went wrong, please try again in a few minutes</ppc-content>
                            </div>
                            <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-227">
                                <ppc-content key="5tgUmF-X5gTVe-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198598825702-228">What is
                                    your preferred location?</ppc-content>
                            </h2>
                        </div>
                        <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-widget-element-7551198598825702-229">
                            <label for="locations" data-ph-id="ph-widget-element-7551198598825702-230">
                                ${widgetBundle['yourPreferredLocationMessage'] | pht}
                                <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-widget-element-7551198598825702-231">(This field has a multi select
                                    option)</span>
                            </label>
                            <div class="ph-combobox-dropdown-area" data-ph-id="ph-widget-element-7551198598825702-232">
                                <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-widget-element-7551198598825702-233">
                                    ${fyfStepConfig.preferredLocation.length == 1 ? 'Selected location:':'Selected
                                    locations:'}
                                </span>
                                <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-widget-element-7551198598825702-234">
                                    <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocation.length}" role="presentation" aria-label="location" data-ph-id="ph-widget-element-7551198598825702-235">
                                        <div role="list" data-ph-id="ph-widget-element-7551198598825702-236">
                                            <li class="selected-data" show.bind="fyfStepConfig.preferredLocation.length &amp;&amp; selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocation" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-7551198598825702-237">
                                                <span data-ph-id="ph-widget-element-7551198598825702-238">${selectedLoc.location_display}
                                                    <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="vac9ll-X5gTVe-ph-find-your-fit-v1-default-fyfStepPreferredLocationDeleteSelectedLocation1" data-ph-at-id="location-delete-link" role="button" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-widget-element-7551198598825702-239">
                                                        <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-240"></i>
                                                    </a>
                                                </span>
                                            </li>
                                        </div>
                                        <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-widget-element-7551198598825702-241">
                                            <div data-ph-id="ph-widget-element-7551198598825702-242">
                                                <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="aTW0m9-X5gTVe-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-widget-element-7551198598825702-243">

                                                    <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Your preferred location" key-aria-label="wtu39J-X5gTVe-ph-find-your-fit-v1-default-fyfStepPreferredLocationsInputAriaLabel" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-widget-element-7551198598825702-244">
                                                </input></div>
                                                <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="PAvRnY-X5gTVe-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-7551198598825702-245">
                                                    <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-246"></i>
                                                </button>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" aria-label="location" data-ph-id="ph-widget-element-7551198598825702-247">
                                    <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-widget-element-7551198598825702-248">
                                    </li>
                                    <li class="search-noresults" if.bind="(!stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="aBkLN5-X5gTVe-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-widget-element-7551198598825702-249">No
                                        results found</li>
                                </ul>
                            </div>
                            <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198598825702-250">
                                <span if.bind="stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length &amp;&amp; stepData.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-7551198598825702-251">
                                    ${widgetBundle[stepData.locations.length &gt; 1 ? 'suggestedLocationsAssertiveText' :
                                    'suggestedLocationsSingularAssertiveText'] | pht:{'listLength':
                                    stepData.locations.length}}
                                </span>
                                <span show.bind="(!stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length &amp;&amp; stepData.showLocationDropdown)" key="00L74H-X5gTVe-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-7551198598825702-252">
                                    No results are available
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-253">
                        <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-7551198598825702-254">
                            <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton &amp;&amp; !fyfStepConfig.preferredLocation.length" data-ph-id="ph-widget-element-7551198598825702-255">
                                <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" key="eF90Qf-X5gTVe-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-256">Next</ppc-content>
                                <ppc-content if.bind="fyfStepConfig.preferredLocation.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="PPTZdz-X5gTVe-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-257">Done</ppc-content>
                            </button>
                            <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton &amp;&amp; !fyfStepConfig.preferredLocation.length" data-ph-id="ph-widget-element-7551198598825702-258">
                                <ppc-content key="w5AwV1-X5gTVe-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-7551198598825702-259">Done</ppc-content>
                            </button>
                        </div>
                        <div class="prev" data-ph-id="ph-widget-element-7551198598825702-260">
                            <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="EgB6v9-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-261">
                                <span data-ph-id="ph-widget-element-7551198598825702-262">
                                    <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-263"></i>
                                </span>
                            </button>
                        </div>
                    </div>
                </div>
                <!-- End  prefered Location Step -->




                    <!-- prefered Location Step With more options -->
                <div class="preferred-location-fyf-step-block  fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocationWithMoreOptions' &amp;&amp; !showLoader  &amp;&amp; hasFeature &amp;&amp; hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-widget-element-7551198598825702-264">
                    <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-7551198598825702-265">
                        <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> -->
                        <div class="heading-block ph-a11y-heading" data-ph-id="ph-widget-element-7551198598825702-266">
                            <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-7551198598825702-267">
                                <ppc-content key="bueJ14-X5gTVe-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-7551198598825702-268">Sorry ! Something
                                    went wrong, please try again in a few minutes</ppc-content>
                            </div>
                            <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-269">
                                <ppc-content key="DNYTnT-X5gTVe-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198598825702-270">What is
                                    your preferred location?</ppc-content>
                            </h2>
                        </div>
                        <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-widget-element-7551198598825702-271">
                            <div class="preferred-location-container" data-ph-id="ph-widget-element-7551198598825702-272">
                                <ul class="" data-ph-id="ph-widget-element-7551198598825702-273">
                                    <li repeat.for="loc of stepData.locationOptions" data-ph-id="ph-widget-element-7551198598825702-274">
                                        <input type="radio" id.bind="loc.name" name="selectLocation" model.bind="loc" aria-checked="${fyfStepConfig.locationOptions.selectedOption?'true ':'false'}" data-ph-at-id="loc-select" data-ph-at-exp-text="${loc.displayName}" checked.bind="fyfStepConfig.locationOptions.selectedOption" change.delegate="getGeoLocationPopup()" data-ph-id="ph-widget-element-7551198598825702-275">
                                        <label for.bind="loc.name" data-ph-id="ph-widget-element-7551198598825702-276">${widgetBundle[loc.name] || loc.displayName }</label>
                                        <span class="current-location" if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' &amp;&amp; fyfStepConfig.currentLocation &amp;&amp; fyfStepConfig.currentLocation.location_display" data-ph-id="ph-widget-element-7551198598825702-277">
                                            <i class="icon icon-user" data-ph-id="ph-widget-element-7551198598825702-278"></i>
                                            <span data-ph-id="ph-widget-element-7551198598825702-279">${fyfStepConfig.currentLocation.location_display}</span>
                                        </span>
                                    </input></li>
                                </ul>
                            </div>

                            <div if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'findACity'" data-ph-id="ph-widget-element-7551198598825702-280">
                                <label for="locations" data-ph-id="ph-widget-element-7551198598825702-281">
                                    ${widgetBundle['yourPreferredLocationMessage'] | pht}
                                    <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-widget-element-7551198598825702-282">(This field has a multi select
                                        option)</span>
                                </label>
                                <div class="ph-combobox-dropdown-area" data-ph-id="ph-widget-element-7551198598825702-283">
                                    <span class="sr-only" if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length" data-ph-id="ph-widget-element-7551198598825702-284">
                                        ${fyfStepConfig.preferredLocationWithMoreOptions.length == 1 ? 'Selected location:':'Selected
                                        locations:'}
                                    </span>
                                    <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-widget-element-7551198598825702-285">
                                        <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocationWithMoreOptions.length}" role="presentation" aria-label="location" data-ph-id="ph-widget-element-7551198598825702-286">
                                            <div role="list" data-ph-id="ph-widget-element-7551198598825702-287">
                                                <li class="selected-data" show.bind="fyfStepConfig.preferredLocationWithMoreOptions.length &amp;&amp; selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocationWithMoreOptions" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-7551198598825702-288">
                                                    <span data-ph-id="ph-widget-element-7551198598825702-289">${selectedLoc.location_display}
                                                        <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="E53xDm-X5gTVe-ph-find-your-fit-v1-default-fyfStepPreferredLocationDeleteSelectedLocation1" data-ph-at-id="location-delete-link" role="button" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-widget-element-7551198598825702-290">
                                                            <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-291"></i>
                                                        </a>
                                                    </span>
                                                </li>
                                            </div>
                                            <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-widget-element-7551198598825702-292">
                                                <div data-ph-id="ph-widget-element-7551198598825702-293">
                                                    <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="FwJAFB-X5gTVe-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-widget-element-7551198598825702-294">

                                                        <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Your preferred location" key-aria-label="WAhYGg-X5gTVe-ph-find-your-fit-v1-default-fyfStepPreferredLocationsInputAriaLabel" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-widget-element-7551198598825702-295">
                                                    </input></div>
                                                    <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="BybhfN-X5gTVe-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-widget-element-7551198598825702-296">
                                                        <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-297"></i>
                                                    </button>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" aria-label="location" data-ph-id="ph-widget-element-7551198598825702-298">
                                        <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-widget-element-7551198598825702-299">
                                        </li>
                                        <li class="search-noresults" if.bind="(!stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="PGPCEE-X5gTVe-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-widget-element-7551198598825702-300">No
                                            results found</li>
                                    </ul>
                                </div>
                                <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198598825702-301">
                                    <span if.bind="stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length &amp;&amp; stepData.showLocationDropdown &amp;&amp; resultUpdated" data-ph-id="ph-widget-element-7551198598825702-302">
                                        ${widgetBundle[stepData.locations.length &gt; 1 ? 'suggestedLocationsAssertiveText'
                                        :
                                        'suggestedLocationsSingularAssertiveText'] | pht:{'listLength':
                                        stepData.locations.length}}
                                    </span>
                                    <span show.bind="(!stepData.locations.length &amp;&amp; fyfStepConfig.preferredLocationValue.length &amp;&amp; stepData.showLocationDropdown)" key="zkbWdr-X5gTVe-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-widget-element-7551198598825702-303">
                                        No results are available
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-304">
                        <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-widget-element-7551198598825702-305">
                            <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" disabled.bind="disableNextButton &amp;&amp; (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' &amp;&amp; fyfStepConfig.currentLocation &amp;&amp; fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' &amp;&amp; fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-at-id="next-link" data-ph-id="ph-widget-element-7551198598825702-306">
                                <ppc-content if.bind="!fyfStepConfig.preferredLocationWithMoreOptions.length || ((!disableSocialLogin &amp;&amp; stepStatus < stepsCount) || (disableSocialLogin &amp;&amp; stepStatus < stepsCount-1))" key="eQOVTR-X5gTVe-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-307">Next</ppc-content>
                                <ppc-content if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length &amp;&amp; ((!disableSocialLogin &amp;&amp; stepStatus == stepsCount) || (disableSocialLogin &amp;&amp; stepStatus == stepsCount-1))" key="AanBTn-X5gTVe-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-widget-element-7551198598825702-308">Done</ppc-content>
                            </button>
                            <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton &amp;&amp; (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' &amp;&amp; fyfStepConfig.currentLocation &amp;&amp; fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' &amp;&amp; fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-id="ph-widget-element-7551198598825702-309">
                                <ppc-content key="OoCUpO-X5gTVe-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-7551198598825702-310">Done</ppc-content>
                            </button>
                        </div>
                        <div class="prev" data-ph-id="ph-widget-element-7551198598825702-311">
                            <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="C8v8gN-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-312">
                                <span data-ph-id="ph-widget-element-7551198598825702-313">
                                    <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-314"></i>
                                </span>
                            </button>
                        </div>
                    </div>

                    <div class="popup-modal-backdrop location-blocked-popup active" if.bind="fyfStepConfig.locationBlockedPopup" data-ph-id="ph-widget-element-7551198598825702-315">
                        <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="location-blocked-heading" data-ph-id="ph-widget-element-7551198598825702-316">
                            <!-- Dialog area -->
                            <div class="modal-dialog" data-ph-id="ph-widget-element-7551198598825702-317">
                                <div class="modal-body" data-ph-id="ph-widget-element-7551198598825702-318">
                                    <!-- <div class="close-popup-btn">
                                    <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close"
                                        click.delegate="closePopup()" aria-label="close popup"
                                        data-ph-at-id="close-link">
                                        <i class="icon icon-cancel-1" aria-hidden="true"></i>
                                    </button>
                                </div> -->

                                    <svg class="location-pin" width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" data-ph-id="ph-widget-element-7551198598825702-319">
                                        <path d="M39.6339 37.8661C40.122 38.3543 40.122 39.1457 39.6339 39.6339C39.1457 40.122 38.3543 40.122 37.8661 39.6339L29.7171 31.4849L22.9115 38.7093C21.3324 40.3856 18.6675 40.3856 17.0884 38.7093L7 28H7.03807C4.51947 25.0351 3 21.195 3 17C3 13.5246 4.04286 10.2929 5.83273 7.6005L0.366116 2.13389C-0.122039 1.64574 -0.122039 0.85428 0.366116 0.366125C0.854272 -0.122031 1.64573 -0.122031 2.13388 0.366125L39.6339 37.8661ZM14.3171 16.0849C14.1147 16.6863 14.005 17.3303 14.005 18C14.005 21.3137 16.6913 24 20.005 24C20.6747 24 21.3187 23.8903 21.9201 23.6879L14.3171 16.0849ZM9.18582 3.88247L17.744 12.4406C18.4418 12.1565 19.2051 12 20.005 12C23.3187 12 26.005 14.6863 26.005 18C26.005 18.7999 25.8485 19.5632 25.5644 20.261L33.1175 27.8142C35.543 24.8755 37 21.1079 37 17C37 7.61116 29.3888 0 20 0C15.8921 0 12.1245 1.45702 9.18582 3.88247Z" fill="#316ED1" data-ph-id="ph-widget-element-7551198598825702-320" />
                                    </svg>

                                    <h2 class="location-blocked-heading" id="location-blocked-heading" data-ph-at-id="location-blocked-text" data-ph-id="ph-widget-element-7551198598825702-321">
                                        ${widgetBundle['locationBlockedHeadingText'] | pht}
                                    </h2>
                                    <div class="location-blocked-description" data-ph-id="ph-widget-element-7551198598825702-322">
                                        ${widgetBundle['locationBlockedDescriptionText'] | pht}
                                    </div>

                                    <button class="btn secondary-button location-blocked-button" click.delegate="closeLocationBlockedPopup()" data-ph-at-id="location-blocked-button" data-ph-id="ph-widget-element-7551198598825702-323">
                                        ${widgetBundle['locationBlockedOkText'] | pht}
                                    </button>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- End  prefered Location Step With more options -->
                
                <!-- contactInfo Step with Resume -->
                <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithResume' &amp;&amp; !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-widget-element-7551198598825702-324">
                    <div if.bind="showContactInfoScreen" data-ph-id="ph-widget-element-7551198598825702-325">
                        <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-7551198598825702-326">
                            <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> -->
                            <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-widget-element-7551198598825702-327">
                                <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-7551198598825702-328">
                                    <ppc-content key="xctTIh-X5gTVe-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-7551198598825702-329">Sorry !
                                        Something went wrong, please try again in a few minutes</ppc-content>
                                </div>
                                <div class="sub-heading ph-a11y-fyf-step-block" tabindex="-1" id="phFyfContactInfo" data-ph-id="ph-widget-element-7551198598825702-330">
                                    <ppc-content key="uoZuyq-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-7551198598825702-331">Done! Your personalized
                                        job recommendations are below.</ppc-content>
                                    <ppc-content key="PFSJSz-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-7551198598825702-332">Currently we don’t have
                                        any jobs that fit your profile.</ppc-content>
                                </div>
                                <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-333">
                                    <ppc-content key="YdLwFm-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198598825702-334">If we
                                        find the right job for you, how can we get in touch?</ppc-content>
                                </h2>
                            </div>
                            <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-widget-element-7551198598825702-335">
                                <form role="form" submit.delegate="" data-ph-id="ph-widget-element-7551198598825702-336">

                                    <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-7551198598825702-337">
                                        <div data-ph-id="ph-widget-element-7551198598825702-338">
                                            <label for="email-1" data-ph-id="ph-widget-element-7551198598825702-339">
                                                <!-- <span key="fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only">Email
                                                    *</span> -->
                                                <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-340">
                                                    <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoEmailTxt" data-ph-at-id="email-text" data-ph-id="ph-widget-element-7551198598825702-341">Email Address
                                                        <span class="required" data-ph-id="ph-widget-element-7551198598825702-342"> *</span>
                                                    </ppc-content>
                                                </span>
                                            </label>
                                            <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-343">
                                                <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="Enter Email" key-placeholder="X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolderTxt" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-widget-element-7551198598825702-344">
                                                <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-widget-element-7551198598825702-345">
                                                    <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-7551198598825702-346">
                                                        <ppc-content key="L0If7V-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-7551198598825702-347">Email
                                                            should not be empty</ppc-content>
                                                    </span>
                                                    <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-7551198598825702-348">
                                                        <ppc-content key="J2OdpZ-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-7551198598825702-349">Enter a valid email
                                                            address
                                                        </ppc-content>
                                                    </span>
                                                </span>
                                                <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-widget-element-7551198598825702-350"></i>
                                            </input></div>
                                        </div>
                                    </div>

                                    <div class="form-group" show.bind="preferredName" data-ph-id="ph-widget-element-7551198598825702-351">
                                        <div data-ph-id="ph-widget-element-7551198598825702-352">
                                            <label for="preferredName" data-ph-id="ph-widget-element-7551198598825702-353">
                                                <span key="vX17EA-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-widget-element-7551198598825702-354">Preferred name</span>
                                                <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-355">
                                                    <ppc-content key="YIwHCT-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-widget-element-7551198598825702-356">
                                                        Preferred name <span class="optional" data-ph-id="ph-widget-element-7551198598825702-357">(optional)</span>
                                                    </ppc-content>
                                                </span>
                                            </label>
                                            <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-358">
                                                <input type="text" class="form-control  ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''}" id="preferredName" placeholder="Enter your preferred name here" key-placeholder="6z47YJ-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" data-ph-id="ph-widget-element-7551198598825702-359">
                                                <!-- <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true"
                                                    aria-live="assertive"
                                                    if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'"
                                                    class="error-msg" data-ph-at-id="preferred-name-error-alert">
                                                    <ppc-content key="fyfStepContactInfoPreferredNameErrorText"
                                                        data-ph-at-id="preferred-name-error-alert-text">Preferred Name
                                                        should not be empty</ppc-content>
                                                </span> -->
                                                <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-widget-element-7551198598825702-360"></i>
                                            </input></div>
                                        </div>
                                    </div>

                                    <div class="form-group" data-ph-id="ph-widget-element-7551198598825702-361">
                                        <div data-ph-id="ph-widget-element-7551198598825702-362">
                                            <label for="firstName" data-ph-id="ph-widget-element-7551198598825702-363">
                                                <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full
                                                    name
                                                    *</span> -->
                                                <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-364">
                                                    <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoFirstNameTxt" data-ph-at-id="name-text" data-ph-id="ph-widget-element-7551198598825702-365">
                                                        First Name <span class="optional" data-ph-id="ph-widget-element-7551198598825702-366">(optional)</span>
                                                    </ppc-content>
                                                </span>
                                            </label>
                                            <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-367">
                                                <input type="text" class="form-control  ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="firstName" placeholder="Enter First Name" key-placeholder="X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfFirstNameInputPlaceHolderTxt" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="firstName" data-ph-at-id="name-input" disabled.bind="nonEditableFields.firstName" data-ph-id="ph-widget-element-7551198598825702-368">
                                                <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true"
                                                    aria-live="assertive"
                                                    if.bind="stepData.name.error && stepData.name.code == 'E101'"
                                                    class="error-msg" data-ph-at-id="name-error-alert">
                                                    <ppc-content key="fyfStepContactInfoNameErrorText"
                                                        data-ph-at-id="name-error-alert-text">Name
                                                        should not be empty</ppc-content>
                                                </span> -->
                                                <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.firstName.validField" data-ph-id="ph-widget-element-7551198598825702-369"></i>
                                            </input></div>
                                        </div>
                                    </div>


                                    <div class="form-group" data-ph-id="ph-widget-element-7551198598825702-370">
                                        <div data-ph-id="ph-widget-element-7551198598825702-371">
                                            <label for="lastName" data-ph-id="ph-widget-element-7551198598825702-372">
                                                <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full
                                                    name
                                                    *</span> -->
                                                <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-373">
                                                    <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoLastNameTxt" data-ph-at-id="name-text" data-ph-id="ph-widget-element-7551198598825702-374">
                                                        Last Name <span class="optional" data-ph-id="ph-widget-element-7551198598825702-375">(optional)</span>
                                                    </ppc-content>
                                                </span>
                                            </label>
                                            <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-376">
                                                <input type="text" class="form-control  ph-a11y-form-control-name fs-block ${nonEditableFields.lastName ? 'disabled' : ''}" id="lastName" placeholder="Enter Last Name" key-placeholder="X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInLastNameInputPlaceHolderTxt" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.lastName" autocomplete="name" data-ph-at-id="name-input" disabled.bind="nonEditableFields.lastName" aria-required="true" data-ph-id="ph-widget-element-7551198598825702-377">
                                                <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true"
                                                    aria-live="assertive"
                                                    if.bind="stepData.name.error && stepData.name.code == 'E101'"
                                                    class="error-msg" data-ph-at-id="name-error-alert">
                                                    <ppc-content key="fyfStepContactInfoNameErrorText"
                                                        data-ph-at-id="name-error-alert-text">Name
                                                        should not be empty</ppc-content>
                                                </span> -->
                                                <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.lastName.validField" data-ph-id="ph-widget-element-7551198598825702-378"></i>
                                            </input></div>
                                        </div>
                                    </div>

                                    <div class="form-group" data-ph-id="ph-widget-element-7551198598825702-379">
                                        <div data-ph-id="ph-widget-element-7551198598825702-380">
                                            <label for="phone" data-ph-id="ph-widget-element-7551198598825702-381">
                                                <!-- <span key="fyfStepContactInfoPhoneText2" class="sr-only">Phone
                                                    Number</span> -->
                                                <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-382">
                                                    <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneTxt" data-ph-at-id="phone-text1" data-ph-id="ph-widget-element-7551198598825702-383">Phone Number
                                                        <span class="optional" data-ph-id="ph-widget-element-7551198598825702-384">(optional)</span>
                                                    </ppc-content>
                                                </span>
                                            </label>
                                            <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-385">
                                                <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="${widgetBundle['fyfPhoneNumberPlaceHolderText'] | pht}" key-placeholder="X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlacHolder" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" disabled.bind="nonEditableFields.phone" data-ph-id="ph-widget-element-7551198598825702-386">
                                                <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error &amp;&amp; stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-widget-element-7551198598825702-387">
                                                    <ppc-content key="VakoTr-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-widget-element-7551198598825702-388">Enter
                                                        correct phone number</ppc-content>
                                                </span>
                                                <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-widget-element-7551198598825702-389"></i>
                                            </input></div>
                                            <!-- <div class="security-info">
                                                <div class="security-info-block">
                                                    <i class="icon icon-lock" aria-hidden="true"></i>
                                                    <ppc-content key="fyfStepContactInfoSecurityTxt"
                                                        data-ph-at-id="security-text">
                                                        We take your privacy seriously.
                                                    </ppc-content>
                                                </div>
                                            </div> -->
                                        </div>
                                    </div>

                                    <div class="form-group ${stepData.uploadResume.error ? 'error focus':''}" data-ph-id="ph-widget-element-7551198598825702-390">
                                        <div data-ph-id="ph-widget-element-7551198598825702-391">
                                            <label for="uploadResume" data-ph-id="ph-widget-element-7551198598825702-392">
                                                <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full
                                                    name
                                                    *</span> -->
                                                <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-393">
                                                    <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoUploadResume" data-ph-at-id="name-text" data-ph-id="ph-widget-element-7551198598825702-394">
                                                        Upload your resume <span class="optional" data-ph-id="ph-widget-element-7551198598825702-395">(optional)</span>
                                                    </ppc-content>
                                                </span>
                                            </label>
                                            <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-396">

                                                <section class="ph-widget resume-upload-button" data-tmpl-type="inline" instance-id="nBzssJ" original-view="re-upload" view="7551198071723842-upload" data-ph-id="ph-widget-element-7551198598825702-397">
                                                    <div class="ph-import-resume-v1-re-upload-default" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="7551198071723842-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" fyf-step-config.bind="fyfStepConfig" success-import.bind="isResumeUploaded" fyf-provider.bind="fyfProvider" instance-id="nBzssJ" original-view="re-upload" data-ph-id="ph-widget-element-7551198598825702-398">
                                                        <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-widget-element-7551198598825702-399">
                                                            <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Use new resume" key-aria-label="X5gTVe-ph-find-your-fit-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-widget-element-7551198598825702-400">
                                                                <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-widget-element-7551198598825702-401">
                                                                    <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-402"></i>
                                                                </span>
                                                                <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-resumeUploadNewFileOptiontxt" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-widget-element-7551198598825702-403">
                                                                    Select a file to upload.
                                                                </ppc-content>

                                                                <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-widget-element-7551198598825702-404">
                                                                    <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-405"></i>
                                                                </span>
                                                                <span class="resume-name" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-widget-element-7551198598825702-406">
                                                                    <span data-ph-id="ph-widget-element-7551198598825702-407">${fyfStepConfig.contactInfo.information.resumeName &amp;&amp;
                                                                        (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0,
                                                                        -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName
                                                                    &amp;&amp;
                                                                    ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())}
                                                                </span>
                                                            </button>
                                                            <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider &amp;&amp; fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551198598825702-408">
                                                                <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-409"></i>
                                                            </button>
                                                            <span class="file-format" data-ph-id="ph-widget-element-7551198598825702-410">File format: txt,.pdf,.doc</span>
                                                        </div>
                                                    </div>
                                                </section>

                                                <!-- Loader that appears when you add any data -->
                                                <div class="loader-backdrop" show.bind="saveDetailsLoader" data-ph-id="ph-widget-element-7551198598825702-411">
                                                    <div ph-loading-img="show-loader.bind: saveDetailsLoader" class="show-loader" data-ph-id="ph-widget-element-7551198598825702-412"></div>
                                                </div>

                                                <!-- Pop up block -->
                                                <div class="popup-modal-backdrop active" show.bind="saveDetailsDialog" data-ph-id="ph-widget-element-7551198598825702-413">
                                                    <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-widget-element-7551198598825702-414">

                                                        <!-- Dialog area -->
                                                        <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-widget-element-7551198598825702-415">

                                                            <!-- Close popup button -->
                                                            <div class="close-popup-btn ph-a11y-after-close-focus-elem" data-ph-id="ph-widget-element-7551198598825702-416">
                                                                <button class="ph-a11y-popup-start-focus close" click.delegate="closeResumeUploadDetailsPopup('delete')" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-widget-element-7551198598825702-417">
                                                                    <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-418"></i>
                                                                </button>
                                                            </div>

                                                            <div if.bind="popupType == 'saveChanges'" data-ph-id="ph-widget-element-7551198598825702-419">
                                                                <div class="heading-block" data-ph-id="ph-widget-element-7551198598825702-420">

                                                                    <h2 class="sub-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-widget-element-7551198598825702-421">
                                                                        ${widgetBundle['unsavedPopupHeading'] | pht}
                                                                    </h2>

                                                                    <p class="heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-widget-element-7551198598825702-422">
                                                                        ${widgetBundle['unsavedPopupSubHeading'] | pht}
                                                                    </p>

                                                                </div>

                                                                <div class="action-block" data-ph-id="ph-widget-element-7551198598825702-423">

                                                                    <div class="each-action" data-ph-id="ph-widget-element-7551198598825702-424">
                                                                        <button class="btn save-btn primary-button" click.delegate="saveStepDetails()" data-ph-at-id="save-link" data-ph-id="ph-widget-element-7551198598825702-425">
                                                                            ${widgetBundle['unsavedPopupConfirmBtnTxt']
                                                                            | pht}
                                                                        </button>
                                                                    </div>

                                                                    <div class="each-action" data-ph-id="ph-widget-element-7551198598825702-426">
                                                                        <button class="btn discard-btn plain-button" click.delegate="discardStepDetails()" data-ph-at-id="discard-link" data-ph-id="ph-widget-element-7551198598825702-427">
                                                                            ${widgetBundle['unsavedPopupCancelBtnTxt'] |
                                                                            pht}
                                                                        </button>
                                                                    </div>

                                                                </div>
                                                            </div>

                                                            <div class="resume-status" if.bind="popupType == 'resumeUpload'" data-ph-id="ph-widget-element-7551198598825702-428">

                                                                <span class="icon-container" data-ph-id="ph-widget-element-7551198598825702-429">
                                                                    <i aria-hidden="true" class="icon icon-check-mark-thick-2" data-ph-id="ph-widget-element-7551198598825702-430"></i>
                                                                </span>

                                                                <div class="heading-block" data-ph-id="ph-widget-element-7551198598825702-431">

                                                                    <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-widget-element-7551198598825702-432">
                                                                        ${widgetBundle['resumeParsedText'] | pht}
                                                                    </h2>

                                                                    <p class="sub-heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-widget-element-7551198598825702-433">
                                                                        ${widgetBundle['resumeUploadedSubHeading'] |
                                                                        pht}
                                                                    </p>

                                                                </div>

                                                                <div class="action-block" data-ph-id="ph-widget-element-7551198598825702-434">

                                                                    <div class="each-action" data-ph-id="ph-widget-element-7551198598825702-435">
                                                                        <button class="btn small-btn save-btn primary-button" click.delegate="closeResumeUploadDetailsPopup('upload')" data-ph-at-id="save-link" data-ph-id="ph-widget-element-7551198598825702-436">
                                                                            ${widgetBundle['gotItText'] | pht}
                                                                        </button>
                                                                    </div>

                                                                </div>
                                                            </div>

                                                            <div class="resume-status" if.bind="popupType == 'resumeError'" data-ph-id="ph-widget-element-7551198598825702-437">
                                                                <div class="heading-block" data-ph-id="ph-widget-element-7551198598825702-438">

                                                                    <h2 class="heading error-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-widget-element-7551198598825702-439">
                                                                        ${widgetBundle['oopsText'] | pht}
                                                                    </h2>

                                                                    <div id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-widget-element-7551198598825702-440">
                                                                        <span class="sub-heading error-heading" data-ph-id="ph-widget-element-7551198598825702-441">
                                                                            ${widgetBundle['errorHeading'] | pht}
                                                                        </span>

                                                                        <p class="sub-heading error-heading" if.bind="!isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-widget-element-7551198598825702-442">
                                                                            ${widgetBundle['uploadAgainText'] | pht}
                                                                        </p>

                                                                        <p class="sub-heading error-heading" if.bind="isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-widget-element-7551198598825702-443">
                                                                            ${widgetBundle['deleteAgainText'] | pht}.
                                                                        </p>
                                                                    </div>

                                                                </div>

                                                                <p class="info-text" id="info-upload" if.bind="resumeFileSizeExceeds" data-ph-id="ph-widget-element-7551198598825702-444">
                                                                    ${widgetBundle['resumeFileSizeExceedsText'] | pht:{'fileSize':fileCtx.maxFileSize}}
                                                                </p>

                                                                <p class="info-text" id="info-upload" if.bind="resumeFileUnsupported" data-ph-id="ph-widget-element-7551198598825702-445">
                                                                    ${widgetBundle['resumeFileUnsupportedText'] | pht:{'allowedFormats':fileCtx.allowedFormats}}
                                                                </p>

                                                                <div class="action-block resume-error" data-ph-id="ph-widget-element-7551198598825702-446">

                                                                    <div class="each-action" data-ph-id="ph-widget-element-7551198598825702-447">
                                                                        <button class="btn medium-btn save-btn primary-button" click.delegate="resumeUploadTryAgain()" data-ph-at-id="save-link" data-ph-id="ph-widget-element-7551198598825702-448">
                                                                            ${widgetBundle['tryAgainText'] | pht}
                                                                        </button>
                                                                    </div>

                                                                </div>
                                                            </div>

                                                            <div class="resume-status" if.bind="popupType == 'resumeDelete'" data-ph-id="ph-widget-element-7551198598825702-449">
                                                                <div class="heading-block" data-ph-id="ph-widget-element-7551198598825702-450">

                                                                    <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-widget-element-7551198598825702-451">
                                                                        ${widgetBundle['deleteResumeHeading'] | pht}
                                                                    </h2>

                                                                </div>

                                                                <div class="action-block" data-ph-id="ph-widget-element-7551198598825702-452">

                                                                    <div class="each-action" data-ph-id="ph-widget-element-7551198598825702-453">
                                                                        <button class="btn save-btn primary-button" click.delegate="fyfProvider &amp;&amp; fyfProvider.deleteResume()" data-ph-at-id="save-link" data-ph-id="ph-widget-element-7551198598825702-454">
                                                                            ${widgetBundle['removeResumeBtnText'] | pht}
                                                                        </button>
                                                                    </div>

                                                                    <div class="each-action" data-ph-id="ph-widget-element-7551198598825702-455">
                                                                        <button class="btn discard-btn plain-button" click.delegate="closeResumeUploadDetailsPopup('delete')" data-ph-at-id="discard-link" data-ph-id="ph-widget-element-7551198598825702-456">
                                                                            ${widgetBundle['cancleText'] | pht}
                                                                        </button>
                                                                    </div>

                                                                </div>
                                                            </div>

                                                        </div>

                                                    </div>
                                                </div>

                                                <!-- <input type="text"
                                                    class="form-control  ph-a11y-form-control-name fs-block ${nonEditableFields.uploadResume ? 'disabled' : ''}"
                                                    id="uploadResume"
                                                    placeholder="Drop resume file here or select a file to upload."
                                                    key-placeholder="fyfStepContactInfNameInputPlaceHolder"
                                                    aria-describedby="ph-a11y-contact-name-field-error"
                                                    value.bind="fyfStepConfig.contactInfo.information.uploadResume"
                                                    autocomplete="name" data-ph-at-id="name-input"
                                                    change.delegate="fieldValidation('uploadResume')"
                                                    disabled.bind="nonEditableFields.uploadResume"> -->
                                                <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true"
                                                    aria-live="assertive"
                                                    if.bind="stepData.name.error && stepData.name.code == 'E101'"
                                                    class="error-msg" data-ph-at-id="name-error-alert">
                                                    <ppc-content key="fyfStepContactInfoNameErrorText"
                                                        data-ph-at-id="name-error-alert-text">Name
                                                        should not be empty</ppc-content>
                                                </span> -->
                                                <!-- <i class="icon icon-check-mark-thick" aria-hidden="true"
                                                    if.bind="stepData.name.validField"></i> -->
                                            </div>
                                        </div>
                                    </div>

                                    <div class="terms-checkbox-block" if.bind="gdprConsent &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-7551198598825702-457">
                                        <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-widget-element-7551198598825702-458">
                                            <label class="input-checkbox-label" data-ph-id="ph-widget-element-7551198598825702-459">
                                                <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="4ViRoO-X5gTVe-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-widget-element-7551198598825702-460">
                                                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-461"></span>
                                                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-462"></span>
                                                <span class="checkbox-text" data-ph-id="ph-widget-element-7551198598825702-463">
                                                    <ppc-content class="cd-terms-policy-block" key="oRr51V-X5gTVe-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-widget-element-7551198598825702-464">
                                                        I have read and accept the
                                                        <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-7551198598825702-465"> privacy policy</a> and
                                                        <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-7551198598825702-466">terms of use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-7551198598825702-467">*</span>
                                                    </ppc-content>
                                                </span>
                                            </input></label>
                                        </div>
                                        <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-widget-element-7551198598825702-468">
                                            <ppc-content class="cd-terms-policy-block" key="MVgzCe-X5gTVe-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-widget-element-7551198598825702-469">
                                                I have read and accept the
                                                <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-7551198598825702-470">
                                                    privacy
                                                    policy</a>
                                                and
                                                <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-7551198598825702-471">terms of
                                                    use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-7551198598825702-472">*</span>
                                            </ppc-content>
                                        </span>
                                        <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-widget-element-7551198598825702-473">
                                            <ppc-content key="JLoubC-X5gTVe-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-widget-element-7551198598825702-474">
                                                Please accept privacy policy and terms of use.
                                            </ppc-content>
                                        </div>
                                    </div>

                                    <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-7551198598825702-475">
                                        <div class="checkbox-btn-group" data-ph-id="ph-widget-element-7551198598825702-476">
                                            <label class="input-checkbox-label" data-ph-id="ph-widget-element-7551198598825702-477">
                                                <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="wEirZ3-X5gTVe-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-widget-element-7551198598825702-478">
                                                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-479"></span>
                                                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-480"></span>
                                                <span class="checkbox-text" data-ph-id="ph-widget-element-7551198598825702-481">
                                                    <ppc-content key="GBifFP-X5gTVe-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551198598825702-482">Sign me up for company
                                                        updates</ppc-content>
                                                </span>
                                            </input></label>
                                        </div>
                                    </div>

                                    <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-7551198598825702-483">
                                        <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-widget-element-7551198598825702-484"></div>
                                        <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198598825702-485">
                                            <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-widget-element-7551198598825702-486">
                                            <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-487"></span>
                                            <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-488"></span>
                                            <span class="checkbox-text" data-ph-id="ph-widget-element-7551198598825702-489">
                                                <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198598825702-490"> </span>
                                                <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198598825702-491">*</span>
                                            </span>
                                        </input></label>
                                    </div>
                                    <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="0kI01E" original-view="default" view="7551198118581451-default" data-ph-id="ph-widget-element-7551198598825702-492">
                                        <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="7551198118581451-default" instance-id="0kI01E" original-view="default" data-ph-id="ph-widget-element-7551198598825702-493"></div>
                                    </section>
                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198598825702-494">
                                        <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-widget-element-7551198598825702-495">
                                            ${widgetBundle['piiConsentError'] | pht}
                                        </span>
                                    </div>

                                </form>
                            </div>
                        </div>
                        <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-496">
                            <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-widget-element-7551198598825702-497">
                                <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label="submit the profile information" key-aria-label="8gKVVp-X5gTVe-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-widget-element-7551198598825702-498">
                                    <ppc-content key="kHZwxR-X5gTVe-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="next-link-text" if.bind="isCandidateHomeEnabled" data-ph-id="ph-widget-element-7551198598825702-499">Next
                                    </ppc-content>
                                    <ppc-content key="u0yIYb-X5gTVe-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" if.bind="!isCandidateHomeEnabled" data-ph-id="ph-widget-element-7551198598825702-500">Submit
                                    </ppc-content>
                                </button>
                            </div>
                            <div class="prev" data-ph-id="ph-widget-element-7551198598825702-501">
                                <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="GSV8uV-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-502">
                                    <span data-ph-id="ph-widget-element-7551198598825702-503">
                                        <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-504"></i>
                                    </span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div if.bind="isCandidateHomeEnabled &amp;&amp; showLoginScreen" data-ph-id="ph-widget-element-7551198598825702-505">
                        <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-7551198598825702-506">
                            <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-507">
                                <ppc-content key="61nrik-X5gTVe-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-7551198598825702-508">Done! Your personalized job
                                    recommendations are below.</ppc-content>
                                <ppc-content key="Qk3nvY-X5gTVe-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-7551198598825702-509">Currently we don’t have any
                                    jobs that fit your profile.</ppc-content>
                            </div>
                            <section class="ph-widget" instance-id="bJUFnj" original-view="view1" view="7551198242591332-view1" data-ph-id="ph-widget-element-7551198598825702-510">
                                <div as-element="ph-candidate-login-v1" flow-type="signUp" widget-context.bind="{&quot;context&quot;:&quot;fyf&quot;}" data-widget="ph-candidate-login-v1" class="ph-candidate-login-v1-view1-default" view="7551198242591332-view1" instance-id="bJUFnj" original-view="view1" data-ph-id="ph-widget-element-7551198598825702-511"></div>
                            </section>
                        </div>
                        <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-512">
                            <div class="prev" data-ph-id="ph-widget-element-7551198598825702-513">
                                <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="OyuRHQ-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-514">
                                    <span data-ph-id="ph-widget-element-7551198598825702-515">
                                        <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-516"></i>
                                    </span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End contactInfo Step with Resume -->


                <!-- contactInfo Step -->
                <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' &amp;&amp; !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-widget-element-7551198598825702-517">
                    <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-widget-element-7551198598825702-518">
                        <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-7551198598825702-519">
                            <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> -->
                            <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-widget-element-7551198598825702-520">
                                <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-widget-element-7551198598825702-521">
                                    <ppc-content key="nBFX6Q-X5gTVe-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-widget-element-7551198598825702-522">Sorry !
                                        Something went wrong, please try again in a few minutes</ppc-content>
                                </div>
                                <div class="sub-heading ph-a11y-fyf-step-block" tabindex="-1" id="phFyfContactInfo" data-ph-id="ph-widget-element-7551198598825702-523">
                                    <ppc-content key="04YO2Y-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-7551198598825702-524">Done! Your personalized
                                        job recommendations are below.</ppc-content>
                                    <ppc-content key="pDATlh-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-7551198598825702-525">Currently we don’t have
                                        any jobs that fit your profile.</ppc-content>
                                </div>
                                <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-526">
                                    <ppc-content key="4f842j-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551198598825702-527">If we
                                        find the right job for you, how can we get in touch?</ppc-content>
                                </h2>
                            </div>
                            <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-widget-element-7551198598825702-528">
                                <form role="form" submit.delegate="" data-ph-id="ph-widget-element-7551198598825702-529">
                                    <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-widget-element-7551198598825702-530">
                                        <div data-ph-id="ph-widget-element-7551198598825702-531">
                                            <label for="preferredName" data-ph-id="ph-widget-element-7551198598825702-532">
                                                <span key="uNliVh-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-widget-element-7551198598825702-533">Preferred
                                                    name
                                                    *</span>
                                                <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-534">
                                                    <ppc-content key="QqTTAg-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-widget-element-7551198598825702-535">
                                                        Preferred
                                                        name <span class="required" data-ph-id="ph-widget-element-7551198598825702-536">*</span>
                                                    </ppc-content>
                                                </span>
                                            </label>
                                            <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-537">
                                                <input type="text" class="form-control  ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''}" id="preferredName" placeholder="Enter your preferred name here" key-placeholder="XyNINo-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-widget-element-7551198598825702-538">
                                                <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error &amp;&amp; stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-widget-element-7551198598825702-539">
                                                    <ppc-content key="y7WHWJ-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-widget-element-7551198598825702-540">Preferred Name
                                                        should not be empty</ppc-content>
                                                </span>
                                                <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-widget-element-7551198598825702-541"></i>
                                            </input></div>
                                        </div>
                                    </div>
                                    <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-7551198598825702-542">
                                        <div data-ph-id="ph-widget-element-7551198598825702-543">
                                            <label for="name" data-ph-id="ph-widget-element-7551198598825702-544">
                                                <span key="8gBkf0-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-widget-element-7551198598825702-545">Full
                                                    name
                                                    *</span>
                                                <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-546">
                                                    <ppc-content key="0kXw81-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-widget-element-7551198598825702-547">
                                                        Full
                                                        name <span class="required" data-ph-id="ph-widget-element-7551198598825702-548">*</span>
                                                    </ppc-content>
                                                </span>
                                            </label>
                                            <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-549">
                                                <input type="text" class="form-control  ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="name" placeholder="Enter your name here" key-placeholder="VwsHpJ-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-widget-element-7551198598825702-550">
                                                <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error &amp;&amp; stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-7551198598825702-551">
                                                    <ppc-content key="46pnlh-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-widget-element-7551198598825702-552">Name
                                                        should not be empty</ppc-content>
                                                </span>
                                                <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-widget-element-7551198598825702-553"></i>
                                            </input></div>
                                        </div>
                                    </div>
                                    <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-7551198598825702-554">
                                        <div data-ph-id="ph-widget-element-7551198598825702-555">
                                            <label for="email-1" data-ph-id="ph-widget-element-7551198598825702-556">
                                                <span key="tvC5zR-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-widget-element-7551198598825702-557">Email
                                                    *</span>
                                                <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-558">
                                                    <ppc-content key="tggiox-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-widget-element-7551198598825702-559">Email
                                                        <span class="required" data-ph-id="ph-widget-element-7551198598825702-560"> *</span>
                                                    </ppc-content>
                                                </span>
                                            </label>
                                            <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-561">
                                                <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="WDVg4p-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-widget-element-7551198598825702-562">
                                                <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-widget-element-7551198598825702-563">
                                                    <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-7551198598825702-564">
                                                        <ppc-content key="gDHvD6-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-7551198598825702-565">Email
                                                            should not be empty</ppc-content>
                                                    </span>
                                                    <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-7551198598825702-566">
                                                        <ppc-content key="To73A5-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-7551198598825702-567">Enter a valid email
                                                            address
                                                        </ppc-content>
                                                    </span>
                                                </span>
                                                <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-widget-element-7551198598825702-568"></i>
                                            </input></div>
                                        </div>
                                    </div>
                                    <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-7551198598825702-569">
                                        <div data-ph-id="ph-widget-element-7551198598825702-570">
                                            <label for="phone" data-ph-id="ph-widget-element-7551198598825702-571">
                                                <span key="Mp0z6S-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-widget-element-7551198598825702-572">Phone</span>
                                                <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-573">
                                                    <ppc-content key="hGuVXv-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-widget-element-7551198598825702-574">Phone</ppc-content>
                                                </span>
                                            </label>
                                            <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-575">
                                                <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="(000) 000-0000" key-placeholder="f6R7jT-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-widget-element-7551198598825702-576">
                                                <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error &amp;&amp; stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-widget-element-7551198598825702-577">
                                                    <ppc-content key="vu3CP6-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-widget-element-7551198598825702-578">Enter
                                                        correct phone number</ppc-content>
                                                </span>
                                                <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-widget-element-7551198598825702-579"></i>
                                            </input></div>
                                            <div class="security-info" data-ph-id="ph-widget-element-7551198598825702-580">
                                                <div class="security-info-block" data-ph-id="ph-widget-element-7551198598825702-581">
                                                    <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-582"></i>
                                                    <ppc-content key="ZL0F22-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-widget-element-7551198598825702-583">
                                                        We take your privacy seriously.
                                                    </ppc-content>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="terms-checkbox-block" if.bind="gdprConsent &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-7551198598825702-584">
                                        <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-widget-element-7551198598825702-585">
                                            <label class="input-checkbox-label" data-ph-id="ph-widget-element-7551198598825702-586">
                                                <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="Zmne2k-X5gTVe-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-widget-element-7551198598825702-587">
                                                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-588"></span>
                                                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-589"></span>
                                                <span class="checkbox-text" data-ph-id="ph-widget-element-7551198598825702-590">
                                                    <ppc-content class="cd-terms-policy-block" key="Vw4PRS-X5gTVe-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-widget-element-7551198598825702-591">
                                                        I have read and accept the
                                                        <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-7551198598825702-592"> privacy
                                                            policy</a>
                                                        and
                                                        <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-7551198598825702-593">terms of use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-7551198598825702-594">*</span>
                                                    </ppc-content>
                                                </span>
                                            </input></label>
                                        </div>
                                        <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-widget-element-7551198598825702-595">
                                            <ppc-content class="cd-terms-policy-block" key="XTvtes-X5gTVe-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-widget-element-7551198598825702-596">
                                                I have read and accept the
                                                <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-7551198598825702-597"> privacy
                                                    policy</a>
                                                and
                                                <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-7551198598825702-598">terms of use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-7551198598825702-599">*</span>
                                            </ppc-content>
                                        </span>
                                        <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-widget-element-7551198598825702-600">
                                            <ppc-content key="ClUwFI-X5gTVe-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-widget-element-7551198598825702-601">
                                                Please accept privacy policy and terms of use.
                                            </ppc-content>
                                        </div>
                                    </div>

                                    <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-7551198598825702-602">
                                        <div class="checkbox-btn-group" data-ph-id="ph-widget-element-7551198598825702-603">
                                            <label class="input-checkbox-label" data-ph-id="ph-widget-element-7551198598825702-604">
                                                <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="xXv7Ls-X5gTVe-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-widget-element-7551198598825702-605">
                                                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-606"></span>
                                                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-607"></span>
                                                <span class="checkbox-text" data-ph-id="ph-widget-element-7551198598825702-608">
                                                    <ppc-content key="StM2fq-X5gTVe-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551198598825702-609">Sign me up for company
                                                        updates</ppc-content>
                                                </span>
                                            </input></label>
                                        </div>
                                    </div>

                                    <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-7551198598825702-610">
                                        <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-widget-element-7551198598825702-611"></div>
                                        <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198598825702-612">
                                            <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-widget-element-7551198598825702-613">
                                            <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-614"></span>
                                            <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-615"></span>
                                            <span class="checkbox-text" data-ph-id="ph-widget-element-7551198598825702-616">
                                                <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198598825702-617"> </span>
                                                <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198598825702-618">*</span>
                                            </span>
                                        </input></label>
                                    </div>
                                    <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="mAGvI4" original-view="default" view="7551198303100217-default" data-ph-id="ph-widget-element-7551198598825702-619">
                                        <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="7551198303100217-default" instance-id="mAGvI4" original-view="default" data-ph-id="ph-widget-element-7551198598825702-620"></div>
                                    </section>
                                    <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198598825702-621">
                                        <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-widget-element-7551198598825702-622">
                                            ${widgetBundle['piiConsentError'] | pht}
                                        </span>
                                    </div>

                                </form>
                            </div>
                        </div>
                        <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-623">
                            <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-widget-element-7551198598825702-624">
                                <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="eQvcAc-X5gTVe-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-widget-element-7551198598825702-625">
                                    <ppc-content key="dNAsYb-X5gTVe-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-7551198598825702-626">Submit
                                    </ppc-content>
                                </button>
                            </div>
                            <div class="prev" data-ph-id="ph-widget-element-7551198598825702-627">
                                <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="YybR8U-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-628">
                                    <span data-ph-id="ph-widget-element-7551198598825702-629">
                                        <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-630"></i>
                                    </span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-widget-element-7551198598825702-631">
                        <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-7551198598825702-632">
                        <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-633">
                            <ppc-content key="0RXRSG-X5gTVe-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-7551198598825702-634">Done! Your personalized job
                                recommendations are below.</ppc-content>
                            <ppc-content key="OVGkPQ-X5gTVe-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-7551198598825702-635">Currently we don’t have any
                                jobs that fit your profile.</ppc-content>
                        </div>
                            <section class="ph-widget" instance-id="qodxfP" original-view="view1" view="7551198458539677-view1" data-ph-id="ph-widget-element-7551198598825702-636">
                                <div as-element="ph-candidate-login-v1" flow-type="signUp" widget-context.bind="{&quot;context&quot;:&quot;fyf&quot;}" data-widget="ph-candidate-login-v1" class="ph-candidate-login-v1-view1-default" view="7551198458539677-view1" instance-id="qodxfP" original-view="view1" data-ph-id="ph-widget-element-7551198598825702-637"></div>
                            </section>
                        </div>
                        <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-638">
                            <div class="prev" data-ph-id="ph-widget-element-7551198598825702-639">
                                <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="4FIFfn-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-640">
                                    <span data-ph-id="ph-widget-element-7551198598825702-641">
                                        <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-642"></i>
                                    </span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End contactInfo Step -->

                <!-- contactInfo v1 Step -->
                <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' &amp;&amp; !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-widget-element-7551198598825702-643">
                    <div class="ph-fyf-step-content-block" data-ph-id="ph-widget-element-7551198598825702-644">
                        <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> -->
                        <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-widget-element-7551198598825702-645">
                            <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-widget-element-7551198598825702-646">
                                <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfNewContactInfoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-7551198598825702-647">Done! Your personalized job
                                    recommendations are below.</ppc-content>
                                <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfNewContactInfoNoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable &amp;&amp; profileRecomDataObj" data-ph-id="ph-widget-element-7551198598825702-648">Currently we don’t have any
                                    jobs that fit your profile.</ppc-content>
                            </div>
                            <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-widget-element-7551198598825702-649">
                                <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfNewContactInfoSocialLoginText" data-ph-id="ph-widget-element-7551198598825702-650"> Sign in to save your information
                                    for future visits
                                </ppc-content>
                            </h2>
                            <section class="ph-widget" data-tmpl-type="inline" instance-id="KxLQd0" original-view="view5-new" view="7551198516898667-new" data-ph-id="ph-widget-element-7551198598825702-651">
                                <div class="ph-social-connect-v1-view5-new-default" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="7551198516898667-new" data-tmpl-type="inline" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5-new" instance-id="KxLQd0" data-ph-id="ph-widget-element-7551198598825702-652">
                                    <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-widget-element-7551198598825702-653"></div>
                                    <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-widget-element-7551198598825702-654">
                                        <div class="widget-container" data-ph-id="ph-widget-element-7551198598825702-655">
                                            <div class="content-block" data-ph-id="ph-widget-element-7551198598825702-656">
                                                <ul class="login-link-list" role="list" key-role="X5gTVe-ph-find-your-fit-v1-default-listRole" data-ph-id="ph-widget-element-7551198598825702-657">
                                                    <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external &amp;&amp; (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="X5gTVe-ph-find-your-fit-v1-default-listItemRole" data-ph-id="ph-widget-element-7551198598825702-658">
                                                        <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-widget-element-7551198598825702-659">
                                                            <div class="icon-block" data-ph-id="ph-widget-element-7551198598825702-660">
                                                                <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-661"></i>
                                                            </div>
                                                            <div class="text-block" data-ph-id="ph-widget-element-7551198598825702-662"> ${eachSocial.name}</div>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <div class="or-text" data-ph-id="ph-widget-element-7551198598825702-663">
                                <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfNewContactInfoOrTxt" data-ph-id="ph-widget-element-7551198598825702-664">or</ppc-content>
                            </div>
                            <h2 class="phs-heading" data-ph-id="ph-widget-element-7551198598825702-665">
                                <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyfNewContactInfoHeadingText" data-ph-id="ph-widget-element-7551198598825702-666"> If we find the right job for you, how
                                    can we get in touch?</ppc-content>
                            </h2>
                        </div>
                        <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-widget-element-7551198598825702-667">
                            <form role="form" submit.delegate="" data-ph-id="ph-widget-element-7551198598825702-668">
                                <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-widget-element-7551198598825702-669">
                                    <div data-ph-id="ph-widget-element-7551198598825702-670">
                                        <label for="preferredName" data-ph-id="ph-widget-element-7551198598825702-671">
                                            <span key="wtMCj2-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-widget-element-7551198598825702-672">Preferred name
                                                *</span>
                                            <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-673">
                                                <ppc-content key="7GGViX-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-widget-element-7551198598825702-674">
                                                    Preferred
                                                    name <span class="required" data-ph-id="ph-widget-element-7551198598825702-675">*</span>
                                                </ppc-content>
                                            </span>
                                        </label>
                                        <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-676">
                                            <input type="text" class="form-control  ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''} " id="preferredName" placeholder="Enter your preferred name here" key-placeholder="BzVdVk-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-widget-element-7551198598825702-677">
                                            <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error &amp;&amp; stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-widget-element-7551198598825702-678">
                                                <ppc-content key="LwKKNZ-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-widget-element-7551198598825702-679">Preferred Name
                                                    should not be empty</ppc-content>
                                            </span>
                                            <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-widget-element-7551198598825702-680"></i>
                                        </input></div>
                                    </div>
                                </div>
                                <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-7551198598825702-681">
                                    <div data-ph-id="ph-widget-element-7551198598825702-682">
                                        <label for="name" data-ph-id="ph-widget-element-7551198598825702-683">
                                            <span key="5kGc4Q-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-widget-element-7551198598825702-684">Full name
                                                *</span>
                                            <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-685">
                                                <ppc-content key="Gp4z6v-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-widget-element-7551198598825702-686">
                                                    Full
                                                    name <span class="required" data-ph-id="ph-widget-element-7551198598825702-687">*</span>
                                                </ppc-content>
                                            </span>
                                        </label>
                                        <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-688">
                                            <input type="text" class="form-control  ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''} " id="name" placeholder="Enter your name here" key-placeholder="hlJkFW-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-widget-element-7551198598825702-689">
                                            <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error &amp;&amp; stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-widget-element-7551198598825702-690">
                                                <ppc-content key="7Rpbqw-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-widget-element-7551198598825702-691">Name
                                                    should not be empty</ppc-content>
                                            </span>
                                            <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-widget-element-7551198598825702-692"></i>
                                        </input></div>
                                    </div>
                                </div>
                                <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-7551198598825702-693">
                                    <div data-ph-id="ph-widget-element-7551198598825702-694">
                                        <label for="email-2" data-ph-id="ph-widget-element-7551198598825702-695">
                                            <span key="9vrKGJ-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-widget-element-7551198598825702-696">Email
                                                *</span>
                                            <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-697">
                                                <ppc-content key="H6VYCl-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-widget-element-7551198598825702-698">Email
                                                    <span class="required" data-ph-id="ph-widget-element-7551198598825702-699"> *</span>
                                                </ppc-content>
                                            </span>
                                        </label>
                                        <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-700">
                                            <input type="text" id="email-2" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="jshBEx-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" aria-describedby="ph-a11y-contact-email-field-error-2" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-widget-element-7551198598825702-701">
                                            <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-widget-element-7551198598825702-702">
                                                <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-7551198598825702-703">
                                                    <ppc-content key="V0slul-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-7551198598825702-704">Email
                                                        should not be empty</ppc-content>
                                                </span>
                                                <span if.bind="stepData.email.error &amp;&amp; stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-widget-element-7551198598825702-705">
                                                    <ppc-content key="EjR55X-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-widget-element-7551198598825702-706">Enter a valid email
                                                        address
                                                    </ppc-content>
                                                </span>
                                            </span>
                                            <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-widget-element-7551198598825702-707"></i>
                                        </input></div>
                                    </div>
                                </div>
                                <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-widget-element-7551198598825702-708">
                                    <div data-ph-id="ph-widget-element-7551198598825702-709">
                                        <label for="phone" data-ph-id="ph-widget-element-7551198598825702-710">
                                            <span key="52iwff-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-widget-element-7551198598825702-711">Phone</span>
                                            <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-712">
                                                <ppc-content key="7DwKAy-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-widget-element-7551198598825702-713">Phone</ppc-content>
                                            </span>
                                        </label>
                                        <div class="input-group" data-ph-id="ph-widget-element-7551198598825702-714">
                                            <input type="text" name="phone" id="phone" class="form-control ph-a11y-form-control-phone" value.bind="fyfStepConfig.contactInfo.information.phone fs-block" placeholder="(000) 000-0000" key-placeholder="XUVDd4-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-2" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-widget-element-7551198598825702-715">
                                            <span id="ph-a11y-contact-phone-field-error-2" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error &amp;&amp; stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-widget-element-7551198598825702-716">
                                                <ppc-content key="8J9ciH-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-widget-element-7551198598825702-717">Enter
                                                    correct phone number</ppc-content>
                                            </span>
                                            <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-widget-element-7551198598825702-718"></i>
                                        </input></div>
                                        <div class="security-info" data-ph-id="ph-widget-element-7551198598825702-719">
                                            <div class="security-info-block" data-ph-id="ph-widget-element-7551198598825702-720">
                                                <ppc-content key="66TjL0-X5gTVe-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-widget-element-7551198598825702-721">
                                                    We take your privacy seriously.
                                                </ppc-content>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="terms-checkbox-block" if.bind="gdprConsent &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length)" data-ph-id="ph-widget-element-7551198598825702-722">
                                    <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-widget-element-7551198598825702-723">
                                        <label class="input-checkbox-label" data-ph-id="ph-widget-element-7551198598825702-724">
                                            <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="sQSrWp-X5gTVe-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-widget-element-7551198598825702-725">
                                            <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-726"></span>
                                            <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-727"></span>
                                            <span class="checkbox-text" data-ph-id="ph-widget-element-7551198598825702-728">
                                                <ppc-content class="cd-terms-policy-block" key="zHtULF-X5gTVe-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-widget-element-7551198598825702-729">
                                                    I have read and accept the
                                                    <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-7551198598825702-730"> privacy
                                                        policy</a>
                                                    and
                                                    <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-7551198598825702-731">terms of use</a>
                                                </ppc-content>
                                            </span>
                                        </input></label>
                                    </div>
                                    <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-widget-element-7551198598825702-732">
                                        <ppc-content class="cd-terms-policy-block" key="VatreW-X5gTVe-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-widget-element-7551198598825702-733">
                                            I have read and accept the
                                            <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-7551198598825702-734"> privacy
                                                policy</a>
                                            and
                                            <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-7551198598825702-735">terms of use</a>
                                        </ppc-content>
                                    </span>
                                </div>
                                <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) &amp;&amp; !(piiConsentData &amp;&amp; piiConsentData.length) &amp;&amp; !hideOptIn" data-ph-id="ph-widget-element-7551198598825702-736">
                                    <div class="checkbox-btn-group" data-ph-id="ph-widget-element-7551198598825702-737">
                                        <label class="input-checkbox-label" data-ph-id="ph-widget-element-7551198598825702-738">
                                            <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="Qaa7C6-X5gTVe-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-widget-element-7551198598825702-739">
                                            <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-740"></span>
                                            <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-741"></span>
                                            <span class="checkbox-text" data-ph-id="ph-widget-element-7551198598825702-742">
                                                <ppc-content key="2W5h6Z-X5gTVe-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-widget-element-7551198598825702-743">Sign me up for company updates
                                                </ppc-content>
                                            </span>
                                        </input></label>
                                    </div>
                                </div>
                                <div class="termsError" id="termsError" if.bind="termsError" data-ph-id="ph-widget-element-7551198598825702-744">
                                    <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyf1-please-accept-terms" data-ph-id="ph-widget-element-7551198598825702-745">
                                        Please accept terms of use and policy.
                                    </ppc-content>
                                </div>
                                <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-7551198598825702-746">
                                    <div class="consent-info-heading" innerhtml.bind="(widgetBundle.piiconsentInfoHeading || '')|pht | sanitizeHTML" data-ph-id="ph-widget-element-7551198598825702-747"></div>
                                    <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551198598825702-748">
                                        <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-widget-element-7551198598825702-749">
                                        <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-750"></span>
                                        <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-751"></span>
                                        <span class="checkbox-text" data-ph-id="ph-widget-element-7551198598825702-752">
                                            <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551198598825702-753"> </span>
                                            <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551198598825702-754">*</span>
                                        </span>
                                    </input></label>
                                </div>
                                <section if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="ph-widget" instance-id="G8VRaL" original-view="default" view="7551198561886200-default" data-ph-id="ph-widget-element-7551198598825702-755">
                                    <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="7551198561886200-default" instance-id="G8VRaL" original-view="default" data-ph-id="ph-widget-element-7551198598825702-756"></div>
                                </section>
                                <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198598825702-757">
                                    <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-widget-element-7551198598825702-758">
                                        ${widgetBundle['piiConsentError'] | pht}
                                    </span>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-widget-element-7551198598825702-759">
                        <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-widget-element-7551198598825702-760">
                            <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="t7BWIh-X5gTVe-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-widget-element-7551198598825702-761">
                                <ppc-content key="PYecjR-X5gTVe-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-widget-element-7551198598825702-762">Submit</ppc-content>
                            </button>
                        </div>
                        <div class="prev" data-ph-id="ph-widget-element-7551198598825702-763">
                            <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="GRLmpf-X5gTVe-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-widget-element-7551198598825702-764">
                                <span data-ph-id="ph-widget-element-7551198598825702-765">
                                    <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-widget-element-7551198598825702-766"></i>
                                </span>
                            </button>
                        </div>
                    </div>
                </div>
                <!-- End contactInfo v1 Step -->

                <div class="skip" data-ph-id="ph-widget-element-7551198598825702-767">
                    <button href="javascript:void(0);" click.delegate="skip()" if.bind="(isCandidateHomeEnabled &amp;&amp; (fyfStepConfig.stepType == 'contactInfoWithResume') &amp;&amp; (!showLoginScreen || (showLoginScreen &amp;&amp; showSkipInCandidateLogin))) || !removeSkipButton" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType == 'authorise' ? widgetBundle['socialSigninStepText'] : fyfStepConfig.stepType } step" key-aria-label="X5gTVe-ph-find-your-fit-v1-default-skipStepTypeText1" data-ph-at-id="skip-link" data-ph-id="ph-widget-element-7551198598825702-768">
                        <!-- <i class="icon icon-cancel" aria-hidden="true"></i> -->
                        <span data-ph-id="ph-widget-element-7551198598825702-769">
                            <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-fyf-skipText" data-ph-at-id="skip-link-text" data-ph-id="ph-widget-element-7551198598825702-770">Skip</ppc-content>
                        </span>
                    </button>
                </div>
                <!--End FYF Start Area -->
                <div class="step-count-block phs-step-count-block" show.bind="!stepsData[currentStep].skip" data-ph-id="ph-widget-element-7551198598825702-771">
                    <div class="progress-container" if.bind="!disableSocialLogin || (contactInfoV1Enabled &amp;&amp; isUserSocialLoggedIn)" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus}" data-ph-id="ph-widget-element-7551198598825702-772">
                        <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus,'stepsCount':stepsCount}}" css="width: ${stepStatus*100/stepsCount}%;" data-ph-id="ph-widget-element-7551198598825702-773"></div>
                    </div>
                    <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled &amp;&amp; isUserSocialLoggedIn)" data-ph-id="ph-widget-element-7551198598825702-774">
                        ${widgetBundle['fyfStepProgressBarText'] |
                        pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}}
                    </div>
                    <div class="progress-container" if.bind="disableSocialLogin &amp;&amp; !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus+1}" data-ph-id="ph-widget-element-7551198598825702-775">
                        <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus+1}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus+1,'stepsCount':stepsCount}}" css="width: ${(stepStatus+1)*100/stepsCount}%;" data-ph-id="ph-widget-element-7551198598825702-776"></div>
                    </div>
                    <div class="progress-text" if.bind="disableSocialLogin &amp;&amp; !isUserSocialLoggedIn" data-ph-id="ph-widget-element-7551198598825702-777">
                        ${widgetBundle['fyfStepProgressBarText'] |
                        pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}}
                    </div>
                </div>
            </div>
            <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-widget-element-7551198598825702-778">
                <div data-ph-id="ph-widget-element-7551198598825702-779">
                    <ppc-content key="X5gTVe-ph-find-your-fit-v1-default-noStepsFoundText" data-ph-id="ph-widget-element-7551198598825702-780">
                        No Steps found
                    </ppc-content>
                </div>
            </div>
        </div>
    </div>
    <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551198598825702-781">
        <div if.bind="selectionRemovalSronly" data-ph-id="ph-widget-element-7551198598825702-782">
            ${selectionRemovalSrText}
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-1709649398970-default" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-widget-element-7551201121503869-2"></div>
<div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="Ho6TKw-Nunnps-ph-profile-recommendations-v2-default-widgetHeadingText" show.bind="!showLoader &amp;&amp; jobResults.length" data-ph-id="ph-widget-element-7551201121503869-3">
    <div class="widget-container" data-ph-id="ph-widget-element-7551201121503869-4">
        <div class="phs-widget-heading" data-ph-id="ph-widget-element-7551201121503869-5">
            <h2 data-ph-id="ph-widget-element-7551201121503869-6">
                <ppc-content key="bgiJ5A-Nunnps-ph-profile-recommendations-v2-default-widgetHeadingText" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-widget-element-7551201121503869-7">
                    Profile recommendations
                </ppc-content>
            </h2>
        </div>
        <div class="content-block" data-ph-id="ph-widget-element-7551201121503869-8">
            <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-widget-element-7551201121503869-9">
                <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-widget-element-7551201121503869-10">
                    <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image &amp;&amp; eachJob.image.src)" instance-id="Mdt6mo" data-ph-id="ph-widget-element-7551201121503869-11">
    <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-7551201121503869-12">
        <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-widget-element-7551201121503869-13">
            <img if.bind="eachJob.image &amp;&amp; eachJob.image.src &amp;&amp; eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-widget-element-7551201121503869-14" />
        </div>
    </figure>
</div>
<div class="${(eachJob.image &amp;&amp; eachJob.image.src || ( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-widget-element-7551201121503869-15">
    <div class="information" data-ph-id="ph-widget-element-7551201121503869-16">

        <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src)" data-ph-id="ph-widget-element-7551201121503869-17">
            <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-7551201121503869-18">
                <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-7551201121503869-19">
                    <img if.bind="eachJob.badgeImage &amp;&amp; eachJob.badgeImage.src &amp;&amp; eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-widget-element-7551201121503869-20" />
                </div>
            </figure>
        </div>

        <div class="job-smart-tags" data-ph-id="ph-widget-element-7551201121503869-21">
            <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'top' &amp;&amp;  (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-7551201121503869-22">
                <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-7551201121503869-23">
                    <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-24"></i>
                    <span class="tag-label" data-ph-id="ph-widget-element-7551201121503869-25">${widgetBundle[fit.name] | pht}</span>
                </span>
            </div>
            <div class="job-tag-area ${jobTagsConfig &amp;&amp; jobTagsConfig.layout &amp;&amp; jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-widget-element-7551201121503869-26">
                <span class="featured-job" if.bind="eachJob.featuredJob &amp;&amp; (eachJob.featuredJob &amp;&amp; eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-widget-element-7551201121503869-27">
                    ${widgetBundle['featuredJobText']}
                </span>
                <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig &amp;&amp; jobTagsConfig.tags) &amp;&amp; (jobTagsData &amp;&amp; jobTagsData[eachJob['jobSeqNo']] &amp;&amp; jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-widget-element-7551201121503869-28">
                    <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon &amp;&amp; eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-29"></i>
                    <span class="tag-label" data-ph-id="ph-widget-element-7551201121503869-30">${widgetBundle[eachTag.name] | pht :
                        jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span>
                </span>
            </div>
        </div>
        <span role="heading" key-role="Nunnps-ph-profile-recommendations-v2-Mdt6mo-EitDmp-default-headingRole" aria-level="3" key-aria-level="Nunnps-ph-profile-recommendations-v2-Mdt6mo-EitDmp-default-headingAriaLevelValue" instance-id="Mdt6mo-EitDmp" data-ph-id="ph-widget-element-7551201121503869-31">
            <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-widget-element-7551201121503869-32">
                <div if.bind="eachJob.title &amp;&amp; eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-widget-element-7551201121503869-33">
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-34">${widgetBundle['title'] | pht}:</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-35"></i>
                    <span data-ph-id="ph-widget-element-7551201121503869-36">${eachJob.title} </span>
                </div>
            </a>
        </span>

        <!-- Multilocation display type dropdown -->
        <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-7551201121503869-37">
            <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose -->
            <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate  &amp;&amp; ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.expiryDate)" class="${((eachAttr.name === 'location' &amp;&amp; eachJob.location) &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' &amp;&amp; eachJob.category) &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate  &amp;&amp; eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-widget-element-7551201121503869-38">
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-7551201121503869-39">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-40">${widgetBundle['category'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-41"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-42">${widgetBundle['category'] | pht}:</span>
                    ${eachJob.category}
                </span>

                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-7551201121503869-43">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-44">${widgetBundle['location'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-45"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-46">${widgetBundle['location'] | pht}:</span>
                    ${eachJob.location}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-widget-element-7551201121503869-47">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-48">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-49"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-50"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-7551201121503869-51"></span>
                    <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-7551201121503869-52">${eachJob[eachAttr.name]}</span>
                </span>
                <span class="job-postdate" if.bind="eachJob.postedDate  &amp;&amp; eachAttr.name  == 'postedDate'" data-ph-id="ph-widget-element-7551201121503869-53">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-54">${widgetBundle['postedDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-55"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-56">${widgetBundle['postedDate'] | pht}: </span>
                    ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-widget-element-7551201121503869-57">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-58">${widgetBundle['expiryDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-59"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-60">${widgetBundle['expiryDate'] | pht}:</span>
                    ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-7551201121503869-61">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-62">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-63"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-64"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] ||
                    "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-7551201121503869-65">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-66">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-67"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-68"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name]}
                </span>
                <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-7551201121503869-69">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-70">${widgetBundle[eachAttr.name] | pht}</span>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-71">${widgetBundle[eachAttr.name] | pht}:</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-72"></i>
                    <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-7551201121503869-73">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-74">${widgetBundle['drivingTimeInHoursText'] |
                        spht:{"hours":eachJob.drivingTime.inHours}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-75">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' :
                        'hours'}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-76">${widgetBundle['drivingTimeInMinutesText'] |
                        pht:{"minutes":eachJob.drivingTime.inMinutes}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-77">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute'
                        : 'minutes'}</span>
                </span>
            </span>
        </p>
        <!-- End multilocation display type dropdown -->

        <!-- Multilocation display type modal -->
        <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-7551201121503869-78">
            <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose -->
            <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 &amp;&amp; eachJob.category) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 &amp;&amp; (eachJob.location || eachJob.multi_location &amp;&amp; eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] &amp;&amp; (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-widget-element-7551201121503869-79">

                <!-- Multi location -->
                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (eachJob.multi_location.length > 1)" data-ph-id="ph-widget-element-7551201121503869-80">
                    <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-widget-element-7551201121503869-81">
                        <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-82"></i>
                        <span class="btn-text-content" data-ph-id="ph-widget-element-7551201121503869-83">
                            ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}}
                        </span>
                    </button>
                </span>
                <span class="job-location" if.bind="(eachAttr.name == 'location') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-widget-element-7551201121503869-84">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-85">${widgetBundle['location'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-86"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-87">${widgetBundle['location'] | pht}:</span>
                    ${eachJob.location}
                </span>
                <!-- Multi location Ends -->

                <!-- Multi category-->
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (eachJob.multi_category.length > 1)" data-ph-id="ph-widget-element-7551201121503869-88">
                    <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-widget-element-7551201121503869-89">
                        <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-90"></i>
                        <span class="btn-text-content" data-ph-id="ph-widget-element-7551201121503869-91">
                            ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}}
                        </span>
                    </button>
                </span>
                <span class="job-category" if.bind="(eachAttr.name == 'category') &amp;&amp; (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-widget-element-7551201121503869-92">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-93">${widgetBundle['category'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-94"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-95">${widgetBundle['category'] | pht}:</span>
                    ${eachJob.category}
                </span>
                <!-- Multi category ends -->

                <span if.bind="(eachJob.drivingTime &amp;&amp; eachAttr.name == 'drivingTime') &amp;&amp; (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-7551201121503869-96">
                    <span class="sr-only" data-ph-id="ph-widget-element-7551201121503869-97">${widgetBundle[eachAttr.name] | pht}</span>
                    <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> -->
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-98"></i>
                    <span if.bind="!eachJob.drivingTime.inHours &amp;&amp; !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-7551201121503869-99">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-100">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" :
                        eachJob.drivingTime.inHours}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-101">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' :
                        'hours'}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-102">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" :
                        eachJob.drivingTime.inMinutes}}</span>
                    <span if.bind="eachJob.drivingTime &amp;&amp; eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-103">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute'
                        : 'minutes'}</span>
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-widget-element-7551201121503869-104">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-105">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-106"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-107"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    <span if.bind="eachJob[eachAttr.name] &amp;&amp; isStringValue &amp;&amp; isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-widget-element-7551201121503869-108"></span>
                    <span if.bind="eachJob[eachAttr.name] &amp;&amp; (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-7551201121503869-109">${eachJob[eachAttr.name]}</span>
                </span>
                <span class="job-postdate" if.bind="eachJob.postedDate  &amp;&amp; eachAttr.name  == 'postedDate'" data-ph-id="ph-widget-element-7551201121503869-110">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-111">${widgetBundle['postedDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-112"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-113">${widgetBundle['postedDate'] | pht}: </span>
                    ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' &amp;&amp; eachJob.expiryDate" data-ph-id="ph-widget-element-7551201121503869-114">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-115">${widgetBundle['expiryDate'] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-116"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-117">${widgetBundle['expiryDate'] | pht}:</span>
                    ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-7551201121503869-118">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-119">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-120"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-121"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] ||
                    "MMDDYYYY_SLASH")}
                </span>
                <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' &amp;&amp; eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] &amp;&amp; (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-7551201121503869-122">
                    <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-123">${widgetBundle[eachAttr.name] | pht}</span>
                    <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon &amp;&amp; eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-124"></i>
                    <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-7551201121503869-125"> ${widgetBundle[eachAttr.name] | pht}: </span>
                    ${eachJob[eachAttr.name]}
                </span>
            </span>
        </p>
        <!-- End Multilocation display type modal -->

        <!-- Multilocation display type dropdown button -->
        <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-7551201121503869-126">
            <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 &amp;&amp; eachAttr.name == 'location') &amp;&amp; ((enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-7551201121503869-127">
                <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="Nunnps-ph-profile-recommendations-v2-Mdt6mo-XM9hYi-default-multiLocationButtonRole" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="Mdt6mo-XM9hYi" data-ph-id="ph-widget-element-7551201121503869-128">
                    <span data-ph-id="ph-widget-element-7551201121503869-129">
                        ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}}
                    </span>

                    <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-130"></i>
                </button>
                <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-7551201121503869-131">
                    <li class="location ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-widget-element-7551201121503869-132">
                        ${eachLocation}
                        <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-7551201121503869-133">
                            <span if.bind="!enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-134">${widgetBundle['drivingTime'] | pht}</span>
                            <span if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.label" data-ph-id="ph-widget-element-7551201121503869-135">${widgetBundle['drivingTime'] |
                                pht}:</span>
                            <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-136"></i>
                            <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-7551201121503869-137">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-138">${widgetBundle['drivingTimeInHoursText'] |
                                pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-139">${eachJob.multi_location_array[$index].drivingTime.inHours}
                                ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' :
                                'hours'}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-140">${widgetBundle['drivingTimeInMinutesText'] |
                                pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span>
                            <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-141">${eachJob.multi_location_array[$index].drivingTime.inMinutes}
                                ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' :
                                'minutes'}</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Multicategory display type dropdown button -->
        <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-widget-element-7551201121503869-142">
            <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 &amp;&amp; eachAttr.name == 'category') &amp;&amp; ((enabledFields['category'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-widget-element-7551201121503869-143">
                <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="Nunnps-ph-profile-recommendations-v2-Mdt6mo-HY5AMV-default-multiCategoryButtonRole" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="Mdt6mo-HY5AMV" data-ph-id="ph-widget-element-7551201121503869-144">
                    <span data-ph-id="ph-widget-element-7551201121503869-145">
                        ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' :
                        eachJob.multi_category.length}}
                    </span>
                    <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-146"></i>
                </button>
                <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-7551201121503869-147">
                    <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-widget-element-7551201121503869-148">
                        ${eachCategory}
                    </li>
                </ul>
            </div>
        </div>

        <!-- smart-jobs  -->
        <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] &amp;&amp; eachJob.smartHighlights" data-ph-id="ph-widget-element-7551201121503869-149">
            <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-widget-element-7551201121503869-150">

                <span data-ph-id="ph-widget-element-7551201121503869-151">
                    <span class="sr-only" data-ph-id="ph-widget-element-7551201121503869-152">
                        <span if.bind="highLightKey == 'skills' &amp;&amp; widgetBundle['skills']" data-ph-id="ph-widget-element-7551201121503869-153">${widgetBundle['skills'] |
                            pht}</span>
                        <span if.bind="highLightKey == 'education' &amp;&amp; widgetBundle['education']" data-ph-id="ph-widget-element-7551201121503869-154">${widgetBundle['education']
                            | pht}</span>
                        <span if.bind="highLightKey == 'additionalSkills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-7551201121503869-155">${widgetBundle['additionalSkills']
                            | pht}</span>
                        <span if.bind="highLightKey == 'additional_skills' &amp;&amp; widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-7551201121503869-156">${widgetBundle['additionalSkills']
                            | pht}</span>
                        <span if.bind="highLightKey == 'experience' &amp;&amp; widgetBundle['experience']" data-ph-id="ph-widget-element-7551201121503869-157">${widgetBundle['experience']
                            | pht}</span>
                        <span if.bind="highLightKey == 'requirement_sentence' &amp;&amp; widgetBundle['requirementSentence']" data-ph-id="ph-widget-element-7551201121503869-158">${widgetBundle['requirementSentence']
                            | pht}</span>

                    </span>

                    <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''}  ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-159"></i>


                    ${eachJob['smartHighlights'][highLightKey]}
                </span>
            </span>
        </p>

        <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-widget-element-7551201121503869-160">
            <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-widget-element-7551201121503869-161">

                <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-162"></i>

            </button>
        </div>


        <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-widget-element-7551201121503869-163"></p>


        <div if.bind="jobFits &amp;&amp; (jobFits.layout &amp;&amp; jobFits.layout[deviceType] == 'bottom' &amp;&amp;  (eachJob.fitLevel &amp;&amp; jobFitPromise &amp;&amp; jobFitsSettConfig &amp;&amp; jobFitsSettConfig.literalMap &amp;&amp; jobFitsSettConfig.literalMap[eachJob.fitLevel] &amp;&amp; enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout &amp;&amp; jobFits.layout[deviceType]} ${jobFits.layout &amp;&amp; jobFits.layout.style || 'style-1'}" data-ph-id="ph-widget-element-7551201121503869-164">
            <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-7551201121503869-165">
                <i class="icon ${fit &amp;&amp; fit.settings.icon}" if.bind="fit &amp;&amp; fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-166"></i>
                <span class="tag-label" data-ph-id="ph-widget-element-7551201121503869-167">${widgetBundle[fit.name] | pht :
                    jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span>
            </span>
        </div>
    </div>
    <div class="actions ${(( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights']) &amp;&amp; ( (eachJob.descriptionTeaser &amp;&amp; enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-widget-element-7551201121503869-168">
        <ul ph-role="data.bind:jobActions" data-ph-id="ph-widget-element-7551201121503869-169">
            <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-widget-element-7551201121503869-170">
                <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights &amp;&amp; enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-widget-element-7551201121503869-171">
                    <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' &amp;&amp; eachJob.externalApply &amp;&amp; !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-widget-element-7551201121503869-172">
                        ${widgetBundle['applyNowText'] | pht}
                        <span class="sr-only" data-ph-id="ph-widget-element-7551201121503869-173">${eachJob.title}</span>
                        <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> -->
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-174"></i>
                    </a>
                </div>
                <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-widget-element-7551201121503869-175">
                    <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-widget-element-7551201121503869-176">
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-177"></i>
                        <!-- <i class="icon icon-share" aria-hidden="true"></i> -->
                        <span class="sr-only" data-ph-id="ph-widget-element-7551201121503869-178">
                            <ppc-content key="Nunnps-ph-profile-recommendations-v2-Mdt6mo-qFn2Wt-default-share${eachIndicator}Text" data-ph-at-id="share-job-button-text" instance-id="Mdt6mo-qFn2Wt" data-ph-id="ph-widget-element-7551201121503869-179">Share Job
                                button</ppc-content>
                        </span>
                    </button>
                    <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-widget-element-7551201121503869-180">
                        <section class="ph-widget" instance-id="aoekqe" original-view="default" view="7551200971596984-default" data-ph-id="ph-widget-element-7551201121503869-181">
                            <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="7551200971596984-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="aoekqe" original-view="default" data-ph-id="ph-widget-element-7551201121503869-182"></div>
                        </section>
                    </div>
                </div>
                <!-- <div if.bind="eachAction.name == 'refer'">
                <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true">
                    ${widgetBundle['referText'] | pht}
                    <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i>
                </button>
                <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView">
                    <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19">
                    </div>
                </section>
            </div> -->
                <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-widget-element-7551201121503869-183">
                    <div class="savejob-checkbox" data-ph-id="ph-widget-element-7551201121503869-184">
                        <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-widget-element-7551201121503869-185">
                            <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-widget-element-7551201121503869-186" />
                            <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-widget-element-7551201121503869-187">
                                <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-188"></i>
                                <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-189">
                                    ${widgetBundle['addToCartSaveText'] | pht}
                                    <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> -->
                                </span>
                                <span class="sr-only" data-ph-id="ph-widget-element-7551201121503869-190">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title}
                                    ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span>
                            </span>
                            <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-widget-element-7551201121503869-191">
                                <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-192"></i>
                                <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-193">
                                    ${widgetBundle['addToCartSavedText'] | pht}
                                    <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> -->
                                </span>
                                <span class="sr-only" data-ph-id="ph-widget-element-7551201121503869-194">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title}
                                    ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}
                                </span>
                            </span>
                        </label>
                    </div>
                </div>
                <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-widget-element-7551201121503869-195">
                    <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-widget-element-7551201121503869-196">
                        <span class="sr-only" data-ph-id="ph-widget-element-7551201121503869-197">${eachJob.title}</span>
                        <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon &amp;&amp; eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-198"></i>
                        <span if.bind="eachAction.settings.label" data-ph-id="ph-widget-element-7551201121503869-199">
                            ${widgetBundle['removeJobText'] | pht}
                        </span>
                    </a>

                </div>    
            </li>
            
        </ul>
    </div>
</div>

<div class="popup-modal-backdrop ${ ( eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-widget-element-7551201121503869-200">
<div class="multi-location-popup" if.bind="eachJob.popUpOpen &amp;&amp; (enabledFields['location'] &amp;&amp; enabledFields['location'].settings &amp;&amp; enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-7551201121503869-201">
    <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-widget-element-7551201121503869-202">
        <div class="modal-dialog" data-ph-id="ph-widget-element-7551201121503869-203">
            <div class="popup-content-block" data-ph-id="ph-widget-element-7551201121503869-204">
                <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="Nunnps-ph-profile-recommendations-v2-Mdt6mo-h8iFyQ-default-closePopupAriaLabelText" instance-id="Mdt6mo-h8iFyQ" data-ph-id="ph-widget-element-7551201121503869-205">
                    <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-206"></i>
                </button>
                <div class="heading-block" data-ph-id="ph-widget-element-7551201121503869-207">
                    <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="Nunnps-ph-profile-recommendations-v2-Mdt6mo-gcpWzR-default-headingModalRole" key-aria-level="Nunnps-ph-profile-recommendations-v2-Mdt6mo-gcpWzR-default-headingModalAriaLevel" instance-id="Mdt6mo-gcpWzR" data-ph-id="ph-widget-element-7551201121503869-208">
                        ${eachJob.title}
                    </div>
                    <div id="modalDescription" data-ph-id="ph-widget-element-7551201121503869-209">
                        <div class="job-location-count" data-ph-id="ph-widget-element-7551201121503869-210">
                            ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}}
                        </div>
                    </div>
                </div>
                <div class="content-block" data-ph-id="ph-widget-element-7551201121503869-211">
                    <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-7551201121503869-212">
                        <li class="each-location ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-widget-element-7551201121503869-213">
                            <span data-ph-id="ph-widget-element-7551201121503869-214">
                                <i class="icon ${enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] &amp;&amp; enabledFields['location'].settings.icon" data-ph-id="ph-widget-element-7551201121503869-215"></i>
                            </span>
                            <span data-ph-id="ph-widget-element-7551201121503869-216">
                                ${eachLocation}
                            </span>
                            <div if.bind="enabledFields &amp;&amp; enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-widget-element-7551201121503869-217">
                                <span class="sr-only" data-ph-id="ph-widget-element-7551201121503869-218">${widgetBundle['drivingTime'] | pht}</span>
                                <i class="icon ${enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields &amp;&amp; enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-219"></i>
                                <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours &amp;&amp; !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-7551201121503869-220">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-221">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" :
                                    eachJob.multi_location_array[$index].drivingTime.inHours}}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-222">${eachJob.multi_location_array[$index].drivingTime.inHours}
                                    ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' :
                                    'hours'}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-223">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" :
                                    eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span>
                                <span if.bind="eachJob.multi_location_array[$index].drivingTime &amp;&amp; eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-7551201121503869-224">
                                    ${eachJob.multi_location_array[$index].drivingTime.inMinutes}
                                    ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' :
                                    'minutes'}
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen &amp;&amp; (enabledFields['category'] &amp;&amp; enabledFields['category'].settings &amp;&amp; enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-7551201121503869-225">
    <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-widget-element-7551201121503869-226">
        <div class="modal-dialog" data-ph-id="ph-widget-element-7551201121503869-227">
            <div class="popup-content-block" data-ph-id="ph-widget-element-7551201121503869-228">
                <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="Nunnps-ph-profile-recommendations-v2-Mdt6mo-0bqgfY-default-closeCategoryPopupAriaLabelText" instance-id="Mdt6mo-0bqgfY" data-ph-id="ph-widget-element-7551201121503869-229">
                    <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-230"></i>
                </button>
                <div class="heading-block" data-ph-id="ph-widget-element-7551201121503869-231">
                    <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="Nunnps-ph-profile-recommendations-v2-Mdt6mo-7Wa3FI-default-headingModalRole" key-aria-level="Nunnps-ph-profile-recommendations-v2-Mdt6mo-7Wa3FI-default-headingModalAriaLevel" instance-id="Mdt6mo-7Wa3FI" data-ph-id="ph-widget-element-7551201121503869-232">
                        ${eachJob.title}
                    </div>
                    <div id="modalDescription" data-ph-id="ph-widget-element-7551201121503869-233">
                        <div class="job-location-count" data-ph-id="ph-widget-element-7551201121503869-234">
                            ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}}
                        </div>
                    </div>
                </div>
                <div class="content-block" data-ph-id="ph-widget-element-7551201121503869-235">
                    <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-7551201121503869-236">
                        <li class="each-category ${enabledFields &amp;&amp; enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-widget-element-7551201121503869-237">
                            <span data-ph-id="ph-widget-element-7551201121503869-238">
                                <i class="icon ${enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] &amp;&amp; enabledFields['category'].settings.icon" data-ph-id="ph-widget-element-7551201121503869-239"></i>
                            </span>
                            <span data-ph-id="ph-widget-element-7551201121503869-240">
                                ${eachCategory}
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
                </li>
            </ul>
            <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-widget-element-7551201121503869-241">
                <div aria-atomic="true" aria-live="assertive" instance-id="l4FScQ" data-ph-id="ph-widget-element-7551201121503869-242">
    <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="Nunnps-ph-profile-recommendations-v2-l4FScQ-lxfHR2-default-seeMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="Nunnps-ph-profile-recommendations-v2-l4FScQ-lxfHR2-default-seemore-link-title-Text" data-ph-at-id="seemore-link" role="button" key-role="Nunnps-ph-profile-recommendations-v2-l4FScQ-lxfHR2-default-button-role-see-more" instance-id="l4FScQ-lxfHR2" data-ph-id="ph-widget-element-7551201121503869-243">
    <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content>  -->
    <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-7551201121503869-244">
        ${widgetBundle['seeMoreText'] | pht}
    </span>
    <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-245"></i>
</button>
</div>
<button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="Nunnps-ph-profile-recommendations-v2-l4FScQ-CU2svC-default-seeLessAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="Nunnps-ph-profile-recommendations-v2-l4FScQ-CU2svC-default-seeless-link-title-Text" data-ph-at-id="seeless-link" role="button" key-role="Nunnps-ph-profile-recommendations-v2-l4FScQ-CU2svC-default-button-role-see-less" instance-id="l4FScQ-CU2svC" data-ph-id="ph-widget-element-7551201121503869-246">
    <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> -->
    <span data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-7551201121503869-247">
        ${widgetBundle['seeLessText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-248"></i>
</button>
<button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="Nunnps-ph-profile-recommendations-v2-l4FScQ-B4jYUl-default-seeNextAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="Nunnps-ph-profile-recommendations-v2-l4FScQ-B4jYUl-default-seenext-link-title-Text" data-ph-at-id="seenext-link" role="button" key-role="Nunnps-ph-profile-recommendations-v2-l4FScQ-B4jYUl-default-button-role-see-next" instance-id="l4FScQ-B4jYUl" data-ph-id="ph-widget-element-7551201121503869-249">
    <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> -->
    <span data-ph-at-id="seenext-text" data-ph-id="ph-widget-element-7551201121503869-250">
        ${widgetBundle['seeNextText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-251"></i>
</button>
<button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="Nunnps-ph-profile-recommendations-v2-l4FScQ-fhXbBj-default-seeEvenMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true &amp;&amp; jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="Nunnps-ph-profile-recommendations-v2-l4FScQ-fhXbBj-default-seeevenmore-link-title-Text" data-ph-at-id="seeevenmore-link" role="button" key-role="Nunnps-ph-profile-recommendations-v2-l4FScQ-fhXbBj-default-button-role-see-evenmore" instance-id="l4FScQ-fhXbBj" data-ph-id="ph-widget-element-7551201121503869-252">
    <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> -->
    <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-widget-element-7551201121503869-253">
        ${widgetBundle['seeEvenMoreText'] | pht}
    </span>
    <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-7551201121503869-254"></i>
</button>
            </div>
        </div>
        <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-7551201121503869-255">
            <p data-ph-id="ph-widget-element-7551201121503869-256">
                <ppc-content key="Nunnps-ph-profile-recommendations-v2-default-noRecomJobsInfoText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-7551201121503869-257">
                    No recommendations found
                </ppc-content>
            </p>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-7551200971596984-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-7551200971596984-2">

    <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-widget-element-7551200971596984-3">
        <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-widget-element-7551200971596984-4">
            <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="aoekqe-ph-social-share-v3-default-headingRole" aria-level="2" key-aria-level="aoekqe-ph-social-share-v3-default-headingLevelAria" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-widget-element-7551200971596984-5">
                <ppc-content key="aoekqe-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-7551200971596984-6">
                    Share this Opportunity
                </ppc-content>
            </div>
            <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-widget-element-7551200971596984-7">
                <ppc-content key="aoekqe-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-7551200971596984-8">
                    We give you the tools you need to discover your perfect job match, and the freedom and support to
                    take your career to the next level.
                </ppc-content>
            </p>
        </div>
        <div class="content-block" data-ph-id="ph-widget-element-7551200971596984-9"> 
            <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-widget-element-7551200971596984-10">
                <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-widget-element-7551200971596984-11">
                    <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-widget-element-7551200971596984-12">
                        <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-widget-element-7551200971596984-13"></i>
                        <span class="sr-only" data-ph-id="ph-widget-element-7551200971596984-14">
                            <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-widget-element-7551200971596984-15">${widgetBundle[eachIndicator['name']] | pht}</span>
                        </span>
                    </button>
                </li>
                <section class="ph-widget" instance-id="kVKp8H" data-ph-at-id="social_share_show_email_section" if.bind="showEmailView &amp;&amp; shareOption.isInline &amp;&amp; isShareEmailFound" original-view="view3" view="7551200902882025-view3" data-ph-id="ph-widget-element-7551200971596984-16">
                    <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="7551200902882025-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="kVKp8H" original-view="view3" data-ph-id="ph-widget-element-7551200971596984-17"></div>
                </section>
            </ul>
        </div>
    </div>
    <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-widget-element-7551200971596984-18">
        <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-7551200971596984-19">
            <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-7551200971596984-20">
                <div class="head-wrapper" data-ph-id="ph-widget-element-7551200971596984-21">
                    <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-widget-element-7551200971596984-22">
                        <ppc-content key="aoekqe-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-widget-element-7551200971596984-23">Share job link</ppc-content>
                    </h3>
                    <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="aoekqe-ph-social-share-v3-default-closeDialogAriaLabel" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-7551200971596984-24">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-widget-element-7551200971596984-25"></i>
                    </button>
                </div>
                <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-widget-element-7551200971596984-26">
                    <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-widget-element-7551200971596984-27">
                        <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-widget-element-7551200971596984-28">
                            <ppc-content key="aoekqe-ph-social-share-v3-default-messageText" data-ph-id="ph-widget-element-7551200971596984-29">Link copied successfully</ppc-content>
                        </p>
                    </div>
                    <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-widget-element-7551200971596984-30"><ppc-content key="aoekqe-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-widget-element-7551200971596984-31">To your colleagues or friends</ppc-content></label>
                    <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-widget-element-7551200971596984-32" />
                </div>
                <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-widget-element-7551200971596984-33">
                    <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-7551200971596984-34"><ppc-content key="aoekqe-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-widget-element-7551200971596984-35">Cancel</ppc-content></button>
                    <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-widget-element-7551200971596984-36"><ppc-content key="aoekqe-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-widget-element-7551200971596984-37">Copy Link</ppc-content></button>
                </div>
            </div>
        </div>
    </div>
</div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-7551200902882025-view3" nonce=""><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view -->

<div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-widget-element-7551200902882025-2">
    <!-- <div class="modal-backdrop fade in"></div> -->
    <div class="modal fade in show" role="dialog" data-ph-id="ph-widget-element-7551200902882025-3">
        <div class="modal-dialog" role="document" data-ph-id="ph-widget-element-7551200902882025-4">
            <div class="modal-content" data-ph-id="ph-widget-element-7551200902882025-5">
                <div class="phs-widget-heading" data-ph-id="ph-widget-element-7551200902882025-6">
                    <!--<i class="icon icon-send-masseg"></i>-->
                    <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-widget-element-7551200902882025-7">
                        <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-7551200902882025-8"></i>
                        <span class="sr-only" data-ph-id="ph-widget-element-7551200902882025-9"><ppc-content key="kVKp8H-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-widget-element-7551200902882025-10">Close
                                the popup</ppc-content></span>
                    </button>
                    <h2 data-ph-id="ph-widget-element-7551200902882025-11">
                        <ppc-content key="kVKp8H-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-widget-element-7551200902882025-12">
                            Email this Job
                        </ppc-content>
                    </h2>
                    <p class="phs-widget-sub-title" data-ph-id="ph-widget-element-7551200902882025-13">
                        <ppc-content key="kVKp8H-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-widget-element-7551200902882025-14">
                            To access this job from another computer, email this information to yourself or a friend.
                        </ppc-content>
                    </p>
                </div>
                <div class="widget-container" data-ph-id="ph-widget-element-7551200902882025-15">
                    <div class="content-block" data-ph-id="ph-widget-element-7551200902882025-16">
                        <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-widget-element-7551200902882025-17">
                            <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-7551200902882025-18">
                                <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551200902882025-19">
                                    <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-widget-element-7551200902882025-20">
                                    <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551200902882025-21"></span>
                                    <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551200902882025-22"></span>
                                    <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-widget-element-7551200902882025-23"> </span>
                                </input></label>
                            </div>
                            <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-7551200902882025-24">
                                <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-widget-element-7551200902882025-25">
                                    ${widgetBundle['piiConsentError'] | pht}
                                </span>
                            </div>
                            <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-7551200902882025-26">
                                <label for="email-job-name" data-ph-id="ph-widget-element-7551200902882025-27">
                                    <ppc-content key="kVKp8H-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-widget-element-7551200902882025-28">
                                        Your Name
                                    </ppc-content>
                                </label>
                                <input type="text" aria-describedby="ph-a11y-email-job-name-field-error" class="form-control ph-a11y-form-control-name fs-block" value.bind="emailJobModel.name" placeholder="Your name" autocomplete="off" key-placeholder="kVKp8H-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="kVKp8H-ph-email-job-v1-view3-recipientNameTitleText" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-widget-element-7551200902882025-29">
                                <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error &amp;&amp; errors.name.code == 'E101'" data-ph-id="ph-widget-element-7551200902882025-30">
                                    <ppc-content key="kVKp8H-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-widget-element-7551200902882025-31">
                                        Name should not be empty
                                    </ppc-content>
                                </span>
                            </input></div>
                            <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-7551200902882025-32">
                                <label for="email-job-email" data-ph-id="ph-widget-element-7551200902882025-33">
                                    <ppc-content key="kVKp8H-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-widget-element-7551200902882025-34">
                                        Recipient's Email address
                                    </ppc-content>
                                </label>
                                <input type="text" aria-describedby="ph-a11y-email-job-email-field-error" class="form-control ph-a11y-form-control-email fs-block" value.bind="emailJobModel.email" placeholder="Recipient's Email address" title="Recipient’s Email address" key-title="kVKp8H-ph-email-job-v1-view3-recipientEmailAddressTitleText" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-widget-element-7551200902882025-35">
                                    <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E101'" data-ph-id="ph-widget-element-7551200902882025-36">
                                        <ppc-content key="kVKp8H-ph-email-job-v1-view3-emailShouldNotBeEmptyText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-widget-element-7551200902882025-37">
                                            Recipient’s email address should not be Empty
                                        </ppc-content>
                                    </span>
                                    <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error &amp;&amp; errors.email.code == 'E102'" data-ph-id="ph-widget-element-7551200902882025-38">
                                        <ppc-content key="kVKp8H-ph-email-job-v1-view3-pleaseEnterAValidEmailText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-widget-element-7551200902882025-39">
                                            Please enter a valid Recipient’s email address
                                        </ppc-content>
                                    </span>
                            </input></div>
                            <div class="form-group" data-ph-id="ph-widget-element-7551200902882025-40">
                                <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-widget-element-7551200902882025-41">
                                    <ppc-content key="kVKp8H-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-widget-element-7551200902882025-42">
                                        ${widgetBundle['sendEmailButtonText'] | pht}
                                    </ppc-content>
                                </button>
                            </div>
                        </form>
                        <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length < 3" data-ph-id="ph-widget-element-7551200902882025-43">
                            <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551200902882025-44">
                                <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-widget-element-7551200902882025-45">
                                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551200902882025-46"></span>
                                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551200902882025-47"></span>
                                <span class="checkbox-text" data-ph-id="ph-widget-element-7551200902882025-48">
                                    <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551200902882025-49"> </span>
                                    <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551200902882025-50">*</span>
                                </span>
                            </input></label>
                        </div>

                        <a href="javascript:void(0)" if.bind="piiConsentData &amp;&amp; piiConsentData.length &amp;&amp; piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-widget-element-7551200902882025-51">
                            <span class="sr-only required-text" data-ph-id="ph-widget-element-7551200902882025-52"> ${widgetBundle['requiredText']} </span>
                            ${widgetBundle['consentsLinkText']}
                        </a>


                        <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-widget-element-7551200902882025-53">
                            <span show.bind="showEmailSuccess" data-ph-id="ph-widget-element-7551200902882025-54">
                                <ppc-content key="kVKp8H-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-widget-element-7551200902882025-55">Email has
                                    successfully sent</ppc-content>
                            </span>
                            <span show.bind="showEmailFailure" data-ph-id="ph-widget-element-7551200902882025-56">
                                <ppc-content key="kVKp8H-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-widget-element-7551200902882025-57">Email has
                                    sent has error</ppc-content>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-widget-element-7551200902882025-58">
    <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-widget-element-7551200902882025-59">
        <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> -->
        <div class="hdlr-block" tabindex="0" data-ph-id="ph-widget-element-7551200902882025-60">
            <i class="icon icon-check" data-ph-id="ph-widget-element-7551200902882025-61"></i>
            <h3 data-ph-id="ph-widget-element-7551200902882025-62">
                <ppc-content key="kVKp8H-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-widget-element-7551200902882025-63">Success!</ppc-content>
            </h3>
            <p data-ph-id="ph-widget-element-7551200902882025-64">
                <ppc-content key="kVKp8H-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-widget-element-7551200902882025-65">Email has successfully sent</ppc-content>
            </p>
            <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-widget-element-7551200902882025-66">
                <ppc-content key="MDPNWy-kVKp8H-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-7551200902882025-67">Ok</ppc-content>
            </button>
        </div>
    </div>
</div>
<div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-widget-element-7551200902882025-68">
    <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-widget-element-7551200902882025-69">
        <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> -->
        <div class="hdlr-block" data-ph-id="ph-widget-element-7551200902882025-70">
            <i class="icon icon-cancel" data-ph-id="ph-widget-element-7551200902882025-71"></i>
            <h3 data-ph-id="ph-widget-element-7551200902882025-72">
                <ppc-content key="kVKp8H-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-widget-element-7551200902882025-73">Failure!</ppc-content>
            </h3>
            <p data-ph-id="ph-widget-element-7551200902882025-74">
                <ppc-content key="kVKp8H-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-widget-element-7551200902882025-75">Email has not sent</ppc-content>
            </p>
            <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-widget-element-7551200902882025-76">
                <ppc-content key="xVJ7rJ-kVKp8H-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-7551200902882025-77">Ok</ppc-content>
            </button>
        </div>
    </div>
</div>

<div class="popup-modal-backdrop" show.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-7551200902882025-78">
    <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm &amp;&amp; piiConsentData &amp;&amp; piiConsentData.length >= 3" data-ph-id="ph-widget-element-7551200902882025-79">
        <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-widget-element-7551200902882025-80">
            <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-7551200902882025-81"></i>
        </button>

        <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-widget-element-7551200902882025-82">
            ${widgetBundle['consentHeading']}
        </h2>

        <div class="pii-consent-section" if.bind="piiConsentData &amp;&amp; piiConsentData.length" data-ph-id="ph-widget-element-7551200902882025-83">
            <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-widget-element-7551200902882025-84">
                <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-widget-element-7551200902882025-85">
                <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-widget-element-7551200902882025-86"></span>
                <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-widget-element-7551200902882025-87"></span>
                <span class="checkbox-text" data-ph-id="ph-widget-element-7551200902882025-88">
                    <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-widget-element-7551200902882025-89"> </span>
                    <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-widget-element-7551200902882025-90">*</span>
                </span>
            </input></label>
        </div>
        <div class="consent-accept-area" data-ph-id="ph-widget-element-7551200902882025-91">
            <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-widget-element-7551200902882025-92">
                ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']}
            </button>
        </div>
    </div>
</div></script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"}  </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1659020793429.css" id="globalcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/tenantcss/main-1707223116428.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/tenantcss/color-css-1699624538298.css" id="colorCss" /><style>.phcriticalhide{display: none!important}</style>
<script id="PHAPP-PAGEID" type="text/javascript" nonce=""> phApp.pageId = "page10";</script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-1697021824275-default" nonce=""><!--googleoff: index-->
<div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="gdpr-regionRole" aria-label="cookies message" key-aria-label="gdpr-cookiesMessageAriaLabel" if.bind="showCookiePopup" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-oMquIE">
    <div class="container" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-Ajf0Y7">
        <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-lHxQub">
            <ppc-content key="gdpr-cookietextAreaText" data-ph-at-id="cookie-text" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-DTIAEr">
                We use cookies to offer you a better browsing experience, analyze site traffic, and personalize
                content. Read about how we use cookies and how you can control them by visiting our <a ph-href="cookiesettings" key-ph-href="gdpr-Cl9iDg-gdpr-popupCareerSiteCookieSettingsHrefText" class="cookie-settings" data-ph-at-id="cookie-settings-link" data-ph-id="ph-1678358108162-default-ph-cookie-popup-v20oZEqo-5Gx1Qa">Cookie Settings</a> page.
            </ppc-content>
        </div>
        <div class="cookie-button-area ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-ELMWhF">
            <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="gdpr-popupCareerSiteCookieSettingsHrefText" class="btn plain-button cookie-settings phcriticalhide" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="gdpr-popupCookieSettingsAriaLabel" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-L3tZcj">
                <ppc-content key="gdpr-popupCookieSettingsText" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-U6YuuB">
                    Cookie Settings
                </ppc-content>
            </a>
            <button class="btn primary-button phcriticalhide" show.bind="showDeclineButton" click.delegate="declineAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="3" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-ajjw9O">
                <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-SMXOrt"></i>
                <ppc-content key="gdpr-denyCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-D8xpuK">
                    Deny
                </ppc-content>
            </button>
            <button class="btn primary-button" click.delegate="acceptAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="2" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-Ofantl">
                <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-lOnpj2"></i>
                <ppc-content key="gdpr-allowCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-8zc8d0">
                    Allow
                </ppc-content>
            </button>
        </div>
    </div>
</div>
<div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-hCSHKu">
    <div class="modal fade in show ph-a11y-modal-dialog-area" role="dialog" aria-modal="true" aria-labelledby="consent-text-area" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-yq3RUb">
        <!-- Dialog area -->
        <div class="modal-dialog" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-esxzF4">
            <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-EP8LTq">
                <ppc-content key="gdpr-piiConsentTextBlock" data-ph-at-id="pii-consent-text" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-NACk7A">
                    When using this site you will have the option to provide personal information. 
                    By using this site and providing your personal information you consent to your data being stored overseas. 
                </ppc-content>
            </div>
            <div class="cookie-button-area" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-0hTb6M">
                <button class="btn primary-button ph-a11y-allow-consent wctrl" click.delegate="acceptConsent()" data-ph-at-id="pii-consent-accept-link" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-mTEXFX">
                    <i class="icon icon-check-mark" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-TaWqev"></i>
                    <ppc-content key="gdpr-piiConsentAcceptLink" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-1697021824275-default-ph-cookie-popup-v2McZllD-NGcSCV">
                        Accept
                    </ppc-content>
                </button>
            </div>
        </div>

    </div>
</div>
<!--googleon: index--></script><script id="ph_app_widgetscript_url" type="text/javascript" nonce="">phApp.widgetScriptUrl = "https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/"</script><script id="page_dynamic_literals" nonce=""> phApp.translations = {"ph-social-connect-v1-view5":{"profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","google":"Sign in with Google","privacyPolicyCheckboxText":"I have read and agree to the ","linkedIn":"Sign in with LinkedIn","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","privacyPolicyLink":"javascript:void(0);","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"javascript:void(0);","google-sign":"Sign in with Google","privacyPolicyText":"Privacy Policy","privacyPolicyCheckboxSeparatorText":" and ","mergeCount":"Merge selected ({{profileCount}})"},"masterData":{"transferDataText":"I understand and accept that my data will be stored overseas","education":"Education","smart_tags_beAmongTheFirstToApply":"Be Among the First to Apply","smart_tags_nearByJob":"NearBy Job","requiredText":"Required","experience":"Experience","type":"Job Type","frequencymonthly":"Monthly","skills":"Skills","uniqueInfoText":"I understand and accept that I am providing unique identifying information about myself that will be saved and used for recruitment activities","thirdPartyPiiText":"I understand and accept that my personal information will be provided to third parties, as necessary, in the recruitment process","drivingTimeInMinutesText":"{{minutes}} min","consentsLinkText":"Review and agree to the terms of processing personal information","whenDrivingTimeNotFound":"Unavailable","referText":"Refer","piiInfoText":"I understand and agree to my personal information being saved and used for recruitment activities","fitScore_best_fit":"Best Fit","multiJobCountTotalHits":"{{totalHits}} jobs","smart_tags_xViews":"{{viewCount}} Views","consentHeading":"Consent","multiJobCountTotalHitsSingular":"{{totalHits}} job","sensitiveInfoText":"I understand and accept that I am providing sensitive information about myself that will be saved and used for recruitment activities","privacyConsentVideoText":"I have read and agree to the &lt;a class='pii-consent-link' href='javascript:void(0)'&gt; Privacy policy  video&lt;/a&gt;","smart_tags_openedRecently":"Opened Recently","smartHighlightsAriaLabel":"More Info about","altrMultiJobCountTotalHitsNoResults":"See Jobs ( 0 )","frequencyweekly":"Weekly","termsConsentText":"Opt-in to allow P&amp;G to share your personal information with its advertising partners to show you, and others like you, news and updates about P&amp;G careers and roles through online channels such as LinkedIn, Instagram, Meta, Facebook, Google, TikTok, and YouTube.&lt;/br&gt;&lt;/br&gt; You can opt out of the above communications and/or information sharing at any time. For more details on opting out and to learn more how P&amp;G processes your personal information, please see &lt;a href='https://privacypolicy.pg.com/employee/candidate/' target='_blank'&gt;P&amp;G’s Global Candidate Privacy Notice&lt;/a&gt;.","smart_tags_entryLevel":"Entry Level","applyNowText":"Apply Now","multiJobCountTotalHitsNoResults":"0 jobs","fitScore_good_fit":"Good Fit","smart_tags_openedToday":"Opened Today","smsOptInText":"I would like to receive periodic text messages about job openings","smart_tags_partTime":"Part Time","privacyConsentText":"You can opt out of the above communications and/or information sharing at any time. For more details on opting out and to learn more how P&amp;G processes your personal information, please see &lt;a href='https://privacypolicy.pg.com/employee/candidate/' target='_blank'&gt;P&amp;G’s Global Candidate Privacy Notice.&lt;/a&gt;","optInText":"Opt-in to receive news and updates about P&amp;G careers and roles by email.","smartHighlightsCloseAriaLabel":"Show Less {{jobName}} job","tranferData":"I understand and accept that my data will be stored overseas","requirementSentence":"Requirements","submitText":"Submit","multiJobCountTotalHitsPlural":"{{totalHits}} jobs","additionalSkills":"Additional skills","addToCartSavedText":"Saved","smart_tags_xApplicants":"{{applyCount}} Applicants","altrMultiJobCountTotalHitsPlural":"See Jobs ( {{totalHits}} )","piiConsentError":"Please accept all the required consents","drivingTimeInHoursText":"{{hours}} hr","whatsappOptInText":"Opt-in to receive news and updates about P&amp;G careers and roles by email.","frequencybiweekly":"Bi-Weekly","altrMultiJobCountTotalHits":"See Jobs ( {{totalHits}} )","drivingTime":"driving time","smart_tags_allJobType":"All Job type","smart_tags_popularJob":"Popular Job","altrMultiJobCountTotalHitsSingular":"See Jobs ( {{totalHits}} )","closeDate":"Close Date","smart_tags_fullTime":"Full Time","addToCartSaveText":"Save","smart_tags_internship":"Internship","frequencydaily":"Daily","fitScore_possible_fit":"Possible Fit","doneText":"Done","location":"Location","category":"Category"},"ph-find-your-fit-container-v1-default":{"contactDetailsAreaCancelBtnText":"Cancel","resumeResetDropDownText":"Reset","contactDetailsAreaHeadingText":"Confirm Personal Details","contactDetailsAreaPreferredNameInputErrorText":"Preferred Name should not empty","resumeLocationSuggestionAriaLabel":"Job Location suggestions","resumeSkillSet":"Skill Set (Step {{activeStepIndex}}/{{resumeConformationSteps}})","contactDetailsAreaName":"Name ","resumeCancelPopupSubHeading":"In 60 seconds we will find you the right job","resumeExperienceSubHeading":"Verify and update your details.","resumeSkillSetSuggestionsHeading":"Your skills","contactDetailsAreaNamePlaceholder":"Enter Your Name","resumeLocationSubHeading":"Verify and update your details","resumeLocationPlural":"locations","resumeJobTitleSuggestionAriaLabel":"Recent job title suggestions","contactDetailsAreaEmailInputErrorCorrentFormat":"Enter a vaild email adress ","resumeStepsSubmitText":"Submit","resumeCancelPopupCancelBtn":"Cancel Site Personalization","resumeResetDropDownAriaLabel":"Reset Personalization","resumeSkillSetSingular":"skill","contactDetailsAreaNameInputErrorText":"Name should not empty","resumeEditDropDownBtnAriaLabel":"Edit your resume","resumeExperienceLegendText":"Experience","contactDetailsAreaPhoneInputErrorText":"Please enter correct phone number","resumeCancelPopupHeading":"Are you sure you want to cancel?","resumeJobTitlePlural":"Job titles","contactDetailsAreaEmailPlaceholder":"your@mail.com","resumeLocationSingular":"location","contactDetailsAreaSubmitBtnText":"Submit","uploadResumeProfileFirstName":"Hi {{userFirstName}},","removeSelectionIcon":"icon-cancel-1","resumeLocation":"Location (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeUploadedMessage":"The career site has been personalized based on your resume '{{resumeName}}'","resumeLocationSuggestionsHeading":"Your preferred locations","contactDetailsAreaEmailInputErrorText":"Email should not be empty","resumeExperienceYearsText":"years","resumeEditDropDownText":"Edit","resumeLocationSearchPlaceholder":"Search to Add Locations","resumeJobTitleSearchPlaceholder":"Search to Add Titles","resumeCancelPopupContinueBtn":"Continue Site Personalisation","resumeSkillSetSuggestedHeading":"Select suggested skills","resumeSkillSetNoResults":"No results found","contactDetailsAreaPreferredName":"Preferred Name","resumeLocationSearchLabel":"Search locations here (You can enter multiple values)","uploadFileSizeError":"Upload file size should not exceed {{fileSize}} mb","resumeJobTitleSingular":"Job title","resumeJobTitleSearchLabel":"Search Job title here (You can enter multiple values)","resumeStepsPrevText":"Previous","resumeJobTitleSubHeading":"Verify and update your details.","contactDetailsAreaEmail":"Email","resumeSkillSetSubHeading":"Verify and update your details.","resumeJobTitleSuggestionsHeading":"Your job titles","resumeSkipThisSection":"Skip this section","contactDetailsAreaPopupCloseAriaLabel":"Contact details popup close","resumeLocationNoResultsText":"No results found","resumeJobTitleNoResults":"No results found","resumeSkillSetPlural":"skills","resumeSkillSetSuggestionAriaLabel":"Skill Set suggestions","resumeSkillSetSearchPlaceholder":"Search to Add Skills","resumeExperience":"Experience (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeSkillSetSearchLabel":" Search skill set here (You can enter multiple values)","resumeShowingText":"Showing","resumeJobTitle":"Job Title (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeEditFYfDropDownText":"Edit profile","resumeRemoveText":"Remove","contactDetailsPopupCloseAriaLabel":"Close Popup","resumeNewResumeDropDownAriaLabel":"Upload new file","contactDetailsAreaPreferredNamePlaceholder":"Enter Your Preferred Name","resumeNewResumeDropDownText":"Use new resume","contactDetailsAreaPhone":"Phone Number","resumeStepsNextText":"Next","resumeAddText":"Add","contactDetailsAreaPhonePlaceHolder":"Enter your phone number"},"ph-candidate-login-v1-default":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","signInIcon":"icon icon-user-4","validEmailIcon":"icon icon-check-mark-thick-1","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Enter email","signOutButton":"Sign out","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy Policy","resetPasswordButtonText":"Send password reset link","signInPopUpHeading":"Sign in","forgotPasswordLinkText":"Forgot your password?","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","signInPopUpSubHeading":"","createAccErrorStatement3":"one number,","signInButtonLabel":"Already have an account?","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","loggedInBtnAriaLabel":"Your profile {{saluteText}}","accCreated2Error":"Please continue with","signInPasswordFormLabel":"Password","errorMessageEmptyPassword":"Please enter your password","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","returnSigninText":"Return to Sign in","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","personalAccountLinkText":"View profile","hidePasswordIcon":"icon icon-eye-1-crossed","errorIcon":"icon icon-error-1","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","closePopUpButtonIcon":"icon icon-cancel","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don’t have an account?","privacyPolicyLink":"https://privacypolicy.pg.com/en/","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","resetPasswordPopUpSubHeading2":"We've sent an email to &lt;strong&gt;{{emailId}}&lt;/strong&gt; with password reset instructions. ","resetPasswordPopUpSubHeading1":"We've sent an email to &lt;strong&gt;{{emailId}}&lt;/strong&gt; with password reset instructions. ","signInLinkText":"Sign in","staySignedInCheckboxAriaLabel":"Stay signed in","closePopupButtonAriaLabel":"Close popup","errorIncorrectPassword":"Your password is incorrect. Please try again","seperatorText":"or use your social account","cvUploadedText":"Cv uploaded","hidePasswordText":"Hide password","loggedInBtnWOfNameAriaLabel":"Your profile","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","salutationText":"Hi","createAccountLinkText":"Sign up","passwordInVisibleSrOnly":"Password is invisible","createAccountEmailFormLabel":"Email","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","resentEmailButtonLabel":"Didn't receive the mail?","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"https://termsandconditions.pg.com/en-in/#use","signInEmailFormAriaLabel":"Enter email","signInPasswordFormAriaLabel":"Enter password","errorMessageInvalidEmail":"Please enter a valid email address.","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-recom-jobs-browsing-history-v3-default":{"locationText":"location","applyNowText":"Apply Now","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","sponsorship":"Sponsor","title":"Title","remote":"Remote","type":"Job Type","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","compensationRange":"Starting Pay / Salary Range","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","rate":"Rate of Pay","seeMoreText":"See more","postedDateFormat":"ll","experienceRequired":"Experience","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process ","payRate":"pay rate","multilocationText":"Job available in {{multilocationValue}} locations","removeJobText":"Remove","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-social-connect-v1-view4":{" privacyPolicyCheckboxText":"I have read and agree to the ","profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","privacyPolicyLink":"javascript:void(0);","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use"," privacyPolicyCheckboxSeparatorText":" and ","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"javascript:void(0);","privacyPolicyText":"Privacy Policy","google-sign":"Sign in with Google","mergeCount":"Merge selected ({{profileCount}})"},"ph-candidate-login-v1-view1":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","resetPasswordInvalidText":"Your reset password link is invalid. Please try again.","validEmailIcon":"icon icon-check-mark-thick-1","setNewPwdText":"Set new password","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Enter email","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy Policy","resetPasswordButtonText":"Send password reset link","forgotPasswordLinkText":"Forgot your password?","signInPopUpHeading":"Sign in","createAccErrorStatement1":"Password must have at least ","createAccErrorStatement2":"8 characters,","showPasswordIcon":"icon icon-eye-1","signInButtonLabel":"Already have an account?","signInPopUpSubHeading":"","createAccErrorStatement3":"one number,","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","accCreated2Error":"Please continue with","signInPasswordFormLabel":"Password","errorMessageEmptyPassword":"Please enter your password","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","newPwdText":"New Password","createAccountEmailFormPlaceHolder":"name@mail.com","returnSigninText":"Return to Sign in","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","hidePasswordIcon":"icon icon-eye-1-crossed","errorIcon":"icon icon-error-1","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don’t have an account?","privacyPolicyLink":"https://privacypolicy.pg.com/en/","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","createNewPwdText":"Please create a new password","resetPasswordPopUpSubHeading2":"We've sent an email to &lt;strong&gt;{{emailId}}&lt;/strong&gt; with password reset instructions. ","resetPasswordPopUpSubHeading1":"We've sent an email to &lt;strong&gt;{{emailId}}&lt;/strong&gt; with password reset instructions. ","staySignedInCheckboxAriaLabel":"Stay signed in","errorIncorrectPassword":"Your password is incorrect. Please try again","seperatorText":"or use your social account","hidePasswordText":"Hide password","resetLinkExpired":"Password reset Link has been expired","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","createAccountEmailFormLabel":"Email","passwordInVisibleSrOnly":"Password is invisible","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","resentEmailButtonLabel":"Didn't receive the mail?","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"https://termsandconditions.pg.com/en-in/#use","signInEmailFormAriaLabel":"Enter email","errorMessageInvalidEmail":"Please enter a valid email address.","signInPasswordFormAriaLabel":"Enter password","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-profile-recommendations-v2-default":{"applyNowText":"View Job","locationText":"location","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"Show less","sponsorship":"Sponsor","remote":"Remote","title":"Title","type":"Job Type","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"Expiry Date","compensationRange":"Starting Pay / Salary Range","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","rate":"Rate of Pay","seeMoreText":"See more","postedDateFormat":"ll","experienceRequired":"Experience","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","payRate":"pay rate","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","removeJobText":"Remove","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-recently-viewed-jobs-v3-default":{"locationText":"location","applyNowText":"Apply Now","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","sponsorship":"Sponsor","title":"Title","remote":"Remote","type":"Job Type","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","compensationRange":"Starting Pay / Salary Range","descriptionTeaser":"Description Teaser","rate":"Rate of Pay","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","postedDateFormat":"ll","experienceRequired":"Experience","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","payRate":"pay rate","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","reqId":"ReqId","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","travelRequiremnt":"Travel","category":"Category"},"ph-near-by-jobs-v2-default":{"applyNowText":"Apply Now","locationText":"location","city":"City","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","type":"Job Type","remote":"Remote","title":"Title","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"Expiry Date","compensationRange":"Starting Pay / Salary Range","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","experienceRequired":"Experience","postedDateFormat":"ll","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","payRate":"pay rate","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category"},"ph-find-your-fit-v1-default":{"suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","fyfRecentTitlePlaceHolderText":"Your most recent job title","socialSigninStepText":"social sign in","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","fyfLocationPlaceHolderText":"Your preferred work location","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","yourSkillsMessage":"Your skills","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","fyfSkillsPlaceHolderText":"Your skills","JobTitleMessage":"Your job title","addSkillButtinAriaLabel":"Add {{skillName}}","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","yourPreferredLocationMessage":"Your preferred location","suggestedLocationsSingularAssertiveText":"Showing {{listLength}} suggested locations","suggestedLocationsAssertiveText":"Showing {{listLength}} suggested locations"},"ph-social-share-v3-default":{"whatsapp":"Share via whatsapp","twitterTitle":"Share via twitter","linkedin":"Share via LinkedIn","instagram":"Share via Instagram","google-plusTitle":"Share via google plus","weiboTitle":"Share via weibo","facebookTitle":"Share via Facebook","copylink":"Copy job link","telegramTitle":"Share via telegram","twitter":"Share via twitter","xing":"Share via xing","whatsappAriaLabel":"Share via whatsapp","weibo":"Share via weibo","facebookAriaLabel":"Share via Facebook","hashtagsText":"","whatsappTitle":"Share via whatsapp","email":"Share via email","instagramAriaLabel":"Share via Instagram","weiboAriaLabel":"Share via weibo","shareInfoText":"Check out this job at {{companyName}}, {{title}}","whatsappAriaaLabel":"Share via whatsapp","google-plus":"Share via google plus","vkTitle":"Share via vk","instagramTitle":"Share via Instagram","emailTitle":"Share via email","vkAriaLabel":"Share via vk","facebook":"Share via Facebook","telegramAriaLabel":"Share via telegram","copylinkAriaLabel":"Copy job link","telegram":"Share via telegram","emailClientSubject":"{{title}} at {{companyName}}","twitterAriaLabel":"Share via twitter","pinterest":"Share via pinterest","pinterestTitle":"Share via pinterest","linkedinAriaLabel":"Share via LinkedIn","copylinkTitle":"Copy job link","google-plusAriaLabel":"Share via google plus","xingAriaLabel":"Share via xing","pinterestAriaLabel":"Share via pinterest","emailClientBody":"Check out this job:","vk":"Share via vk","emailAriaLabel":"Share via email","linkedinTitle":"Share via LinkedIn","xingTitle":"Share via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Send"},"ph-global-search-v3-default":{"globalsearchJobsCountSingler":"Job","globalsearchPlaceholder":"Search job title or location","eachLocationCount":"({{totalLocationCount}})","militarysearchPlaceholder":"Search military jobs","eachCountryCount":"({{totalCountryCount}})","globalsearchButtonAriaLabelText":"Search","eachStateCount":"({{totalStateCount}})","globalsearchJobsCountPlural":"Jobs","categorySrText":"Category","globalsearchAriaLabelText":"search","eachCategoryCount":"({{totalCategoryCount}})","inputLabelText":"Please navigate the suggestions using the tab key","categoryCount":"({{totalCount}})","globalsearchButtonText":"Search","eachCityCount":"({{totalCityCount}})"}} </script><style>.phcriticalhide{display: none!important}</style>
<script snippet_id="GTM-HEAD-143" nonce="">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&amp;l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-N94XXFB');</script><script id="structural-tag" type="application/ld+json">{"@context": "https://schema.org","@type": "WebPage","inLanguage": "en_global","name": "home","url": "https://www.pgcareers.com/global/en","datePublished": "2024-03-11","dateModified": "2024-03-11"}</script><meta name="google-site-verification" content="LMbpjGhzKZ7d-EY6tyT_QGeP4RR4orUytIyqohxPVrY" /></head> 
 <body class="home-page" data-ph-id="ph-page-element-page10-b5zeG8" style="visibility: hidden;"><noscript snippet_id="GTM-BODY-143"><iframe title="" src="https://www.googletagmanager.com/ns.html?id=GTM-N94XXFB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><a href="search-results" class="hide" style="display: none">Search results</a> 
  <div class="ph-header" data-ph-id="ph-page-element-page10-JqoOnG"><div class="header-layout" type="header-layout">
    <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="SICi6Zpo"></pcs-widget>
</div></div> 
  <div class="ph-page" data-ph-id="ph-page-element-page10-VAIRAy"><section class="ppc-section ph-widget" type="dynamic" instance-id="McZllD" theme="default" original-view="default" ph-module="onetrust" data-ph-id="ph-widget-element-1697021824275-RFNily"><div class="ph-cookie-popup-v2-default-default ph-widget-target" as-element="ph-cookie-popup-v2" data-widget="ph-cookie-popup-v2" view="1697021824275-default" theme="default" original-view="default" instance-id="McZllD" data-ph-id="ph-widget-element-1697021824275-fUAwuz"></div></section> 
   <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page10-lfznMY"> 
    <!-- hero block --> 
    <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page10-kluOOJ" view="1582207830511-default" original-view="default" instance-id="KFqk8y" theme="default"><div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page10-wUSRaH" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1582207830511-default" original-view="default" theme="default" ph-removed="true" instance-id="KFqk8y"></div></section> 
    <!-- FYF --> 
     
    <!--profile recom jobs--> 
    <section class="ph-hero-block-cc-view12-option1-theme2 ph-widget" type="static" view="1690447357620-hero-block-cc-view12-option1-savedView-1690447326183" original-view="ph-hero-block-cc-view12-option1" theme="theme2" instance-id="uT7mN7" data-ph-id="-1690447356505"><div class="ph-hero-block-cc-view12-option1-theme2 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1690447357620-hero-block-cc-view12-option1-savedView-1690447326183" original-view="ph-hero-block-cc-view12-option1" theme="theme2" ph-removed="true" data-ph-id="-1690447356505-1" instance-id="uT7mN7" hide-on-mobile="false"> 
 <div class="ph-component-cntr ph-widget-box" style="background-size: contain; background-image: url(&quot;&quot;); background-repeat: no-repeat; background-position: 100% 50%;" data-ph-id="ph-widget-element-2860862494933968-2">
    <div class="ph-card-container stackable" data-cards-per-row="one" key-role="uT7mN7-UymXSA-ph-hero-block-cc-view12-option1-savedView-1690447326183-listRole" instance-id="UymXSA" data-ph-id="ph-widget-element-2860862494933968-3">
        
<div card-name="ph-hero-block-cc-view12" class="ph-card" key-role="uT7mN7-CyKyUP-ph-hero-block-cc-view12-option1-savedView-1690447326183-listItemRole" instance-id="CyKyUP" data-ph-id="ph-widget-element-2860862494933968-4">
    <div class="ph-hero-block-cc-view12 ph-card-block" data-ph-at-id="ph-hero-block-cc-view12" data-ph-id="ph-widget-element-2860862494933968-5">
        <!--images-->
        <figure class="image" role="presentation" key-role="uT7mN7-EvK691-ph-hero-block-cc-view12-option1-savedView-1690447326183-presentationRole" instance-id="EvK691" data-ph-id="ph-widget-element-2860862494933968-6">
            <ppc-container component-content-key="primary-image" class="primary-image element-center ph-img-fit-to-card" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-2860862494933968-7">
    <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-2860862494933968-8">
        <img src="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/images/home_hero_800-1688114121874.jpg" key-src="uT7mN7-1P2xBX-ph-hero-block-cc-view12-option1-savedView-1690447326183-image-src" alt="" key-alt="uT7mN7-1P2xBX-ph-hero-block-cc-view12-option1-savedView-1690447326183-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="736" instance-id="1P2xBX" data-ph-id="ph-widget-element-2860862494933968-9" />
    </ppc-content>
</ppc-container>
            <ppc-container component-content-key="overlay" class="overlay" data-ph-id="ph-widget-element-2860862494933968-10">
    <div class="ph-overlay-wrapper" data-ph-id="ph-widget-element-2860862494933968-11">
    </div>
</ppc-container>
        </figure>
        <!--banner contentarea-->
        <div class="inner-container" data-ph-id="ph-widget-element-2860862494933968-12">
            <div class="global-search-block" data-ph-id="ph-widget-element-2860862494933968-13">
                <ppc-container component-content-key="h1-heading" class="heading-one element-center" data-ph-cid="h1-heading1" style="font-family: MontserratBlack;" data-ph-id="ph-widget-element-2860862494933968-14">
    <h1 data-ph-id="ph-widget-element-2860862494933968-15">
        <ppc-content key="uT7mN7-xLIWt7-ph-hero-block-cc-view12-option1-savedView-1690447326183-h1-heading-title-text" instance-id="xLIWt7" data-ph-id="ph-widget-element-2860862494933968-16">Careers at P&amp;G</ppc-content>
    </h1>
</ppc-container>
                <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" style="font-family: MontserratBook;" data-ph-id="ph-widget-element-2860862494933968-17">
    <span class="description-block" data-ph-id="ph-widget-element-2860862494933968-18">
        <ppc-content key="uT7mN7-d4Ll7A-ph-hero-block-cc-view12-option1-savedView-1690447326183-description-text" data-ph-at-id="description-text" instance-id="d4Ll7A" data-ph-id="ph-widget-element-2860862494933968-19"><div><strong>MAKE AN IMPACT ON MORE THAN JUST YOUR CAREER <span class="ph-4Uc7H">#PGDAY1</span></strong></div></ppc-content>
    </span>
</ppc-container>
                <section class="ph-widget" original-view="default" view="4754013644403810-default" instance-id="aiRC8T" data-ph-id="ph-widget-element-2860862494933968-20">
                    <div as-element="ph-global-search-v3" class="ph-global-search-v3-default-theme9 ph-widget-target" theme="theme9" data-widget="ph-global-search-v3" placeholder-text.bind="'Job title or location'" show-caption.bind="false" show-title.bind="false" category-column-count.bind="1" view="4754013644403810-default-2860862453161258" original-view="default" instance-id="aiRC8T" data-ph-id="ph-widget-element-2860862494933968-21"></div>
                </section>
            </div>
        </div>
    </div>
</div>
    </div>    
</div></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1709649395870" view="1709649395875-default" original-view="default" instance-id="Q9iFFH" theme="theme2"><div class="ph-find-your-fit-container-v1-default-theme2 ph-widget-target" data-ph-id="1709649395870-1" as-element="ph-find-your-fit-container-v1" data-widget="ph-find-your-fit-container-v1" view="1709649395875-default" original-view="default" theme="theme2" ph-removed="true" instance-id="Q9iFFH"></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1709649398960" view="1709649398970-default" original-view="default" instance-id="Nunnps" theme="theme28"><div class="ph-profile-recommendations-v2-default-theme28 ph-widget-target" data-ph-id="1709649398960-1" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="1709649398970-default" original-view="default" theme="theme28" ph-removed="true" instance-id="Nunnps"></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1709544467185" view="1709544467191-default" original-view="default" instance-id="p13XXu" theme="theme28"><div class="ph-profile-recommendations-v2-default-theme28 ph-widget-target" data-ph-id="1709544467185-1" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="1709544467191-default" original-view="default" theme="theme28" ph-removed="true" instance-id="p13XXu"></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1680253305691" view="1680253306061-paragraph-cc-view1-option1" original-view="ph-paragraph-cc-view1-option1" instance-id="hZXZxF" theme="theme1"><div class="ph-paragraph-cc-view1-option1-theme1 ph-widget-target" data-ph-id="-1680253305691-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1680253306061-paragraph-cc-view1-option1" original-view="ph-paragraph-cc-view1-option1" theme="theme1" ph-removed="true" instance-id="hZXZxF"><div class="ph-component-cntr ph-widget-box" default-cards-count="1" max-allowed-cards="4" data-ph-id="ph-widget-element-4744821866816106-2" style="background-color: rgba(255,255,255,1) ;">
    <div class="inner-container ph-cc-d-p-t-100 ph-cc-d-p-b-100" data-ph-id="ph-widget-element-4744821866816106-3">
        <div class="ph-container-content-block" data-ph-id="ph-widget-element-4744821866816106-4">
            <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-4744821866816106-5">
                
            <div class="ph-card" card-name="ph-paragraph-cc-view1" instance-id="8j37iE" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-4744821866816106-6">
    <div class="ph-paragraph-cc-view1 ph-card-block" data-ph-at-id="ph-paragraph-cc-view1" data-ph-id="ph-widget-element-4744821866816106-7">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-4744821866816106-8">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-4744821866816106-9">
                <div class="content" ph-card-block-num="1" data-ph-id="ph-widget-element-4744821866816106-10">
                    <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-4744821866816106-11">
    <span class="description-block" data-ph-id="ph-widget-element-4744821866816106-12">
        <ppc-content key="hZXZxF-8j37iE-n9Hw45-ph-paragraph-cc-view1-option1-description-text" data-ph-at-id="description-text" instance-id="8j37iE-n9Hw45" data-ph-id="ph-widget-element-4744821866816106-13"><div style="text-align: left;"><span class="darkar"><span class="ph-cc-ms-f-s-18 ph-cc-d-f-s-18 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:MontserratBook;"><span class="ph-line-height-2" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-2"><span style="line-height: inherit !important; display: inherit;"><strong>MAKE AN IMPACT ON MORE THAN JUST YOUR CAREER #PGDAY1</strong><br /><br />Day 1. It’s something everyone experiences when they join a new company, whether they’re a student, a recent graduate, or a seasoned professional. P&amp;G’s Day 1 starts with you doing something that matters – making an impact on the world, P&amp;G brands, and your career.<br /><br />We hire based on the potential we see in people, so here, you’ll be trusted to dive right in, take the lead, use your initiative, and build billion-dollar brands that help make everyday activities easier and make the world a better place. You’ll be doing meaningful work that takes your career places you never imagined. Join us, and you’ll be part of this effort from Day 1.<br /><br />From early on, you’ll be at the core of breakthrough innovations, be given exciting assignments, lead initiatives, and take ownership and responsibility. And you’ll do this in creative work spaces where new ideas flourish. All the while, you’ll receive world-class training to help you become a leader in your field. And it’s not just about what you’ll do, but how you’ll feel: welcomed, valued, purposeful, challenged, heard, and inspired.</span></span></span></span></span><br /><br /><div><span class="ph-line-height-2" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-2"><span class="darkar"><span class="ph-cc-ms-f-s-18 ph-cc-d-f-s-18 ph-cc-t-f-s-16 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;"><span style="font-family:MontserratBook;">P&amp;G is dedicated to ensuring that we have a consistent process to meet the needs of applicants requesting an accommodation due to a disability in order to complete the online application process.</span></span></span></span></div><div><span class="ph-line-height-2" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-2"><span class="darkar"><span class="ph-cc-ms-f-s-18 ph-cc-d-f-s-18 ph-cc-t-f-s-16 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;"><span style="font-family:MontserratBook;">If you have a disability that affects your ability to complete our online application process, please <u><strong><a aria-label="Link click here" data-ph-href="https://faq.pgwebtools.com/disability-accommodation-request/?fl_builder" data-cke-saved-href="https://faq.pgwebtools.com/disability-accommodation-request/?fl_builder" href="https://faq.pgwebtools.com/disability-accommodation-request/?fl_builder" ph-href="https://faq.pgwebtools.com/disability-accommodation-request/?fl_builder" rel="noreferrer noopener" target="_blank" title="https://faq.pgwebtools.com/disability-accommodation-request/?fl_builder">click here</a></strong></u> to request an accommodation.</span></span></span></span></div></div></ppc-content>
    </span>
</ppc-container>
                </div>
            </div>
        </div>
    </div>
</div></div>
        </div>
    </div>
</div></div></section> 
    <!-- video popup --> 
     
    <!-- category --> 
     
    <!-- testimonial slider --> 
     
    <!-- We are global--> 
    <section class="ph-media-cc-view1-option17-theme1 ph-widget" type="static" view="1680265143445-media-cc-view1-option17-savedView-1680265107660" original-view="ph-media-cc-view1-option17" theme="theme1" instance-id="kELxzQ" data-ph-id="-1680265143146-8B04BS-global" global-widget="true" global-widget-id="5AluN0"><div class="ph-media-cc-view1-option17-theme1 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1680265143445-media-cc-view1-option17-savedView-1680265107660" original-view="ph-media-cc-view1-option17" theme="theme1" ph-removed="true" data-ph-id="-1680265143146-1-8B04BS" instance-id="kELxzQ"><div class="ph-component-cntr ph-widget-box header-center gray-lighter-bg" data-ph-id="ph-widget-element-4765819162266335-2-8B04BS" style="">
    <div class="inner-container ph-cc-d-p-t-100 ph-cc-d-p-b-100" data-ph-id="ph-widget-element-4765819162266335-3-8B04BS">
        <div class="ph-container-heading-block" data-ph-id="ph-widget-element-4765819162266335-4-8B04BS">
            <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-4765819162266335-5-8B04BS">
    <div class="heading-block-info" data-ph-id="ph-widget-element-4765819162266335-6-8B04BS">
        <ppc-container component-content-key="h2-heading" class="heading-two ph-text-color ph-letter-spacing-minus-0_2 ph-line-height-1_1 element-center" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-4765819162266335-7-8B04BS" style="color: rgb(255, 255, 255);">
    <h2 data-ph-id="ph-widget-element-4765819162266335-8-8B04BS">
        <ppc-content key="LqWHxc-FSE8Bv-ph-media-cc-view1-option17-savedView-1680265107660-h2-heading-title-text-8B04BS" instance-id="FSE8Bv" data-ph-id="ph-widget-element-4765819162266335-9-8B04BS"><div><span style="font-family:MontserratBlack;"><span class="brand-color-secondary">Career Opportunities by Experience Level</span></span></div></ppc-content>
    </h2>
</ppc-container>
        
    </div>
    <div class="heading-block-actions" data-ph-id="ph-widget-element-4765819162266335-13-8B04BS">
        
    </div> 
</div>
        </div>
        <div class="ph-container-content-block" data-ph-id="ph-widget-element-4765819162266335-18-8B04BS">
            <div class="ph-card-container stackable" data-cards-per-row="four" role="list" key-role="LqWHxc-eX6uXK-ph-media-cc-view1-option17-savedView-1680265107660-roleList-8B04BS" instance-id="eX6uXK" data-ph-id="ph-widget-element-4765819162266335-19-8B04BS"><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" card-container-style="background-image:'url()'" instance-id="m9C6np" data-ph-id="ph-widget-element-4768014845712586-2-8B04BS">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-16" data-ph-at-id="ph-media-cc-view1" style="border-radius: 15px; background-color: rgb(255, 255, 255); border-style: none;" data-ph-id="ph-widget-element-4768014845712586-3-8B04BS">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-4768014845712586-4-8B04BS">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-4768014845712586-5-8B04BS">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-4768014845712586-6-8B04BS">
                    <figure class="image" role="presentation" key-role="NGAnTW-LqWHxc-ED7vN5-ph-media-cc-view1-option17-savedView-1680265107660-presentationRole-8B04BS" instance-id="ED7vN5" data-ph-id="ph-widget-element-4768014845712586-7-8B04BS">
                        <ppc-container component-content-key="primary-image" class="primary-image ph-img-rounded" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4768014845712586-8-8B04BS">
    <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4768014845712586-9-8B04BS">
        <img src="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/images/student-programs-1686094678791.jpg" key-src="ikwQq0-LqWHxc-adFkk9-ph-media-cc-view1-option17-savedView-1680265107660-image-src-8B04BS" alt="img1" key-alt="6plwhM-LqWHxc-adFkk9-ph-media-cc-view1-option17-savedView-1680265107660-image-alt-text-8B04BS" unique-img="true" data-ph-cid="primary-image1" height-val="305" instance-id="adFkk9" data-ph-id="ph-widget-element-4768014845712586-10-8B04BS" />
    </ppc-content>
</ppc-container>
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-4768014845712586-11-8B04BS">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4768014845712586-12-8B04BS">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-21 ph-line-height-1_3 ph-cc-d-p-a-0 ph-cc-d-m-a-0" data-ph-cid="heading1" style="font-family: Montserrat-SemiBold;" data-ph-id="ph-widget-element-4768014845712586-16-8B04BS">
    <span key-aria-level="OdxXkk-LqWHxc-z5bphq-ph-media-cc-view1-option17-savedView-1680265107660-heading-text-aria-level-8B04BS" key-role="DRm7tr-LqWHxc-z5bphq-ph-media-cc-view1-option17-savedView-1680265107660-heading-text-role-8B04BS" instance-id="z5bphq" data-ph-id="ph-widget-element-4768014845712586-17-8B04BS">
        <ppc-content key="JaYzyQ-LqWHxc-oWIzDw-ph-media-cc-view1-option17-savedView-1680265107660-heading-text-8B04BS" data-ph-at-id="heading-text" instance-id="oWIzDw" data-ph-id="ph-widget-element-4768014845712586-18-8B04BS"><div style=""><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16">Student Programs</span></div>
</ppc-content>
    </span>
</ppc-container>
                    
                    <ppc-container component-content-key="primary-action-link" class="primary-action-link button-sm element-center ph-cc-d-m-a-0 primary-button ph-cc-d-m-t-16 ph-cc-d-m-r-0 ph-cc-d-m-b-0 ph-cc-d-m-l-0" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-4768014845712586-23-8B04BS">
    <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-4768014845712586-24-8B04BS">
        <a class="action-link" ph-href="student-programs" key-ph-href="7BkLjU-LqWHxc-eriwZ2-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-href-8B04BS" title="Student Programs" key-title="QfcXJv-LqWHxc-eriwZ2-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-title-text-8B04BS" aria-label="Student Programs" key-aria-label="NAF5Dl-LqWHxc-eriwZ2-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-aria-label-text-8B04BS" ph-tevent="static_content_click" instance-id="eriwZ2" data-ph-id="ph-widget-element-4768014845712586-25-8B04BS">
            <ppc-content key="Bx0HIt-LqWHxc-n7Y1RR-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-text-8B04BS" data-ph-at-id="link-text" instance-id="n7Y1RR" data-ph-id="ph-widget-element-4768014845712586-26-8B04BS">Explore</ppc-content>
            <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-4768014845712586-27-8B04BS"></i>
        </a>
    </div>
</ppc-container>
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-4765819162266335-72-8B04BS">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-16" data-ph-at-id="ph-media-cc-view1" style="border-radius: 15px; background-color: rgb(255, 255, 255); border-style: none;" data-ph-id="ph-widget-element-4765819162266335-73-8B04BS">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-4765819162266335-74-8B04BS">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-4765819162266335-75-8B04BS">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-4765819162266335-76-8B04BS">
                    <figure class="image" role="presentation" key-role="LqWHxc-ED7vN5-ph-media-cc-view1-option17-savedView-1680265107660-presentationRole-8B04BS" instance-id="ED7vN5" data-ph-id="ph-widget-element-4765819162266335-77-8B04BS">
                        <ppc-container component-content-key="primary-image" class="primary-image ph-img-rounded" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4765819162266335-78-8B04BS">
    <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4765819162266335-79-8B04BS">
        <img src="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/images/student-programs-2-1686877779630.jpg" key-src="LqWHxc-adFkk9-ph-media-cc-view1-option17-savedView-1680265107660-image-src-8B04BS" alt="img1" key-alt="LqWHxc-adFkk9-ph-media-cc-view1-option17-savedView-1680265107660-image-alt-text-8B04BS" unique-img="true" data-ph-cid="primary-image1" height-val="305" instance-id="adFkk9" data-ph-id="ph-widget-element-4765819162266335-80-8B04BS" />
    </ppc-content>
</ppc-container>
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-4765819162266335-81-8B04BS">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4765819162266335-82-8B04BS">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-21 ph-line-height-1_3 ph-cc-d-p-a-0 ph-cc-d-m-a-0" data-ph-cid="heading1" style="font-family: Montserrat-SemiBold;" data-ph-id="ph-widget-element-4765819162266335-86-8B04BS">
    <span key-aria-level="LqWHxc-z5bphq-ph-media-cc-view1-option17-savedView-1680265107660-heading-text-aria-level-8B04BS" key-role="LqWHxc-z5bphq-ph-media-cc-view1-option17-savedView-1680265107660-heading-text-role-8B04BS" instance-id="z5bphq" data-ph-id="ph-widget-element-4765819162266335-87-8B04BS">
        <ppc-content key="LqWHxc-oWIzDw-ph-media-cc-view1-option17-savedView-1680265107660-heading-text-8B04BS" data-ph-at-id="heading-text" instance-id="oWIzDw" data-ph-id="ph-widget-element-4765819162266335-88-8B04BS"><div style=""><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16">Internships</span></div></ppc-content>
    </span>
</ppc-container>
                    
                    <ppc-container component-content-key="primary-action-link" class="primary-action-link button-sm element-center ph-cc-d-m-a-0 ph-cc-d-m-t-16 primary-button" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-4765819162266335-93-8B04BS">
    <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-4765819162266335-94-8B04BS">
        <a class="action-link" ph-href="internships" key-ph-href="LqWHxc-eriwZ2-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-href-8B04BS" title="Internships" key-title="LqWHxc-eriwZ2-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-title-text-8B04BS" aria-label="Internships" key-aria-label="LqWHxc-eriwZ2-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-aria-label-text-8B04BS" ph-tevent="static_content_click" instance-id="eriwZ2" data-ph-id="ph-widget-element-4765819162266335-95-8B04BS">
            <ppc-content key="LqWHxc-n7Y1RR-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-text-8B04BS" data-ph-at-id="link-text" instance-id="n7Y1RR" data-ph-id="ph-widget-element-4765819162266335-96-8B04BS">Explore</ppc-content>
            <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-4765819162266335-97-8B04BS"></i>
        </a>
    </div>
</ppc-container>
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-4765819162266335-46-8B04BS">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-16" data-ph-at-id="ph-media-cc-view1" style="border-radius: 15px; background-color: rgb(255, 255, 255); border-style: none;" data-ph-id="ph-widget-element-4765819162266335-47-8B04BS">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-4765819162266335-48-8B04BS">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-4765819162266335-49-8B04BS">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-4765819162266335-50-8B04BS">
                    <figure class="image" role="presentation" key-role="LqWHxc-46h6mY-ph-media-cc-view1-option17-savedView-1680265107660-presentationRole-8B04BS" instance-id="46h6mY" data-ph-id="ph-widget-element-4765819162266335-51-8B04BS">
                        <ppc-container component-content-key="primary-image" class="primary-image ph-img-rounded" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4765819162266335-52-8B04BS">
    <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4765819162266335-53-8B04BS">
        <img src="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/images/2-1705679839856.png" key-src="LqWHxc-SMx9yl-ph-media-cc-view1-option17-savedView-1680265107660-image-src-8B04BS" alt="img1" key-alt="LqWHxc-SMx9yl-ph-media-cc-view1-option17-savedView-1680265107660-image-alt-text-8B04BS" unique-img="true" data-ph-cid="primary-image1" height-val="305" instance-id="SMx9yl" data-ph-id="ph-widget-element-4765819162266335-54-8B04BS" />
    </ppc-content>
</ppc-container>
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-4765819162266335-55-8B04BS">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4765819162266335-56-8B04BS">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-21 ph-line-height-1_3 ph-cc-d-p-a-0 ph-cc-d-m-a-0" data-ph-cid="heading1" style="font-family: Montserrat-SemiBold;" data-ph-id="ph-widget-element-4765819162266335-60-8B04BS">
    <span key-aria-level="LqWHxc-TU54nW-ph-media-cc-view1-option17-savedView-1680265107660-heading-text-aria-level-8B04BS" key-role="LqWHxc-TU54nW-ph-media-cc-view1-option17-savedView-1680265107660-heading-text-role-8B04BS" instance-id="TU54nW" data-ph-id="ph-widget-element-4765819162266335-61-8B04BS">
        <ppc-content key="LqWHxc-0a8fOu-ph-media-cc-view1-option17-savedView-1680265107660-heading-text-8B04BS" data-ph-at-id="heading-text" instance-id="0a8fOu" data-ph-id="ph-widget-element-4765819162266335-62-8B04BS"><div style=""><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16">Entry Level / Recent Grads</span></div></ppc-content>
    </span>
</ppc-container>
                    
                    <ppc-container component-content-key="primary-action-link" class="primary-action-link button-sm element-center ph-cc-d-m-a-0 ph-cc-d-m-t-16 primary-button" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-4765819162266335-67-8B04BS">
    <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-4765819162266335-68-8B04BS">
        <a class="action-link" ph-href="recent-grads" key-ph-href="LqWHxc-VXod4V-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-href-8B04BS" title="Entry Level / Recent Grads" key-title="LqWHxc-VXod4V-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-title-text-8B04BS" aria-label="Entry Level / Recent Grads" key-aria-label="LqWHxc-VXod4V-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-aria-label-text-8B04BS" ph-tevent="static_content_click" instance-id="VXod4V" data-ph-id="ph-widget-element-4765819162266335-69-8B04BS" target="_self">
            <ppc-content key="LqWHxc-Wzjipm-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-text-8B04BS" data-ph-at-id="link-text" instance-id="Wzjipm" data-ph-id="ph-widget-element-4765819162266335-70-8B04BS">Explore</ppc-content>
            <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-4765819162266335-71-8B04BS"></i>
        </a>
    </div>
</ppc-container>
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-4765819162266335-20-8B04BS">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-16 ph-cc-d-p-b-0" data-ph-at-id="ph-media-cc-view1" style="border-radius: 15px; background-color: rgb(255, 255, 255); border-style: none;" data-ph-id="ph-widget-element-4765819162266335-21-8B04BS">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-4765819162266335-22-8B04BS">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-4765819162266335-23-8B04BS">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-4765819162266335-24-8B04BS">
                    <figure class="image" role="presentation" key-role="LqWHxc-m9H2fg-ph-media-cc-view1-option17-savedView-1680265107660-presentationRole-8B04BS" instance-id="m9H2fg" data-ph-id="ph-widget-element-4765819162266335-25-8B04BS">
                        <ppc-container component-content-key="primary-image" class="primary-image ph-img-rounded" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-4765819162266335-26-8B04BS">
    <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-4765819162266335-27-8B04BS">
        <img src="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/images/Exphiring-1699941736557.jpg" key-src="LqWHxc-75x1qr-ph-media-cc-view1-option17-savedView-1680265107660-image-src-8B04BS" alt="img1" key-alt="LqWHxc-75x1qr-ph-media-cc-view1-option17-savedView-1680265107660-image-alt-text-8B04BS" unique-img="true" data-ph-cid="primary-image1" height-val="305" instance-id="75x1qr" data-ph-id="ph-widget-element-4765819162266335-28-8B04BS" />
    </ppc-content>
</ppc-container>
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-4765819162266335-29-8B04BS">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-4765819162266335-30-8B04BS">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-21 ph-line-height-1_3 ph-cc-d-p-a-0 ph-cc-d-m-a-0" data-ph-cid="heading1" style="font-family: Montserrat-SemiBold;" data-ph-id="ph-widget-element-4765819162266335-34-8B04BS">
    <span key-aria-level="LqWHxc-n1M0c7-ph-media-cc-view1-option17-savedView-1680265107660-heading-text-aria-level-8B04BS" key-role="LqWHxc-n1M0c7-ph-media-cc-view1-option17-savedView-1680265107660-heading-text-role-8B04BS" instance-id="n1M0c7" data-ph-id="ph-widget-element-4765819162266335-35-8B04BS">
        <ppc-content key="LqWHxc-6chhLe-ph-media-cc-view1-option17-savedView-1680265107660-heading-text-8B04BS" data-ph-at-id="heading-text" instance-id="6chhLe" data-ph-id="ph-widget-element-4765819162266335-36-8B04BS"><div style=""><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16">Experienced Professionals</span></div></ppc-content>
    </span>
</ppc-container>
                    
                    <ppc-container component-content-key="primary-action-link" class="primary-action-link button-sm element-center ph-cc-d-m-a-0 ph-cc-d-m-t-16 primary-button" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-4765819162266335-41-8B04BS">
    <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-4765819162266335-42-8B04BS">
        <a class="action-link" ph-href="experienced" key-ph-href="LqWHxc-aVeiPR-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-href-8B04BS" title="Experienced Professionals" key-title="LqWHxc-aVeiPR-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-title-text-8B04BS" aria-label="Experienced Professionals" key-aria-label="LqWHxc-aVeiPR-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-aria-label-text-8B04BS" ph-tevent="static_content_click" instance-id="aVeiPR" data-ph-id="ph-widget-element-4765819162266335-43-8B04BS">
            <ppc-content key="LqWHxc-58guhc-ph-media-cc-view1-option17-savedView-1680265107660-primary-link-text-8B04BS" data-ph-at-id="link-text" instance-id="58guhc" data-ph-id="ph-widget-element-4765819162266335-44-8B04BS">Explore</ppc-content>
            <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-4765819162266335-45-8B04BS"></i>
        </a>
    </div>
</ppc-container>
                </div>
            </div>
        </div>
    </div>
</div></div>
        </div>
    </div>
</div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1681396373546" view="1681396373855-media-cc-view1-option33" original-view="ph-media-cc-view1-option33" instance-id="s2iDb5" theme="theme2" id="CareerAreas"><div class="ph-media-cc-view1-option33-theme2 ph-widget-target" data-ph-id="-1681396373546-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1681396373855-media-cc-view1-option33" original-view="ph-media-cc-view1-option33" theme="theme2" ph-removed="true" instance-id="s2iDb5"><div class="ph-component-cntr ph-widget-box header-center" default-cards-count="3" max-allowed-cards="6" data-ph-id="ph-widget-element-5887705803249960-2">
    <div class="inner-container ph-cc-d-p-t-100 ph-cc-d-p-b-100" data-ph-id="ph-widget-element-5887705803249960-3">
        <div class="ph-container-heading-block" data-ph-id="ph-widget-element-5887705803249960-4">
            <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="gp4kcc" data-ph-id="ph-widget-element-5887705803249960-5">
    <div class="heading-block-info" data-ph-id="ph-widget-element-5887705803249960-6">
        <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-5887705803249960-7">
    <h2 data-ph-id="ph-widget-element-5887705803249960-8">
        <ppc-content key="s2iDb5-gp4kcc-VzG089-ph-media-cc-view1-option33-h2-heading-title-text" instance-id="gp4kcc-VzG089" data-ph-id="ph-widget-element-5887705803249960-9"><div><span style="font-family:MontserratBlack;">Career Areas at P&amp;G</span></div></ppc-content>
    </h2>
</ppc-container>
        
    </div>
    <div class="heading-block-actions" data-ph-id="ph-widget-element-5887705803249960-13">
        
    </div> 
</div>
        </div>
        <div class="ph-container-content-block" data-ph-id="ph-widget-element-5887705803249960-18">
            <div class="ph-card-container stackable" data-cards-per-row="three" role="list" key-role="s2iDb5-ph-media-cc-view1-option33-cardListRole" data-ph-id="ph-widget-element-5887705803249960-19"><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="wusYrX" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5887997883512936-2">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-32 ph-cc-d-p-t-24" data-ph-at-id="ph-media-cc-view1" style="background-color: rgb(251, 251, 251); border-radius: 15px;" data-ph-id="ph-widget-element-5887997883512936-3">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5887997883512936-4">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5887997883512936-5">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-5887997883512936-6">
                    <figure class="image" role="presentation" key-role="na9Kup-s2iDb5-Nsqqpd-wFdiMa-ph-media-cc-view1-option33-presentationRole" instance-id="Nsqqpd-wFdiMa" data-ph-id="ph-widget-element-5887997883512936-7">
                        
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5887997883512936-11">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5887997883512936-12">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-32" data-ph-cid="heading1" style="font-family: MontserratBlack;" data-ph-id="ph-widget-element-5887997883512936-16">
    <span key-aria-level="SyQvEL-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-aria-level" key-role="8Y9uue-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-role" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-5887997883512936-17">
        <ppc-content key="DiAk9N-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text" data-ph-at-id="heading-text" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-5887997883512936-18">Engineering</ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="description" class="description element-center ph-cc-d-f-s-18 brand-color-secondary" data-ph-cid="description1" style="font-family: MontserratBook;" data-ph-id="ph-widget-element-5887997883512936-19">
    <span class="description-block" data-ph-id="ph-widget-element-5887997883512936-20">
        <ppc-content key="D3WZBl-s2iDb5-Nsqqpd-UH8VcN-ph-media-cc-view1-option33-description-text" data-ph-at-id="description-text" instance-id="Nsqqpd-UH8VcN" data-ph-id="ph-widget-element-5887997883512936-21"><div><br /></div><div><a class="cke-link" data-ph-href="engineering" ph-tevent="static_content_click" style="pointer-events:all;" target="_self" type="innerPage" data-cke-saved-href="https://www.pgcareers.com/global/en/engineering" href="https://www.pgcareers.com/global/en/engineering" ph-href="engineering">Learn more</a><br /><br /><u></u><a ph-href="engineering#job-search-bar" data-ph-href="engineering#job-search-bar" aria-label="View Opportunities" title="View Opportunities" target="_self" ph-tevent="static_content_click" class="cke-link" style="pointer-events:all;">View Opportunities</a></div></ppc-content>
    </span>
</ppc-container>
                    
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="YeZ0IU" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-9590903332882283-2">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-32 ph-cc-d-p-t-24" data-ph-at-id="ph-media-cc-view1" style="background-color: rgb(251, 251, 251); border-radius: 15px;" data-ph-id="ph-widget-element-9590903332882283-3">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-9590903332882283-4">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-9590903332882283-5">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-9590903332882283-6">
                    <figure class="image" role="presentation" key-role="mpseOt-AUkIVL-na9Kup-s2iDb5-Nsqqpd-wFdiMa-ph-media-cc-view1-option33-presentationRole" instance-id="Nsqqpd-wFdiMa" data-ph-id="ph-widget-element-9590903332882283-7">
                        
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-9590903332882283-11">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-9590903332882283-12">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-32" data-ph-cid="heading1" style="font-family: MontserratBlack;" data-ph-id="ph-widget-element-9590903332882283-16">
    <span key-aria-level="RlcniN-YMhOJB-SyQvEL-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-aria-level" key-role="he4lLq-LEDubX-8Y9uue-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-role" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-9590903332882283-17">
        <ppc-content key="hrztIY-59O2U2-DiAk9N-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text" data-ph-at-id="heading-text" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-9590903332882283-18">Finance and Accounting</ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="description" class="description element-center ph-cc-d-f-s-18 brand-color-secondary" data-ph-cid="description1" style="font-family: MontserratBook;" data-ph-id="ph-widget-element-9590903332882283-19">
    <span class="description-block" data-ph-id="ph-widget-element-9590903332882283-20">
        <ppc-content key="LKQKmD-7G3iAX-D3WZBl-s2iDb5-Nsqqpd-UH8VcN-ph-media-cc-view1-option33-description-text" data-ph-at-id="description-text" instance-id="Nsqqpd-UH8VcN" data-ph-id="ph-widget-element-9590903332882283-21"><div><br /></div><div><a class="cke-link" data-ph-href="finance-and-accounting" data-cke-saved-href="https://www.pgcareers.com/global/en/finance-and-accounting" href="https://www.pgcareers.com/global/en/finance-and-accounting" ph-tevent="static_content_click" style="pointer-events:all;" target="_self" type="innerPage" ph-href="finance-and-accounting">Learn more</a><br /><br /><a aria-label="View Opportunities" class="cke-link" data-cke-saved-href="finance-and-accounting#job-search-bar" ph-tevent="static_content_click" style="pointer-events:all;" target="_self" title="View Opportunities" type="anchorPoint" ph-href="finance-and-accounting#job-search-bar">View Opportunities</a></div></ppc-content>
    </span>
</ppc-container>
                    
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="qc3hnj" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-9426331267267989-2">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-32 ph-cc-d-p-t-24" data-ph-at-id="ph-media-cc-view1" style="background-color: rgb(251, 251, 251); border-radius: 15px;" data-ph-id="ph-widget-element-9426331267267989-3">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-9426331267267989-4">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-9426331267267989-5">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-9426331267267989-6">
                    <figure class="image" role="presentation" key-role="AeAdXM-s2iDb5-Nsqqpd-wFdiMa-ph-media-cc-view1-option33-presentationRole" instance-id="Nsqqpd-wFdiMa" data-ph-id="ph-widget-element-9426331267267989-7">
                        
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-9426331267267989-11">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-9426331267267989-12">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-32" data-ph-cid="heading1" style="font-family: MontserratBlack;" data-ph-id="ph-widget-element-9426331267267989-16">
    <span key-aria-level="m3xjeL-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-aria-level" key-role="SYgm2q-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-role" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-9426331267267989-17">
        <ppc-content key="4ciYS1-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text" data-ph-at-id="heading-text" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-9426331267267989-18">Human Resources</ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="description" class="description element-center ph-cc-d-f-s-18 brand-color-secondary" data-ph-cid="description1" style="font-family: MontserratBook;" data-ph-id="ph-widget-element-9426331267267989-19">
    <span class="description-block" data-ph-id="ph-widget-element-9426331267267989-20">
        <ppc-content key="UeyKgf-s2iDb5-Nsqqpd-UH8VcN-ph-media-cc-view1-option33-description-text" data-ph-at-id="description-text" instance-id="Nsqqpd-UH8VcN" data-ph-id="ph-widget-element-9426331267267989-21"><div><br /></div><div><a aria-label="Learn more" class="cke-link" data-cke-saved-href="https://www.pgcareers.com/global/en/human-resources" href="https://www.pgcareers.com/global/en/human-resources" ph-tevent="static_content_click" style="pointer-events:all;" target="_self" title="Learn more" type="innerPage" data-ph-href="human-resources" ph-href="human-resources">Learn more</a><br /><br /><u></u><a ph-href="human-resources#job-search-bar" data-ph-href="human-resources#job-search-bar" aria-label="View Opportunities" title="View Opportunities" target="_self" ph-tevent="static_content_click" class="cke-link" style="pointer-events:all;">View Opportunities</a></div></ppc-content>
    </span>
</ppc-container>
                    
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="Nsqqpd" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5887705803249960-20">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-32 ph-cc-d-p-t-24" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-5887705803249960-21" style="background-color: rgb(251, 251, 251); border-radius: 15px;">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5887705803249960-22">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5887705803249960-23">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-5887705803249960-24">
                    <figure class="image" role="presentation" key-role="s2iDb5-Nsqqpd-wFdiMa-ph-media-cc-view1-option33-presentationRole" instance-id="Nsqqpd-wFdiMa" data-ph-id="ph-widget-element-5887705803249960-25">
                        
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5887705803249960-29">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5887705803249960-30">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-32" data-ph-cid="heading1" data-ph-id="ph-widget-element-5887705803249960-34" style="font-family: MontserratBlack;">
    <span key-aria-level="s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-aria-level" key-role="s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-role" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-5887705803249960-35">
        <ppc-content key="s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text" data-ph-at-id="heading-text" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-5887705803249960-36">Information Technology</ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="description" class="description element-center ph-cc-d-f-s-18 brand-color-secondary" data-ph-cid="description1" data-ph-id="ph-widget-element-5887705803249960-37" style="font-family: MontserratBook;">
    <span class="description-block" data-ph-id="ph-widget-element-5887705803249960-38">
        <ppc-content key="s2iDb5-Nsqqpd-UH8VcN-ph-media-cc-view1-option33-description-text" data-ph-at-id="description-text" instance-id="Nsqqpd-UH8VcN" data-ph-id="ph-widget-element-5887705803249960-39"><div><br /></div><div><a aria-label="Learn more" class="cke-link" data-cke-saved-href="https://www.pgcareers.com/global/en/information-technology" href="https://www.pgcareers.com/global/en/information-technology" ph-tevent="static_content_click" style="pointer-events:all;" target="_self" title="Learn more" type="innerPage" data-ph-href="information-technology" ph-href="information-technology">Learn more</a><br /><br /><u></u><a ph-href="information-technology#job-search-bar" data-ph-href="information-technology#job-search-bar" aria-label="View Opportunities" title="View Opportunities" target="_self" ph-tevent="static_content_click" class="cke-link" style="pointer-events:all;">View Opportunities</a></div></ppc-content>
    </span>
</ppc-container>
                    
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="E564Ci" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-9426177638646502-2">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-32 ph-cc-d-p-t-24" data-ph-at-id="ph-media-cc-view1" style="background-color: rgb(251, 251, 251); border-radius: 15px;" data-ph-id="ph-widget-element-9426177638646502-3">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-9426177638646502-4">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-9426177638646502-5">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-9426177638646502-6">
                    <figure class="image" role="presentation" key-role="wJ43P2-s2iDb5-Nsqqpd-wFdiMa-ph-media-cc-view1-option33-presentationRole" instance-id="Nsqqpd-wFdiMa" data-ph-id="ph-widget-element-9426177638646502-7">
                        
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-9426177638646502-11">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-9426177638646502-12">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-32" data-ph-cid="heading1" style="font-family: MontserratBlack;" data-ph-id="ph-widget-element-9426177638646502-16">
    <span key-aria-level="qbrtYk-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-aria-level" key-role="3oHy5u-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-role" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-9426177638646502-17">
        <ppc-content key="iys7cJ-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text" data-ph-at-id="heading-text" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-9426177638646502-18">Legal and Patent</ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="description" class="description element-center ph-cc-d-f-s-18 brand-color-secondary" data-ph-cid="description1" style="font-family: MontserratBook;" data-ph-id="ph-widget-element-9426177638646502-19">
    <span class="description-block" data-ph-id="ph-widget-element-9426177638646502-20">
        <ppc-content key="wYAMfR-s2iDb5-Nsqqpd-UH8VcN-ph-media-cc-view1-option33-description-text" data-ph-at-id="description-text" instance-id="Nsqqpd-UH8VcN" data-ph-id="ph-widget-element-9426177638646502-21"><div><br /></div><div><a aria-label="Learn more" class="cke-link" data-cke-saved-href="https://www.pgcareers.com/global/en/legal-patent" href="https://www.pgcareers.com/global/en/legal-patent" ph-tevent="static_content_click" style="pointer-events:all;" target="_self" title="Learn more" type="innerPage" data-ph-href="legal-patent" ph-href="legal-patent">Learn more</a><br /><br /><u></u><a ph-href="legal-patent#job-search-bar" data-ph-href="legal-patent#job-search-bar" aria-label="View Opportunities" title="View Opportunities" target="_self" ph-tevent="static_content_click" class="cke-link" style="pointer-events:all;">View Opportunities</a></div></ppc-content>
    </span>
</ppc-container>
                    
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="yPmoYU" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5897709264932060-2">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-32 ph-cc-d-p-t-24" data-ph-at-id="ph-media-cc-view1" style="background-color: rgb(251, 251, 251); border-radius: 15px;" data-ph-id="ph-widget-element-5897709264932060-3">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5897709264932060-4">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5897709264932060-5">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-5897709264932060-6">
                    <figure class="image" role="presentation" key-role="9fjfiO-na9Kup-s2iDb5-Nsqqpd-wFdiMa-ph-media-cc-view1-option33-presentationRole" instance-id="Nsqqpd-wFdiMa" data-ph-id="ph-widget-element-5897709264932060-7">
                        
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5897709264932060-11">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5897709264932060-12">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-32" data-ph-cid="heading1" style="font-family: MontserratBlack;" data-ph-id="ph-widget-element-5897709264932060-16">
    <span key-aria-level="8bD8OA-SyQvEL-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-aria-level" key-role="RVnkVl-8Y9uue-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-role" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-5897709264932060-17">
        <ppc-content key="fI1Y3J-DiAk9N-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text" data-ph-at-id="heading-text" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-5897709264932060-18">Manufacturing and Quality Assurance</ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="description" class="description element-center ph-cc-d-f-s-18 brand-color-secondary" data-ph-cid="description1" style="font-family: MontserratBook;" data-ph-id="ph-widget-element-5897709264932060-19">
    <span class="description-block" data-ph-id="ph-widget-element-5897709264932060-20">
        <ppc-content key="C1XMp0-D3WZBl-s2iDb5-Nsqqpd-UH8VcN-ph-media-cc-view1-option33-description-text" data-ph-at-id="description-text" instance-id="Nsqqpd-UH8VcN" data-ph-id="ph-widget-element-5897709264932060-21"><div><br /></div><div><a aria-label="Learn more" class="cke-link" data-cke-saved-href="https://www.pgcareers.com/global/en/manufacturing-quality-assurance" href="https://www.pgcareers.com/global/en/manufacturing-quality-assurance" ph-tevent="static_content_click" style="pointer-events:all;" target="_self" title="Learn more" type="innerPage" data-ph-href="manufacturing-quality-assurance" ph-href="manufacturing-quality-assurance">Learn more</a><br /><br /><u></u><a ph-href="manufacturing-quality-assurance#job-search-bar" data-ph-href="manufacturing-quality-assurance#job-search-bar" aria-label="View Opportunities" title="View Opportunities" target="_self" ph-tevent="static_content_click" class="cke-link" style="pointer-events:all;">View Opportunities</a></div></ppc-content>
    </span>
</ppc-container>
                    
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="xFKGQ0" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5897710813236706-2">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-32 ph-cc-d-p-t-24" data-ph-at-id="ph-media-cc-view1" style="background-color: rgb(251, 251, 251); border-radius: 15px;" data-ph-id="ph-widget-element-5897710813236706-3">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5897710813236706-4">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5897710813236706-5">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-5897710813236706-6">
                    <figure class="image" role="presentation" key-role="AUkIVL-na9Kup-s2iDb5-Nsqqpd-wFdiMa-ph-media-cc-view1-option33-presentationRole" instance-id="Nsqqpd-wFdiMa" data-ph-id="ph-widget-element-5897710813236706-7">
                        
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5897710813236706-11">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5897710813236706-12">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-32" data-ph-cid="heading1" style="font-family: MontserratBlack;" data-ph-id="ph-widget-element-5897710813236706-16">
    <span key-aria-level="YMhOJB-SyQvEL-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-aria-level" key-role="LEDubX-8Y9uue-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-role" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-5897710813236706-17">
        <ppc-content key="59O2U2-DiAk9N-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text" data-ph-at-id="heading-text" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-5897710813236706-18">Marketing and Brand<br />Management</ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="description" class="description element-center ph-cc-d-f-s-18 brand-color-secondary" data-ph-cid="description1" style="font-family: MontserratBook;" data-ph-id="ph-widget-element-5897710813236706-19">
    <span class="description-block" data-ph-id="ph-widget-element-5897710813236706-20">
        <ppc-content key="7G3iAX-D3WZBl-s2iDb5-Nsqqpd-UH8VcN-ph-media-cc-view1-option33-description-text" data-ph-at-id="description-text" instance-id="Nsqqpd-UH8VcN" data-ph-id="ph-widget-element-5897710813236706-21"><div><br /></div><div><a aria-label="Learn more" class="cke-link" data-cke-saved-href="https://www.pgcareers.com/global/en/marketing-brand-management" href="https://www.pgcareers.com/global/en/marketing-brand-management" ph-tevent="static_content_click" style="pointer-events:all;" target="_self" title="Learn more" type="innerPage" data-ph-href="marketing-brand-management" ph-href="marketing-brand-management">Learn more</a><br /><br /><u></u><a ph-href="marketing-brand-management#job-search-bar" data-ph-href="marketing-brand-management#job-search-bar" aria-label="View Opportunities" title="View Opportunities" target="_self" ph-tevent="static_content_click" class="cke-link" style="pointer-events:all;">View Opportunities</a></div></ppc-content>
    </span>
</ppc-container>
                    
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="wAwkjd" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5888327492896281-2">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-32 ph-cc-d-p-t-24" data-ph-at-id="ph-media-cc-view1" style="background-color: rgb(251, 251, 251); border-radius: 15px;" data-ph-id="ph-widget-element-5888327492896281-3">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5888327492896281-4">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5888327492896281-5">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-5888327492896281-6">
                    <figure class="image" role="presentation" key-role="VjKDp4-na9Kup-s2iDb5-Nsqqpd-wFdiMa-ph-media-cc-view1-option33-presentationRole" instance-id="Nsqqpd-wFdiMa" data-ph-id="ph-widget-element-5888327492896281-7">
                        
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5888327492896281-11">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5888327492896281-12">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-32" data-ph-cid="heading1" style="font-family: MontserratBlack;" data-ph-id="ph-widget-element-5888327492896281-16">
    <span key-aria-level="YCZpqm-SyQvEL-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-aria-level" key-role="Jl15qy-8Y9uue-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-role" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-5888327492896281-17">
        <ppc-content key="agc5Li-DiAk9N-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text" data-ph-at-id="heading-text" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-5888327492896281-18">Research &amp; Development</ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="description" class="description element-center ph-cc-d-f-s-18 brand-color-secondary" data-ph-cid="description1" style="font-family: MontserratBook;" data-ph-id="ph-widget-element-5888327492896281-19">
    <span class="description-block" data-ph-id="ph-widget-element-5888327492896281-20">
        <ppc-content key="QKqcNC-D3WZBl-s2iDb5-Nsqqpd-UH8VcN-ph-media-cc-view1-option33-description-text" data-ph-at-id="description-text" instance-id="Nsqqpd-UH8VcN" data-ph-id="ph-widget-element-5888327492896281-21"><div><br /></div><div><a aria-label="Learn more" class="cke-link" data-cke-saved-href="https://www.pgcareers.com/global/en/research-and-development" href="https://www.pgcareers.com/global/en/research-and-development" ph-tevent="static_content_click" style="pointer-events:all;" target="_self" title="Learn more" type="innerPage" data-ph-href="research-and-development" ph-href="research-and-development">Learn more</a><br /><br /><u></u><a ph-href="research-and-development#job-search-bar" data-ph-href="research-and-development#job-search-bar" aria-label="View Opportunities" title="View Opportunities" target="_self" ph-tevent="static_content_click" class="cke-link" style="pointer-events:all;">View Opportunities</a></div></ppc-content>
    </span>
</ppc-container>
                    
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="tggxow" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-9426124356264930-2">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-32 ph-cc-d-p-t-24" data-ph-at-id="ph-media-cc-view1" style="background-color: rgb(251, 251, 251); border-radius: 15px;" data-ph-id="ph-widget-element-9426124356264930-3">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-9426124356264930-4">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-9426124356264930-5">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-9426124356264930-6">
                    <figure class="image" role="presentation" key-role="53XUYl-s2iDb5-Nsqqpd-wFdiMa-ph-media-cc-view1-option33-presentationRole" instance-id="Nsqqpd-wFdiMa" data-ph-id="ph-widget-element-9426124356264930-7">
                        
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-9426124356264930-11">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-9426124356264930-12">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-32" data-ph-cid="heading1" style="font-family: MontserratBlack;" data-ph-id="ph-widget-element-9426124356264930-16">
    <span key-aria-level="tvlCzw-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-aria-level" key-role="m4dRXL-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-role" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-9426124356264930-17">
        <ppc-content key="Pcb4o4-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text" data-ph-at-id="heading-text" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-9426124356264930-18">Sales</ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="description" class="description element-center ph-cc-d-f-s-18 brand-color-secondary" data-ph-cid="description1" style="font-family: MontserratBook;" data-ph-id="ph-widget-element-9426124356264930-19">
    <span class="description-block" data-ph-id="ph-widget-element-9426124356264930-20">
        <ppc-content key="0h0xdk-s2iDb5-Nsqqpd-UH8VcN-ph-media-cc-view1-option33-description-text" data-ph-at-id="description-text" instance-id="Nsqqpd-UH8VcN" data-ph-id="ph-widget-element-9426124356264930-21"><div><br /></div><div><a aria-label="Learn more" class="cke-link" data-cke-saved-href="https://www.pgcareers.com/global/en/sales" href="https://www.pgcareers.com/global/en/sales" ph-tevent="static_content_click" style="pointer-events:all;" target="_self" title="Learn more" type="innerPage" data-ph-href="sales" ph-href="sales">Learn more</a><br /><br /><u></u><a ph-href="sales#job-search-bar" data-ph-href="sales#job-search-bar" aria-label="View Opportunities" title="View Opportunities" target="_self" ph-tevent="static_content_click" class="cke-link" style="pointer-events:all;">View Opportunities</a></div></ppc-content>
    </span>
</ppc-container>
                    
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="cBz9bK" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5888326260117030-2">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-32 ph-cc-d-p-t-24" data-ph-at-id="ph-media-cc-view1" style="background-color: rgb(251, 251, 251); border-radius: 15px;" data-ph-id="ph-widget-element-5888326260117030-3">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5888326260117030-4">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5888326260117030-5">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-5888326260117030-6">
                    <figure class="image" role="presentation" key-role="IjTXKO-na9Kup-s2iDb5-Nsqqpd-wFdiMa-ph-media-cc-view1-option33-presentationRole" instance-id="Nsqqpd-wFdiMa" data-ph-id="ph-widget-element-5888326260117030-7">
                        
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5888326260117030-11">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5888326260117030-12">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-32" data-ph-cid="heading1" style="font-family: MontserratBlack;" data-ph-id="ph-widget-element-5888326260117030-16">
    <span key-aria-level="orS6HK-SyQvEL-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-aria-level" key-role="YxVTe8-8Y9uue-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-role" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-5888326260117030-17">
        <ppc-content key="Ig34Yk-DiAk9N-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text" data-ph-at-id="heading-text" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-5888326260117030-18">Supply Chain and Logistics</ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="description" class="description element-center ph-cc-d-f-s-18 brand-color-secondary" data-ph-cid="description1" style="font-family: MontserratBook;" data-ph-id="ph-widget-element-5888326260117030-19">
    <span class="description-block" data-ph-id="ph-widget-element-5888326260117030-20">
        <ppc-content key="PhkDAY-D3WZBl-s2iDb5-Nsqqpd-UH8VcN-ph-media-cc-view1-option33-description-text" data-ph-at-id="description-text" instance-id="Nsqqpd-UH8VcN" data-ph-id="ph-widget-element-5888326260117030-21"><div><br /></div><div><a aria-label="Learn more" class="cke-link" data-cke-saved-href="https://www.pgcareers.com/global/en/supply-chain-logistics" href="https://www.pgcareers.com/global/en/supply-chain-logistics" ph-tevent="static_content_click" style="pointer-events:all;" target="_self" title="Learn more" type="innerPage" data-ph-href="supply-chain-logistics" ph-href="supply-chain-logistics">Learn more</a><br /><br /><u></u><a ph-href="supply-chain-logistics#job-search-bar" data-ph-href="supply-chain-logistics#job-search-bar" aria-label="View Opportunities" title="View Opportunities" target="_self" ph-tevent="static_content_click" class="cke-link" style="pointer-events:all;">View Opportunities</a></div></ppc-content>
    </span>
</ppc-container>
                    
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="SOYl2R" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-9426387687467838-2">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-32 ph-cc-d-p-t-24" data-ph-at-id="ph-media-cc-view1" style="background-color: rgb(251, 251, 251); border-radius: 15px;" data-ph-id="ph-widget-element-9426387687467838-3">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-9426387687467838-4">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-9426387687467838-5">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-9426387687467838-6">
                    <figure class="image" role="presentation" key-role="G5kEBy-s2iDb5-Nsqqpd-wFdiMa-ph-media-cc-view1-option33-presentationRole" instance-id="Nsqqpd-wFdiMa" data-ph-id="ph-widget-element-9426387687467838-7">
                        
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-9426387687467838-11">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-9426387687467838-12">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-32" data-ph-cid="heading1" style="font-family: MontserratBlack;" data-ph-id="ph-widget-element-9426387687467838-16">
    <span key-aria-level="GbNYke-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-aria-level" key-role="BzJATP-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-role" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-9426387687467838-17">
        <ppc-content key="4OxCPn-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text" data-ph-at-id="heading-text" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-9426387687467838-18">Others</ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="description" class="description element-center ph-cc-d-f-s-18 brand-color-secondary" data-ph-cid="description1" style="font-family: MontserratBook;" data-ph-id="ph-widget-element-9426387687467838-19">
    <span class="description-block" data-ph-id="ph-widget-element-9426387687467838-20">
        <ppc-content key="H7zxoj-s2iDb5-Nsqqpd-UH8VcN-ph-media-cc-view1-option33-description-text" data-ph-at-id="description-text" instance-id="Nsqqpd-UH8VcN" data-ph-id="ph-widget-element-9426387687467838-21"><div><br /></div><div><a class="cke-link" ph-tevent="static_content_click" style="pointer-events:all;" target="_self" type="innerPage" data-cke-saved-href="https://www.pgcareers.com/global/en/other-careers" aria-label="Learn more" title="Learn more" href="https://www.pgcareers.com/global/en/other-careers" data-ph-href="other-careers" ph-href="other-careers">Learn more</a><br /><br /><u></u><a ph-href="other-careers#job-search-bar" data-ph-href="other-careers#job-search-bar" aria-label="View Opportunities" title="View Opportunities" target="_self" ph-tevent="static_content_click" class="cke-link" style="pointer-events:all;">View Opportunities</a></div></ppc-content>
    </span>
</ppc-container>
                    
                </div>
            </div>
        </div>
    </div>
</div><div class="ph-card ph-cc-d-p-a-16" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="t86VCr" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-9426414137256370-2">
    <div class="ph-media-cc-view1 ph-card-block ph-cc-d-p-a-32 ph-cc-d-p-t-24" data-ph-at-id="ph-media-cc-view1" style="background-color: rgb(251, 251, 251); border-radius: 15px;" data-ph-id="ph-widget-element-9426414137256370-3">
        <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-9426414137256370-4">
            <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-9426414137256370-5">
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-9426414137256370-6">
                    <figure class="image" role="presentation" key-role="70L7q5-s2iDb5-Nsqqpd-wFdiMa-ph-media-cc-view1-option33-presentationRole" instance-id="Nsqqpd-wFdiMa" data-ph-id="ph-widget-element-9426414137256370-7">
                        
                    </figure>
                </div>
            </div>
            <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-9426414137256370-11">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-9426414137256370-12">
                    
                    <ppc-container component-content-key="heading" class="header element-center ph-cc-d-f-s-32" data-ph-cid="heading1" style="font-family: MontserratBlack;" data-ph-id="ph-widget-element-9426414137256370-16">
    <span key-aria-level="AtAzRY-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-aria-level" key-role="QuVy3I-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text-role" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-9426414137256370-17">
        <ppc-content key="R2rloy-s2iDb5-Nsqqpd-jEsPhz-ph-media-cc-view1-option33-heading-text" data-ph-at-id="heading-text" instance-id="Nsqqpd-jEsPhz" data-ph-id="ph-widget-element-9426414137256370-18">Plant Technicians</ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="description" class="description element-center ph-cc-d-f-s-18 brand-color-secondary" data-ph-cid="description1" style="font-family: MontserratBook;" data-ph-id="ph-widget-element-9426414137256370-19">
    <span class="description-block" data-ph-id="ph-widget-element-9426414137256370-20">
        <ppc-content key="9moTm8-s2iDb5-Nsqqpd-UH8VcN-ph-media-cc-view1-option33-description-text" data-ph-at-id="description-text" instance-id="Nsqqpd-UH8VcN" data-ph-id="ph-widget-element-9426414137256370-21"><div><br /></div><div><a aria-label="Visit pgplantjobs.com" class="cke-link" data-cke-saved-href="https://www.pgplantjobs.com/" href="https://www.pgplantjobs.com/" ph-tevent="static_content_click" style="pointer-events:all;" target="_blank" title="Visit pgplantjobs.com" type="url" ph-href="https://www.pgplantjobs.com/">Visit pgplantjobs.com</a></div></ppc-content>
    </span>
</ppc-container>
                    
                </div>
            </div>
        </div>
    </div>
</div></div>
        </div>
    </div>
</div></div></section><pcs-widget data-ph-widget-id="6c416b51c9fad17e22e89bc2e33909e9" panel-id="effcc9c6add60cbf2f88e3477b8189b6" data-ph-id="-1681221370128-1" instance-id="aKiuK1Vk" data-ph-content-id="sBR3zPIg"></pcs-widget> 
    <!-- Why work here --> 
    <section class="ppc-section ph-widget" type="static" data-ph-id="-1685712275553" view="1685712276067-media-large-img-left-cc-view1-option2" original-view="ph-media-large-img-left-cc-view1-option2" instance-id="08R9nA" theme="theme2"><div class="ph-media-large-img-left-cc-view1-option2-theme2 ph-widget-target" data-ph-id="-1685712275553-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1685712276067-media-large-img-left-cc-view1-option2" original-view="ph-media-large-img-left-cc-view1-option2" theme="theme2" ph-removed="true" instance-id="08R9nA"><div class="ph-component-cntr ph-widget-box heading-block-hide" default-cards-count="1" max-allowed-cards="2" data-ph-id="ph-widget-element-10202502854311830-2" style="background-color: rgb(255, 255, 255);">
    <div class="inner-container ph-cc-d-p-t-100 ph-cc-d-p-b-100" data-ph-id="ph-widget-element-10202502854311830-3">
        <div class="ph-container-heading-block" data-ph-id="ph-widget-element-10202502854311830-4">
            <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="ggyCsC" data-ph-id="ph-widget-element-10202502854311830-5">
    <div class="heading-block-info" data-ph-id="ph-widget-element-10202502854311830-6">
        
        
    </div>
    <div class="heading-block-actions" data-ph-id="ph-widget-element-10202502854311830-13">
        
    </div> 
</div>
        </div>
        <div class="ph-container-content-block" data-ph-id="ph-widget-element-10202502854311830-18">
            <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-10202502854311830-19">
                
            <div class="ph-card" card-name="ph-media-large-img-left-cc-view1" card-layout="ph-layout-h" data-ph-card-block-alignment="h" instance-id="kYh97a" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-10202502854311830-20">
    <div class="ph-card-block ph-media-large-img-left-cc-view1 ph-layout-h brand-color-secondary-bg ph-cc-d-p-a-41" data-ph-at-id="ph-media-large-img-left-cc-view1" data-ph-id="ph-widget-element-10202502854311830-21" style="border-radius: 15px;">
        <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-10202502854311830-22">
            <div class="ph-col-4" ph-col-num="1" data-ph-id="ph-widget-element-10202502854311830-23">
                <div class="media" ph-card-block-num="1" data-ph-id="ph-widget-element-10202502854311830-24">
                    <figure class="image" role="presentation" key-role="08R9nA-kYh97a-W1nPpE-ph-media-large-img-left-cc-view1-option2-presentationRole" instance-id="kYh97a-W1nPpE" data-ph-id="ph-widget-element-10202502854311830-25">
                        <ppc-container component-content-key="primary-image" class="primary-image ph-image-fit-container-cms" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-10202502854311830-26">
    <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-10202502854311830-27">
        <img src="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/images/jointalentcommunity_home-1686093424249.png" key-src="08R9nA-kYh97a-pLeMio-ph-media-large-img-left-cc-view1-option2-image-src" alt="img1" key-alt="08R9nA-kYh97a-pLeMio-ph-media-large-img-left-cc-view1-option2-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="kYh97a-pLeMio" data-ph-id="ph-widget-element-10202502854311830-28" height-val="350" crop-size="fit" />
    </ppc-content>
</ppc-container>
                    </figure>
                </div>
            </div>
            <div class="ph-col-8" ph-col-num="2" data-ph-id="ph-widget-element-10202502854311830-29">
                <div class="content ph-a11y-aria-live" ph-card-block-num="2" data-ph-id="ph-widget-element-10202502854311830-30">
                    <ppc-container component-content-key="heading" class="header ph-cc-d-p-t-60" data-ph-cid="heading1" data-ph-id="ph-widget-element-10202502854311830-31">
    <span key-aria-level="08R9nA-kYh97a-GydzZF-ph-media-large-img-left-cc-view1-option2-heading-text-aria-level" key-role="08R9nA-kYh97a-GydzZF-ph-media-large-img-left-cc-view1-option2-heading-text-role" instance-id="kYh97a-GydzZF" data-ph-id="ph-widget-element-10202502854311830-32">
        <ppc-content key="08R9nA-kYh97a-GydzZF-ph-media-large-img-left-cc-view1-option2-heading-text" data-ph-at-id="heading-text" instance-id="kYh97a-GydzZF" data-ph-id="ph-widget-element-10202502854311830-33"><h3><span style="color:rgba(255, 255, 255, 1);"><span style="font-family:MontserratBlack;">Join Our Talent Community!</span></span></h3></ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-10202502854311830-34">
    <span class="description-block" data-ph-id="ph-widget-element-10202502854311830-35">
        <ppc-content key="08R9nA-kYh97a-V5i3fb-ph-media-large-img-left-cc-view1-option2-description-text" data-ph-at-id="description-text" instance-id="kYh97a-V5i3fb" data-ph-id="ph-widget-element-10202502854311830-36"><div><span style="color:rgba(255, 255, 255, 1);"><span class="ph-cc-ms-f-s-16 ph-cc-d-f-s-16 ph-cc-t-f-s-16 ph-cc-m-f-s-16">Stay informed about the latest events, news, and career opportunities at P&amp;G.<br />​​​​​​​</span></span><br /></div></ppc-content>
    </span>
</ppc-container>
                    <ppc-container component-content-key="primary-action-link" class="primary-action-link primary-button element-right" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-10202502854311830-37">
    <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-10202502854311830-38">
        <a class="action-link" ph-href="jointalentcommunity" key-ph-href="08R9nA-kYh97a-CgGZUY-ph-media-large-img-left-cc-view1-option2-primary-link-href" title="Sign Up Now" key-title="08R9nA-kYh97a-CgGZUY-ph-media-large-img-left-cc-view1-option2-primary-link-title-text" aria-label="Sign Up Now" key-aria-label="08R9nA-kYh97a-CgGZUY-ph-media-large-img-left-cc-view1-option2-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="kYh97a-CgGZUY" data-ph-id="ph-widget-element-10202502854311830-39" data-ph-href="jointalentcommunity" hidelinktarget="false" target="_self" href="jointalentcommunity">
            <ppc-content key="08R9nA-kYh97a-CgGZUY-ph-media-large-img-left-cc-view1-option2-primary-link-text" data-ph-at-id="link-text" instance-id="kYh97a-CgGZUY" data-ph-id="ph-widget-element-10202502854311830-40">Sign Up Now</ppc-content>
            <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-10202502854311830-41"></i>
        </a>
    </div>
</ppc-container>
                </div>
            </div>
        </div>
    </div>
</div></div>
        </div>
    </div>
</div></div></section><section class="ph-widget ph-media-link-cc-view1-option11-theme3" theme="theme3" type="static" view="16UyFU-ph-media-link-cc-view1-option11" instance-id="16UyFU" original-view="ph-media-link-cc-view1-option11" data-ph-id="ph-page-element-page10-WGtCHR">
     <div as-element="ph-html-v1" data-widget="ph-html-v1" view="16UyFU-ph-media-link-cc-view1-option11" original-view="ph-media-link-cc-view1-option11" type="static" instance-id="16UyFU" theme="theme3" class="ph-widget-target ph-media-link-cc-view1-option11-theme3" data-ph-id="ph-page-element-page10-fdOpkb"> 
      <div class="ph-component-cntr ph-widget-box header-center" data-ph-id="ph-page-element-page10-kSPjlX" style="background-color: rgb(251, 251, 251);"> 
       <div class="inner-container ph-cc-d-p-t-100 ph-cc-d-p-b-100" data-ph-id="ph-page-element-page10-llS5c6"> 
        <div class="ph-container-heading-block" data-ph-id="ph-page-element-page10-vSpisx"> 
         <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="DffnHB" data-ph-id="ph-page-element-page10-IqfA8f"> 
          <div class="heading-block-info" data-ph-id="ph-page-element-page10-Z80lQ2"> 
           <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-page-element-page10-GzT0yy"> 
            <h2 data-ph-id="ph-page-element-page10-BotkjD"> 
             <ppc-content key="ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-p1NYyn" instance-id="DffnHB-xeyPoI" data-ph-id="ph-page-element-page10-gzDKSz" class="ppc-text ppc-content"><div><span style="font-family:MontserratBlack;">A glimpse into life at Procter &amp; Gamble</span></div></ppc-content> </h2> 
           </ppc-container> 
            
          </div> 
          <div class="heading-block-actions" data-ph-id="ph-page-element-page10-ZqRvQT"> 
            
          </div> 
         </div> 
        </div> 
        <div class="ph-container-content-block" data-ph-id="ph-page-element-page10-sJT6OC"> 
         <div class="ph-card-container stackable element-center" data-cards-per-row="four" role="list" key-role="ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-8dSuTi" data-ph-id="ph-page-element-page10-DN8xEe"> 
          <div class="ph-card" card-name="ph-media-link-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-E9umVn" instance-id="gQDE9n" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page10-5Re44t"> 
           <ppc-container card-content-key="card-link" look-up="inline" data-ph-id="ph-page-element-page10-5fWQVz"> 
            <a data-ph-name="card-link" key-ph-href="ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-dxCS4H" title="Follow us on LinkedIn" key-title="ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-ZIIe0R" ph-tevent="static_content_click" class="" look-up="inline" instance-id="gQDE9n-MGY5pM" data-ph-id="ph-page-element-page10-dr73Ma" data-ph-href="https://www.linkedin.com/company/procter-and-gamble/" hidelinktarget="false" aria-label="Follow us on LinkedIn" ph-href="https://www.linkedin.com/company/procter-and-gamble/" target="_blank"> 
             <div class="ph-media-link-cc-view1 ph-card-block" data-ph-at-id="ph-media-link-cc-view1" data-ph-id="ph-page-element-page10-XnePhc" style="border-style: none; background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);"> 
              <div class="ph-row" ph-row-num="1" data-ph-id="ph-page-element-page10-ibjVXY"> 
               <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-page-element-page10-oVJowC"> 
                <div ph-card-block-num="1" data-ph-id="ph-page-element-page10-Zr3OhF"> 
                 <figure class="image" role="presentation" data-ph-id="ph-page-element-page10-5qrMFK"> 
                  <ppc-container component-content-key="primary-image" class="primary-image ph-img-responsive element-center" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page10-AtQwZV"> 
                   <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page10-DbOiOS" class="ppc-image ppc-content"><img src="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/images/linkdin-1578046007310.png" key-src="ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-I6NlR5" alt="follow  us in linkedin" key-alt="ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-Jef9w1" data-ph-cid="primary-image1" instance-id="gQDE9n-kxSJH8" data-ph-id="ph-page-element-page10-7PWO21" height-val="32" /></ppc-content> 
                  </ppc-container> 
                 </figure> 
                </div> 
               </div> 
               <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-page-element-page10-Rz2BWG"> 
                <div class="content" ph-card-block-num="2" data-ph-id="ph-page-element-page10-oNB2x7"> 
                  
                  
                  
                </div> 
               </div> 
              </div> 
             </div> </a> 
           </ppc-container> 
          </div> 
           
           
           
         <div class="ph-card" card-name="ph-media-link-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="2bcsuV-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-MXlFmR" instance-id="Af7e2x" data-ph-id="ph-widget-element-5105387211618677-2"> 
           <ppc-container card-content-key="card-link" look-up="inline" data-ph-id="ph-widget-element-5105387211618677-3"> 
            <a data-ph-name="card-link" key-ph-href="Serx9K-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-yALJ21" title="Follow us on Instagram" key-title="qAiQFp-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-xM2fDS" ph-tevent="static_content_click" class="" look-up="inline" instance-id="uMUPw1-aeFEtC" hidelinktarget="false" aria-label="Follow us on Instagram" ph-href="https://www.instagram.com/pgcareers/" data-ph-id="ph-widget-element-5105387211618677-4" target="_blank"> 
             <div class="ph-media-link-cc-view1 ph-card-block" data-ph-at-id="ph-media-link-cc-view1" data-ph-id="ph-widget-element-5105387211618677-5" style="border-style: none; background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);"> 
              <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5105387211618677-6"> 
               <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5105387211618677-7"> 
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-5105387211618677-8"> 
                 <figure class="image" role="presentation" data-ph-id="ph-widget-element-5105387211618677-9"> 
                  <ppc-container component-content-key="primary-image" class="primary-image ph-img-responsive element-center" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5105387211618677-10"> 
                   <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-5105387211618677-11"><img src="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/images/instagram-1685105062781.jpg" key-src="rphq7H-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-HrweLs" alt="follow us on instagram" key-alt="dVNMGI-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-R7nu8Y" data-ph-cid="primary-image1" instance-id="uMUPw1-I39Nct" height-val="32" data-ph-id="ph-widget-element-5105387211618677-12" /></ppc-content> 
                  </ppc-container> 
                 </figure> 
                </div> 
               </div> 
               <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5105387211618677-13"> 
                <div class="content" ph-card-block-num="2" data-ph-id="ph-widget-element-5105387211618677-14"> 
                  
                  
                  
                </div> 
               </div> 
              </div> 
             </div> </a> 
           </ppc-container> 
          </div><div class="ph-card" card-name="ph-media-link-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="bOned6-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-E9umVn" instance-id="dSjM4r" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5107998743592619-2"> 
           <ppc-container card-content-key="card-link" look-up="inline" data-ph-id="ph-widget-element-5107998743592619-3"> 
            <a data-ph-name="card-link" key-ph-href="XJEkgp-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-dxCS4H" title="Follow us on Facebook" key-title="kHZgdK-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-ZIIe0R" ph-tevent="static_content_click" class="" look-up="inline" instance-id="gQDE9n-MGY5pM" hidelinktarget="false" aria-label="Follow us on Facebook" ph-href="https://www.facebook.com/pgcareers/" target="_blank" data-ph-id="ph-widget-element-5107998743592619-4"> 
             <div class="ph-media-link-cc-view1 ph-card-block" data-ph-at-id="ph-media-link-cc-view1" data-ph-id="ph-widget-element-5107998743592619-5" style="border-style: none; background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);"> 
              <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5107998743592619-6"> 
               <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5107998743592619-7"> 
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-5107998743592619-8"> 
                 <figure class="image" role="presentation" data-ph-id="ph-widget-element-5107998743592619-9"> 
                  <ppc-container component-content-key="primary-image" class="primary-image ph-img-responsive element-center" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5107998743592619-10"> 
                   <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-5107998743592619-11"><img src="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/images/facebook-1685104962852.jpg" key-src="JqGiiO-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-I6NlR5" alt="follow  us in linkedin" key-alt="4nV1UV-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-Jef9w1" data-ph-cid="primary-image1" instance-id="gQDE9n-kxSJH8" height-val="32" data-ph-id="ph-widget-element-5107998743592619-12" /></ppc-content> 
                  </ppc-container> 
                 </figure> 
                </div> 
               </div> 
               <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5107998743592619-13"> 
                <div class="content" ph-card-block-num="2" data-ph-id="ph-widget-element-5107998743592619-14"> 
                  
                  
                  
                </div> 
               </div> 
              </div> 
             </div> </a> 
           </ppc-container> 
          </div><div class="ph-card" card-name="ph-media-link-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="RTVlyT-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-E9umVn" instance-id="m1gsw6" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-9436323673814933-2"> 
           <ppc-container card-content-key="card-link" look-up="inline" data-ph-id="ph-widget-element-9436323673814933-3"> 
            <a data-ph-name="card-link" key-ph-href="kwLyCb-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-dxCS4H" title="Follow us on Youtube" key-title="6nO0Do-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-ZIIe0R" ph-tevent="static_content_click" class="" look-up="inline" instance-id="gQDE9n-MGY5pM" hidelinktarget="false" aria-label="Follow us on Youtube" ph-href="https://www.youtube.com/user/experiencePGnow" target="_blank" data-ph-id="ph-widget-element-9436323673814933-4"> 
             <div class="ph-media-link-cc-view1 ph-card-block" data-ph-at-id="ph-media-link-cc-view1" style="border-style: none; background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" data-ph-id="ph-widget-element-9436323673814933-5"> 
              <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-9436323673814933-6"> 
               <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-9436323673814933-7"> 
                <div ph-card-block-num="1" data-ph-id="ph-widget-element-9436323673814933-8"> 
                 <figure class="image" role="presentation" data-ph-id="ph-widget-element-9436323673814933-9"> 
                  <ppc-container component-content-key="primary-image" class="primary-image ph-img-responsive element-center" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-9436323673814933-10"> 
                   <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-9436323673814933-11"><img src="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/images/youtube-1685105023629.png" key-src="rtR20p-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-I6NlR5" alt="follow  us in linkedin" key-alt="bVhdfy-ph-html-v1-ph-media-link-cc-view1-option11-16UyFU-Jef9w1" data-ph-cid="primary-image1" instance-id="gQDE9n-kxSJH8" height-val="32" data-ph-id="ph-widget-element-9436323673814933-12" /></ppc-content> 
                  </ppc-container> 
                 </figure> 
                </div> 
               </div> 
               <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-9436323673814933-13"> 
                <div class="content" ph-card-block-num="2" data-ph-id="ph-widget-element-9436323673814933-14"> 
                  
                  
                  
                </div> 
               </div> 
              </div> 
             </div> </a> 
           </ppc-container> 
          </div></div> 
        </div> 
       </div> 
      </div> 
     </div>
    </section> 
    <!--recom job histroy--> 
     
    <!--recently viewd jobs--> 
    <section class="ph-widget" instance-id="81a3gk" view="81a3gk-default" original-view="default" data-ph-id="ph-page-element-page10-LGjZKn"> 
     <div as-element="ph-recently-viewed-jobs-v3" class="ph-recently-viewed-jobs-v3-default-theme28 ph-widget-target" data-widget="ph-recently-viewed-jobs-v3" theme="theme28" jobs-display-mode="seeMore" max-display-count="6" instance-id="81a3gk" view="default-1622923135840" original-view="default" data-ph-id="ph-page-element-page10-srcHSA"></div> 
    </section> 
    <!--nearbyjbs--> 
     
    <!-- glassdoor --> 
     
    <!-- find out more --> 
     
    <!-- A glimpse into Phenom life --> 
    <section class="ph-widget" instance-id="qi5top" view="qi5top-default" original-view="default" data-ph-id="ph-page-element-page10-kf2HME"> 
     <div as-element="ph-near-by-jobs-v2" class="ph-near-by-jobs-v2-default-theme28 ph-widget-target" data-widget="ph-near-by-jobs-v2" theme="theme28" jobs-display-mode="seeMore" max-display-count="6" instance-id="qi5top" view="default-1663503297777" original-view="default" data-ph-id="ph-page-element-page10-IoF5S1"></div> 
    </section><section class="ph-widget" instance-id="23c11d" view="23c11d-default" original-view="default" data-ph-id="ph-page-element-page10-nYZSci"> 
     <div as-element="ph-recom-jobs-browsing-history-v3" class="ph-recom-jobs-browsing-history-v3-default-theme28 ph-widget-target" data-widget="ph-recom-jobs-browsing-history-v3" theme="theme28" jobs-display-mode="seeMore" max-display-count="6" instance-id="23c11d" view="default-1622923084713" original-view="default" data-ph-id="ph-page-element-page10-RS78vT"></div> 
    </section> 
   </div> 
  <pcs-widget class="ph-widget" data-ph-widget-id="8f7e8fd8faaed24ac813be530eea4981" instance-id="fvKF19" data-ph-ft="nps" data-ph-id="ph-widget-element-1683555049644-pI51n6"></pcs-widget></div> 
  <div class="ph-footer" data-ph-id="ph-page-element-page10-XrhQ33"><div class="footer-layout" type="footer-layout">
    <pcs-widget data-ph-widget-id="a0eed55411fc833cb94a38f266fb4ec2" instance-id="fpwiff" data-ph-content-id="YuBLHSet"></pcs-widget>
</div></div> 
  <!--  js files --> 
  <script src="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/en_global/desktop/assets/scripts/1689829775794-custom.js" data-ph-id="ph-page-element-page10-Tqvb6j" async="" nonce=""></script> 
 <script id="platform_script_polyfill" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/minified.js" nomodule="" defer=""></script><script id="platform_script_vendor" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/vue.min-1.0_1636721870521.js" defer=""></script><script id="platform_script_common" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/common/pcs-common-v1.17_1711001038648.js" defer=""></script><script id="caas_bootstrapper" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/bootstrap/ph-platform-1.17_1711627640948.js" defer="" nonce=""> </script><script type="text/javascript">if(phApp) {phApp.viewsFromPage = true} else {var phApp = {"viewsFromPage":true}}</script><script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/PGBPGNGLOBAL/en_global/desktop/page10/caas-platform/page-views-1710153225491.js" defer></script><script id="chatbotScript">
  var timestamp = Date.now();
  var scriptElement = document.createElement("script");
  scriptElement.async = true;
scriptElement.id = "chatbotInitScript";
  scriptElement.src =
    "https://cdn-bot.phenompeople.com/txm-bot/prod-ir/prod-ir.js" +"?v=" + timestamp;
  var getScripts = document.getElementsByTagName("script");
  var lastScriptElement = getScripts[getScripts.length - 1];
  lastScriptElement.parentNode.insertBefore(scriptElement, lastScriptElement);
  window.chatbotURL = window.phApp.baseUrl;
</script>
</body> 
</html><div id='csrfToken' style='display:none'>9476185c17d244ca8e104acb71a98f69</div>
