PageSourceSearch

https://www.military2career.com/

html military2career.com collected 2026-10-04 03:06:08 UTC 257,805 bytes, 4,099 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <meta name="csrf-token" content="4wfGTdyiL6k3NJYinjVUhGtqxxdSnzpyf1pudrFp">
8
9    <title>Military Veterans Career Channel | Transition to Civilian Careers | TalentAlly </title>
10    <meta name="description" content="Discover new and exciting civilian job opportunities for military veterans at companies that value diversity and inclusion. The Military Veterans Career Channel, powered by TalentAlly, offers resources, events, and tools to facilitate career growth and bridge the gap between military service and civilian employment. " />
11    <meta name="keywords" content="" />
12
13    <link rel="icon" href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/favicon.ico">
14    <link rel="icon" type="image/png" sizes="16x16"
15        href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/favicon-16x16.png">
16    <link rel="icon" type="image/png" sizes="32x32"
17        href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/favicon-32x32.png">
18    <link rel="apple-touch-icon" href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/apple-touch-icon.png">
19    <link rel="icon" type="image/png" sizes="192x192"
20        href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/android-chrome-192x192.png">
21    <link rel="icon" type="image/png" sizes="512x512"
22        href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/android-chrome-512x512.png">
23    
24    <!-- Styles -->
25    <link rel="preconnect" href="https://fonts.googleapis.com">
26    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
27                <link rel="preconnect" href="https://api.talentally.com" crossorigin>
28        <link rel="dns-prefetch" href="//api.talentally.com">
29        <!-- Global site font: DM Sans -->
30    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,100..1000;1,100..1000&display=swap" rel="stylesheet">
31    <!-- Theme-provided font (kept for compatibility) -->
32    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
33    <style>
34        /* Theme CSS Variables - dynamically set from JobBoard::cssVariables() */
35        :root {
36            --primary-color: #0A4D22; --secondary-color: #CFF8D9; --theme-font: DM Sans;
37        }
38        
39        /* Fix for horizontal scrollbar issue */
40        html {
41            overflow-x: hidden;
42            max-width: 100%;
43        }
44        
45        body {
46            overflow-x: hidden;
47            max-width: 100%;
48        }
49        
50        /* Fix for full-width sections */
51        .w-screen {
52            max-width: 100vw;
53        }
54        
55        .ck-content ul,
56        .ck-content ol {
57            list-style: initial;
58            margin-left: 20px;
59        }
60        
61        [id^="div-gpt-ad"] {
62            background-color: #f0f0f0;
63            min-height: 50px;
64            min-width: 50px;
65            display: block;
66        }
67        
68        /* Alpine.js x-cloak - ensure this is loaded before any Alpine components */
69        [x-cloak] {
70            display: none !important;
71        }
72
73        /* When the mobile job overlay is open, drop header beneath it */
74        body.job-overlay-open .header-shell {
75            z-index: 1 !important;
76            pointer-events: none;
77        }
78        /* Robust sticky helper for Safari/WebKit */
79        .supports-sticky { position: -webkit-sticky; position: sticky; }
80        /* Ensure the job overlay's sticky wrapper stacks above header when open */
81        body.job-overlay-open .job-details-sticky-wrap {
82            z-index: 999990 !important;
83        }
84        /* Promote the find-jobs hero wrapper stacking context above header when overlay is open */
85        body.job-overlay-open .full-width-section {
86            z-index: 999980 !important;
87            position: relative;
88        }
89    </style>
90
91    <link rel="preload" as="style" href="https://www.military2career.com/build/assets/app-Bzf6DTPC.css" /><link rel="stylesheet" href="https://www.military2career.com/build/assets/app-Bzf6DTPC.css" data-navigate-track="reload" />    <style>
92    /* Prevent slides from shrinking; ensure overflow for snaps */
93    #hc-wrapper-resources_job_search .embla__container > * { flex: 0 0 auto; }
94    
95    #hc-left-resources_job_search, #hc-right-resources_job_search {
96        pointer-events: auto !important; user-select: none; background-color: rgba(255,255,255,0.9); color: var(--primary-color, #4B5563); border: none; outline: none; backdrop-filter: saturate(160%) blur(6px);
97        background-image: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--primary-color, #111827) 12%, #ffffff) 100%);
98    }
99    #hc-left-resources_job_search:hover, #hc-right-resources_job_search:hover { background-color: rgba(255,255,255,0.98); }
100    #hc-left-resources_job_search:focus, #hc-right-resources_job_search:focus { outline: 2px solid #3B82F6; outline-offset: 2px; }
101
102    @media (max-width: 767px) {
103        #hc-wrapper-resources_job_search .embla__container > .js-carousel-card {
104                            min-width: 320px; max-width: 320px;
105                    }
106    }
107    #hc-dots-resources_job_search button { transition: all .3s ease; box-sizing: content-box; border: 1px solid transparent; line-height: 0; }
108    #hc-dots-resources_job_search button.active { background-color: var(--primary-color, #2563eb) !important; width: 1.5rem !important; border-color: var(--secondary-color, #FFDE59); }
109    #hc-dots-resources_job_search button.inactive { background-color: rgba(0,0,0,.2); width: .5rem; border-color: transparent; }
110</style>
111<style>
112    /* Prevent slides from shrinking; ensure overflow for snaps */
113    #hc-wrapper-resources_recruiter .embla__container > * { flex: 0 0 auto; }
114    
115    #hc-left-resources_recruiter, #hc-right-resources_recruiter {
116        pointer-events: auto !important; user-select: none; background-color: rgba(255,255,255,0.9); color: var(--primary-color, #4B5563); border: none; outline: none; backdrop-filter: saturate(160%) blur(6px);
117        background-image: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--primary-color, #111827) 12%, #ffffff) 100%);
118    }
119    #hc-left-resources_recruiter:hover, #hc-right-resources_recruiter:hover { background-color: rgba(255,255,255,0.98); }
120    #hc-left-resources_recruiter:focus, #hc-right-resources_recruiter:focus { outline: 2px solid #3B82F6; outline-offset: 2px; }
121
122    @media (max-width: 767px) {
123        #hc-wrapper-resources_recruiter .embla__container > .js-carousel-card {
124                            min-width: 320px; max-width: 320px;
125                    }
126    }
127    #hc-dots-resources_recruiter button { transition: all .3s ease; box-sizing: content-box; border: 1px solid transparent; line-height: 0; }
128    #hc-dots-resources_recruiter button.active { background-color: var(--primary-color, #2563eb) !important; width: 1.5rem !important; border-color: var(--secondary-color, #FFDE59); }
129    #hc-dots-resources_recruiter button.inactive { background-color: rgba(0,0,0,.2); width: .5rem; border-color: transparent; }
130</style>
131<style>
132    /* Prevent slides from shrinking; ensure overflow for snaps */
133    #hc-wrapper-resources_workplace .embla__container > * { flex: 0 0 auto; }
134    
135    #hc-left-resources_workplace, #hc-right-resources_workplace {
136        pointer-events: auto !important; user-select: none; background-color: rgba(255,255,255,0.9); color: var(--primary-color, #4B5563); border: none; outline: none; backdrop-filter: saturate(160%) blur(6px);
137        background-image: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--primary-color, #111827) 12%, #ffffff) 100%);
138    }
139    #hc-left-resources_workplace:hover, #hc-right-resources_workplace:hover { background-color: rgba(255,255,255,0.98); }
140    #hc-left-resources_workplace:focus, #hc-right-resources_workplace:focus { outline: 2px solid #3B82F6; outline-offset: 2px; }
141
142    @media (max-width: 767px) {
143        #hc-wrapper-resources_workplace .embla__container > .js-carousel-card {
144                            min-width: 320px; max-width: 320px;
145                    }
146    }
147    #hc-dots-resources_workplace button { transition: all .3s ease; box-sizing: content-box; border: 1px solid transparent; line-height: 0; }
148    #hc-dots-resources_workplace button.active { background-color: var(--primary-color, #2563eb) !important; width: 1.5rem !important; border-color: var(--secondary-color, #FFDE59); }
149    #hc-dots-resources_workplace button.inactive { background-color: rgba(0,0,0,.2); width: .5rem; border-color: transparent; }
150</style>
151            <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
152        
152<script src="/js/silktide-consent-manager.js"></script>
vendor: 1 bytes, line 152
152
153<script>
154  // Initialize the dataLayer
155  window.dataLayer = window.dataLayer || [];
156
157  // Create the gtag function that pushes to the dataLayer
158  function gtag(){dataLayer.push(arguments);}
159
160  // Set consent defaults
161  gtag('consent', 'update', {
162      'ad_storage': localStorage.getItem('silktideCookieChoice_analytics') === 'true' ? 'granted' : 'denied',
163      'ad_user_data': localStorage.getItem('silktideCookieChoice_advertising') === 'true' ? 'granted' : 'denied',
164      'ad_personalization': localStorage.getItem('silktideCookieChoice_advertising') === 'true' ? 'granted' : 'denied',
165      'analytics_storage': localStorage.getItem('silktideCookieChoice_advertising') === 'true' ? 'granted' : 'denied',
166      'functionality_storage': localStorage.getItem('silktideCookieChoice_necessary') === 'true' ? 'granted' : 'denied',
167      'security_storage': localStorage.getItem('silktideCookieChoice_necessary') === 'true' ? 'granted' : 'denied'
168  });
169
170silktideCookieBannerManager.updateCookieBannerConfig({
171  background: {
172    showBackground: true
173  },
174  cookieIcon: {
175    position: "bottomLeft"
176  },
177  cookieTypes: [
178    {
179      id: "necessary",
180      name: "Necessary",
181      description: "<p>These cookies are necessary for the website to function properly and cannot be switched off. They help with things like logging in and setting your privacy preferences.</p>",
182      required: true,
183      onAccept: function() {
184        gtag('consent', 'update', {
185          functionality_storage: 'granted',
186          security_storage: 'granted',
187        });
188        dataLayer.push({
189          'event': 'consent_accepted_necessary',
190        });
191      }
192    },
193    {
194      id: "analytics",
195      name: "Analytics",
196      description: "<p>These cookies help us improve the site by tracking which pages are most popular and how visitors move around the site.</p>",
197      defaultValue: true,
198      onAccept: function() {
199        gtag('consent', 'update', {
200          analytics_storage: 'granted',
201        });
202        dataLayer.push({
203          'event': 'consent_accepted_analytics',
204        });
205      },
206      onReject: function() {
207        gtag('consent', 'update', {
208          analytics_storage: 'denied',
209        });
210      }
211    },
212    {
213      id: "advertising",
214      name: "Advertising",
215      description: "<p>These cookies provide extra features and personalization to improve your experience. They may be set by us or by partners whose services we use.</p>",
216      onAccept: function() {
217        gtag('consent', 'update', {
218          ad_storage: 'granted',
219          ad_user_data: 'granted',
220          ad_personalization: 'granted',
221        });
222        dataLayer.push({
223          'event': 'consent_accepted_advertising',
224        });
225      },
226      onReject: function() {
227        gtag('consent', 'update', {
228          ad_storage: 'denied',
229          ad_user_data: 'denied',
230          ad_personalization: 'denied',
231        });
232      }
233    }
234  ],
235  text: {
236    banner: {
237      description: "<p>We use cookies on our site to enhance your user experience, provide personalized content, and analyze our traffic. <a href=\"/privacy\" target=\"_blank\">Privacy Policy</a></p>",
238      acceptAllButtonText: "Accept all",
239      acceptAllButtonAccessibleLabel: "Accept all cookies",
240      rejectNonEssentialButtonText: "Reject non-essential",
241      rejectNonEssentialButtonAccessibleLabel: "Reject non-essential",
242      preferencesButtonText: "Preferences",
243      preferencesButtonAccessibleLabel: "Toggle preferences"
244    },
245    preferences: {
246      title: "Customize your cookie preferences",
247      description: "<p>We respect your right to privacy. You can choose not to allow some types of cookies. Your cookie preferences will apply across our website.</p>",
248      creditLinkText: "Get this banner for free",
249      creditLinkAccessibleLabel: "Get this banner for free"
250    }
251  }
252});
253</script>
253    <!-- Google Tag Manager -->
254    
254<script>
vendor: 554 bytes, lines 254-268
254
255        (function(w, d, s, l, i) {
256            w[l] = w[l] || [];
257            w[l].push({
258                'gtm.start': new Date().getTime(),
259                event: 'gtm.js'
260            });
261            var f = d.getElementsByTagName(s)[0],
262                j = d.createElement(s),
263                dl = l != 'dataLayer' ? '&l=' + l : '';
264            j.async = true;
265            j.src =
266                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
267            f.parentNode.insertBefore(j, f);
268        })(window, document, 'script', 'dataLayer', '
268GTM-WTC5M5FK
vendor: 8 bytes, lines 268-269
268');
269    
269</script>
269
270    <!-- End Google Tag Manager -->
271    
271<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
271
272    
272<script>
273        window.googletag = window.googletag || { cmd: [] };
274        googletag.cmd.push(function() {
275            if (!window.__gptSlotsDefined) {
276                try {
277                    googletag.defineSlot('/21862788/728x90_Top', [728, 90], 'div-gpt-ad-1673477322391-0')
278                        .addService(googletag.pubads());
279                    googletag.defineSlot('/21862788/728x90_Middle', [728, 90], 'div-gpt-ad-1673477485694-0')
280                        .addService(googletag.pubads());
281                    googletag.defineSlot('/21862788/728x90_Bottom', [728, 90], 'div-gpt-ad-1673477641979-0')
282                        .addService(googletag.pubads());
283                    googletag.defineSlot('/21862788/300x250_Top', [300, 250], 'div-gpt-ad-1673534920874-0')
284                        .addService(googletag.pubads());
285                    googletag.defineSlot('/21862788/300x250_Bottom', [300, 250], 'div-gpt-ad-1673534953025-0')
286                        .addService(googletag.pubads());
287                    googletag.defineSlot('/21862788/300x50_Top', [300, 50], 'div-gpt-ad-1673534901130-0')
288                        .addService(googletag.pubads());
289                    window.__gptSlotsDefined = true;
290                } catch (e) {
291                    // avoid crashing on duplicate slot definitions during SPA navigation
292                }
293            }
294            try {
295                googletag.pubads().setPrivacySettings({'restrictDataProcessing': true});
296                googletag.pubads().enableSingleRequest();
297                googletag.pubads().collapseEmptyDivs();
298                googletag.pubads().setTargeting('Site', ['military2career']);
299                                                googletag.pubads().setTargeting('Section', ['homepage']);
300                                                googletag.enableServices();
301            } catch (e) {
302                // GPT may not be ready; ignore
303            }
304        });
305    </script>
305
306        <link rel="preload" as="style" href="https://www.military2career.com/build/assets/vendor-DRf1F60d.css" /><link rel="modulepreload" as="script" href="https://www.military2career.com/build/js/app-B4buQEAp.js" /><link rel="modulepreload" as="script" href="https://www.military2career.com/build/js/utils-CrnIUL7N.js" /><link rel="modulepreload" as="script" href="https://www.military2career.com/build/js/vendor-BUYbsWCt.js" /><link rel="stylesheet" href="https://www.military2career.com/build/assets/vendor-DRf1F60d.css" data-navigate-track="reload" />
306<script type="module" src="https://www.military2career.com/build/js/app-B4buQEAp.js" data-navigate-track="reload"></script>
306</head>
307
308<body x-data="{ showingModal: false }"
309    class="antialiased bg-white font-[var(--theme-font)] justify-center">
310    <!-- Google Tag Manager (noscript) -->
vendor: 81 bytes, lines 310-312
310
311    <noscript>
312        <iframe src="https://www.googletagmanager.com/ns.html?id=
312GTM-WTC5M5FK
vendor: 104 bytes, lines 312-315
312" height="0" width="0"
313            style="display:none;visibility:hidden"></iframe>
314    </noscript>
315    
315<!-- End Google Tag Manager (noscript) -->
316        <div class="p-[8px] lg:p-[16px] max-w-[1400px] min-[1700px]:max-w-[1700px] mx-auto">
317        <style>
318    /* Critical CSS for preventing x-cloak flash */
319    [x-cloak] { display: none !important; }
320
321    /* Sign Up dropdown special styling - inspired by modern design patterns */
322    .signup-dropdown-container {
323        position: relative;
324        z-index: 50;
325    }
326
327    .signup-dropdown-container .dropdown-button {
328        transition: border-radius 0.15s ease, box-shadow 0.15s ease;
329    }
330
331    /* Smooth transitions for signup button */
332    .signup-button {
333        transition: all 0.15s ease !important;
334    }
335
336    /* Ensure no unwanted transforms or filters are applied */
337    .signup-dropdown-container:hover .signup-button,
338    .signup-dropdown-container.dropdown-open .signup-button {
339        filter: none !important;
340        opacity: 1 !important;
341        transform: none !important;
342    }
343
344    /* Tailwind hover utilities now handle dropdown link background */
345
346    /* Ensure nav always stacks above page content */
347    .header-shell { position: relative; z-index: 1000000 !important; }
348    .site-header .dropdown-menu { z-index: 1000001 !important; overflow: visible !important; }
349</style>
350
351
352<div x-data="{ menuOpen: false, showEmployerModal: false }" x-init="menuOpen = false; showEmployerModal = false; $watch('menuOpen', value => { document.body.style.overflow = value ? 'hidden' : ''; })" class="header-shell site-header relative z-[60] bg-[#F0F0F0] p-[16px] lg:p-[24px] xl:p-[32px] mb-4 lg:mb-6 xl:mb-6 rounded-[16px]">
353    <nav class="flex justify-between items-center">
354        <!-- Logo -->
355        <div class="flex items-center">
356            
357                            <a href="https://www.military2career.com" wire:navigate>
358                    <img src="https://pdn-job-boards.s3.amazonaws.com/M2C/logo/logo-primary.png" alt="Logo" class="h-[40px] xl:h-auto lg:w-auto max-h-[96px]">
359                </a>
360                    </div>
361
362        <!-- Mobile Menu Button -->
363        <div class="lg:hidden">
364            <button @click="menuOpen = !menuOpen" class="w-10 h-10 rounded-full flex items-center justify-center bg-[#0A4D22]">
365                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
366                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
367                </svg>
368            </button>
369        </div>
370
371        <!-- Desktop Navigation -->
372        <div class="hidden lg:block">
373            <div class="flex flex-wrap space-x-[64px] justify-end items-center">
374                                                            <!-- Regular Link (for backward compatibility) -->
375                        <a href="https://www.military2career.com/jobs" 
376                                                       wire:navigate                            class="text-neutral-900 text-base font-medium">
377                            Explore Jobs
378                        </a>
379                                                                                <!-- Regular Link (for backward compatibility) -->
380                        <a href="https://events.talentally.com" 
381                                                                                 class="text-neutral-900 text-base font-medium">
382                            Events
383                        </a>
384                                                                                <!-- Regular Link (for backward compatibility) -->
385                        <a href="https://www.military2career.com/who-is-hiring" 
386                                                       wire:navigate                            class="text-neutral-900 text-base font-medium">
387                            Companies
388                        </a>
389                                                                                <!-- Regular Link (for backward compatibility) -->
390                        <a href="https://www.military2career.com/signup" 
391                                                       wire:navigate                            class="text-neutral-900 text-base font-medium">
392                            Join
393                        </a>
394                                                                                <!-- Regular Link (for backward compatibility) -->
395                        <a href="https://www.military2career.com/login" 
396                                                       wire:navigate                            class="text-neutral-900 text-base font-medium">
397                            Login
398                        </a>
399                                                                                <!-- Action Button -->
400                                                                                                                                        <button 
401    class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5  rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE]" @click.prevent="window.open('https://talentally.com/recruitment?from_affinity=1&amp;brand=Military%20Veterans%20Career%20Channel', '_blank'); showEmployerModal = true"
402    >
403            <span class="inline-flex items-center">
404                    
405        
406        For Employers
407        
408            </span>
409</button>
410                                                                                                    </div>
411        </div>
412    </nav>
413
414    <!-- Mobile Navigation Menu -->
415    
416            <!-- Full Screen Overlay Mobile Menu (TalentAlly Style) -->
417        <template x-if="menuOpen">
418        <div x-show="menuOpen" 
419             x-transition:enter="transition ease-out duration-300"
420             x-transition:enter-start="opacity-0"
421             x-transition:enter-end="opacity-100"
422             x-transition:leave="transition ease-in duration-200"
423             x-transition:leave-start="opacity-100"
424             x-transition:leave-end="opacity-0"
425             @click.self="menuOpen = false"
426             class="fixed inset-0 bg-[#0A4D22] lg:hidden z-[90] flex flex-col">
427
428            <!-- Header with Logo and Close Button -->
429            <div class="flex justify-between items-center p-4">
430                <!-- Logo (left-aligned with menu text) -->
431                                    <a href="https://www.military2career.com">
432                        <img src="https://pdn-job-boards.s3.amazonaws.com/M2C/logo/logo-primary.png" alt="Logo" class="h-10 w-auto">
433                    </a>
434                
435                <!-- Close Button -->
436                <button @click="menuOpen = false" class="w-12 h-12 bg-white rounded-full flex items-center justify-center text-black text-xl font-bold hover:bg-gray-100 transition-colors">
437                    ×
438                </button>
439            </div>
440
441            <!-- Navigation Content -->
442            <div class="flex-1 px-6 py-6 overflow-y-auto">
443                
444                                    
445                                                                    <!-- Regular Mobile Link (for backward compatibility) -->
446                                                    <a href="https://www.military2career.com/jobs"
447                                                              class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors">
448                                Explore Jobs
449                            </a>
450                                                                                                    
451                                                                    <!-- Regular Mobile Link (for backward compatibility) -->
452                                                    <a href="https://events.talentally.com"
453                                                              class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors">
454                                Events
455                            </a>
456                                                                                                    
457                                                                    <!-- Regular Mobile Link (for backward compatibility) -->
458                                                    <a href="https://www.military2career.com/who-is-hiring"
459                                                              class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors">
460                                Companies
461                            </a>
462                                                                                                    
463                                                                    <!-- Regular Mobile Link (for backward compatibility) -->
464                                                    <a href="https://www.military2career.com/signup"
465                                                              class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors">
466                                Join
467                            </a>
468                                                                                                    
469                                                                    <!-- Regular Mobile Link (for backward compatibility) -->
470                                                    <a href="https://www.military2career.com/login"
471                                                              class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors">
472                                Login
473                            </a>
474                                                                                                    
475                                                                    <!-- Mobile Action Button (Skip Search Jobs) -->
476                        <div class="mb-8">
477                                                            <a href="https://www.military2career.com/post-a-job"
478                                                                      class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors">
479                                    For Employers
480                                </a>
481                                                    </div>
482                                                                    </div>
483        </div>
484        </template>
485    
486    </div>
487
488
489
490<script>
491// Expose a reusable initializer so the header can be re‑bound after AJAX replacement
492window.initHeaderDropdowns = function(rootEl) {
493    const root = rootEl || document;
494    // Desktop Dropdown Functionality
495    const dropdownContainers = root.querySelectorAll('.dropdown-container');
496    dropdownContainers.forEach(container => {
497        // Prevent duplicate bindings on SPA navigations
498        if (container.dataset.dropdownBound === '1') return;
499        container.dataset.dropdownBound = '1';
500        const button = container.querySelector('.dropdown-button');
501        const menu = container.querySelector('.dropdown-menu');
502        const arrow = container.querySelector('.dropdown-arrow');
503        if (!button || !menu || !arrow) return;
504        let isOpen = false;
505        let hoverTimeout;
506        function openDropdown() {
507            if (isOpen) return;
508            isOpen = true;
509            menu.classList.remove('opacity-0', 'pointer-events-none');
510            menu.classList.add('opacity-100');
511            arrow.style.transform = 'rotate(180deg)';
512            if (container.classList.contains('signup-dropdown-container')) {
513                container.classList.add('dropdown-open');
514            }
515        }
516        function closeDropdown() {
517            if (!isOpen) return;
518            isOpen = false;
519            menu.classList.remove('opacity-100');
520            menu.classList.add('opacity-0', 'pointer-events-none');
521            arrow.style.transform = 'rotate(0deg)';
522            if (container.classList.contains('signup-dropdown-container')) {
523                container.classList.remove('dropdown-open');
524            }
525        }
526        container.addEventListener('mouseenter', () => {
527            clearTimeout(hoverTimeout);
528            openDropdown();
529            if (container.classList.contains('signup-dropdown-container')) {
530                const signupButton = container.querySelector('button[data-signup-dropdown="true"]');
531                if (signupButton) {
532                    signupButton.style.setProperty('border-bottom-left-radius', '0', 'important');
533                    signupButton.style.setProperty('border-bottom-right-radius', '0', 'important');
534                    signupButton.style.setProperty('background-color', 'rgb(229, 231, 235)', 'important');
535                }
536            }
537        });
538        container.addEventListener('mouseleave', () => {
539            hoverTimeout = setTimeout(() => {
540                closeDropdown();
541                if (container.classList.contains('signup-dropdown-container')) {
542                    const signupButton = container.querySelector('button[data-signup-dropdown="true"]');
543                    if (signupButton) {
544                        signupButton.style.removeProperty('border-bottom-left-radius');
545                        signupButton.style.removeProperty('border-bottom-right-radius');
546                        signupButton.style.removeProperty('background-color');
547                    }
548                }
549            }, 100);
550        });
551    });
552    // Regular dropdown link hover states
553    const regularDropdownLinks = root.querySelectorAll('.regular-dropdown-link');
554    regularDropdownLinks.forEach(link => {
555        link.addEventListener('mouseenter', function() { this.style.backgroundColor = 'rgb(243, 244, 246)'; });
556        link.addEventListener('mouseleave', function() { this.style.backgroundColor = 'transparent'; });
557    });
558    // Mobile dropdowns
559    const mobileDropdowns = root.querySelectorAll('.mobile-dropdown');
560    mobileDropdowns.forEach(dropdown => {
561        if (dropdown.dataset.dropdownBound === '1') return;
562        dropdown.dataset.dropdownBound = '1';
563        const button = dropdown.querySelector('.mobile-dropdown-button');
564        const content = dropdown.querySelector('.mobile-dropdown-content');
565        const arrow = dropdown.querySelector('.mobile-dropdown-arrow');
566        if (!button || !content || !arrow) return;
567        let isOpen = false;
568        button.addEventListener('click', function() {
569            if (isOpen) {
570                content.classList.remove('opacity-100');
571                content.classList.add('opacity-0');
572                content.style.maxHeight = '0';
573                arrow.style.transform = 'rotate(0deg)';
574                isOpen = false;
575            } else {
576                content.classList.remove('opacity-0');
577                content.classList.add('opacity-100');
578                content.style.maxHeight = content.scrollHeight + 'px';
579                arrow.style.transform = 'rotate(180deg)';
580                isOpen = true;
581            }
582        });
583    });
584};
585
586// Initialize on first load
587document.addEventListener('DOMContentLoaded', function() { window.initHeaderDropdowns(document); });
588</script>
588        
588<script>
589            // When user logs in via modal, re-fetch and replace the header without full-page reload
590            window.addEventListener('user-logged-in', () => {
591                // Run slightly after Livewire finishes to ensure session is saved
592                setTimeout(async () => {
593                    try {
594                        const res = await fetch('https://www.military2career.com/fragments/header', {
595                            headers: { 'X-Requested-With': 'XMLHttpRequest' },
596                            credentials: 'same-origin'
597                        });
598                        if (!res.ok) return;
599                        const html = await res.text();
600                        const temp = document.createElement('div');
601                        temp.innerHTML = html;
602                        const newHeader = temp.querySelector('.header-shell');
603                        const oldHeader = document.querySelector('.header-shell');
604                        if (newHeader && oldHeader) {
605                            oldHeader.replaceWith(newHeader);
606                            if (window.Alpine && typeof window.Alpine.initTree === 'function') {
607                                window.Alpine.initTree(newHeader);
608                            }
609                            if (typeof window.initHeaderDropdowns === 'function') {
610                                window.initHeaderDropdowns(newHeader);
611                            }
612                        }
613                    } catch (e) { /* no-op */ }
614                }, 250);
615            });
616        </script>
616
617        <main x-show="!showingModal">
618                        <div class="relative mx-auto">
619                <div
620    class="rounded-[24px] xl:rounded-[32px] w-full mt-[8px] lg:mt-[16px] bg-cover bg-no-repeat ">
621    <div class="rounded-[24px] xl:rounded-[32px] bg-[#0A4D22]">
622        <div
623            class="py-[46px] px-[16px] lg:flex lg:items-center h-full w-full lg:py-[119px] xl:py-[129px] lg:px-[38px] xl:px-[50px] lg:space-x-[64px] xl:space-x-[118px]">
624            <div class="w-full lg:w-1/2">
625                <p class="leading-[120%] lg:leading-[120%] xl:leading-[120%] text-white text-4xl lg:text-5xl xl:text-6xl font-bold h-full">
626    Find Your Next Civilian Career Opportunity on the Military Veterans Career Channel
627</p>
628<p class="text-white text-xl xl:text-2xl font-normal mt-[14px]">
629    We are dedicated to helping more military veterans find great jobs at companies that value diversity and inclusion.
630</p>
631            </div>
632            <div class="w-full lg:w-1/2 z-20">
633                <form method="get" action="https://www.military2career.com/jobs">
634                    <div
635                        class="mt-[48px] lg:mt-0 flex flex-col justify-center ml-auto mr-auto rounded-[20px] backdrop-blur-md py-[46px] px-[32px]"
636                        style="background: var(--kdc-glassmorphism, linear-gradient(108deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.07) 100%));">
637                        <div class="text-white text-2xl lg:text-4xl font-bold pb-[23px]">Start your job search</div>
638                        <div class="flex-col justify-start items-start gap-2 inline-flex pb-[23px] w-full">
639                            <div class="text-white text-base font-normal w-full">Keywords</div>
640                            <input class="w-full rounded-lg p-[12px] border-none text-neutral-500 text-base font-normal"
641                                   name="keywords"
642                                   type="text"
643                                   placeholder="Job title, skills, etc.">
644                        </div>
645                        <div class="flex-col justify-start items-start gap-2 inline-flex pb-[23px] w-full">
646                            <div class="text-white text-base font-normal w-full">Location</div>
647                            <input class="w-full rounded-lg p-[12px] border-none text-neutral-500 text-base font-normal"
648                                   name="location"
649                                   type="text"
650                                   placeholder="City, State">
651                        </div>
652                        <button
653     type="submit"
654                  class="cursor-pointer min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-black text-white stroke-white hover:bg-[#E2E2E2] hover:text-black disabled:bg-[#AEAEAE] disabled:text-black disabled:stroke-black" type="submit">
655                                Search Jobs
656        </button>
657
658                    </div>
659                </form>
660            </div>
661        </div>
662    </div>
663</div>
664    <div id="mission" class="py-[64px] px-[16px] lg:p-[80px] mt-[8px] lg:mt-[16px] bg-neutral-50 rounded-[24px] xl:rounded-[32px] w-full">
665	The Military Veterans Career Channel is powered by TalentAlly. We support veterans' transition to civilian careers by providing access to new and exciting job opportunities, along with resources, events, and tools to facilitate career growth. Our mission is to bridge the gap between military service and civilian employment by providing a platform that empowers veterans to pursue fulfilling careers.
666</div>    <div>
667        <div class="py-[80px] xl:p-[80px] lg:py-[64px] px-2 lg:px-[32px] my-8 bg-neutral-50 rounded-[24px] xl:rounded-[32px] w-full cv-auto cis-800">
668    <div class="w-full flex flex-col items-center lg:flex-row gap-y-[24px] lg:gap-y-0 rounded-[24px] xl:rounded-[32px] w-full">
669        <div class="text-center lg:text-left w-full lg:w-1/2 text-neutral-900 text-4xl font-bold">Featured Jobs</div>
670        <div class="w-full text-center lg:w-1/2 lg:text-right">
671            <a href="https://www.military2career.com/post-a-job" wire:navigate><button 
672    class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-[1vw] inline-flex text-lg font-bold px-10 py-4  rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE]"
673    >
674            <span class="inline-flex items-center">
675                    
676        
677        Post a Job
678        
679            </span>
680</button>
681</a>
682        </div>
683    </div>
684    <div class="mt-[48px] grid grid-cols-1 lg:grid-cols-3 place-items-center gap-[24px] rounded-[24px] xl:rounded-[32px] w-full">
685                    <div class="z-10 flex-grow bg-white rounded-[16px] p-3 sm:p-[24px] xl:p-[32px] w-full h-full">
686    <div class="flex flex-col items-center">
687        <div class="flex justify-center mb-[24px]">
688                                                <a href="https://www.military2career.com/company/bonneville-environmental-foundation-bef"><span>
689            <div class="w-[60px] h-[60px] rounded flex items-center">
690            <img
691                alt="Bonneville Environmental Foundation (BEF)"
692                title="Bonneville Environmental Foundation (BEF)"
693                src="https://pdn-job-boards.s3.amazonaws.com/logos/migrated/1488714_1701907547.jpg"
694                 width="60"                  height="60"                 loading="lazy" decoding="async" />
695        </div>
696    </span>
697</a>
698                                    </div>
699        <div class="w-full">
700            <p class="text-black text-xl font-bold pb-[16px] text-center"><a href="https://www.military2career.com/job/senior-manager-corporate-partnerships-communications-bws">Senior Manager, Corporate Partnerships &amp; Communications, BWS</a></p>
701            <div class="flex flex-col items-center lg:items-start space-y-[12px]">
702                <div class="flex items-center">
703                    <svg
704    width="16"
705    height="16"
706    fill="none"
707    stroke="rgb(115 115 115)"
708    stroke-width="1"
709    stroke-linecap="round"
710    stroke-linejoin="round"
711>
712    <use href="feather-sprite.svg#trello" />
713</svg>
714                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal">
715                                                                                    <a href="https://www.military2career.com/company/bonneville-environmental-foundation-bef">Bonneville Environmental Foundation (BEF)</a>
716                                                                        </div>
717                </div>
718                <div class="flex items-center">
719                    <svg
720    width="16"
721    height="16"
722    fill="none"
723    stroke="rgb(115 115 115)"
724    stroke-width="1"
725    stroke-linecap="round"
726    stroke-linejoin="round"
727>
728    <use href="feather-sprite.svg#map-pin" />
729</svg>
730                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal"><a href="https://www.military2career.com/jobs?location=Portland%2C%20OR">Portland, OR</a></div>
731                </div>
732                <div class="flex items-center">
733                    <svg
734    width="16"
735    height="16"
736    fill="none"
737    stroke="rgb(115 115 115)"
738    stroke-width="1"
739    stroke-linecap="round"
740    stroke-linejoin="round"
741>
742    <use href="feather-sprite.svg#calendar" />
743</svg>
744                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal">Posted - Oct 2, 2026</div>
745                </div>
746            </div>
747        </div>
748    </div>
749        <div class="flex-none grid grid-cols-1 grid-rows-1 gap-[16px] justify-items-center md:justify-items-start w-full pt-[32px]">
750                    <a href="https://www.military2career.com/job/senior-manager-corporate-partnerships-communications-bws" class="w-full md:w-auto"><button 
751    class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5  rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE] w-full md:w-auto md:px-8"
752    >
753            <span class="inline-flex items-center">
754                    
755        
756        Apply Now
757        
758            </span>
759</button>
760</a>
761            </div>
762</div>
763                    <div class="z-10 flex-grow bg-white rounded-[16px] p-3 sm:p-[24px] xl:p-[32px] w-full h-full">
764    <div class="flex flex-col items-center">
765        <div class="flex justify-center mb-[24px]">
766                                                <a href="https://www.military2career.com/company/long-island-power-authority"><span>
767            <div class="w-[60px] h-[60px] rounded flex items-center">
768            <img
769                alt="Long Island Power Authority"
770                title="Long Island Power Authority"
771                src="https://pdn-job-boards.s3.amazonaws.com/logos/migrated/1418076_1690563423.jpg"
772                 width="60"                  height="60"                 loading="lazy" decoding="async" />
773        </div>
774    </span>
775</a>
776                                    </div>
777        <div class="w-full">
778            <p class="text-black text-xl font-bold pb-[16px] text-center"><a href="https://www.military2career.com/job/director-performance-assessment-and-process-optimization">Director, Performance Assessment and Process Optimization</a></p>
779            <div class="flex flex-col items-center lg:items-start space-y-[12px]">
780                <div class="flex items-center">
781                    <svg
782    width="16"
783    height="16"
784    fill="none"
785    stroke="rgb(115 115 115)"
786    stroke-width="1"
787    stroke-linecap="round"
788    stroke-linejoin="round"
789>
790    <use href="feather-sprite.svg#trello" />
791</svg>
792                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal">
793                                                                                    <a href="https://www.military2career.com/company/long-island-power-authority">Long Island Power Authority</a>
794                                                                        </div>
795                </div>
796                <div class="flex items-center">
797                    <svg
798    width="16"
799    height="16"
800    fill="none"
801    stroke="rgb(115 115 115)"
802    stroke-width="1"
803    stroke-linecap="round"
804    stroke-linejoin="round"
805>
806    <use href="feather-sprite.svg#map-pin" />
807</svg>
808                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal"><a href="https://www.military2career.com/jobs?location=Uniondale%2C%20NY">Uniondale, NY</a></div>
809                </div>
810                <div class="flex items-center">
811                    <svg
812    width="16"
813    height="16"
814    fill="none"
815    stroke="rgb(115 115 115)"
816    stroke-width="1"
817    stroke-linecap="round"
818    stroke-linejoin="round"
819>
820    <use href="feather-sprite.svg#calendar" />
821</svg>
822                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal">Posted - Sep 24, 2026</div>
823                </div>
824            </div>
825        </div>
826    </div>
827        <div class="flex-none grid grid-cols-1 grid-rows-1 gap-[16px] justify-items-center md:justify-items-start w-full pt-[32px]">
828                    <a href="https://www.military2career.com/job/director-performance-assessment-and-process-optimization" class="w-full md:w-auto"><button 
829    class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5  rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE] w-full md:w-auto md:px-8"
830    >
831            <span class="inline-flex items-center">
832                    
833        
834        Apply Now
835        
836            </span>
837</button>
838</a>
839            </div>
840</div>
841                    <div class="z-10 flex-grow bg-white rounded-[16px] p-3 sm:p-[24px] xl:p-[32px] w-full h-full">
842    <div class="flex flex-col items-center">
843        <div class="flex justify-center mb-[24px]">
844                                                <a href="https://www.military2career.com/company/long-island-power-authority"><span>
845            <div class="w-[60px] h-[60px] rounded flex items-center">
846            <img
847                alt="Long Island Power Authority"
848                title="Long Island Power Authority"
849                src="https://pdn-job-boards.s3.amazonaws.com/logos/migrated/1418076_1690563423.jpg"
850                 width="60"                  height="60"                 loading="lazy" decoding="async" />
851        </div>
852    </span>
853</a>
854                                    </div>
855        <div class="w-full">
856            <p class="text-black text-xl font-bold pb-[16px] text-center"><a href="https://www.military2career.com/job/it-senior-analyst-operational-technology-ot-and-cyber">IT Senior Analyst, Operational Technology (OT) and Cyber</a></p>
857            <div class="flex flex-col items-center lg:items-start space-y-[12px]">
858                <div class="flex items-center">
859                    <svg
860    width="16"
861    height="16"
862    fill="none"
863    stroke="rgb(115 115 115)"
864    stroke-width="1"
865    stroke-linecap="round"
866    stroke-linejoin="round"
867>
868    <use href="feather-sprite.svg#trello" />
869</svg>
870                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal">
871                                                                                    <a href="https://www.military2career.com/company/long-island-power-authority">Long Island Power Authority</a>
872                                                                        </div>
873                </div>
874                <div class="flex items-center">
875                    <svg
876    width="16"
877    height="16"
878    fill="none"
879    stroke="rgb(115 115 115)"
880    stroke-width="1"
881    stroke-linecap="round"
882    stroke-linejoin="round"
883>
884    <use href="feather-sprite.svg#map-pin" />
885</svg>
886                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal"><a href="https://www.military2career.com/jobs?location=Uniondale%2C%20NY">Uniondale, NY</a></div>
887                </div>
888                <div class="flex items-center">
889                    <svg
890    width="16"
891    height="16"
892    fill="none"
893    stroke="rgb(115 115 115)"
894    stroke-width="1"
895    stroke-linecap="round"
896    stroke-linejoin="round"
897>
898    <use href="feather-sprite.svg#calendar" />
899</svg>
900                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal">Posted - Sep 24, 2026</div>
901                </div>
902            </div>
903        </div>
904    </div>
905        <div class="flex-none grid grid-cols-1 grid-rows-1 gap-[16px] justify-items-center md:justify-items-start w-full pt-[32px]">
906                    <a href="https://www.military2career.com/job/it-senior-analyst-operational-technology-ot-and-cyber" class="w-full md:w-auto"><button 
907    class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5  rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE] w-full md:w-auto md:px-8"
908    >
909            <span class="inline-flex items-center">
910                    
911        
912        Apply Now
913        
914            </span>
915</button>
916</a>
917            </div>
918</div>
919                    <div class="z-10 flex-grow bg-white rounded-[16px] p-3 sm:p-[24px] xl:p-[32px] w-full h-full">
920    <div class="flex flex-col items-center">
921        <div class="flex justify-center mb-[24px]">
922                                                <a href="https://www.military2career.com/company/davant-bakery"><span>
923            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[60px] h-[60px] rounded">
924          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H2
9241m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z" title="Davant bakery"/>
925        </svg>
926    </span>
927</a>
928                                    </div>
929        <div class="w-full">
930            <p class="text-black text-xl font-bold pb-[16px] text-center"><a href="https://www.military2career.com/job/davant-bakery-kitchen-baker-cocina-panadero">D’avant Bakery - KITCHEN - BAKER (COCINA - PANADERO)</a></p>
931            <div class="flex flex-col items-center lg:items-start space-y-[12px]">
932                <div class="flex items-center">
933                    <svg
934    width="16"
935    height="16"
936    fill="none"
937    stroke="rgb(115 115 115)"
938    stroke-width="1"
939    stroke-linecap="round"
940    stroke-linejoin="round"
941>
942    <use href="feather-sprite.svg#trello" />
943</svg>
944                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal">
945                                                                                    <a href="https://www.military2career.com/company/davant-bakery">Davant bakery</a>
946                                                                        </div>
947                </div>
948                <div class="flex items-center">
949                    <svg
950    width="16"
951    height="16"
952    fill="none"
953    stroke="rgb(115 115 115)"
954    stroke-width="1"
955    stroke-linecap="round"
956    stroke-linejoin="round"
957>
958    <use href="feather-sprite.svg#map-pin" />
959</svg>
960                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal"><a href="https://www.military2career.com/jobs?location=closter%2C%20NJ">closter, NJ</a></div>
961                </div>
962                <div class="flex items-center">
963                    <svg
964    width="16"
965    height="16"
966    fill="none"
967    stroke="rgb(115 115 115)"
968    stroke-width="1"
969    stroke-linecap="round"
970    stroke-linejoin="round"
971>
972    <use href="feather-sprite.svg#calendar" />
973</svg>
974                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal">Posted - Sep 4, 2026</div>
975                </div>
976            </div>
977        </div>
978    </div>
979        <div class="flex-none grid grid-cols-1 grid-rows-1 gap-[16px] justify-items-center md:justify-items-start w-full pt-[32px]">
980                    <a href="https://www.military2career.com/job/davant-bakery-kitchen-baker-cocina-panadero" class="w-full md:w-auto"><button 
981    class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5  rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE] w-full md:w-auto md:px-8"
982    >
983            <span class="inline-flex items-center">
984                    
985        
986        Apply Now
987        
988            </span>
989</button>
990</a>
991            </div>
992</div>
993                    <div class="z-10 flex-grow bg-white rounded-[16px] p-3 sm:p-[24px] xl:p-[32px] w-full h-full">
994    <div class="flex flex-col items-center">
995        <div class="flex justify-center mb-[24px]">
996                                                <a href="https://www.military2career.com/company/long-island-power-authority"><span>
997            <div class="w-[60px] h-[60px] rounded flex items-center">
998            <img
999                alt="Long Island Power Authority"
1000                title="Long Island Power Authority"
1001                src="https://pdn-job-boards.s3.amazonaws.com/logos/migrated/1418076_1690563423.jpg"
1002                 width="60"                  height="60"                 loading="lazy" decoding="async" />
1003        </div>
1004    </span>
1005</a>
1006                                    </div>
1007        <div class="w-full">
1008            <p class="text-black text-xl font-bold pb-[16px] text-center"><a href="https://www.military2career.com/job/receptionist-front-desk-1">Receptionist, Front Desk</a></p>
1009            <div class="flex flex-col items-center lg:items-start space-y-[12px]">
1010                <div class="flex items-center">
1011                    <svg
1012    width="16"
1013    height="16"
1014    fill="none"
1015    stroke="rgb(115 115 115)"
1016    stroke-width="1"
1017    stroke-linecap="round"
1018    stroke-linejoin="round"
1019>
1020    <use href="feather-sprite.svg#trello" />
1021</svg>
1022                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal">
1023                                                                                    <a href="https://www.military2career.com/company/long-island-power-authority">Long Island Power Authority</a>
1024                                                                        </div>
1025                </div>
1026                <div class="flex items-center">
1027                    <svg
1028    width="16"
1029    height="16"
1030    fill="none"
1031    stroke="rgb(115 115 115)"
1032    stroke-width="1"
1033    stroke-linecap="round"
1034    stroke-linejoin="round"
1035>
1036    <use href="feather-sprite.svg#map-pin" />
1037</svg>
1038                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal"><a href="https://www.military2career.com/jobs?location=Uniondale%2C%20NY">Uniondale, NY</a></div>
1039                </div>
1040                <div class="flex items-center">
1041                    <svg
1042    width="16"
1043    height="16"
1044    fill="none"
1045    stroke="rgb(115 115 115)"
1046    stroke-width="1"
1047    stroke-linecap="round"
1048    stroke-linejoin="round"
1049>
1050    <use href="feather-sprite.svg#calendar" />
1051</svg>
1052                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal">Posted - Sep 2, 2026</div>
1053                </div>
1054            </div>
1055        </div>
1056    </div>
1057        <div class="flex-none grid grid-cols-1 grid-rows-1 gap-[16px] justify-items-center md:justify-items-start w-full pt-[32px]">
1058                    <a href="https://www.military2career.com/job/receptionist-front-desk-1" class="w-full md:w-auto"><button 
1059    class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5  rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE] w-full md:w-auto md:px-8"
1060    >
1061            <span class="inline-flex items-center">
1062                    
1063        
1064        Apply Now
1065        
1066            </span>
1067</button>
1068</a>
1069            </div>
1070</div>
1071                    <div class="z-10 flex-grow bg-white rounded-[16px] p-3 sm:p-[24px] xl:p-[32px] w-full h-full">
1072    <div class="flex flex-col items-center">
1073        <div class="flex justify-center mb-[24px]">
1074                                                <a href="https://www.military2career.com/company/superior-court-of-california-county-of-alameda"><span>
1075            <div class="w-[60px] h-[60px] rounded flex items-center">
1076            <img
1077                alt="Superior Court of California, County of Alameda"
1078                title="Superior Court of California, County of Alameda"
1079                src="https://pdn-job-boards.s3.amazonaws.com/logos/migrated/1303079_1627068519.png"
1080                 width="60"                  height="60"                 loading="lazy" decoding="async" />
1081        </div>
1082    </span>
1083</a>
1084                                    </div>
1085        <div class="w-full">
1086            <p class="text-black text-xl font-bold pb-[16px] text-center"><a href="https://www.military2career.com/job/legal-processing-assistant-probationary-2">Legal Processing Assistant - Probationary</a></p>
1087            <div class="flex flex-col items-center lg:items-start space-y-[12px]">
1088                <div class="flex items-center">
1089                    <svg
1090    width="16"
1091    height="16"
1092    fill="none"
1093    stroke="rgb(115 115 115)"
1094    stroke-width="1"
1095    stroke-linecap="round"
1096    stroke-linejoin="round"
1097>
1098    <use href="feather-sprite.svg#trello" />
1099</svg>
1100                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal">
1101                                                                                    <a href="https://www.military2career.com/company/superior-court-of-california-county-of-alameda">Superior Court of California, County of Alameda</a>
1102                                                                        </div>
1103                </div>
1104                <div class="flex items-center">
1105                    <svg
1106    width="16"
1107    height="16"
1108    fill="none"
1109    stroke="rgb(115 115 115)"
1110    stroke-width="1"
1111    stroke-linecap="round"
1112    stroke-linejoin="round"
1113>
1114    <use href="feather-sprite.svg#map-pin" />
1115</svg>
1116                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal"><a href="https://www.military2career.com/jobs?location=Oakland%2C%20CA">Oakland, CA</a></div>
1117                </div>
1118                <div class="flex items-center">
1119                    <svg
1120    width="16"
1121    height="16"
1122    fill="none"
1123    stroke="rgb(115 115 115)"
1124    stroke-width="1"
1125    stroke-linecap="round"
1126    stroke-linejoin="round"
1127>
1128    <use href="feather-sprite.svg#calendar" />
1129</svg>
1130                    <div class="pl-[8px] inline text-neutral-500 text-base font-normal">Posted - Sep 2, 2026</div>
1131                </div>
1132            </div>
1133        </div>
1134    </div>
1135        <div class="flex-none grid grid-cols-1 grid-rows-1 gap-[16px] justify-items-center md:justify-items-start w-full pt-[32px]">
1136                    <a href="https://www.military2career.com/job/legal-processing-assistant-probationary-2" class="w-full md:w-auto"><button 
1137    class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5  rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE] w-full md:w-auto md:px-8"
1138    >
1139            <span class="inline-flex items-center">
1140                    
1141        
1142        Apply Now
1143        
1144            </span>
1145</button>
1146</a>
1147            </div>
1148</div>
1149            </div>
1150    <div class="mt-[48px] w-full text-center">
1151        <a href="https://www.military2career.com/jobs" wire:navigate><button
1152 
1153                    class="cursor-pointer min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 border border-current transition-all duration-200 rounded-[12px] bg-white border-solid border-2 border-[#0A4D22] text-[#0A4D22] stroke-[#0A4D22] hover:border-[#CFF8D9] disabled:bg-[#AEAEAE] disabled:text-black disabled:stroke-black">
1154                Find More Jobs
1155</button>
1156</a>
1157    </div>
1158</div>
1159    </div>
1160    <div>
1161            </div>
1162    <div class="mt-2 lg:mt-4">
1163        <style>
1164    /* Enhanced touch scrolling for mobile */
1165    .scrollbar-none {
1166        -webkit-overflow-scrolling: touch;
1167        scrollbar-width: none;
1168        -ms-overflow-style: none;
1169    }
1170    .scrollbar-none::-webkit-scrollbar { display: none; }
1171    [x-cloak] { display: none !important; }
1172    /* Inline loader to ensure animation even if Tailwind animate-spin is purged */
1173    @keyframes loader-spin { to { transform: rotate(360deg); } }
1174    .loader-spin { animation: loader-spin 0.9s linear infinite; }
1175    /* Note: previously hid mobile scrollers until centered; reverted to avoid jank */
1176
1177    /* Removed horizontal progress bar under tabs */
1178    /* HScroll dots: keep existing design, only change active color */
1179    [id^="hc-wrapper-resources_"] .hs-dots .hs-dot {
1180        width: .5rem; height: .5rem; border-radius: 9999px; background: rgba(255,255,255,.4); transition: all .3s ease; border: none; opacity: 1;
1181    }
1182    [id^="hc-wrapper-resources_"] .hs-dots .hs-dot[aria-current="true"] {
1183        background: var(--secondary-color, #FFDE59) !important; width: 1.5rem !important;
1184    }
1185</style>
1186
1187<div class="w-screen relative left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] bg-[#0A4D22] text-white pt-16 xl:pt-24 pb-0">
1188    <div class="max-w-7xl mx-auto px-4 md:px-8 xl:px-12 pb-6 md:pb-16 xl:pb-24">
1189        <!-- Header Section -->
1190                <div class="flex flex-col lg:flex-row justify-between items-center lg:items-center gap-6 mb-12">
1191            <div class="flex-col justify-center items-center lg:items-start gap-2 flex text-center lg:text-left">
1192                                <div class="text-3xl lg:text-4xl font-bold mb-3">Professional Development Resources</div>
1193                                                <!-- Subtitle -->
1194                <div class="text-white/90 text-base sm:text-lg lg:text-xl max-w-2xl leading-relaxed">
1195                    Access invaluable tools and insights to supercharge your job search and career growth journey.
1196                </div>
1197                            </div>
1198                        <div class="flex-shrink-0 mt-4 lg:mt-0 hidden lg:block">
1199                <a href="https://www.military2career.com/resources">
1200                    <button
1201        name="resources-button"
1202               class="cursor-pointer min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]" name="resources-button">
1203                            View Resources
1204</button>
1205
1206                </a>
1207            </div>
1208                    </div>
1209        
1210        <!-- Tab Navigation -->
1211        <div class="relative" x-data="resourcesTabs('job-search-tools')">
1212                        <div id="resources-tabs" role="tablist" class="relative w-full flex flex-col sm:flex-row flex-wrap gap-2 mb-8 justify-center">
1213                                    <button
1214    role="tab"
1215    :aria-selected="(uiTab === 'job-search-tools').toString()"
1216    @pointerdown.passive="uiTab = 'job-search-tools'"
1217    @click.prevent="
1218        (function(){
1219          const t='job-search-tools';
1220          startLoading(t);
1221          uiTab = t;
1222          $nextTick(() => {
1223            requestAnimationFrame(() => {
1224              contentTab = t;
1225              requestAnimationFrame(() => {
1226                try { window.dispatchEvent(new CustomEvent('resources-tab-switched', { detail: { tab: t } })); } catch (_) {}
1227                requestAnimationFrame(() => { stopLoadingWhenMinElapsed(); });
1228              });
1229            });
1230          });
1231        })()
1232    "
1233    :class="uiTab === 'job-search-tools' ? 'rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]' : 'bg-transparent border-2 border-white/30 hover:border-white/50'"
1234    class="px-4 sm:px-6 py-2 sm:py-3 font-semibold text-sm sm:text-base transition-all duration-200 whitespace-nowrap cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black"
1235>
1236    Job Search Tools
1237</button>                                    <button
1238    role="tab"
1239    :aria-selected="(uiTab === 'recruiter-insights').toString()"
1240    @pointerdown.passive="uiTab = 'recruiter-insights'"
1241    @click.prevent="
1242        (function(){
1243          const t='recruiter-insights';
1244          startLoading(t);
1245          uiTab = t;
1246          $nextTick(() => {
1247            requestAnimationFrame(() => {
1248              contentTab = t;
1249              requestAnimationFrame(() => {
1250                try { window.dispatchEvent(new CustomEvent('resources-tab-switched', { detail: { tab: t } })); } catch (_) {}
1251                requestAnimationFrame(() => { stopLoadingWhenMinElapsed(); });
1252              });
1253            });
1254          });
1255        })()
1256    "
1257    :class="uiTab === 'recruiter-insights' ? 'rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]' : 'bg-transparent border-2 border-white/30 hover:border-white/50'"
1258    class="px-4 sm:px-6 py-2 sm:py-3 font-semibold text-sm sm:text-base transition-all duration-200 whitespace-nowrap cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black"
1259>
1260    Recruiter Insights
1261</button>                                    <button
1262    role="tab"
1263    :aria-selected="(uiTab === 'workplace-resources').toString()"
1264    @pointerdown.passive="uiTab = 'workplace-resources'"
1265    @click.prevent="
1266        (function(){
1267          const t='workplace-resources';
1268          startLoading(t);
1269          uiTab = t;
1270          $nextTick(() => {
1271            requestAnimationFrame(() => {
1272              contentTab = t;
1273              requestAnimationFrame(() => {
1274                try { window.dispatchEvent(new CustomEvent('resources-tab-switched', { detail: { tab: t } })); } catch (_) {}
1275                requestAnimationFrame(() => { stopLoadingWhenMinElapsed(); });
1276              });
1277            });
1278          });
1279        })()
1280    "
1281    :class="uiTab === 'workplace-resources' ? 'rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]' : 'bg-transparent border-2 border-white/30 hover:border-white/50'"
1282    class="px-4 sm:px-6 py-2 sm:py-3 font-semibold text-sm sm:text-base transition-all duration-200 whitespace-nowrap cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black"
1283>
1284    Workplace Resources
1285</button>                                    <button
1286    role="tab"
1287    :aria-selected="(uiTab === 'ai-tools').toString()"
1288    @pointerdown.passive="uiTab = 'ai-tools'"
1289    @click.prevent="
1290        (function(){
1291          const t='ai-tools';
1292          startLoading(t);
1293          uiTab = t;
1294          $nextTick(() => {
1295            requestAnimationFrame(() => {
1296              contentTab = t;
1297              requestAnimationFrame(() => {
1298                try { window.dispatchEvent(new CustomEvent('resources-tab-switched', { detail: { tab: t } })); } catch (_) {}
1299                requestAnimationFrame(() => { stopLoadingWhenMinElapsed(); });
1300              });
1301            });
1302          });
1303        })()
1304    "
1305    :class="uiTab === 'ai-tools' ? 'rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]' : 'bg-transparent border-2 border-white/30 hover:border-white/50'"
1306    class="px-4 sm:px-6 py-2 sm:py-3 font-semibold text-sm sm:text-base transition-all duration-200 whitespace-nowrap cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black"
1307>
1308    AI Tools
1309</button>                            </div>
1310            
1311            <!-- Content wrapper to constrain per-card skeletons to results area -->
1312            <div class="relative" id="resources-content" role="region" aria-labelledby="resources-tabs" :aria-busy="isLoading.toString()">
1313
1314            <!-- Resources Grid for each tab -->
1315                        
1316                        <!-- Job Search Tools Tab -->
1317            <div x-show="contentTab === 'job-search-tools'" x-cloak
1318                 x-transition:enter="transition-opacity ease-out duration-300"
1319                 x-transition:enter-start="opacity-0"
1320                 x-transition:enter-end="opacity-100">
1321                                <div class="relative">
1322                    <!-- Mobile Carousel with dots -->
1323                    <div class="md:hidden" data-mobile-results data-tab="job-search-tools">
1324                                                <div class="min-h-[360px]" x-data="{ 
1325                            get visibleItems() { return mobileVisibleJobSearch; },
1326                            get totalItems() { return 8; },
1327                            get dotsCount() { return Math.min(10, this.totalItems); },
1328                            get itemsPerDot() { return Math.ceil(this.visibleItems / this.dotsCount); }
1329                        }">
1330                            <div class="relative w-full" id="hc-wrapper-resources_job_search"  data-keep-dots="1"  data-items-count="10" data-gap="16">
1331            <button type="button" id="hc-left-resources_job_search"
1332                class="absolute left-4 md:left-4 lg:-left-16 xl:-left-20 top-1/2 -translate-y-1/2 z-30 bg-white/90 backdrop-blur-sm rounded-full p-2 md:p-3 shadow-lg ring-1 ring-gray-300 hover:shadow-xl transition-all duration-300 hover:scale-110 cursor-pointer opacity-0 invisible"
1333                aria-label="Scroll left">
1334            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6 text-[var(--primary-color)]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1335                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
1336            </svg>
1337        </button>
1338        <button type="button" id="hc-right-resources_job_search"
1339                class="absolute right-4 md:right-4 lg:-right-16 xl:-right-20 top-1/2 -translate-y-1/2 z-30 bg-white/90 backdrop-blur-sm rounded-full p-2 md:p-3 shadow-lg ring-1 ring-gray-300 hover:shadow-xl transition-all duration-300 hover:scale-110 cursor-pointer opacity-100 visible"
1340                aria-label="Scroll right">
1341            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6 text-[var(--primary-color)]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1342                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
1343            </svg>
1344        </button>
1345    
1346    <div class="embla__viewport overflow-hidden" style="touch-action: pan-y; -webkit-overflow-scrolling: touch;">
1347        <div class="embla__container flex transition-transform duration-300 ease-out px-0" style="gap: 16px">
1348            
1349            <div class="embla__spacer-start js-carousel-spacer block md:hidden" aria-hidden="true" style="width:0"></div>
1350            <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
1351                                         x-transition:enter="transition ease-out duration-300"
1352                                         x-transition:enter-start="opacity-0 transform scale-95"
1353                                         x-transition:enter-end="opacity-100 transform scale-100">
1354                                        <style>
1355        .ta-resource-card { position: relative; }
1356        .ta-resource-card .ta-card-overlay {
1357            position: absolute; inset: 0; pointer-events: none; z-index: 10;
1358            background: linear-gradient(90deg, rgba(255,255,255,0.18) 25%, rgba(255,255,255,0.28) 50%, rgba(255,255,255,0.18) 75%);
1359            backdrop-filter: blur(3px);
1360            -webkit-backdrop-filter: blur(3px);
1361            border-radius: 1rem; /* match rounded-2xl */
1362            opacity: 1; transition: opacity .35s ease;
1363            background-size: 200% 100%;
1364            animation: ta-shimmer 1.1s ease-in-out infinite;
1365        }
1366        .ta-resource-card.is-loaded .ta-card-overlay { opacity: 0; }
1367        @keyframes ta-shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
1368    </style>
1369
1370<a href="https://www.military2career.com/resources/the-employers-youre-skipping-could-have-the-job-you-want" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1371    <div class="h-48 bg-black bg-center bg-cover">
1372                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/J3wcLefs2wzrRW5JJkPkpMid30tENZ6ONeKm81RJ.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1373                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1374                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1375            />
1376            </div>
1377    <div class="p-6">
1378                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Employers You’re Skipping Could Have the Job You Want</h3>
1379                <div class="flex justify-between items-center text-sm">
1380            <span class="text-white/70">Sep 30, 2026</span>
1381            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1382        </div>
1383    </div>
1384    <div class="ta-card-overlay" aria-hidden="true"></div>
1385    
1385<script>
1386    (function(s){
1387        try {
1388            var card = s.closest('.ta-resource-card');
1389            if (!card) return;
1390            var img = card.querySelector('img');
1391            if (!img) { card.classList.add('is-loaded'); return; }
1392            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1393            if (img.complete && img.naturalWidth > 0) { mark(); }
1394            else {
1395                img.addEventListener('load', mark, { once: true });
1396                img.addEventListener('error', mark, { once: true });
1397                // In case Livewire morph replaces attributes without firing events, poll briefly
1398                var tries = 0; var t = setInterval(function(){
1399                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1400                }, 100);
1401            }
1402        } catch(_){}
1403    })(document.currentScript);
1404    </script>
1404
1405</a>
1406                                    </div>
1407                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
1408                                         x-transition:enter="transition ease-out duration-300"
1409                                         x-transition:enter-start="opacity-0 transform scale-95"
1410                                         x-transition:enter-end="opacity-100 transform scale-100">
1411                                        <a href="https://www.military2career.com/resources/the-company-is-real-is-the-recruiter" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1412    <div class="h-48 bg-black bg-center bg-cover">
1413                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/3bzclrXWPHZemKnRcDNhPfEB4zW40JIKrenTHYhg.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1414                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1415                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1416            />
1417            </div>
1418    <div class="p-6">
1419                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Company Is Real. Is the Recruiter?</h3>
1420                <div class="flex justify-between items-center text-sm">
1421            <span class="text-white/70">Sep 24, 2026</span>
1422            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1423        </div>
1424    </div>
1425    <div class="ta-card-overlay" aria-hidden="true"></div>
1426    
1426<script>
1427    (function(s){
1428        try {
1429            var card = s.closest('.ta-resource-card');
1430            if (!card) return;
1431            var img = card.querySelector('img');
1432            if (!img) { card.classList.add('is-loaded'); return; }
1433            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1434            if (img.complete && img.naturalWidth > 0) { mark(); }
1435            else {
1436                img.addEventListener('load', mark, { once: true });
1437                img.addEventListener('error', mark, { once: true });
1438                // In case Livewire morph replaces attributes without firing events, poll briefly
1439                var tries = 0; var t = setInterval(function(){
1440                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1441                }, 100);
1442            }
1443        } catch(_){}
1444    })(document.currentScript);
1445    </script>
1445
1446</a>
1447                                    </div>
1448                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
1449                                         x-transition:enter="transition ease-out duration-300"
1450                                         x-transition:enter-start="opacity-0 transform scale-95"
1451                                         x-transition:enter-end="opacity-100 transform scale-100">
1452                                        <a href="https://www.military2career.com/resources/a-salary-range-is-not-a-promise-how-to-read-pay-in-a-job-posting" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1453    <div class="h-48 bg-black bg-center bg-cover">
1454                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/9SvuuEzrL72YXkGsXPeov4OyZsCEKhfdQ8UMig4F.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1455                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1456                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1457            />
1458            </div>
1459    <div class="p-6">
1460                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">A Salary Range Is Not a Promise: How to Read Pay in a Job Posting</h3>
1461                <div class="flex justify-between items-center text-sm">
1462            <span class="text-white/70">Sep 3, 2026</span>
1463            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1464        </div>
1465    </div>
1466    <div class="ta-card-overlay" aria-hidden="true"></div>
1467    
1467<script>
1468    (function(s){
1469        try {
1470            var card = s.closest('.ta-resource-card');
1471            if (!card) return;
1472            var img = card.querySelector('img');
1473            if (!img) { card.classList.add('is-loaded'); return; }
1474            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1475            if (img.complete && img.naturalWidth > 0) { mark(); }
1476            else {
1477                img.addEventListener('load', mark, { once: true });
1478                img.addEventListener('error', mark, { once: true });
1479                // In case Livewire morph replaces attributes without firing events, poll briefly
1480                var tries = 0; var t = setInterval(function(){
1481                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1482                }, 100);
1483            }
1484        } catch(_){}
1485    })(document.currentScript);
1486    </script>
1486
1487</a>
1488                                    </div>
1489                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
1490                                         x-transition:enter="transition ease-out duration-300"
1491                                         x-transition:enter-start="opacity-0 transform scale-95"
1492                                         x-transition:enter-end="opacity-100 transform scale-100">
1493                                        <a href="https://www.military2career.com/resources/you-got-the-offer-when-should-you-stop-applying" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1494    <div class="h-48 bg-black bg-center bg-cover">
1495                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/SKmpw4KeRWtt4ZTX2JdtKZk0J7KFNDtSMKZm0kyh.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1496                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1497                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1498            />
1499            </div>
1500    <div class="p-6">
1501                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">You Got the Offer. When Should You Stop Applying?</h3>
1502                <div class="flex justify-between items-center text-sm">
1503            <span class="text-white/70">Aug 26, 2026</span>
1504            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1505        </div>
1506    </div>
1507    <div class="ta-card-overlay" aria-hidden="true"></div>
1508    
1508<script>
1509    (function(s){
1510        try {
1511            var card = s.closest('.ta-resource-card');
1512            if (!card) return;
1513            var img = card.querySelector('img');
1514            if (!img) { card.classList.add('is-loaded'); return; }
1515            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1516            if (img.complete && img.naturalWidth > 0) { mark(); }
1517            else {
1518                img.addEventListener('load', mark, { once: true });
1519                img.addEventListener('error', mark, { once: true });
1520                // In case Livewire morph replaces attributes without firing events, poll briefly
1521                var tries = 0; var t = setInterval(function(){
1522                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1523                }, 100);
1524            }
1525        } catch(_){}
1526    })(document.currentScript);
1527    </script>
1527
1528</a>
1529                                    </div>
1530                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
1531                                         x-transition:enter="transition ease-out duration-300"
1532                                         x-transition:enter-start="opacity-0 transform scale-95"
1533                                         x-transition:enter-end="opacity-100 transform scale-100">
1534                                        <a href="https://www.military2career.com/resources/is-this-a-skills-test-or-free-work-how-to-evaluate-take-home-assignments" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1535    <div class="h-48 bg-black bg-center bg-cover">
1536                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/xwJZWSiGqUrrB9eYVjWjUN9NB6N9rjyKDvYidaCD.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1537                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1538                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1539            />
1540            </div>
1541    <div class="p-6">
1542                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Is This a Skills Test or Free Work? How to Evaluate Take-Home Assignments</h3>
1543                <div class="flex justify-between items-center text-sm">
1544            <span class="text-white/70">Aug 20, 2026</span>
1545            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1546        </div>
1547    </div>
1548    <div class="ta-card-overlay" aria-hidden="true"></div>
1549    
1549<script>
1550    (function(s){
1551        try {
1552            var card = s.closest('.ta-resource-card');
1553            if (!card) return;
1554            var img = card.querySelector('img');
1555            if (!img) { card.classList.add('is-loaded'); return; }
1556            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1557            if (img.complete && img.naturalWidth > 0) { mark(); }
1558            else {
1559                img.addEventListener('load', mark, { once: true });
1560                img.addEventListener('error', mark, { once: true });
1561                // In case Livewire morph replaces attributes without firing events, poll briefly
1562                var tries = 0; var t = setInterval(function(){
1563                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1564                }, 100);
1565            }
1566        } catch(_){}
1567    })(document.currentScript);
1568    </script>
1568
1569</a>
1570                                    </div>
1571                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
1572                                         x-transition:enter="transition ease-out duration-300"
1573                                         x-transition:enter-start="opacity-0 transform scale-95"
1574                                         x-transition:enter-end="opacity-100 transform scale-100">
1575                                        <a href="https://www.military2career.com/resources/how-to-prove-your-soft-skills-in-a-job-interview" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1576    <div class="h-48 bg-black bg-center bg-cover">
1577                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/ExXWSYwgkHJLDCpcS4LmwagXPk71nzbFRquwzGIA.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1578                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1579                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1580            />
1581            </div>
1582    <div class="p-6">
1583                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Prove Your Soft Skills in a Job Interview</h3>
1584                <div class="flex justify-between items-center text-sm">
1585            <span class="text-white/70">Aug 14, 2026</span>
1586            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1587        </div>
1588    </div>
1589    <div class="ta-card-overlay" aria-hidden="true"></div>
1590    
1590<script>
1591    (function(s){
1592        try {
1593            var card = s.closest('.ta-resource-card');
1594            if (!card) return;
1595            var img = card.querySelector('img');
1596            if (!img) { card.classList.add('is-loaded'); return; }
1597            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1598            if (img.complete && img.naturalWidth > 0) { mark(); }
1599            else {
1600                img.addEventListener('load', mark, { once: true });
1601                img.addEventListener('error', mark, { once: true });
1602                // In case Livewire morph replaces attributes without firing events, poll briefly
1603                var tries = 0; var t = setInterval(function(){
1604                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1605                }, 100);
1606            }
1607        } catch(_){}
1608    })(document.currentScript);
1609    </script>
1609
1610</a>
1611                                    </div>
1612                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
1613                                         x-transition:enter="transition ease-out duration-300"
1614                                         x-transition:enter-start="opacity-0 transform scale-95"
1615                                         x-transition:enter-end="opacity-100 transform scale-100">
1616                                        <a href="https://www.military2career.com/resources/how-to-answer-how-do-you-use-ai-at-work-interview" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1617    <div class="h-48 bg-black bg-center bg-cover">
1618                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/q65s4A1OgXZTjQH0MbdeUdQ66kxoJo2q3vNBFeZC.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1619                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1620                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1621            />
1622            </div>
1623    <div class="p-6">
1624                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Answer “How Do You Use AI at Work?”</h3>
1625                <div class="flex justify-between items-center text-sm">
1626            <span class="text-white/70">Aug 4, 2026</span>
1627            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1628        </div>
1629    </div>
1630    <div class="ta-card-overlay" aria-hidden="true"></div>
1631    
1631<script>
1632    (function(s){
1633        try {
1634            var card = s.closest('.ta-resource-card');
1635            if (!card) return;
1636            var img = card.querySelector('img');
1637            if (!img) { card.classList.add('is-loaded'); return; }
1638            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1639            if (img.complete && img.naturalWidth > 0) { mark(); }
1640            else {
1641                img.addEventListener('load', mark, { once: true });
1642                img.addEventListener('error', mark, { once: true });
1643                // In case Livewire morph replaces attributes without firing events, poll briefly
1644                var tries = 0; var t = setInterval(function(){
1645                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1646                }, 100);
1647            }
1648        } catch(_){}
1649    })(document.currentScript);
1650    </script>
1650
1651</a>
1652                                    </div>
1653                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
1654                                         x-transition:enter="transition ease-out duration-300"
1655                                         x-transition:enter-start="opacity-0 transform scale-95"
1656                                         x-transition:enter-end="opacity-100 transform scale-100">
1657                                        <a href="https://www.military2career.com/resources/targeting-teams-not-just-companies" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1658    <div class="h-48 bg-black bg-center bg-cover">
1659                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/T7CzHCBFKR7xrz9vXULib3sFEsDN2fXbmcjyo0r6.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1660                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1661                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1662            />
1663            </div>
1664    <div class="p-6">
1665                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Targeting Teams, Not Just Companies</h3>
1666                <div class="flex justify-between items-center text-sm">
1667            <span class="text-white/70">Jul 28, 2026</span>
1668            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1669        </div>
1670    </div>
1671    <div class="ta-card-overlay" aria-hidden="true"></div>
1672    
1672<script>
1673    (function(s){
1674        try {
1675            var card = s.closest('.ta-resource-card');
1676            if (!card) return;
1677            var img = card.querySelector('img');
1678            if (!img) { card.classList.add('is-loaded'); return; }
1679            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1680            if (img.complete && img.naturalWidth > 0) { mark(); }
1681            else {
1682                img.addEventListener('load', mark, { once: true });
1683                img.addEventListener('error', mark, { once: true });
1684                // In case Livewire morph replaces attributes without firing events, poll briefly
1685                var tries = 0; var t = setInterval(function(){
1686                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1687                }, 100);
1688            }
1689        } catch(_){}
1690    })(document.currentScript);
1691    </script>
1691
1692</a>
1693                                    </div>
1694            <div class="embla__spacer-end js-carousel-spacer block md:hidden" aria-hidden="true" style="width:0"></div>
1695        </div>
1696    </div>
1697
1698            <div class="mt-4 sm:mt-6">
1699            <div class="flex items-center justify-center gap-2 overflow-x-auto px-4 -mx-4" id="hc-dots-resources_job_search"></div>
1700        </div>
1701    </div>
1702
1703
1704                            
1705                            
1706                                                    </div>
1707                    </div>
1708
1709                    <!-- Desktop grid -->
1710                                        <div class="hidden md:block" data-tab-section="job-search-tools">
1711                        <div class="relative md:grid md:grid-cols-2 xl:grid-cols-4 md:gap-6" data-desktop-results data-tab="job-search-tools">
1712                                                    <div x-show="0 < visibleJobSearch">
1713                                <a href="https://www.military2career.com/resources/the-employers-youre-skipping-could-have-the-job-you-want" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1714    <div class="h-48 bg-black bg-center bg-cover">
1715                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/J3wcLefs2wzrRW5JJkPkpMid30tENZ6ONeKm81RJ.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1716                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1717                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1718            />
1719            </div>
1720    <div class="p-6">
1721                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Employers You’re Skipping Could Have the Job You Want</h3>
1722                <div class="flex justify-between items-center text-sm">
1723            <span class="text-white/70">Sep 30, 2026</span>
1724            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1725        </div>
1726    </div>
1727    <div class="ta-card-overlay" aria-hidden="true"></div>
1728    
1728<script>
1729    (function(s){
1730        try {
1731            var card = s.closest('.ta-resource-card');
1732            if (!card) return;
1733            var img = card.querySelector('img');
1734            if (!img) { card.classList.add('is-loaded'); return; }
1735            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1736            if (img.complete && img.naturalWidth > 0) { mark(); }
1737            else {
1738                img.addEventListener('load', mark, { once: true });
1739                img.addEventListener('error', mark, { once: true });
1740                // In case Livewire morph replaces attributes without firing events, poll briefly
1741                var tries = 0; var t = setInterval(function(){
1742                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1743                }, 100);
1744            }
1745        } catch(_){}
1746    })(document.currentScript);
1747    </script>
1747
1748</a>
1749                            </div>
1750                                                    <div x-show="1 < visibleJobSearch">
1751                                <a href="https://www.military2career.com/resources/the-company-is-real-is-the-recruiter" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1752    <div class="h-48 bg-black bg-center bg-cover">
1753                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/3bzclrXWPHZemKnRcDNhPfEB4zW40JIKrenTHYhg.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1754                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1755                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1756            />
1757            </div>
1758    <div class="p-6">
1759                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Company Is Real. Is the Recruiter?</h3>
1760                <div class="flex justify-between items-center text-sm">
1761            <span class="text-white/70">Sep 24, 2026</span>
1762            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1763        </div>
1764    </div>
1765    <div class="ta-card-overlay" aria-hidden="true"></div>
1766    
1766<script>
1767    (function(s){
1768        try {
1769            var card = s.closest('.ta-resource-card');
1770            if (!card) return;
1771            var img = card.querySelector('img');
1772            if (!img) { card.classList.add('is-loaded'); return; }
1773            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1774            if (img.complete && img.naturalWidth > 0) { mark(); }
1775            else {
1776                img.addEventListener('load', mark, { once: true });
1777                img.addEventListener('error', mark, { once: true });
1778                // In case Livewire morph replaces attributes without firing events, poll briefly
1779                var tries = 0; var t = setInterval(function(){
1780                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1781                }, 100);
1782            }
1783        } catch(_){}
1784    })(document.currentScript);
1785    </script>
1785
1786</a>
1787                            </div>
1788                                                    <div x-show="2 < visibleJobSearch">
1789                                <a href="https://www.military2career.com/resources/a-salary-range-is-not-a-promise-how-to-read-pay-in-a-job-posting" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1790    <div class="h-48 bg-black bg-center bg-cover">
1791                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/9SvuuEzrL72YXkGsXPeov4OyZsCEKhfdQ8UMig4F.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1792                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1793                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1794            />
1795            </div>
1796    <div class="p-6">
1797                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">A Salary Range Is Not a Promise: How to Read Pay in a Job Posting</h3>
1798                <div class="flex justify-between items-center text-sm">
1799            <span class="text-white/70">Sep 3, 2026</span>
1800            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1801        </div>
1802    </div>
1803    <div class="ta-card-overlay" aria-hidden="true"></div>
1804    
1804<script>
1805    (function(s){
1806        try {
1807            var card = s.closest('.ta-resource-card');
1808            if (!card) return;
1809            var img = card.querySelector('img');
1810            if (!img) { card.classList.add('is-loaded'); return; }
1811            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1812            if (img.complete && img.naturalWidth > 0) { mark(); }
1813            else {
1814                img.addEventListener('load', mark, { once: true });
1815                img.addEventListener('error', mark, { once: true });
1816                // In case Livewire morph replaces attributes without firing events, poll briefly
1817                var tries = 0; var t = setInterval(function(){
1818                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1819                }, 100);
1820            }
1821        } catch(_){}
1822    })(document.currentScript);
1823    </script>
1823
1824</a>
1825                            </div>
1826                                                    <div x-show="3 < visibleJobSearch">
1827                                <a href="https://www.military2career.com/resources/you-got-the-offer-when-should-you-stop-applying" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1828    <div class="h-48 bg-black bg-center bg-cover">
1829                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/SKmpw4KeRWtt4ZTX2JdtKZk0J7KFNDtSMKZm0kyh.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1830                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1831                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1832            />
1833            </div>
1834    <div class="p-6">
1835                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">You Got the Offer. When Should You Stop Applying?</h3>
1836                <div class="flex justify-between items-center text-sm">
1837            <span class="text-white/70">Aug 26, 2026</span>
1838            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1839        </div>
1840    </div>
1841    <div class="ta-card-overlay" aria-hidden="true"></div>
1842    
1842<script>
1843    (function(s){
1844        try {
1845            var card = s.closest('.ta-resource-card');
1846            if (!card) return;
1847            var img = card.querySelector('img');
1848            if (!img) { card.classList.add('is-loaded'); return; }
1849            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1850            if (img.complete && img.naturalWidth > 0) { mark(); }
1851            else {
1852                img.addEventListener('load', mark, { once: true });
1853                img.addEventListener('error', mark, { once: true });
1854                // In case Livewire morph replaces attributes without firing events, poll briefly
1855                var tries = 0; var t = setInterval(function(){
1856                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1857                }, 100);
1858            }
1859        } catch(_){}
1860    })(document.currentScript);
1861    </script>
1861
1862</a>
1863                            </div>
1864                                                    <div x-show="4 < visibleJobSearch">
1865                                <a href="https://www.military2career.com/resources/is-this-a-skills-test-or-free-work-how-to-evaluate-take-home-assignments" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1866    <div class="h-48 bg-black bg-center bg-cover">
1867                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/xwJZWSiGqUrrB9eYVjWjUN9NB6N9rjyKDvYidaCD.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1868                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1869                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1870            />
1871            </div>
1872    <div class="p-6">
1873                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Is This a Skills Test or Free Work? How to Evaluate Take-Home Assignments</h3>
1874                <div class="flex justify-between items-center text-sm">
1875            <span class="text-white/70">Aug 20, 2026</span>
1876            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1877        </div>
1878    </div>
1879    <div class="ta-card-overlay" aria-hidden="true"></div>
1880    
1880<script>
1881    (function(s){
1882        try {
1883            var card = s.closest('.ta-resource-card');
1884            if (!card) return;
1885            var img = card.querySelector('img');
1886            if (!img) { card.classList.add('is-loaded'); return; }
1887            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1888            if (img.complete && img.naturalWidth > 0) { mark(); }
1889            else {
1890                img.addEventListener('load', mark, { once: true });
1891                img.addEventListener('error', mark, { once: true });
1892                // In case Livewire morph replaces attributes without firing events, poll briefly
1893                var tries = 0; var t = setInterval(function(){
1894                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1895                }, 100);
1896            }
1897        } catch(_){}
1898    })(document.currentScript);
1899    </script>
1899
1900</a>
1901                            </div>
1902                                                    <div x-show="5 < visibleJobSearch">
1903                                <a href="https://www.military2career.com/resources/how-to-prove-your-soft-skills-in-a-job-interview" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1904    <div class="h-48 bg-black bg-center bg-cover">
1905                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/ExXWSYwgkHJLDCpcS4LmwagXPk71nzbFRquwzGIA.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1906                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1907                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1908            />
1909            </div>
1910    <div class="p-6">
1911                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Prove Your Soft Skills in a Job Interview</h3>
1912                <div class="flex justify-between items-center text-sm">
1913            <span class="text-white/70">Aug 14, 2026</span>
1914            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1915        </div>
1916    </div>
1917    <div class="ta-card-overlay" aria-hidden="true"></div>
1918    
1918<script>
1919    (function(s){
1920        try {
1921            var card = s.closest('.ta-resource-card');
1922            if (!card) return;
1923            var img = card.querySelector('img');
1924            if (!img) { card.classList.add('is-loaded'); return; }
1925            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1926            if (img.complete && img.naturalWidth > 0) { mark(); }
1927            else {
1928                img.addEventListener('load', mark, { once: true });
1929                img.addEventListener('error', mark, { once: true });
1930                // In case Livewire morph replaces attributes without firing events, poll briefly
1931                var tries = 0; var t = setInterval(function(){
1932                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1933                }, 100);
1934            }
1935        } catch(_){}
1936    })(document.currentScript);
1937    </script>
1937
1938</a>
1939                            </div>
1940                                                    <div x-show="6 < visibleJobSearch">
1941                                <a href="https://www.military2career.com/resources/how-to-answer-how-do-you-use-ai-at-work-interview" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1942    <div class="h-48 bg-black bg-center bg-cover">
1943                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/q65s4A1OgXZTjQH0MbdeUdQ66kxoJo2q3vNBFeZC.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1944                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1945                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1946            />
1947            </div>
1948    <div class="p-6">
1949                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Answer “How Do You Use AI at Work?”</h3>
1950                <div class="flex justify-between items-center text-sm">
1951            <span class="text-white/70">Aug 4, 2026</span>
1952            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1953        </div>
1954    </div>
1955    <div class="ta-card-overlay" aria-hidden="true"></div>
1956    
1956<script>
1957    (function(s){
1958        try {
1959            var card = s.closest('.ta-resource-card');
1960            if (!card) return;
1961            var img = card.querySelector('img');
1962            if (!img) { card.classList.add('is-loaded'); return; }
1963            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
1964            if (img.complete && img.naturalWidth > 0) { mark(); }
1965            else {
1966                img.addEventListener('load', mark, { once: true });
1967                img.addEventListener('error', mark, { once: true });
1968                // In case Livewire morph replaces attributes without firing events, poll briefly
1969                var tries = 0; var t = setInterval(function(){
1970                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
1971                }, 100);
1972            }
1973        } catch(_){}
1974    })(document.currentScript);
1975    </script>
1975
1976</a>
1977                            </div>
1978                                                    <div x-show="7 < visibleJobSearch">
1979                                <a href="https://www.military2career.com/resources/targeting-teams-not-just-companies" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
1980    <div class="h-48 bg-black bg-center bg-cover">
1981                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/T7CzHCBFKR7xrz9vXULib3sFEsDN2fXbmcjyo0r6.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
1982                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1983                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
1984            />
1985            </div>
1986    <div class="p-6">
1987                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Targeting Teams, Not Just Companies</h3>
1988                <div class="flex justify-between items-center text-sm">
1989            <span class="text-white/70">Jul 28, 2026</span>
1990            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
1991        </div>
1992    </div>
1993    <div class="ta-card-overlay" aria-hidden="true"></div>
1994    
1994<script>
1995    (function(s){
1996        try {
1997            var card = s.closest('.ta-resource-card');
1998            if (!card) return;
1999            var img = card.querySelector('img');
2000            if (!img) { card.classList.add('is-loaded'); return; }
2001            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2002            if (img.complete && img.naturalWidth > 0) { mark(); }
2003            else {
2004                img.addEventListener('load', mark, { once: true });
2005                img.addEventListener('error', mark, { once: true });
2006                // In case Livewire morph replaces attributes without firing events, poll briefly
2007                var tries = 0; var t = setInterval(function(){
2008                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2009                }, 100);
2010            }
2011        } catch(_){}
2012    })(document.currentScript);
2013    </script>
2013
2014</a>
2015                            </div>
2016                                                </div>
2017                    </div>
2018
2019                    <!-- Load More (Desktop only) -->
2020                                    </div>
2021                            </div>
2022                        
2023                        <!-- Recruiter Insights Tab -->
2024            <div x-show="contentTab === 'recruiter-insights'" x-cloak
2025                 x-transition:enter="transition-opacity ease-out duration-300"
2026                 x-transition:enter-start="opacity-0"
2027                 x-transition:enter-end="opacity-100">
2028                                <div class="relative">
2029                    <!-- Mobile Carousel with dots -->
2030                    <div class="md:hidden" data-mobile-results data-tab="recruiter-insights">
2031                                                <div class="min-h-[360px]" x-data="{ 
2032                            get visibleItems() { return mobileVisibleRecruiter; },
2033                            get totalItems() { return 8; },
2034                            get dotsCount() { return Math.min(10, this.totalItems); },
2035                            get itemsPerDot() { return Math.ceil(this.visibleItems / this.dotsCount); }
2036                        }">
2037                            <div class="relative w-full" id="hc-wrapper-resources_recruiter"  data-keep-dots="1"  data-items-count="10" data-gap="16">
2038            <button type="button" id="hc-left-resources_recruiter"
2039                class="absolute left-4 md:left-4 lg:-left-16 xl:-left-20 top-1/2 -translate-y-1/2 z-30 bg-white/90 backdrop-blur-sm rounded-full p-2 md:p-3 shadow-lg ring-1 ring-gray-300 hover:shadow-xl transition-all duration-300 hover:scale-110 cursor-pointer opacity-0 invisible"
2040                aria-label="Scroll left">
2041            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6 text-[var(--primary-color)]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2042                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
2043            </svg>
2044        </button>
2045        <button type="button" id="hc-right-resources_recruiter"
2046                class="absolute right-4 md:right-4 lg:-right-16 xl:-right-20 top-1/2 -translate-y-1/2 z-30 bg-white/90 backdrop-blur-sm rounded-full p-2 md:p-3 shadow-lg ring-1 ring-gray-300 hover:shadow-xl transition-all duration-300 hover:scale-110 cursor-pointer opacity-100 visible"
2047                aria-label="Scroll right">
2048            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6 text-[var(--primary-color)]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2049                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
2050            </svg>
2051        </button>
2052    
2053    <div class="embla__viewport overflow-hidden" style="touch-action: pan-y; -webkit-overflow-scrolling: touch;">
2054        <div class="embla__container flex transition-transform duration-300 ease-out px-0" style="gap: 16px">
2055            
2056            <div class="embla__spacer-start js-carousel-spacer block md:hidden" aria-hidden="true" style="width:0"></div>
2057            <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2058                                         x-transition:enter="transition ease-out duration-300"
2059                                         x-transition:enter-start="opacity-0 transform scale-95"
2060                                         x-transition:enter-end="opacity-100 transform scale-100">
2061                                        <a href="https://www.military2career.com/resources/candidates-know-your-brand-do-they-know-your-jobs" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2062    <div class="h-48 bg-black bg-center bg-cover">
2063                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/MOMzXM3u3e0RH8M7NLYhiM3Sp4SucejMQR9QPQWy.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2064                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2065                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2066            />
2067            </div>
2068    <div class="p-6">
2069                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">
2069Candidates Know Your Brand. Do They Know Your Jobs?</h3>
2070                <div class="flex justify-between items-center text-sm">
2071            <span class="text-white/70">Sep 24, 2026</span>
2072            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2073        </div>
2074    </div>
2075    <div class="ta-card-overlay" aria-hidden="true"></div>
2076    
2076<script>
2077    (function(s){
2078        try {
2079            var card = s.closest('.ta-resource-card');
2080            if (!card) return;
2081            var img = card.querySelector('img');
2082            if (!img) { card.classList.add('is-loaded'); return; }
2083            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2084            if (img.complete && img.naturalWidth > 0) { mark(); }
2085            else {
2086                img.addEventListener('load', mark, { once: true });
2087                img.addEventListener('error', mark, { once: true });
2088                // In case Livewire morph replaces attributes without firing events, poll briefly
2089                var tries = 0; var t = setInterval(function(){
2090                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2091                }, 100);
2092            }
2093        } catch(_){}
2094    })(document.currentScript);
2095    </script>
2095
2096</a>
2097                                    </div>
2098                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2099                                         x-transition:enter="transition ease-out duration-300"
2100                                         x-transition:enter-start="opacity-0 transform scale-95"
2101                                         x-transition:enter-end="opacity-100 transform scale-100">
2102                                        <a href="https://www.military2career.com/resources/before-q4-hiring-reconnect-with-candidates-you-already-know" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2103    <div class="h-48 bg-black bg-center bg-cover">
2104                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/p0vXV3grCHD5yKQ1odnjQ1IZ8i3kSFjPXDep9N4t.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2105                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2106                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2107            />
2108            </div>
2109    <div class="p-6">
2110                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Before Q4 Hiring, Reconnect With Candidates You Already Know</h3>
2111                <div class="flex justify-between items-center text-sm">
2112            <span class="text-white/70">Sep 15, 2026</span>
2113            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2114        </div>
2115    </div>
2116    <div class="ta-card-overlay" aria-hidden="true"></div>
2117    
2117<script>
2118    (function(s){
2119        try {
2120            var card = s.closest('.ta-resource-card');
2121            if (!card) return;
2122            var img = card.querySelector('img');
2123            if (!img) { card.classList.add('is-loaded'); return; }
2124            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2125            if (img.complete && img.naturalWidth > 0) { mark(); }
2126            else {
2127                img.addEventListener('load', mark, { once: true });
2128                img.addEventListener('error', mark, { once: true });
2129                // In case Livewire morph replaces attributes without firing events, poll briefly
2130                var tries = 0; var t = setInterval(function(){
2131                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2132                }, 100);
2133            }
2134        } catch(_){}
2135    })(document.currentScript);
2136    </script>
2136
2137</a>
2138                                    </div>
2139                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2140                                         x-transition:enter="transition ease-out duration-300"
2141                                         x-transition:enter-start="opacity-0 transform scale-95"
2142                                         x-transition:enter-end="opacity-100 transform scale-100">
2143                                        <a href="https://www.military2career.com/resources/the-role-changed-during-the-hiring-process-should-the-requisition-change-too" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2144    <div class="h-48 bg-black bg-center bg-cover">
2145                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/XAI4VhRS7YX20rJ88JocxUs0V1nqeUuw9gIU5EBJ.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2146                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2147                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2148            />
2149            </div>
2150    <div class="p-6">
2151                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Role Changed During the Hiring Process. Should the Requisition Change Too?</h3>
2152                <div class="flex justify-between items-center text-sm">
2153            <span class="text-white/70">Sep 9, 2026</span>
2154            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2155        </div>
2156    </div>
2157    <div class="ta-card-overlay" aria-hidden="true"></div>
2158    
2158<script>
2159    (function(s){
2160        try {
2161            var card = s.closest('.ta-resource-card');
2162            if (!card) return;
2163            var img = card.querySelector('img');
2164            if (!img) { card.classList.add('is-loaded'); return; }
2165            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2166            if (img.complete && img.naturalWidth > 0) { mark(); }
2167            else {
2168                img.addEventListener('load', mark, { once: true });
2169                img.addEventListener('error', mark, { once: true });
2170                // In case Livewire morph replaces attributes without firing events, poll briefly
2171                var tries = 0; var t = setInterval(function(){
2172                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2173                }, 100);
2174            }
2175        } catch(_){}
2176    })(document.currentScript);
2177    </script>
2177
2178</a>
2179                                    </div>
2180                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2181                                         x-transition:enter="transition ease-out duration-300"
2182                                         x-transition:enter-start="opacity-0 transform scale-95"
2183                                         x-transition:enter-end="opacity-100 transform scale-100">
2184                                        <a href="https://www.military2career.com/resources/everyone-looks-qualified-how-can-you-tell-who-can-actually-do-the-job" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2185    <div class="h-48 bg-black bg-center bg-cover">
2186                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/sdbTUYOkkBSuBipiFiQS37addE3eOvaIXv7MJIlj.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2187                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2188                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2189            />
2190            </div>
2191    <div class="p-6">
2192                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Everyone Looks Qualified. How Can You Tell Who Can Actually Do the Job?</h3>
2193                <div class="flex justify-between items-center text-sm">
2194            <span class="text-white/70">Aug 26, 2026</span>
2195            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2196        </div>
2197    </div>
2198    <div class="ta-card-overlay" aria-hidden="true"></div>
2199    
2199<script>
2200    (function(s){
2201        try {
2202            var card = s.closest('.ta-resource-card');
2203            if (!card) return;
2204            var img = card.querySelector('img');
2205            if (!img) { card.classList.add('is-loaded'); return; }
2206            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2207            if (img.complete && img.naturalWidth > 0) { mark(); }
2208            else {
2209                img.addEventListener('load', mark, { once: true });
2210                img.addEventListener('error', mark, { once: true });
2211                // In case Livewire morph replaces attributes without firing events, poll briefly
2212                var tries = 0; var t = setInterval(function(){
2213                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2214                }, 100);
2215            }
2216        } catch(_){}
2217    })(document.currentScript);
2218    </script>
2218
2219</a>
2220                                    </div>
2221                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2222                                         x-transition:enter="transition ease-out duration-300"
2223                                         x-transition:enter-start="opacity-0 transform scale-95"
2224                                         x-transition:enter-end="opacity-100 transform scale-100">
2225                                        <a href="https://www.military2career.com/resources/hiring-in-different-cities-your-recruiting-strategy-should-change-too" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2226    <div class="h-48 bg-black bg-center bg-cover">
2227                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/cTxB2bp4EzKzehzHOk1qacvx9xv6PZ0ejl0Xx99K.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2228                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2229                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2230            />
2231            </div>
2232    <div class="p-6">
2233                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Hiring in Different Cities? Your Recruiting Strategy Should Change Too</h3>
2234                <div class="flex justify-between items-center text-sm">
2235            <span class="text-white/70">Aug 20, 2026</span>
2236            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2237        </div>
2238    </div>
2239    <div class="ta-card-overlay" aria-hidden="true"></div>
2240    
2240<script>
2241    (function(s){
2242        try {
2243            var card = s.closest('.ta-resource-card');
2244            if (!card) return;
2245            var img = card.querySelector('img');
2246            if (!img) { card.classList.add('is-loaded'); return; }
2247            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2248            if (img.complete && img.naturalWidth > 0) { mark(); }
2249            else {
2250                img.addEventListener('load', mark, { once: true });
2251                img.addEventListener('error', mark, { once: true });
2252                // In case Livewire morph replaces attributes without firing events, poll briefly
2253                var tries = 0; var t = setInterval(function(){
2254                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2255                }, 100);
2256            }
2257        } catch(_){}
2258    })(document.currentScript);
2259    </script>
2259
2260</a>
2261                                    </div>
2262                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2263                                         x-transition:enter="transition ease-out duration-300"
2264                                         x-transition:enter-start="opacity-0 transform scale-95"
2265                                         x-transition:enter-end="opacity-100 transform scale-100">
2266                                        <a href="https://www.military2career.com/resources/the-hidden-cost-of-keeping-a-job-requisition-open" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2267    <div class="h-48 bg-black bg-center bg-cover">
2268                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/IPbKmvOD4o7ZmHwif9NcUSGTLYInhOp3gEFGur7f.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2269                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2270                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2271            />
2272            </div>
2273    <div class="p-6">
2274                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Hidden Cost of Keeping a Job Requisition Open</h3>
2275                <div class="flex justify-between items-center text-sm">
2276            <span class="text-white/70">Aug 14, 2026</span>
2277            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2278        </div>
2279    </div>
2280    <div class="ta-card-overlay" aria-hidden="true"></div>
2281    
2281<script>
2282    (function(s){
2283        try {
2284            var card = s.closest('.ta-resource-card');
2285            if (!card) return;
2286            var img = card.querySelector('img');
2287            if (!img) { card.classList.add('is-loaded'); return; }
2288            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2289            if (img.complete && img.naturalWidth > 0) { mark(); }
2290            else {
2291                img.addEventListener('load', mark, { once: true });
2292                img.addEventListener('error', mark, { once: true });
2293                // In case Livewire morph replaces attributes without firing events, poll briefly
2294                var tries = 0; var t = setInterval(function(){
2295                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2296                }, 100);
2297            }
2298        } catch(_){}
2299    })(document.currentScript);
2300    </script>
2300
2301</a>
2302                                    </div>
2303                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2304                                         x-transition:enter="transition ease-out duration-300"
2305                                         x-transition:enter-start="opacity-0 transform scale-95"
2306                                         x-transition:enter-end="opacity-100 transform scale-100">
2307                                        <a href="https://www.military2career.com/resources/beyond-attendance-how-to-create-better-candidate-engagement-at-career-fairs" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2308    <div class="h-48 bg-black bg-center bg-cover">
2309                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/2lHFE4S6WHYvvXbV4ioMhXb5umHiBuO8BCuWeBfZ.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2310                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2311                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2312            />
2313            </div>
2314    <div class="p-6">
2315                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Beyond Attendance: How to Create Better Candidate Engagement at Career Fairs</h3>
2316                <div class="flex justify-between items-center text-sm">
2317            <span class="text-white/70">Aug 4, 2026</span>
2318            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2319        </div>
2320    </div>
2321    <div class="ta-card-overlay" aria-hidden="true"></div>
2322    
2322<script>
2323    (function(s){
2324        try {
2325            var card = s.closest('.ta-resource-card');
2326            if (!card) return;
2327            var img = card.querySelector('img');
2328            if (!img) { card.classList.add('is-loaded'); return; }
2329            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2330            if (img.complete && img.naturalWidth > 0) { mark(); }
2331            else {
2332                img.addEventListener('load', mark, { once: true });
2333                img.addEventListener('error', mark, { once: true });
2334                // In case Livewire morph replaces attributes without firing events, poll briefly
2335                var tries = 0; var t = setInterval(function(){
2336                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2337                }, 100);
2338            }
2339        } catch(_){}
2340    })(document.currentScript);
2341    </script>
2341
2342</a>
2343                                    </div>
2344                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2345                                         x-transition:enter="transition ease-out duration-300"
2346                                         x-transition:enter-start="opacity-0 transform scale-95"
2347                                         x-transition:enter-end="opacity-100 transform scale-100">
2348                                        <a href="https://www.military2career.com/resources/how-inclusive-hiring-improves-retention-and-performance" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2349    <div class="h-48 bg-black bg-center bg-cover">
2350                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/1glFNchXF2uBzUJBTvSYahN7ZbyHeaoQczov2co5.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2351                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2352                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2353            />
2354            </div>
2355    <div class="p-6">
2356                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How Inclusive Hiring Improves Retention and Performance</h3>
2357                <div class="flex justify-between items-center text-sm">
2358            <span class="text-white/70">Jul 28, 2026</span>
2359            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2360        </div>
2361    </div>
2362    <div class="ta-card-overlay" aria-hidden="true"></div>
2363    
2363<script>
2364    (function(s){
2365        try {
2366            var card = s.closest('.ta-resource-card');
2367            if (!card) return;
2368            var img = card.querySelector('img');
2369            if (!img) { card.classList.add('is-loaded'); return; }
2370            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2371            if (img.complete && img.naturalWidth > 0) { mark(); }
2372            else {
2373                img.addEventListener('load', mark, { once: true });
2374                img.addEventListener('error', mark, { once: true });
2375                // In case Livewire morph replaces attributes without firing events, poll briefly
2376                var tries = 0; var t = setInterval(function(){
2377                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2378                }, 100);
2379            }
2380        } catch(_){}
2381    })(document.currentScript);
2382    </script>
2382
2383</a>
2384                                    </div>
2385            <div class="embla__spacer-end js-carousel-spacer block md:hidden" aria-hidden="true" style="width:0"></div>
2386        </div>
2387    </div>
2388
2389            <div class="mt-4 sm:mt-6">
2390            <div class="flex items-center justify-center gap-2 overflow-x-auto px-4 -mx-4" id="hc-dots-resources_recruiter"></div>
2391        </div>
2392    </div>
2393
2394
2395                            
2396                            
2397                                                    </div>
2398                    </div>
2399
2400                    <!-- Desktop grid -->
2401                                        <div class="hidden md:block" data-tab-section="recruiter-insights">
2402                        <div class="relative md:grid md:grid-cols-2 xl:grid-cols-4 md:gap-6" data-desktop-results data-tab="recruiter-insights">
2403                                                    <div x-show="0 < visibleRecruiter">
2404                                <a href="https://www.military2career.com/resources/candidates-know-your-brand-do-they-know-your-jobs" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2405    <div class="h-48 bg-black bg-center bg-cover">
2406                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/MOMzXM3u3e0RH8M7NLYhiM3Sp4SucejMQR9QPQWy.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2407                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2408                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2409            />
2410            </div>
2411    <div class="p-6">
2412                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Candidates Know Your Brand. Do They Know Your Jobs?</h3>
2413                <div class="flex justify-between items-center text-sm">
2414            <span class="text-white/70">Sep 24, 2026</span>
2415            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2416        </div>
2417    </div>
2418    <div class="ta-card-overlay" aria-hidden="true"></div>
2419    
2419<script>
2420    (function(s){
2421        try {
2422            var card = s.closest('.ta-resource-card');
2423            if (!card) return;
2424            var img = card.querySelector('img');
2425            if (!img) { card.classList.add('is-loaded'); return; }
2426            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2427            if (img.complete && img.naturalWidth > 0) { mark(); }
2428            else {
2429                img.addEventListener('load', mark, { once: true });
2430                img.addEventListener('error', mark, { once: true });
2431                // In case Livewire morph replaces attributes without firing events, poll briefly
2432                var tries = 0; var t = setInterval(function(){
2433                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2434                }, 100);
2435            }
2436        } catch(_){}
2437    })(document.currentScript);
2438    </script>
2438
2439</a>
2440                            </div>
2441                                                    <div x-show="1 < visibleRecruiter">
2442                                <a href="https://www.military2career.com/resources/before-q4-hiring-reconnect-with-candidates-you-already-know" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2443    <div class="h-48 bg-black bg-center bg-cover">
2444                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/p0vXV3grCHD5yKQ1odnjQ1IZ8i3kSFjPXDep9N4t.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2445                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2446                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2447            />
2448            </div>
2449    <div class="p-6">
2450                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Before Q4 Hiring, Reconnect With Candidates You Already Know</h3>
2451                <div class="flex justify-between items-center text-sm">
2452            <span class="text-white/70">Sep 15, 2026</span>
2453            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2454        </div>
2455    </div>
2456    <div class="ta-card-overlay" aria-hidden="true"></div>
2457    
2457<script>
2458    (function(s){
2459        try {
2460            var card = s.closest('.ta-resource-card');
2461            if (!card) return;
2462            var img = card.querySelector('img');
2463            if (!img) { card.classList.add('is-loaded'); return; }
2464            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2465            if (img.complete && img.naturalWidth > 0) { mark(); }
2466            else {
2467                img.addEventListener('load', mark, { once: true });
2468                img.addEventListener('error', mark, { once: true });
2469                // In case Livewire morph replaces attributes without firing events, poll briefly
2470                var tries = 0; var t = setInterval(function(){
2471                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2472                }, 100);
2473            }
2474        } catch(_){}
2475    })(document.currentScript);
2476    </script>
2476
2477</a>
2478                            </div>
2479                                                    <div x-show="2 < visibleRecruiter">
2480                                <a href="https://www.military2career.com/resources/the-role-changed-during-the-hiring-process-should-the-requisition-change-too" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2481    <div class="h-48 bg-black bg-center bg-cover">
2482                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/XAI4VhRS7YX20rJ88JocxUs0V1nqeUuw9gIU5EBJ.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2483                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2484                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2485            />
2486            </div>
2487    <div class="p-6">
2488                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Role Changed During the Hiring Process. Should the Requisition Change Too?</h3>
2489                <div class="flex justify-between items-center text-sm">
2490            <span class="text-white/70">Sep 9, 2026</span>
2491            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2492        </div>
2493    </div>
2494    <div class="ta-card-overlay" aria-hidden="true"></div>
2495    
2495<script>
2496    (function(s){
2497        try {
2498            var card = s.closest('.ta-resource-card');
2499            if (!card) return;
2500            var img = card.querySelector('img');
2501            if (!img) { card.classList.add('is-loaded'); return; }
2502            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2503            if (img.complete && img.naturalWidth > 0) { mark(); }
2504            else {
2505                img.addEventListener('load', mark, { once: true });
2506                img.addEventListener('error', mark, { once: true });
2507                // In case Livewire morph replaces attributes without firing events, poll briefly
2508                var tries = 0; var t = setInterval(function(){
2509                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2510                }, 100);
2511            }
2512        } catch(_){}
2513    })(document.currentScript);
2514    </script>
2514
2515</a>
2516                            </div>
2517                                                    <div x-show="3 < visibleRecruiter">
2518                                <a href="https://www.military2career.com/resources/everyone-looks-qualified-how-can-you-tell-who-can-actually-do-the-job" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2519    <div class="h-48 bg-black bg-center bg-cover">
2520                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/sdbTUYOkkBSuBipiFiQS37addE3eOvaIXv7MJIlj.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2521                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2522                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2523            />
2524            </div>
2525    <div class="p-6">
2526                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Everyone Looks Qualified. How Can You Tell Who Can Actually Do the Job?</h3>
2527                <div class="flex justify-between items-center text-sm">
2528            <span class="text-white/70">Aug 26, 2026</span>
2529            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2530        </div>
2531    </div>
2532    <div class="ta-card-overlay" aria-hidden="true"></div>
2533    
2533<script>
2534    (function(s){
2535        try {
2536            var card = s.closest('.ta-resource-card');
2537            if (!card) return;
2538            var img = card.querySelector('img');
2539            if (!img) { card.classList.add('is-loaded'); return; }
2540            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2541            if (img.complete && img.naturalWidth > 0) { mark(); }
2542            else {
2543                img.addEventListener('load', mark, { once: true });
2544                img.addEventListener('error', mark, { once: true });
2545                // In case Livewire morph replaces attributes without firing events, poll briefly
2546                var tries = 0; var t = setInterval(function(){
2547                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2548                }, 100);
2549            }
2550        } catch(_){}
2551    })(document.currentScript);
2552    </script>
2552
2553</a>
2554                            </div>
2555                                                    <div x-show="4 < visibleRecruiter">
2556                                <a href="https://www.military2career.com/resources/hiring-in-different-cities-your-recruiting-strategy-should-change-too" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2557    <div class="h-48 bg-black bg-center bg-cover">
2558                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/cTxB2bp4EzKzehzHOk1qacvx9xv6PZ0ejl0Xx99K.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2559                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2560                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2561            />
2562            </div>
2563    <div class="p-6">
2564                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Hiring in Different Cities? Your Recruiting Strategy Should Change Too</h3>
2565                <div class="flex justify-between items-center text-sm">
2566            <span class="text-white/70">Aug 20, 2026</span>
2567            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2568        </div>
2569    </div>
2570    <div class="ta-card-overlay" aria-hidden="true"></div>
2571    
2571<script>
2572    (function(s){
2573        try {
2574            var card = s.closest('.ta-resource-card');
2575            if (!card) return;
2576            var img = card.querySelector('img');
2577            if (!img) { card.classList.add('is-loaded'); return; }
2578            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2579            if (img.complete && img.naturalWidth > 0) { mark(); }
2580            else {
2581                img.addEventListener('load', mark, { once: true });
2582                img.addEventListener('error', mark, { once: true });
2583                // In case Livewire morph replaces attributes without firing events, poll briefly
2584                var tries = 0; var t = setInterval(function(){
2585                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2586                }, 100);
2587            }
2588        } catch(_){}
2589    })(document.currentScript);
2590    </script>
2590
2591</a>
2592                            </div>
2593                                                    <div x-show="5 < visibleRecruiter">
2594                                <a href="https://www.military2career.com/resources/the-hidden-cost-of-keeping-a-job-requisition-open" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2595    <div class="h-48 bg-black bg-center bg-cover">
2596                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/IPbKmvOD4o7ZmHwif9NcUSGTLYInhOp3gEFGur7f.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2597                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2598                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2599            />
2600            </div>
2601    <div class="p-6">
2602                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Hidden Cost of Keeping a Job Requisition Open</h3>
2603                <div class="flex justify-between items-center text-sm">
2604            <span class="text-white/70">Aug 14, 2026</span>
2605            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2606        </div>
2607    </div>
2608    <div class="ta-card-overlay" aria-hidden="true"></div>
2609    
2609<script>
2610    (function(s){
2611        try {
2612            var card = s.closest('.ta-resource-card');
2613            if (!card) return;
2614            var img = card.querySelector('img');
2615            if (!img) { card.classList.add('is-loaded'); return; }
2616            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2617            if (img.complete && img.naturalWidth > 0) { mark(); }
2618            else {
2619                img.addEventListener('load', mark, { once: true });
2620                img.addEventListener('error', mark, { once: true });
2621                // In case Livewire morph replaces attributes without firing events, poll briefly
2622                var tries = 0; var t = setInterval(function(){
2623                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2624                }, 100);
2625            }
2626        } catch(_){}
2627    })(document.currentScript);
2628    </script>
2628
2629</a>
2630                            </div>
2631                                                    <div x-show="6 < visibleRecruiter">
2632                                <a href="https://www.military2career.com/resources/beyond-attendance-how-to-create-better-candidate-engagement-at-career-fairs" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2633    <div class="h-48 bg-black bg-center bg-cover">
2634                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/2lHFE4S6WHYvvXbV4ioMhXb5umHiBuO8BCuWeBfZ.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2635                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2636                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2637            />
2638            </div>
2639    <div class="p-6">
2640                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Beyond Attendance: How to Create Better Candidate Engagement at Career Fairs</h3>
2641                <div class="flex justify-between items-center text-sm">
2642            <span class="text-white/70">Aug 4, 2026</span>
2643            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2644        </div>
2645    </div>
2646    <div class="ta-card-overlay" aria-hidden="true"></div>
2647    
2647<script>
2648    (function(s){
2649        try {
2650            var card = s.closest('.ta-resource-card');
2651            if (!card) return;
2652            var img = card.querySelector('img');
2653            if (!img) { card.classList.add('is-loaded'); return; }
2654            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2655            if (img.complete && img.naturalWidth > 0) { mark(); }
2656            else {
2657                img.addEventListener('load', mark, { once: true });
2658                img.addEventListener('error', mark, { once: true });
2659                // In case Livewire morph replaces attributes without firing events, poll briefly
2660                var tries = 0; var t = setInterval(function(){
2661                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2662                }, 100);
2663            }
2664        } catch(_){}
2665    })(document.currentScript);
2666    </script>
2666
2667</a>
2668                            </div>
2669                                                    <div x-show="7 < visibleRecruiter">
2670                                <a href="https://www.military2career.com/resources/how-inclusive-hiring-improves-retention-and-performance" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2671    <div class="h-48 bg-black bg-center bg-cover">
2672                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/1glFNchXF2uBzUJBTvSYahN7ZbyHeaoQczov2co5.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2673                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2674                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2675            />
2676            </div>
2677    <div class="p-6">
2678                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How Inclusive Hiring Improves Retention and Performance</h3>
2679                <div class="flex justify-between items-center text-sm">
2680            <span class="text-white/70">Jul 28, 2026</span>
2681            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2682        </div>
2683    </div>
2684    <div class="ta-card-overlay" aria-hidden="true"></div>
2685    
2685<script>
2686    (function(s){
2687        try {
2688            var card = s.closest('.ta-resource-card');
2689            if (!card) return;
2690            var img = card.querySelector('img');
2691            if (!img) { card.classList.add('is-loaded'); return; }
2692            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2693            if (img.complete && img.naturalWidth > 0) { mark(); }
2694            else {
2695                img.addEventListener('load', mark, { once: true });
2696                img.addEventListener('error', mark, { once: true });
2697                // In case Livewire morph replaces attributes without firing events, poll briefly
2698                var tries = 0; var t = setInterval(function(){
2699                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2700                }, 100);
2701            }
2702        } catch(_){}
2703    })(document.currentScript);
2704    </script>
2704
2705</a>
2706                            </div>
2707                                                </div>
2708                    </div>
2709
2710                    <!-- Load More (Desktop only) -->
2711                                    </div>
2712                            </div>
2713                        
2714                        <!-- Workplace Resources Tab -->
2715            <div x-show="contentTab === 'workplace-resources'" x-cloak
2716                 x-transition:enter="transition-opacity ease-out duration-300"
2717                 x-transition:enter-start="opacity-0"
2718                 x-transition:enter-end="opacity-100">
2719                                <div class="relative">
2720                    <!-- Mobile Carousel with dots -->
2721                    <div class="md:hidden" data-mobile-results data-tab="workplace-resources">
2722                                                <div class="min-h-[360px]" x-data="{ 
2723                            get visibleItems() { return mobileVisibleWorkplace; },
2724                            get totalItems() { return 8; },
2725                            get dotsCount() { return Math.min(10, this.totalItems); },
2726                            get itemsPerDot() { return Math.ceil(this.visibleItems / this.dotsCount); }
2727                        }">
2728                            <div class="relative w-full" id="hc-wrapper-resources_workplace"  data-keep-dots="1"  data-items-count="10" data-gap="16">
2729            <button type="button" id="hc-left-resources_workplace"
2730                class="absolute left-4 md:left-4 lg:-left-16 xl:-left-20 top-1/2 -translate-y-1/2 z-30 bg-white/90 backdrop-blur-sm rounded-full p-2 md:p-3 shadow-lg ring-1 ring-gray-300 hover:shadow-xl transition-all duration-300 hover:scale-110 cursor-pointer opacity-0 invisible"
2731                aria-label="Scroll left">
2732            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6 text-[var(--primary-color)]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2733                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
2734            </svg>
2735        </button>
2736        <button type="button" id="hc-right-resources_workplace"
2737                class="absolute right-4 md:right-4 lg:-right-16 xl:-right-20 top-1/2 -translate-y-1/2 z-30 bg-white/90 backdrop-blur-sm rounded-full p-2 md:p-3 shadow-lg ring-1 ring-gray-300 hover:shadow-xl transition-all duration-300 hover:scale-110 cursor-pointer opacity-100 visible"
2738                aria-label="Scroll right">
2739            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6 text-[var(--primary-color)]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2740                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
2741            </svg>
2742        </button>
2743    
2744    <div class="embla__viewport overflow-hidden" style="touch-action: pan-y; -webkit-overflow-scrolling: touch;">
2745        <div class="embla__container flex transition-transform duration-300 ease-out px-0" style="gap: 16px">
2746            
2747            <div class="embla__spacer-start js-carousel-spacer block md:hidden" aria-hidden="true" style="width:0"></div>
2748            <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2749                                         x-transition:enter="transition ease-out duration-300"
2750                                         x-transition:enter-start="opacity-0 transform scale-95"
2751                                         x-transition:enter-end="opacity-100 transform scale-100">
2752                                        <a href="https://www.military2career.com/resources/do-tattoos-affect-job-opportunities" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group">
2753                                            <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/XgweXyDwcVFEZzpZI0rS0GPurKBkDCNhdrtJTuHN.jpg');"></div>
2754                                            <div class="p-6">
2755                                                <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Do tattoos, unnatural hair, piercings (etc.) ruin job opportunities?</h3>
2756                                                <div class="flex justify-between items-center text-sm">
2757                                                    <span class="text-white/70">Dec 8, 2025</span>
2758                                                <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2759                                                </div>
2760                                            </div>
2761                                        </a>
2762                                    </div>
2763                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2764                                         x-transition:enter="transition ease-out duration-300"
2765                                         x-transition:enter-start="opacity-0 transform scale-95"
2766                                         x-transition:enter-end="opacity-100 transform scale-100">
2767                                        <a href="https://www.military2career.com/resources/how-culture-decay-happens-and-how-to-stop-it" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group">
2768                                            <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/77TLiZTuTy1YbLeEvvneCvwUiBvk6jERumiUVnrt.jpg');"></div>
2769                                            <div class="p-6">
2770                                                <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How Culture “Decay” Happens — and How to Stop It</h3>
2771                                                <div class="flex justify-between items-center text-sm">
2772                                                    <span class="text-white/70">Dec 1, 2025</span>
2773                                                <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2774                                                </div>
2775                                            </div>
2776                                        </a>
2777                                    </div>
2778                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2779                                         x-transition:enter="transition ease-out duration-300"
2780                                         x-transition:enter-start="opacity-0 transform scale-95"
2781                                         x-transition:enter-end="opacity-100 transform scale-100">
2782                                        <a href="https://www.military2career.com/resources/the-art-of-saying-no-at-work-without-damaging-relationships" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group">
2783                                            <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/gVPDGsv69AzNxsfJp2qjvW96ouYtDRwz442z9PTr.png');"></div>
2784                                            <div class="p-6">
2785                                                <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Art of Saying No at Work Without Damaging Relationships</h3>
2786                                                <div class="flex justify-between items-center text-sm">
2787                                                    <span class="text-white/70">Nov 6, 2025</span>
2788                                                <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2789                                                </div>
2790                                            </div>
2791                                        </a>
2792                                    </div>
2793                                                                    <div class="js-carousel-card 
2793w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2794                                         x-transition:enter="transition ease-out duration-300"
2795                                         x-transition:enter-start="opacity-0 transform scale-95"
2796                                         x-transition:enter-end="opacity-100 transform scale-100">
2797                                        <a href="https://www.military2career.com/resources/how-to-organize-your-workday-for-maximum-efficiency" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group">
2798                                            <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/GCR7WZMagpordZbojqeTgTHYYIEewtkiZDoSKc9r.png');"></div>
2799                                            <div class="p-6">
2800                                                <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Organize Your Workday for Maximum Efficiency</h3>
2801                                                <div class="flex justify-between items-center text-sm">
2802                                                    <span class="text-white/70">Oct 22, 2025</span>
2803                                                <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2804                                                </div>
2805                                            </div>
2806                                        </a>
2807                                    </div>
2808                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2809                                         x-transition:enter="transition ease-out duration-300"
2810                                         x-transition:enter-start="opacity-0 transform scale-95"
2811                                         x-transition:enter-end="opacity-100 transform scale-100">
2812                                        <a href="https://www.military2career.com/resources/strengthening-corporate-responsibility-through-strategic-partnerships" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group">
2813                                            <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/hZ08RYYlfXNlXJME8tXNI0VfuAUNi0zjTZHp3gPh.png');"></div>
2814                                            <div class="p-6">
2815                                                <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Micro-Break Method: How Short Pauses Improve Your Workday</h3>
2816                                                <div class="flex justify-between items-center text-sm">
2817                                                    <span class="text-white/70">Oct 10, 2025</span>
2818                                                <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2819                                                </div>
2820                                            </div>
2821                                        </a>
2822                                    </div>
2823                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2824                                         x-transition:enter="transition ease-out duration-300"
2825                                         x-transition:enter-start="opacity-0 transform scale-95"
2826                                         x-transition:enter-end="opacity-100 transform scale-100">
2827                                        <a href="https://www.military2career.com/resources/how-to-write-job-titles-that-get-clicks" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focu
2827s:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group">
2828                                            <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/NW8f9H6PypgLSaylfg6OScDbWNW75HMTXcE2BSat.png');"></div>
2829                                            <div class="p-6">
2830                                                <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Write a Job Title That Gets Clicks—And the Right Applicants</h3>
2831                                                <div class="flex justify-between items-center text-sm">
2832                                                    <span class="text-white/70">Aug 28, 2025</span>
2833                                                <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2834                                                </div>
2835                                            </div>
2836                                        </a>
2837                                    </div>
2838                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2839                                         x-transition:enter="transition ease-out duration-300"
2840                                         x-transition:enter-start="opacity-0 transform scale-95"
2841                                         x-transition:enter-end="opacity-100 transform scale-100">
2842                                        <a href="https://www.military2career.com/resources/15-ways-leaders-can-more-effectively-manage-gen-z-workers" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group">
2843                                            <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.us-east-1.amazonaws.com/shared/resources/uploads/LinkedIn-Newsletter-Image-24.png');"></div>
2844                                            <div class="p-6">
2845                                                <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">
284515 Ways Leaders Can More Effectively Manage Gen-Z Workers</h3>
2846                                                <div class="flex justify-between items-center text-sm">
2847                                                    <span class="text-white/70">Apr 17, 2025</span>
2848                                                <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2849                                                </div>
2850                                            </div>
2851                                        </a>
2852                                    </div>
2853                                                                    <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;"
2854                                         x-transition:enter="transition ease-out duration-300"
2855                                         x-transition:enter-start="opacity-0 transform scale-95"
2856                                         x-transition:enter-end="opacity-100 transform scale-100">
2857                                        <a href="https://www.military2career.com/resources/top-6-things-to-do-when-you-start-a-new-job" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group">
2858                                            <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/GqnKZbtpPAybZWM5Ed1Z2y4v0oibm7qPnisEO4Tl.png');"></div>
2859                                            <div class="p-6">
2860                                                <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Top 6 Things to Do When You Start a New Job</h3>
2861                                                <div class="flex justify-between items-center text-sm">
2862                                                    <span class="text-white/70">Aug 28, 2024</span>
2863                                                <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2864                                                </div>
2865                                            </div>
2866                                        </a>
2867                                    </div>
2868            <div class="embla__spacer-end js-carousel-spacer block md:hidden" aria-hidden="true" style="width:0"></div>
2869        </div>
2870    </div>
2871
2872            <div class="mt-4 sm:mt-6">
2873            <div class="flex items-center justify-center gap-2 overflow-x-auto px-4 -mx-4" id="hc-dots-resources_workplace"></div>
2874        </div>
2875    </div>
2876
2877
2878                            
2879                            
2880                                                    </div>
2881                    </div>
2882
2883                    <!-- Desktop grid -->
2884                                        <div class="hidden md:block" data-tab-section="workplace-resources">
2885                        <div class="relative md:grid md:grid-cols-2 xl:grid-cols-4 md:gap-6" data-desktop-results data-tab="workplace-resources">
2886                                                    <div x-show="0 < visibleWorkplace">
2887                                <a href="https://www.military2career.com/resources/do-tattoos-affect-job-opportunities" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2888    <div class="h-48 bg-black bg-center bg-cover">
2889                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/XgweXyDwcVFEZzpZI0rS0GPurKBkDCNhdrtJTuHN.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2890                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2891                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2892            />
2893            </div>
2894    <div class="p-6">
2895                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Do tattoos, unnatural hair, piercings (etc.) ruin job opportunities?</h3>
2896                <div class="flex justify-between items-center text-sm">
2897            <span class="text-white/70">Dec 8, 2025</span>
2898            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2899        </div>
2900    </div>
2901    <div class="ta-card-overlay" aria-hidden="true"></div>
2902    
2902<script>
2903    (function(s){
2904        try {
2905            var card = s.closest('.ta-resource-card');
2906            if (!card) return;
2907            var img = card.querySelector('img');
2908            if (!img) { card.classList.add('is-loaded'); return; }
2909            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2910            if (img.complete && img.naturalWidth > 0) { mark(); }
2911            else {
2912                img.addEventListener('load', mark, { once: true });
2913                img.addEventListener('error', mark, { once: true });
2914                // In case Livewire morph replaces attributes without firing events, poll briefly
2915                var tries = 0; var t = setInterval(function(){
2916                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2917                }, 100);
2918            }
2919        } catch(_){}
2920    })(document.currentScript);
2921    </script>
2921
2922</a>
2923                            </div>
2924                                                    <div x-show="1 < visibleWorkplace">
2925                                <a href="https://www.military2career.com/resources/how-culture-decay-happens-and-how-to-stop-it" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2926    <div class="h-48 bg-black bg-center bg-cover">
2927                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/77TLiZTuTy1YbLeEvvneCvwUiBvk6jERumiUVnrt.jpg" alt="" loading="lazy" class="w-full h-48 object-cover"
2928                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2929                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2930            />
2931            </div>
2932    <div class="p-6">
2933                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How Culture “Decay” Happens — and How to Stop It</h3>
2934                <div class="flex justify-between items-center text-sm">
2935            <span class="text-white/70">Dec 1, 2025</span>
2936            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2937        </div>
2938    </div>
2939    <div class="ta-card-overlay" aria-hidden="true"></div>
2940    
2940<script>
2941    (function(s){
2942        try {
2943            var card = s.closest('.ta-resource-card');
2944            if (!card) return;
2945            var img = card.querySelector('img');
2946            if (!img) { card.classList.add('is-loaded'); return; }
2947            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2948            if (img.complete && img.naturalWidth > 0) { mark(); }
2949            else {
2950                img.addEventListener('load', mark, { once: true });
2951                img.addEventListener('error', mark, { once: true });
2952                // In case Livewire morph replaces attributes without firing events, poll briefly
2953                var tries = 0; var t = setInterval(function(){
2954                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2955                }, 100);
2956            }
2957        } catch(_){}
2958    })(document.currentScript);
2959    </script>
2959
2960</a>
2961                            </div>
2962                                                    <div x-show="2 < visibleWorkplace">
2963                                <a href="https://www.military2career.com/resources/the-art-of-saying-no-at-work-without-damaging-relationships" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
2964    <div class="h-48 bg-black bg-center bg-cover">
2965                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/gVPDGsv69AzNxsfJp2qjvW96ouYtDRwz442z9PTr.png" alt="" loading="lazy" class="w-full h-48 object-cover"
2966                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2967                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
2968            />
2969            </div>
2970    <div class="p-6">
2971                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Art of Saying No at Work Without Damaging Relationships</h3>
2972                <div class="flex justify-between items-center text-sm">
2973            <span class="text-white/70">Nov 6, 2025</span>
2974            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
2975        </div>
2976    </div>
2977    <div class="ta-card-overlay" aria-hidden="true"></div>
2978    
2978<script>
2979    (function(s){
2980        try {
2981            var card = s.closest('.ta-resource-card');
2982            if (!card) return;
2983            var img = card.querySelector('img');
2984            if (!img) { card.classList.add('is-loaded'); return; }
2985            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
2986            if (img.complete && img.naturalWidth > 0) { mark(); }
2987            else {
2988                img.addEventListener('load', mark, { once: true });
2989                img.addEventListener('error', mark, { once: true });
2990                // In case Livewire morph replaces attributes without firing events, poll briefly
2991                var tries = 0; var t = setInterval(function(){
2992                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
2993                }, 100);
2994            }
2995        } catch(_){}
2996    })(document.currentScript);
2997    </script>
2997
2998</a>
2999                            </div>
3000                                                    <div x-show="3 < visibleWorkplace">
3001                                <a href="https://www.military2career.com/resources/how-to-organize-your-workday-for-maximum-efficiency" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
3002    <div class="h-48 bg-black bg-center bg-cover">
3003                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/GCR7WZMagpordZbojqeTgTHYYIEewtkiZDoSKc9r.png" alt="" loading="lazy" class="w-full h-48 object-cover"
3004                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
3005                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
3006            />
3007            </div>
3008    <div class="p-6">
3009                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Organize Your Workday for Maximum Efficiency</h3>
3010                <div class="flex justify-between items-center text-sm">
3011            <span class="text-white/70">Oct 22, 2025</span>
3012            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
3013        </div>
3014    </div>
3015    <div class="ta-card-overlay" aria-hidden="true"></div>
3016    
3016<script>
3017    (function(s){
3018        try {
3019            var card = s.closest('.ta-resource-card');
3020            if (!card) return;
3021            var img = card.querySelector('img');
3022            if (!img) { card.classList.add('is-loaded'); return; }
3023            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
3024            if (img.complete && img.naturalWidth > 0) { mark(); }
3025            else {
3026                img.addEventListener('load', mark, { once: true });
3027                img.addEventListener('error', mark, { once: true });
3028                // In case Livewire morph replaces attributes without firing events, poll briefly
3029                var tries = 0; var t = setInterval(function(){
3030                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
3031                }, 100);
3032            }
3033        } catch(_){}
3034    })(document.currentScript);
3035    </script>
3035
3036</a>
3037                            </div>
3038                                                    <div x-show="4 < visibleWorkplace">
3039                                <a href="https://www.military2career.com/resources/strengthening-corporate-responsibility-through-strategic-partnerships" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
3040    <div class="h-48 bg-black bg-center bg-cover">
3041                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/hZ08RYYlfXNlXJME8tXNI0VfuAUNi0zjTZHp3gPh.png" alt="" loading="lazy" class="w-full h-48 object-cover"
3042                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
3043                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
3044            />
3045            </div>
3046    <div class="p-6">
3047                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Micro-Break Method: How Short Pauses Improve Your Workday</h3>
3048                <div class="flex justify-between items-center text-sm">
3049            <span class="text-white/70">Oct 10, 2025</span>
3050            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
3051        </div>
3052    </div>
3053    <div class="ta-card-overlay" aria-hidden="true"></div>
3054    
3054<script>
3055    (function(s){
3056        try {
3057            var card = s.closest('.ta-resource-card');
3058            if (!card) return;
3059            var img = card.querySelector('img');
3060            if (!img) { card.classList.add('is-loaded'); return; }
3061            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
3062            if (img.complete && img.naturalWidth > 0) { mark(); }
3063            else {
3064                img.addEventListener('load', mark, { once: true });
3065                img.addEventListener('error', mark, { once: true });
3066                // In case Livewire morph replaces attributes without firing events, poll briefly
3067                var tries = 0; var t = setInterval(function(){
3068                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
3069                }, 100);
3070            }
3071        } catch(_){}
3072    })(document.currentScript);
3073    </script>
3073
3074</a>
3075                            </div>
3076                                                    <div x-show="5 < visibleWorkplace">
3077                                <a href="https://www.military2career.com/resources/how-to-write-job-titles-that-get-clicks" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
3078    <div class="h-48 bg-black bg-center bg-cover">
3079                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/NW8f9H6PypgLSaylfg6OScDbWNW75HMTXcE2BSat.png" alt="" loading="lazy" class="w-full h-48 object-cover"
3080                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
3081                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
3082            />
3083            </div>
3084    <div class="p-6">
3085                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Write a Job Title That Gets Clicks—And the Right Applicants</h3>
3086                <div class="flex justify-between items-center text-sm">
3087            <span class="text-white/70">Aug 28, 2025</span>
3088            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
3089        </div>
3090    </div>
3091    <div class="ta-card-overlay" aria-hidden="true"></div>
3092    
3092<script>
3093    (function(s){
3094        try {
3095            var card = s.closest('.ta-resource-card');
3096            if (!card) return;
3097            var img = card.querySelector('img');
3098            if (!img) { card.classList.add('is-loaded'); return; }
3099            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
3100            if (img.complete && img.naturalWidth > 0) { mark(); }
3101            else {
3102                img.addEventListener('load', mark, { once: true });
3103                img.addEventListener('error', mark, { once: true });
3104                // In case Livewire morph replaces attributes without firing events, poll briefly
3105                var tries = 0; var t = setInterval(function(){
3106                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
3107                }, 100);
3108            }
3109        } catch(_){}
3110    })(document.currentScript);
3111    </script>
3111
3112</a>
3113                            </div>
3114                                                    <div x-show="6 < visibleWorkplace">
3115                                <a href="https://www.military2career.com/resources/15-ways-leaders-can-more-effectively-manage-gen-z-workers" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
3116    <div class="h-48 bg-black bg-center bg-cover">
3117                    <img src="https://pdn-job-boards.s3.us-east-1.amazonaws.com/shared/resources/uploads/LinkedIn-Newsletter-Image-24.png" alt="" loading="lazy" class="w-full h-48 object-cover"
3118                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
3119                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
3120            />
3121            </div>
3122    <div class="p-6">
3123                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">
312315 Ways Leaders Can More Effectively Manage Gen-Z Workers</h3>
3124                <div class="flex justify-between items-center text-sm">
3125            <span class="text-white/70">Apr 17, 2025</span>
3126            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
3127        </div>
3128    </div>
3129    <div class="ta-card-overlay" aria-hidden="true"></div>
3130    
3130<script>
3131    (function(s){
3132        try {
3133            var card = s.closest('.ta-resource-card');
3134            if (!card) return;
3135            var img = card.querySelector('img');
3136            if (!img) { card.classList.add('is-loaded'); return; }
3137            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
3138            if (img.complete && img.naturalWidth > 0) { mark(); }
3139            else {
3140                img.addEventListener('load', mark, { once: true });
3141                img.addEventListener('error', mark, { once: true });
3142                // In case Livewire morph replaces attributes without firing events, poll briefly
3143                var tries = 0; var t = setInterval(function(){
3144                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
3145                }, 100);
3146            }
3147        } catch(_){}
3148    })(document.currentScript);
3149    </script>
3149
3150</a>
3151                            </div>
3152                                                    <div x-show="7 < visibleWorkplace">
3153                                <a href="https://www.military2career.com/resources/top-6-things-to-do-when-you-start-a-new-job" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card>
3154    <div class="h-48 bg-black bg-center bg-cover">
3155                    <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/GqnKZbtpPAybZWM5Ed1Z2y4v0oibm7qPnisEO4Tl.png" alt="" loading="lazy" class="w-full h-48 object-cover"
3156                 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
3157                 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')"
3158            />
3159            </div>
3160    <div class="p-6">
3161                    <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Top 6 Things to Do When You Start a New Job</h3>
3162                <div class="flex justify-between items-center text-sm">
3163            <span class="text-white/70">Aug 28, 2024</span>
3164            <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span>
3165        </div>
3166    </div>
3167    <div class="ta-card-overlay" aria-hidden="true"></div>
3168    
3168<script>
3169    (function(s){
3170        try {
3171            var card = s.closest('.ta-resource-card');
3172            if (!card) return;
3173            var img = card.querySelector('img');
3174            if (!img) { card.classList.add('is-loaded'); return; }
3175            function mark(){ try { card.classList.add('is-loaded'); } catch(_){} }
3176            if (img.complete && img.naturalWidth > 0) { mark(); }
3177            else {
3178                img.addEventListener('load', mark, { once: true });
3179                img.addEventListener('error', mark, { once: true });
3180                // In case Livewire morph replaces attributes without firing events, poll briefly
3181                var tries = 0; var t = setInterval(function(){
3182                    if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); }
3183                }, 100);
3184            }
3185        } catch(_){}
3186    })(document.currentScript);
3187    </script>
3187
3188</a>
3189                            </div>
3190                                                </div>
3191                    </div>
3192
3193                    <!-- Load More (Desktop only) -->
3194                                    </div>
3195                            </div>
3196                        </div> <!-- /#resources-content -->
3197            
3198
3199                        <!-- AI Tools Content -->
3200            <div x-show="contentTab === 'ai-tools'" x-cloak
3201                 x-transition:enter="transition-opacity ease-out duration-300"
3202                 x-transition:enter-start="opacity-0"
3203                 x-transition:enter-end="opacity-100">
3204                <div class="space-y-12">
3205                    <!-- Resume AI Tool -->
3206                    <div class="flex flex-col lg:flex-row items-center gap-8 lg:gap-12">
3207                        <!-- Image -->
3208                        <div class="w-full lg:w-1/2">
3209                            <img src="https://pdn-job-boards.s3.us-east-1.amazonaws.com/talent-ally/AI+-+Resume.jpg" alt="AI Resume Tool" class="hidden lg:block w-full h-64 lg:h-80 object-cover rounded-3xl">
3210                        </div>
3211                        
3212                        <!-- Content -->
3213                        <div class="w-full lg:w-1/2 text-center lg:text-left">
3214                            <h2 class="text-3xl lg:text-4xl font-bold text-[#CFF8D9] mb-6">
3215                                Supercharge Your Resume with AI
3216                            </h2>
3217                            <p class="text-white/90 text-lg leading-relaxed mb-8">
3218                                Boost your resume with AI-driven enhancements. Our tool analyzes and refines your content, highlighting your strengths and tailoring it for maximum impact. Get personalised suggestions and apply improvements instantly to stand out in the job market.
3219                            </p>
3220                            <a href="https://interview.talentally.com/cv-upload">
3221                                <button
3222        name="resources-button"
3223               class="cursor-pointer min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]" name="resources-button">
3224                            Improve Your Resume
3225</button>
3226
3227                            </a>
3228                        </div>
3229                    </div>
3230
3231                    <!-- Interview AI Tool -->
3232                    <div class="flex flex-col lg:flex-row items-center gap-8 lg:gap-12">
3233                        <!-- Image -->
3234                        <div class="w-full lg:w-1/2">
3235                            <img src="https://pdn-job-boards.s3.us-east-1.amazonaws.com/talent-ally/AI+-+Interview.jpg" alt="AI Interview Tool" class="hidden lg:block w-full h-64 lg:h-80 object-cover rounded-3xl">
3236                        </div>
3237                        
3238                        <!-- Content -->
3239                        <div class="w-full lg:w-1/2 text-center lg:text-left">
3240                            <h2 class="text-3xl lg:text-4xl font-bold text-[#CFF8D9] mb-6">
3241                                Personalized Interview Feedback
3242                            </h2>
3243                            <p class="text-white/90 text-lg leading-relaxed mb-8">
3244                                Enhance your interview skills with AI-powered virtual video interview practice. Get comfortable talking to hiring managers, receive personalized feedback on areas for improvement, sharpen your ability to answer the most common questions, and build confidence in formulating strong responses on the spot. As more companies shift toward AI-driven or virtual interviews, mastering this skill now can give you a competitive edge in your job search.
3245                            </p>
3246                            <a href="https://interview.talentally.com/start">
3247                                <button
3248        name="resources-button"
3249               class="cursor-pointer min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]" name="resources-button">
3250                            Practice Interviewing Now
3251</button>
3252
3253                            </a>
3254                        </div>
3255                    </div>
3256                </div>
3257            </div>
3258                    </div>
3259    </div>
3260
3261    
3262            <div class="mt-2 mb-12 md:hidden">
3263        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-center">
3264            <a href="https://www.military2career.com/resources">
3265                <button
3266        name="resources-button"
3267               class="cursor-pointer min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]" name="resources-button">
3268                            All Resources
3269</button>
3270
3271            </a>
3272        </div>
3273    </div>
3274    
3275    
3276    <div class="w-full h-2 bg-[#CFF8D9]"></div>
3277</div>
3278
3279
3280    </div>
3281            </div>
3282        </main>
3283                    <div class="w-full mt-[64px] px-[16px] lg:px-[66px] flex-col justify-start items-start gap-16 inline-flex">
3284    <div class="self-stretch justify-between items-start inline-flex flex-col lg:flex-row">
3285        <div class="self-stretch flex-col justify-between items-start inline-flex">
3286            <div class="justify-center items-start gap-[9.78px] inline-flex">
3287                <svg width="35" height="36" viewBox="0 0 35 36" fill="none" xmlns="http://www.w3.org/2000/svg">
3288                    <g id="Group">
3289                        <g id="Group_2">
3290                            <path id="Vector"
3291                                  d="M26.6725 0.654297H7.79075C3.48915 0.654297 0 4.14344 0 8.44505V27.3299C0 31.6315 3.48915 35.1207 7.79075 35.1207H26.6756C30.9772 35.1207 34.4664 31.6315 34.4664 27.3299V8.44505C34.4632 4.14344 30.9772 0.654297 26.6725 0.654297Z"
3292                                  fill="#FFDE59"/>
3293                            <g id="Group_3">
3294                                <g id="Group_4">
3295                                    <path id="Vector_2"
3296                                          d="M22.8338 12.7405L11.9632 21.1012C11.5129 21.4476 10.9146 21.5421 10.3793 21.3468L4.93456 19.3787C4.60705 19.259 4.58816 18.8024 4.90622 18.6575L26.7732 8.73486C27.0944 8.59 27.4471 8.86712 27.3779 9.21351L23.9296 26.7569C23.8793 27.0088 23.6053 27.1442 23.3754 27.0308L15.5154 23.1764C15.0084 22.9276 14.8698 22.2726 15.232 21.8381L22.8338 12.7405Z"
3297                                          fill="black"/>
3298                                    <path id="Vector_3"
3299                                          d="M13.7078 23.3904L17.0206 25.116C17.2851 25.2546 17.304 25.623 17.0553 25.7868L13.7425 27.9691C13.4842 28.1391 13.141 27.9533 13.141 27.6447V23.7368C13.141 23.4439 13.4496 23.2549 13.7078 23.3904Z"
3300                                          fill="black"/>
3301                                </g>
3302                            </g>
3303                        </g>
3304                    </g>
3305                </svg>
3306                <svg width="216" height="46" viewBox="0 0 216 46" fill="none" xmlns="http://www.w3.org/2000/svg">
3307                    <g id="Group">
3308                        <g id="Group_2">
3309                            <path id="Vector"
3310                                  d="M13.3936 34.9664C11.734 34.9664 10.2666 34.7019 8.99119 34.176C7.71582 33.6501 6.72387 32.7716 6.02163 31.5434C5.31939 30.3153 4.96984 28.6305 4.96984 26.4923V16.2485H0.80365V10.8384H4.96984L5.68783 4.23169H11.4317V10.8384H17.7991V16.2485H11.4317V26.59C11.4317 27.6764 11.671 28.4259 12.1497 28.8415C12.6283 29.2572 13.4408 29.4651 14.5902 29.4651H17.7015V34.9664H13.3936Z"
3311                                  fill="#3643E6"/>
3312                            <path id="Vector_2"
3313                                  d="M30.4331 35.5426C28.4555 35.5426 26.8117 35.2151 25.5017 34.5601C24.1917 33.9051 23.2123 33.0297 22.5573 31.9275C21.9023 30.8253 21.5748 29.6066 21.5748 28.2651C21.5748 26.7662 21.9496 25.4562 22.699 24.3414C23.4485 23.2235 24.5885 22.3544 26.1221 21.7309C27.6525 21.1073 29.6018 20.7987 31.9635 20.7987H37.8523C37.8523 19.5864 37.7011 18.5975 37.3988 17.8292C37.0965 17.064 36.6021 16.4877 35.9156 16.1066C35.2291 15.7225 34.3285 15.5335 33.2106 15.5335C31.9982 15.5335 30.9684 15.7886 30.1214 16.2987C29.2743 16.8089 28.7578 17.6245 28.5657 18.7393H22.296C22.4566 16.9852 23.0202 15.4831 23.9965 14.2393C24.9695 12.9954 26.2606 12.0223 27.8729 11.3201C29.4852 10.6179 31.2802 10.2683 33.2578 10.2683C35.522 10.2683 37.4933 10.6431 39.1686 11.3925C40.8439 12.142 42.1192 13.2442 42.9978 14.6959C43.8764 16.1476 44.3141 17.9111 44.3141 19.9863V34.9663H38.9041L38.1861 31.2788C37.8334 31.918 37.4114 32.4912 36.917 33.0013C36.4226 33.5115 35.8463 33.9586 35.1945 34.3428C34.5395 34.727 33.8309 35.0199 33.0626 35.2277C32.3005 35.4387 31.4219 35.5426 30.4331 35.5426ZM32.0139 30.564C32.8106 30.564 33.5381 30.4128 34.1931 30.1105C34.8481 29.8082 35.4149 29.3862 35.8936 28.8414C36.3722 28.2998 36.7564 27.692 37.043 27.0213C37.3295 26.3505 37.5216 25.6168 37.6161 24.8201V24.7728H32.6847C31.6644 24.7728 30.8425 24.8925 30.219 25.1318C29.5955 25.3712 29.142 25.7144 28.8554 26.1616C28.5689 26.6087 28.424 27.1189 28.424 27.
3313692C28.424 28.2998 28.5689 28.8162 28.8554 29.2477C29.142 29.6791 29.564 30.0066 30.1245 30.2302C30.6819 30.4506 31.3117 30.564 32.0139 30.564Z"
3314                                  fill="#3643E6"/>
3315                            <path id="Vector_3" d="M49.3431 34.9664V0.5H55.805V34.9664H49.3431Z" fill="#3643E6"/>
3316                            <path id="Vector_4"
3317                                  d="M72.7501 35.5426C70.3253 35.5426 68.1776 35.0167 66.3103 33.9618C64.4429 32.91 62.9911 31.4488 61.9551 29.5814C60.9191 27.714 60.3995 25.5695 60.3995 23.1416C60.3995 20.6224 60.9191 18.4023 61.9551 16.4877C62.9911 14.573 64.4366 13.0583 66.2882 11.9404C68.1398 10.8225 70.2938 10.2651 72.7501 10.2651C75.1433 10.2651 77.2343 10.791 79.0198 11.846C80.8053 12.8977 82.1941 14.3117 83.1829 16.0814C84.1717 17.8512 84.6661 19.8855 84.6661 22.1843C84.6661 22.5024 84.6566 22.8613 84.6409 23.2613C84.6251 23.6612 84.5999 24.0674 84.5685 24.4831H65.038V20.5122H78.1538C78.0594 19.0132 77.5083 17.8008 76.5006 16.875C75.496 15.9492 74.2585 15.4863 72.791 15.4863C71.6731 15.4863 70.6622 15.7508 69.7522 16.2767C68.8421 16.8026 68.1178 17.5678 67.573 18.5755C67.0314 19.58 66.7606 20.8491 66.7606 22.3827V23.7714C66.7606 25.0814 67.0062 26.2214 67.5037 27.1944C67.9981 28.1675 68.6909 28.9264 69.5853 29.4681C70.4796 30.0128 71.5156 30.2805 72.6965 30.2805C73.9089 30.2805 74.8914 30.0349 75.6409 29.5373C76.3904 29.0429 76.9729 28.3816 77.3886 27.5503H83.9481C83.5324 29.0492 82.7924 30.4159 81.7217 31.6441C80.651 32.8722 79.3599 33.8295 77.8452 34.516C76.3337 35.1993 74.6332 35.5426 72.7501 35.5426Z"
3318                                  fill="#3643E6"/>
3319                            <path id="Vector_5"
3320                                  d="M89.0275 34.9663V10.8383H94.7242L95.1556 14.8124C95.9208 13.4079 96.982 12.2994 98.3393 11.487C99.6965 10.6745 101.315 10.2651 103.198 10.2651C105.211 10.2651 106.898 10.6871 108.271 11.5342C109.644 12.3813 110.696 13.6 111.43 15.1966C112.164 16.7931 112.532 18.7392 112.532 21.038V34.9663H106.07V21.6112C106.07 19.728 105.655 18.2763 104.826 17.256C103.995 16.2357 102.735 15.7256 101.044 15.7256C99.9925 15.7256 99.0415 15.9807 98.1944 16.4908C97.3473 17.001 96.686 17.7284 96.2074 18.67C95.7287 19.6115 95.4894 20.7704 95.4894 22.1402V34.9663H89.0275Z"
3321                                  fill="#3643E6"/>
3322                            <path id="Vector_6"
3323                                  d="M128.473 34.9664C126.813 34.9664 125.346 34.7019 124.07 34.176C122.795 33.6501 121.803 32.7716 121.101 31.5434C120.398 30.3153 120.049 28.6305 120.049 26.4923V16.2485H115.883V10.8384H120.049L120.767 4.23169H126.511V10.8384H132.878V16.2485H126.511V26.59C126.511 27.6764 126.75 28.4259 127.229 28.8415C127.707 29.2572 128.52 29.4651 129.669 29.4651H132.78V34.9664H128.473Z"
3324                                  fill="#3643E6"/>
3325                            <path id="Vector_7"
3326                                  d="M148.384 35.5426C146.406 35.5426 144.763 35.2151 143.453 34.5601C142.143 33.9051 141.163 33.0297 140.508 31.9275C139.853 30.8253 139.526 29.6066 139.526 28.2651C139.526 26.7662 139.9 25.4562 140.65 24.3414C141.399 23.2235 142.539 22.3544 144.073 21.7309C145.603 21.1073 147.553 20.7987 149.914 20.7987H155.803C155.803 19.5864 155.652 18.5975 155.35 17.8292C155.047 17.064 154.553 16.4877 153.867 16.1066C153.18 15.7225 152.279 15.5335 151.161 15.5335C149.949 15.5335 148.919 15.7886 148.072 16.2987C147.225 16.8089 146.709 17.6245 146.517 18.7393H140.247C140.407 16.9852 140.971 15.4831 141.947 14.2393C142.92 12.9954 144.212 12.0223 145.824 11.3201C147.436 10.6179 149.231 10.2683 151.209 10.2683C153.473 10.2683 155.444 10.6431 157.119 11.3925C158.795 12.142 160.07 13.2442 160.949 14.6959C161.827 16.1476 162.265 17.9111 162.265 19.9863V34.9663H156.855L156.137 31.2788C155.784 31.918 155.362 32.4912 154.868 33.0013C154.373 33.5115 153.797 33.9586 153.145 34.3428C152.49 34.727 151.782 35.0199 151.013 35.2277C150.251 35.4387 149.373 35.5426 148.384 35.5426ZM149.965 30.564C150.762 30.564 151.489 30.4128 152.144 30.1105C152.799 29.8082 153.366 29.3862 153.844 28.8414C154.323 28.2998 154.707 27.692 154.994 27.0213C155.28 26.3505 155.473 25.6168 155.567 24.8201V24.7728H150.636C149.615 24.7728 148.793 24.8925 148.17 25.1318C147.546 25.3712 147.093 25.7144 146.806 26.1616C146.52 26.6087 146.375 27.1189 146.375 27.692C146.375 28.2998 146.52 28.8162 146.806 29.2477C147.093 29.6791 147.515 30.0066 148.075 3
33260.2302C148.633 30.4506 149.263 30.564 149.965 30.564Z"
3327                                  fill="black"/>
3328                            <path id="Vector_8" d="M167.294 34.9664V0.5H173.756V34.9664H167.294Z" fill="black"/>
3329                            <path id="Vector_9" d="M179.119 34.9664V0.5H185.581V34.9664H179.119Z" fill="black"/>
3330                            <path id="Vector_10"
3331                                  d="M194.004 45.5L199.846 32.2866H198.41L188.789 10.8416H195.777L202.671 26.3506L208.846 10.8416H215.739L200.85 45.5H194.004Z"
3332                                  fill="black"/>
3333                        </g>
3334                    </g>
3335                </svg>
3336            </div>
3337            <div class="flex-col justify-start items-start gap-2.5 flex mt-[32px] lg:mt-0">
3338                <div class="text-black text-lg font-bold">Follow us:</div>
3339                <div class="justify-start items-start gap-2.5 inline-flex">
3340                    <a href="https://www.linkedin.com/company/talentallyatwork" target="_blank">
3341                        <div class="px-6 py-4 bg-[#0A4D22] rounded-xl justify-center items-center gap-2.5 flex">
3342                            <div class="w-5 h-5 relative">
3343                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"
3344                                     fill="none">
3345                                    <path
3346                                        d="M13.3333 6.66675C14.6594 6.66675 15.9312 7.19353 16.8688 8.13121C17.8065 9.0689 18.3333 10.3407 18.3333 11.6667V17.5001H15V11.6667C15 11.2247 14.8244 10.8008 14.5118 10.4882C14.1993 10.1757 13.7753 10.0001 13.3333 10.0001C12.8913 10.0001 12.4674 10.1757 12.1548 10.4882C11.8422 10.8008 11.6666 11.2247 11.6666 11.6667V17.5001H8.33331V11.6667C8.33331 10.3407 8.8601 9.0689 9.79778 8.13121C10.7355 7.19353 12.0072 6.66675 13.3333 6.66675Z"
3347                                        stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3348                                    <path d="M5.00002 7.5H1.66669V17.5H5.00002V7.5Z" stroke="white" stroke-width="2"
3349                                          stroke-linecap="round" stroke-linejoin="round"/>
3350                                    <path
3351                                        d="M3.33335 5.00008C4.25383 5.00008 5.00002 4.25389 5.00002 3.33341C5.00002 2.41294 4.25383 1.66675 3.33335 1.66675C2.41288 1.66675 1.66669 2.41294 1.66669 3.33341C1.66669 4.25389 2.41288 5.00008 3.33335 5.00008Z"
3352                                        stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3353                                </svg>
3354                            </div>
3355                        </div>
3356                    </a>
3357                    <a href="https://www.facebook.com/talentallyjobs/" target="_blank">
3358                        <div class="px-6 py-4 bg-[#0A4D22] rounded-xl justify-center items-center gap-2.5 flex">
3359                            <div class="w-5 h-5 relative">
3360                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"
3361                                     fill="none">
3362                                    <path
3363                                        d="M15 1.66675H12.5C11.3949 1.66675 10.3351 2.10573 9.5537 2.88714C8.7723 3.66854 8.33331 4.72835 8.33331 5.83341V8.33342H5.83331V11.6667H8.33331V18.3334H11.6666V11.6667H14.1666L15 8.33342H11.6666V5.83341C11.6666 5.6124 11.7544 5.40044 11.9107 5.24416C12.067 5.08788 12.279 5.00008 12.5 5.00008H15V1.66675Z"
3364                                        stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3365                                </svg>
3366                            </div>
3367                        </div>
3368                    </a>
3369                    <a href="https://www.instagram.com/talentallyjobs/" target="_blank">
3370                        <div class="px-6 py-4 bg-[#0A4D22] rounded-xl justify-center items-center gap-2.5 flex">
3371                            <div class="w-5 h-5 relative">
3372                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"
3373                                     fill="none">
3374                                    <g clip-path="url(#clip0_3535_148)">
3375                                        <path
3376                                            d="M14.1667 1.66675H5.83332C3.53214 1.66675 1.66666 3.53223 1.66666 5.83342V14.1667C1.66666 16.4679 3.53214 18.3334 5.83332 18.3334H14.1667C16.4678 18.3334 18.3333 16.4679 18.3333 14.1667V5.83342C18.3333 3.53223 16.4678 
33761.66675 14.1667 1.66675Z"
3377                                            stroke="white" stroke-width="2" stroke-linecap="round"
3378                                            stroke-linejoin="round"/>
3379                                        <path
3380                                            d="M13.3333 9.47501C13.4362 10.1685 13.3177 10.8769 12.9948 11.4992C12.6719 12.1215 12.161 12.6262 11.5347 12.9414C10.9084 13.2566 10.1987 13.3663 9.5065 13.255C8.81428 13.1436 8.17481 12.8167 7.67904 12.321C7.18327 11.8252 6.85645 11.1857 6.74507 10.4935C6.63368 9.8013 6.7434 9.09159 7.05862 8.46532C7.37383 7.83905 7.8785 7.32812 8.50083 7.00521C9.12316 6.68229 9.83147 6.56383 10.525 6.66667C11.2324 6.77158 11.8874 7.10123 12.3931 7.60693C12.8988 8.11263 13.2284 8.76757 13.3333 9.47501Z"
3381                                            stroke="white" stroke-width="2" stroke-linecap="round"
3382                                            stroke-linejoin="round"/>
3383                                        <path d="M14.5833 5.41675H14.5917" stroke="white" stroke-width="2"
3384                                              stroke-linecap="round" stroke-linejoin="round"/>
3385                                    </g>
3386                                    <defs>
3387                                        <clipPath id="clip0_3535_148">
3388                                            <rect width="20" height="20" fill="white"/>
3389                                        </clipPath>
3390                                    </defs>
3391                                </svg>
3392                            </div>
3393                        </div>
3394                    </a>
3395                    <a href="https://www.tiktok.com/@talentally" target="_blank">
3396                        <div class="px-6 py-4 bg-[#0A4D22] rounded-xl justify-center items-center gap-2.5 flex">
3397                            <div class="w-5 h-5 relative">
3398                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"
3399                                     fill="none">
3400                                    <path
3401                                        d="M16.0265 7.12695C17.0929 7.38245 18.2148 7.30645 19.2383 6.90795V9.86145C18.2148 10.2435 17.0929 10.32 16.0265 10.065V14.25C16.0265 17.145 13.6535 19.5 10.7363 19.5C7.81906 19.5 5.44606 17.145 5.44606 14.25C5.44606 11.355 7.81906 9 10.7363 9V12C9.47956 12 8.46406 13.005 8.46406 14.25C8.46406 15.495 9.47956 16.5 10.7363 16.5C11.993 16.5 13.0085 15.495 13.0085 14.25V0.75H16.0265V7.12695Z"
3402                                        stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3403                                </svg>
3404                            </div>
3405                        </div>
3406                    </a>
3407                </div>
3408            </div>
3409        </div>
3410        <div class="justify-center items-start gap-16 lg:gap-32 flex flex-wrap mt-[64px] lg:mt-0">
3411            <div class="w-full lg:w-auto flex-col justify-start items-start gap-8 inline-flex">
3412                <div class="text-black text-xl font-bold">Company:</div>
3413                <div class="flex-col justify-start items-start gap-6 flex">
3414                    <div class="text-black text-base font-normal"><a href="https://talentally.com/about-us">About TalentAlly</a></div>
3415                    <div class="text-black text-base font-normal"><a href="https://ipdn.com/about.html" target="_blank">About IPDN</a></div>
3416                    <div class="text-black text-base font-normal"><a href="https://investor.ipdn.com/" target="_blank">Investor Relations</a></div>
3417                </div>
3418            </div>
3419            <div class="w-full lg:w-auto flex-col justify-start items-start gap-8 inline-flex">
3420                <div class="text-black text-xl font-bold">Site Resources:</div>
3421                <div class="flex-col justify-start items-start gap-6 flex">
3422                    <div class="text-black text-base font-normal"><a href="https://www.military2career.com/terms-of-service">Terms of Services</a></div>
3423                    <div class="text-black text-base font-normal"><a href="https://www.military2career.com/privacy">Privacy Policy</a></div>
3424                    <div class="text-black text-base font-normal"><a href="https://www.military2career.com/support" target="_blank">Support Request</a></div>
3425                </div>
3426            </div>
3427            <div class="w-full lg:w-auto flex-col justify-start items-start gap-8 inline-flex">
3428                <div class="text-black text-xl font-bold">For Employers:</div>
3429                <div class="flex-col justify-start items-start gap-6 flex">
3430                    <div class="text-black text-base font-normal"><a href="https://www.military2career.com/post-a-job">Post a Job</a></div>
3431                    <div class="text-black text-base font-normal"><a href="https://www.military2career.com/contact">Contact an Associate</a></div>
3432                    <div class="text-black text-base font-normal"><a href="https://talentally.com/partners">Our Partners</a></div>
3433                </div>
3434            </div>
3435        </div>
3436    </div>
3437    <div class="self-stretch py-8 border-t border-stone-300 justify-between items-center inline-flex gap-[16px] lg:gap-0 flex-col lg:flex-row">
3438        <div class="text-black text-base font-normal">&copy;2026 TalentAlly.</div>
3439        <div><span class="text-black text-base font-normal">Powered by </span><span
3440                class="text-black text-base font-normal underline"><a href="https://talentally.com">TalentAlly</a>.</span></div>
3441    </div>
3442</div>
3443            </div>
3444
3445    <div x-cloak>
3446            </div>
3447
3448            
3448<script src="https://www.military2career.com/vendor/livewire/livewire.min.js?id=bd51a0a6"   data-csrf="4wfGTdyiL6k3NJYinjVUhGtqxxdSnzpyf1pudrFp" data-update-uri="/livewire/update" data-navigate-once="true"></script>
3448
3449        
3449<script>
3450        window.__talentallyNavigatePending = window.__talentallyNavigatePending || false;
3451
3452        function ensureJobDetailsAfterNavigate() {
3453            try {
3454                const currentUrl = new URL(window.location.href);
3455                const jobIdParam = currentUrl.searchParams.get('jobId');
3456
3457                if (!jobIdParam) {
3458                    return;
3459                }
3460
3461                const parsed = parseInt(jobIdParam, 10);
3462                const jobId = Number.isNaN(parsed) ? jobIdParam : parsed;
3463
3464                const attemptLoad = (retries = 40) => {
3465                    const root = document.querySelector('[x-data^="findJobsController"]');
3466                    const controller = root && root.__x && root.__x.$data ? root.__x.$data : null;
3467
3468                    if (!controller) {
3469                        if (retries > 0) {
3470                            setTimeout(() => attemptLoad(retries - 1), 50);
3471                        }
3472
3473                        return;
3474                    }
3475
3476                    const previousJobId = controller.jobId;
3477
3478                    controller.jobId = jobId;
3479                    controller.lastJobId = jobId;
3480
3481                    if (controller.wire && typeof controller.wire.set === 'function' && previousJobId !== jobId) {
3482                        controller.wire.set('jobId', jobId);
3483                    }
3484
3485                    if (typeof controller.loadSelectedJobSafely === 'function') {
3486                        controller.loadSelectedJobSafely();
3487                    }
3488
3489                    if (typeof controller.refreshAds === 'function') {
3490                        controller.refreshAds();
3491                    }
3492                };
3493
3494                attemptLoad();
3495            } catch (error) {
3496                // swallow — navigation proceeds even if job detail hydration fails
3497            }
3498        }
3499
3500        document.addEventListener('livewire:navigate', () => {
3501            window.__talentallyNavigatePending = true;
3502        });
3503
3504        // Refresh GPT ads and re-init widgets on Livewire client-side navigation
3505        document.addEventListener('livewire:navigated', () => {
3506            const navigatedViaSpa = window.__talentallyNavigatePending;
3507            window.__talentallyNavigatePending = false;
3508
3509            if (navigatedViaSpa) {
3510                ensureJobDetailsAfterNavigate();
3511            }
3512
3513            try {
3514                                if (window.googletag && googletag.pubads) {
3515                    googletag.cmd.push(function() {
3516                        setTimeout(function() {
3517                            googletag.pubads().refresh();
3518                        }, 150);
3519                    });
3520                }
3521                            } catch (e) {
3522                // ignore
3523            }
3524            // Rebind header dropdowns after SPA navigation
3525            try {
3526                if (typeof window.initHeaderDropdowns === 'function') {
3527                    window.initHeaderDropdowns(document);
3528                }
3529            } catch (e) {
3530                // ignore
3531            }
3532            try {
3533                if (window.initMonthPickers) {
3534                    window.initMonthPickers(document, true);
3535                }
3536            } catch (e) {
3537                // ignore
3538            }
3539
3540            // After SPA navigation to job search, auto-select first job on desktop if none selected
3541            try {
3542                const isJobs = window.location.pathname.startsWith('/jobs');
3543                if (isJobs && window.innerWidth >= 1024) {
3544                    const start = Date.now();
3545                    const maxMs = 2500;
3546                    const url = new URL(window.location.href);
3547                    const trySelect = () => {
3548                        if (url.searchParams.get('jobId')) return true;
3549                        const details = document.querySelector('[wire\\:key="job-details"]');
3550                        const first = document.querySelector('[wire\\:key*="result_"]');
3551                        if (details && first && window.Livewire && typeof Livewire.find === 'function') {
3552                            const key = first.getAttribute('wire:key') || '';
3553                            const match = key.match(/result_(\d+)/);
3554                            if (match && match[1]) {
3555                                const id = parseInt(match[1]);
3556                                const compId = details.getAttribute('wire:id');
3557                                const comp = compId ? Livewire.find(compId) : null;
3558                                if (comp && typeof comp.call === 'function') {
3559                                    comp.call('getJobAndCompany', id);
3560                                } else if (typeof Livewire.dispatch === 'function') {
3561                                    Livewire.dispatch('job-selected', { id });
3562                                }
3563                                const current = new URL(window.location.href);
3564                                current.searchParams.set('jobId', id);
3565                                window.history.replaceState({}, '', current);
3566                                return true;
3567                            }
3568                        }
3569                        return false;
3570                    };
3571
3572                    if (!trySelect()) {
3573                        const observer = new MutationObserver(() => {
3574                            if (trySelect() || Date.now() - start > maxMs) {
3575                                observer.disconnect();
3576                            }
3577                        });
3578                        observer.observe(document.body, { childList: true, subtree: true });
3579                        // Safety timeout
3580                        setTimeout(() => {
3581                            trySelect();
3582                            observer.disconnect();
3583                        }, maxMs);
3584                    }
3585                }
3586            } catch (e) {
3587                // ignore
3588            }
3589        });
3590        // Auto-reload the page on Livewire 419 (CSRF/session) errors.
3591        // Helps Safari users who may see repeated "Page Expired" dialogs.
3592        document.addEventListener('livewire:load', function () {
3593            try {
3594                if (window.Livewire && typeof Livewire.hook === 'function') {
3595                    Livewire.hook('request', ({ fail }) => {
3596                        fail(({ status, preventDefault }) => {
3597                            if (status === 419) {
3598                                // Prevent Livewire's default error overlay and refresh.
3599                                preventDefault();
3600                                window.location.reload();
3601                            }
3602                        });
3603                    });
3604                }
3605            } catch (e) {
3606                // Silently ignore if Livewire isn't available yet
3607            }
3608        });
3609    </script>
3609
3610    
3610<script>
3611    (function(){
3612        if (!window.ensureEmbla) {
3613            window.ensureEmbla = function() {
3614                return new Promise(function(resolve) {
3615                    if (window.EmblaCarousel) return resolve();
3616                    var s = document.createElement('script');
3617                    s.src = 'https://unpkg.com/[email protected]/embla-carousel.umd.js';
3618                    s.async = true;
3619                    s.onload = function() { resolve(); };
3620                    document.head.appendChild(s);
3621                });
3622            };
3623        }
3624
3625        const run = async function(){
3626            const root = document.getElementById('hc-wrapper-resources_job_search');
3627            if (!root) return;
3628            await window.ensureEmbla();
3629            const viewport = root.querySelector('.embla__viewport');
3630            const container = root.querySelector('.embla__container');
3631            const prevBtn = document.getElementById('hc-left-resources_job_search');
3632            const nextBtn = document.getElementById('hc-right-resources_job_search');
3633            const dotsWrap = document.getElementById('hc-dots-resources_job_search');
3634            const baseAlign = 'center' === 'center' ? 'center' : 'start';
3635            const computeAlign = () => (window.innerWidth < 768 ? 'center' : baseAlign);
3636
3637            const embla = window.EmblaCarousel(viewport, {
3638                align: computeAlign(),
3639                loop: false,
3640                containScroll: (window.innerWidth < 768 && computeAlign() === 'center') ? 'keepSnaps' : undefined,
3641                dragFree: false,
3642                draggable: true,
3643                speed: 10,
3644                slides: '.js-carousel-card',
3645            });
3646
3647            function updateEdgePaddingForCenter() {
3648                try {
3649                    if (!container) return;
3650                    const isMobile = window.innerWidth < 768;
3651                    const center = computeAlign() === 'center';
3652                    const startSpacer = container.querySelector('.embla__spacer-start');
3653                    const endSpacer = container.querySelector('.embla__spacer-end');
3654                    if (!startSpacer || !endSpacer) return;
3655                    if (isMobile && center) {
3656                        const slides = Array.from(container.children).filter(el => el.classList.contains('js-carousel-card'));
3657                        if (!slides.length) { startSpacer.style.width = '0px'; endSpacer.style.width = '0px'; return; }
3658                        const viewWidth = viewport.clientWidth || window.innerWidth;
3659                        const firstW = slides[0].getBoundingClientRect().width || slides[0].offsetWidth || 320;
3660                        const lastW  = (slides[slides.length - 1].getBoundingClientRect().width || slides[slides.length - 1].offsetWidth || firstW);
3661                        let gap = 0; try { gap = parseInt(root?.dataset?.gap || '0', 10) || 0; } catch(e) { gap = 0; }
3662                        const halfGap = Math.round(gap / 2);
3663                        const leftPad = Math.max(0, Math.round((viewWidth - firstW) / 2) - halfGap);
3664                        const rightPad = Math.max(0, Math.round((viewWidth - lastW) / 2) - halfGap);
3665                        startSpacer.style.width = leftPad + 'px';
3666                        endSpacer.style.width = rightPad + 'px';
3667                    } else {
3668                        startSpacer.style.width = '0px';
3669                        endSpacer.style.width = '0px';
3670                    }
3671                } catch (e) {}
3672            }
3673
3674            function renderDots() {
3675                if (!dotsWrap) return;
3676                dotsWrap.innerHTML = '';
3677                const snaps = embla.scrollSnapList().length;
3678                const keepDots = root && root.dataset && root.dataset.keepDots === '1';
3679                const n = Math.max(keepDots ? 2 : 0, snaps);
3680                for (let i = 0; i < n; i++) {
3681                    const b = document.createElement('button');
3682                    b.type = 'button';
3683                    b.className = 'w-2 h-2 rounded-full inactive';
3684                    b.setAttribute('aria-label', 'Go to slide ' + (i + 1));
3685                    b.addEventListener('click', () => embla.scrollTo(i));
3686                    dotsWrap.appendChild(b);
3687                }
3688            }
3689
3690            function updateUI() {
3691                const canPrev = embla.canScrollPrev();
3692                const canNext = embla.canScrollNext();
3693                if (prevBtn) {
3694                    prevBtn.classList.toggle('opacity-0', !canPrev);
3695                    prevBtn.classList.toggle('invisible', !canPrev);
3696                    prevBtn.classList.toggle('hidden', !canPrev);
3697                    prevBtn.classList.toggle('opacity-100', canPrev);
3698                    prevBtn.classList.toggle('visible', canPrev);
3699                }
3700                if (nextBtn) {
3701                    nextBtn.classList.toggle('opacity-0', !canNext);
3702                    nextBtn.classList.toggle('invisible', !canNext);
3703                    nextBtn.classList.toggle('hidden', !canNext);
3704                    nextBtn.classList.toggle('opacity-100', canNext);
3705                    nextBtn.classList.toggle('visible', canNext);
3706                }
3707                if (dotsWrap) {
3708                    const children = Array.from(dotsWrap.children);
3709                    const selected = embla.selectedScrollSnap();
3710                    children.forEach((dot, idx) => {
3711                        const active = idx === selected;
3712                        dot.classList.toggle('active', active);
3713                        dot.classList.toggle('inactive', !active);
3714                    });
3715                }
3716            }
3717
3718            renderDots();
3719            updateUI();
3720            embla.on('select', updateUI);
3721            embla.on('reInit', () => { renderDots(); updateUI(); });
3722
3723            if (prevBtn) prevBtn.addEventListener('click', () => embla.scrollPrev());
3724            if (nextBtn) nextBtn.addEventListener('click', () => embla.scrollNext());
3725
3726            // Helper: re-init Embla while preserving the current slide index
3727            function reInitPreserve() {
3728                try {
3729                    const prevIndex = embla.selectedScrollSnap();
3730                    updateEdgePaddingForCenter();
3731                    embla.reInit({
3732                        align: computeAlign(),
3733                        containScroll: (window.innerWidth < 768 && computeAlign() === 'center') ? 'keepSnaps' : undefined,
3734                        slides: '.js-carousel-card'
3735                    });
3736                    const snaps = embla.scrollSnapList();
3737                    const clamped = Math.max(0, Math.min(prevIndex, snaps.length - 1));
3738                    embla.scrollTo(clamped, true);
3739                    updateUI();
3740                } catch (e) {}
3741            }
3742
3743            // Re-init after images load to capture intrinsic sizes, but keep position
3744            Array.from(container.querySelectorAll('img')).forEach(img => {
3745                if (!img.complete) img.addEventListener('load', () => reInitPreserve(), { once: true });
3746            });
3747            requestAnimationFrame(() => reInitPreserve());
3748            setTimeout(() => reInitPreserve(), 120);
3749            window.addEventListener('load', () => reInitPreserve());
3750
3751            // Only react to width changes (ignore mobile address bar height resizes)
3752            let lastWidth = window.innerWidth;
3753            let resizeTimer = null;
3754            window.addEventListener('resize', () => {
3755                const w = window.innerWidth;
3756                if (Math.abs(w - lastWidth) < 2) return; // ignore height-only changes
3757                lastWidth = w;
3758                clearTimeout(resizeTimer);
3759                resizeTimer = setTimeout(() => reInitPreserve(), 100);
3760            });
3761
3762            try { root.hcRefresh = () => reInitPreserve(); } catch (e) {}
3763        };
3764
3765        if (document.readyState === 'loading') {
3766            document.addEventListener('DOMContentLoaded', run, { once: true });
3767        } else {
3768            run();
3769        }
3770    })();
3771</script>
vendor: 1 bytes, line 3771
3771
3772<script>
3773    (function(){
3774        if (!window.ensureEmbla) {
3775            window.ensureEmbla = function() {
3776                return new Promise(function(resolve) {
3777                    if (window.EmblaCarousel) return resolve();
3778                    var s = document.createElement('script');
3779                    s.src = 'https://unpkg.com/[email protected]/embla-carousel.umd.js';
3780                    s.async = true;
3781                    s.onload = function() { resolve(); };
3782                    document.head.appendChild(s);
3783                });
3784            };
3785        }
3786
3787        const run = async function(){
3788            const root = document.getElementById('hc-wrapper-resources_recruiter');
3789            if (!root) return;
3790            await window.ensureEmbla();
3791            const viewport = root.querySelector('.embla__viewport');
3792            const container = root.querySelector('.embla__container');
3793            const prevBtn = document.getElementById('hc-left-resources_recruiter');
3794            const nextBtn = document.getElementById('hc-right-resources_recruiter');
3795            const dotsWrap = document.getElementById('hc-dots-resources_recruiter');
3796            const baseAlign = 'center' === 'center' ? 'center' : 'start';
3797            const computeAlign = () => (window.innerWidth < 768 ? 'center' : baseAlign);
3798
3799            const embla = window.EmblaCarousel(viewport, {
3800                align: computeAlign(),
3801                loop: false,
3802                containScroll: (window.innerWidth < 768 && computeAlign() === 'center') ? 'keepSnaps' : undefined,
3803                dragFree: false,
3804                draggable: true,
3805                speed: 10,
3806                slides: '.js-carousel-card',
3807            });
3808
3809            function updateEdgePaddingForCenter() {
3810                try {
3811                    if (!container) return;
3812                    const isMobile = window.innerWidth < 768;
3813                    const center = computeAlign() === 'center';
3814                    const startSpacer = container.querySelector('.embla__spacer-start');
3815                    const endSpacer = container.querySelector('.embla__spacer-end');
3816                    if (!startSpacer || !endSpacer) return;
3817                    if (isMobile && center) {
3818                        const slides = Array.from(container.children).filter(el => el.classList.contains('js-carousel-card'));
3819                        if (!slides.length) { startSpacer.style.width = '0px'; endSpacer.style.width = '0px'; return; }
3820                        const viewWidth = viewport.clientWidth || window.innerWidth;
3821                        const firstW = slides[0].getBoundingClientRect().width || slides[0].offsetWidth || 320;
3822                        const lastW  = (slides[slides.length - 1].getBoundingClientRect().width || slides[slides.length - 1].offsetWidth || firstW);
3823                        let gap = 0; try { gap = parseInt(root?.dataset?.gap || '0', 10) || 0; } catch(e) { gap = 0; }
3824                        const halfGap = Math.round(gap / 2);
3825                        const leftPad = Math.max(0, Math.round((viewWidth - firstW) / 2) - halfGap);
3826                        const rightPad = Math.max(0, Math.round((viewWidth - lastW) / 2) - halfGap);
3827                        startSpacer.style.width = leftPad + 'px';
3828                        endSpacer.style.width = rightPad + 'px';
3829                    } else {
3830                        startSpacer.style.width = '0px';
3831                        endSpacer.style.width = '0px';
3832                    }
3833                } catch (e) {}
3834            }
3835
3836            function renderDots() {
3837                if (!dotsWrap) return;
3838                dotsWrap.innerHTML = '';
3839                const snaps = embla.scrollSnapList().length;
3840                const keepDots = root && root.dataset && root.dataset.keepDots === '1';
3841                const n = Math.max(keepDots ? 2 : 0, snaps);
3842                for (let i = 0; i < n; i++) {
3843                    const b = document.createElement('button');
3844                    b.type = 'button';
3845                    b.className = 'w-2 h-2 rounded-full inactive';
3846                    b.setAttribute('aria-label', 'Go to slide ' + (i + 1));
3847                    b.addEventListener('click', () => embla.scrollTo(i));
3848                    dotsWrap.appendChild(b);
3849                }
3850            }
3851
3852            function updateUI() {
3853                const canPrev = embla.canScrollPrev();
3854                const canNext = embla.canScrollNext();
3855                if (prevBtn) {
3856                    prevBtn.classList.toggle('opacity-0', !canPrev);
3857                    prevBtn.classList.toggle('invisible', !canPrev);
3858                    prevBtn.classList.toggle('hidden', !canPrev);
3859                    prevBtn.classList.toggle('opacity-100', canPrev);
3860                    prevBtn.classList.toggle('visible', canPrev);
3861                }
3862                if (nextBtn) {
3863                    nextBtn.classList.toggle('opacity-0', !canNext);
3864                    nextBtn.classList.toggle('invisible', !canNext);
3865                    nextBtn.classList.toggle('hidden', !canNext);
3866                    nextBtn.classList.toggle('opacity-100', canNext);
3867                    nextBtn.classList.toggle('visible', canNext);
3868                }
3869                if (dotsWrap) {
3870                    const children = Array.from(dotsWrap.children);
3871                    const selected = embla.selectedScrollSnap();
3872                    children.forEach((dot, idx) => {
3873                        const active = idx === selected;
3874                        dot.classList.toggle('active', active);
3875                        dot.classList.toggle('inactive', !active);
3876                    });
3877                }
3878            }
3879
3880            renderDots();
3881            updateUI();
3882            embla.on('select', updateUI);
3883            embla.on('reInit', () => { renderDots(); updateUI(); });
3884
3885            if (prevBtn) prevBtn.addEventListener('click', () => embla.scrollPrev());
3886            if (nextBtn) nextBtn.addEventListener('click', () => embla.scrollNext());
3887
3888            // Helper: re-init Embla while preserving the current slide index
3889            function reInitPreserve() {
3890                try {
3891                    const prevIndex = embla.selectedScrollSnap();
3892                    updateEdgePaddingForCenter();
3893                    embla.reInit({
3894                        align: computeAlign(),
3895                        containScroll: (window.innerWidth < 768 && computeAlign() === 'center') ? 'keepSnaps' : undefined,
3896                        slides: '.js-carousel-card'
3897                    });
3898                    const snaps = embla.scrollSnapList();
3899                    const clamped = Math.max(0, Math.min(prevIndex, snaps.length - 1));
3900                    embla.scrollTo(clamped, true);
3901                    updateUI();
3902                } catch (e) {}
3903            }
3904
3905            // Re-init after images load to capture intrinsic sizes, but keep position
3906            Array.from(container.querySelectorAll('img')).forEach(img => {
3907                if (!img.complete) img.addEventListener('load', () => reInitPreserve(), { once: true });
3908            });
3909            requestAnimationFrame(() => reInitPreserve());
3910            setTimeout(() => reInitPreserve(), 120);
3911            window.addEventListener('load', () => reInitPreserve());
3912
3913            // Only react to width changes (ignore mobile address bar height resizes)
3914            let lastWidth = window.innerWidth;
3915            let resizeTimer = null;
3916            window.addEventListener('resize', () => {
3917                const w = window.innerWidth;
3918                if (Math.abs(w - lastWidth) < 2) return; // ignore height-only changes
3919                lastWidth = w;
3920                clearTimeout(resizeTimer);
3921                resizeTimer = setTimeout(() => reInitPreserve(), 100);
3922            });
3923
3924            try { root.hcRefresh = () => reInitPreserve(); } catch (e) {}
3925        };
3926
3927        if (document.readyState === 'loading') {
3928            document.addEventListener('DOMContentLoaded', run, { once: true });
3929        } else {
3930            run();
3931        }
3932    })();
3933</script>
vendor: 1 bytes, line 3933
3933
3934<script>
3935    (function(){
3936        if (!window.ensureEmbla) {
3937            window.ensureEmbla = function() {
3938                return new Promise(function(resolve) {
3939                    if (window.EmblaCarousel) return resolve();
3940                    var s = document.createElement('script');
3941                    s.src = 'https://unpkg.com/[email protected]/embla-carousel.umd.js';
3942                    s.async = true;
3943                    s.onload = function() { resolve(); };
3944                    document.head.appendChild(s);
3945                });
3946            };
3947        }
3948
3949        const run = async function(){
3950            const root = document.getElementById('hc-wrapper-resources_workplace');
3951            if (!root) return;
3952            await window.ensureEmbla();
3953            const viewport = root.querySelector('.embla__viewport');
3954            const container = root.querySelector('.embla__container');
3955            const prevBtn = document.getElementById('hc-left-resources_workplace');
3956            const nextBtn = document.getElementById('hc-right-resources_workplace');
3957            const dotsWrap = document.getElementById('hc-dots-resources_workplace');
3958            const baseAlign = 'center' === 'center' ? 'center' : 'start';
3959            const computeAlign = () => (window.innerWidth < 768 ? 'center' : baseAlign);
3960
3961            const embla = window.EmblaCarousel(viewport, {
3962                align: computeAlign(),
3963                loop: false,
3964                containScroll: (window.innerWidth < 768 && computeAlign() === 'center') ? 'keepSnaps' : undefined,
3965                dragFree: false,
3966                draggable: true,
3967                speed: 10,
3968                slides: '.js-carousel-card',
3969            });
3970
3971            function updateEdgePaddingForCenter() {
3972                try {
3973                    if (!container) return;
3974                    const isMobile = window.innerWidth < 768;
3975                    const center = computeAlign() === 'center';
3976                    const startSpacer = container.querySelector('.embla__spacer-start');
3977                    const endSpacer = container.querySelector('.embla__spacer-end');
3978                    if (!startSpacer || !endSpacer) return;
3979                    if (isMobile && center) {
3980                        const slides = Array.from(container.children).filter(el => el.classList.contains('js-carousel-card'));
3981                        if (!slides.length) { startSpacer.style.width = '0px'; endSpacer.style.width = '0px'; return; }
3982                        const viewWidth = viewport.clientWidth || window.innerWidth;
3983                        const firstW = slides[0].getBoundingClientRect().width || slides[0].offsetWidth || 320;
3984                        const lastW  = (slides[slides.length - 1].getBoundingClientRect().width || slides[slides.length - 1].offsetWidth || firstW);
3985                        let gap = 0; try { gap = parseInt(root?.dataset?.gap || '0', 10) || 0; } catch(e) { gap = 0; }
3986                        const halfGap = Math.round(gap / 2);
3987                        const leftPad = Math.max(0, Math.round((viewWidth - firstW) / 2) - halfGap);
3988                        const rightPad = Math.max(0, Math.round((viewWidth - lastW) / 2) - halfGap);
3989                        startSpacer.style.width = leftPad + 'px';
3990                        endSpacer.style.width = rightPad + 'px';
3991                    } else {
3992                        startSpacer.style.width = '0px';
3993                        endSpacer.style.width = '0px';
3994                    }
3995                } catch (e) {}
3996            }
3997
3998            function renderDots() {
3999                if (!dotsWrap) return;
4000                dotsWrap.innerHTML = '';
4001                const snaps = embla.scrollSnapList().length;
4002                const keepDots = root && root.dataset && root.dataset.keepDots === '1';
4003                const n = Math.max(keepDots ? 2 : 0, snaps);
4004                for (let i = 0; i < n; i++) {
4005                    const b = document.createElement('button');
4006                    b.type = 'button';
4007                    b.className = 'w-2 h-2 rounded-full inactive';
4008                    b.setAttribute('aria-label', 'Go to slide ' + (i + 1));
4009                    b.addEventListener('click', () => embla.scrollTo(i));
4010                    dotsWrap.appendChild(b);
4011                }
4012            }
4013
4014            function updateUI() {
4015                const canPrev = embla.canScrollPrev();
4016                const canNext = embla.canScrollNext();
4017                if (prevBtn) {
4018                    prevBtn.classList.toggle('opacity-0', !canPrev);
4019                    prevBtn.classList.toggle('invisible', !canPrev);
4020                    prevBtn.classList.toggle('hidden', !canPrev);
4021                    prevBtn.classList.toggle('opacity-100', canPrev);
4022                    prevBtn.classList.toggle('visible', canPrev);
4023                }
4024                if (nextBtn) {
4025                    nextBtn.classList.toggle('opacity-0', !canNext);
4026                    nextBtn.classList.toggle('invisible', !canNext);
4027                    nextBtn.classList.toggle('hidden', !canNext);
4028                    nextBtn.classList.toggle('opacity-100', canNext);
4029                    nextBtn.classList.toggle('visible', canNext);
4030                }
4031                if (dotsWrap) {
4032                    const children = Array.from(dotsWrap.children);
4033                    const selected = embla.selectedScrollSnap();
4034                    children.forEach((dot, idx) => {
4035                        const active = idx === selected;
4036                        dot.classList.toggle('active', active);
4037                        dot.classList.toggle('inactive', !active);
4038                    });
4039                }
4040            }
4041
4042            renderDots();
4043            updateUI();
4044            embla.on('select', updateUI);
4045            embla.on('reInit', () => { renderDots(); updateUI(); });
4046
4047            if (prevBtn) prevBtn.addEventListener('click', () => embla.scrollPrev());
4048            if (nextBtn) nextBtn.addEventListener('click', () => embla.scrollNext());
4049
4050            // Helper: re-init Embla while preserving the current slide index
4051            function reInitPreserve() {
4052                try {
4053                    const prevIndex = embla.selectedScrollSnap();
4054                    updateEdgePaddingForCenter();
4055                    embla.reInit({
4056                        align: computeAlign(),
4057                        containScroll: (window.innerWidth < 768 && computeAlign() === 'center') ? 'keepSnaps' : undefined,
4058                        slides: '.js-carousel-card'
4059                    });
4060                    const snaps = embla.scrollSnapList();
4061                    const clamped = Math.max(0, Math.min(prevIndex, snaps.length - 1));
4062                    embla.scrollTo(clamped, true);
4063                    updateUI();
4064                } catch (e) {}
4065            }
4066
4067            // Re-init after images load to capture intrinsic sizes, but keep position
4068            Array.from(container.querySelectorAll('img')).forEach(img => {
4069                if (!img.complete) img.addEventListener('load', () => reInitPreserve(), { once: true });
4070            });
4071            requestAnimationFrame(() => reInitPreserve());
4072            setTimeout(() => reInitPreserve(), 120);
4073            window.addEventListener('load', () => reInitPreserve());
4074
4075            // Only react to width changes (ignore mobile address bar height resizes)
4076            let lastWidth = window.innerWidth;
4077            let resizeTimer = null;
4078            window.addEventListener('resize', () => {
4079                const w = window.innerWidth;
4080                if (Math.abs(w - lastWidth) < 2) return; // ignore height-only changes
4081                lastWidth = w;
4082                clearTimeout(resizeTimer);
4083                resizeTimer = setTimeout(() => reInitPreserve(), 100);
4084            });
4085
4086            try { root.hcRefresh = () => reInitPreserve(); } catch (e) {}
4087        };
4088
4089        if (document.readyState === 'loading') {
4090            document.addEventListener('DOMContentLoaded', run, { once: true });
4091        } else {
4092            run();
4093        }
4094    })();
4095</script>
4095
4096    
4096<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a450f806a85190b3',t:'MTc5MTA4MzE2Nw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
4096<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"ed4667ddebf74764ab6cf7a5510ca3e1","r":1,"spa":2}' crossorigin="anonymous"></script>
4096
4097</body>
4098
4099</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.