<!DOCTYPE html>
<html lang="en-ng">
<head>
        <meta charset="utf-8" />

    <script>document.documentElement.classList.add('js');</script>

            <link rel="prerender" href="/jobs">

            
                    <link rel="dns-prefetch" href="https://cdn.cookielaw.org">
            <link rel="preconnect" href="https://cdn.cookielaw.org">
        
        
        <link rel="dns-prefetch" href="https://package.webvitalize.io">
        <link rel="preconnect" href="https://package.webvitalize.io">
        <link rel="dns-prefetch" href="https://i.roamcdn.net">
        <link rel="preconnect" href="https://i.roamcdn.net">
        <link rel="dns-prefetch" href="https://www.googletagmanager.com/">
        <link rel="preconnect" href="https://www.googletagmanager.com/">

                    <link rel="dns-prefetch" href="https://connect.facebook.net">
            <link rel="preconnect" href="https://connect.facebook.net">
        
                    <link rel="preload" as="image" href="/static-assets/img/home-hero-mobile.webp" media="(max-width: 1023px)" fetchpriority="high">
            <link rel="preload" as="image" href="/static-assets/img/home-hero-desktop.webp" media="(min-width: 1024px)" fetchpriority="high">
        
                    <link rel="preload" href="/static-assets/fonts/inter-v11-latin-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
            <link rel="preload" href="/static-assets/fonts/inter-v11-latin-500.woff2" as="font" type="font/woff2" crossorigin="anonymous">
            <link rel="preload" href="/static-assets/fonts/inter-v11-latin-600.woff2" as="font" type="font/woff2" crossorigin="anonymous">
            <link rel="preload" href="/static-assets/fonts/plus-jakarta-sans-v12-latin-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
            <link rel="preload" href="/static-assets/fonts/plus-jakarta-sans-v12-latin-600.woff2" as="font" type="font/woff2" crossorigin="anonymous">
            <link rel="preload" href="/static-assets/fonts/plus-jakarta-sans-v12-latin-800.woff2" as="font" type="font/woff2" crossorigin="anonymous">
        
                    <link rel="preload" as="script" href="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js">
        
        <link rel="modulepreload" as="script" href="/build/jobberman/assets/app-CnKJQTQQ.js">

                    <link
                rel="preload"
                as="image"
                fetchpriority="high"
                href="/static-assets/img/jobberman-theme/write-sea/level-up-your-cv-game-banner.webp"
            >
            
    
            <style>@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:url(/static-assets/fonts/roboto-v51-latin-300.woff2) format("woff2"),url(/static-assets/fonts/roboto-v51-latin-300.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static-assets/fonts/roboto-v51-latin-regular.woff2) format("woff2"),url(/static-assets/fonts/roboto-v51-latin-regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(/static-assets/fonts/roboto-v51-latin-500.woff2) format("woff2"),url(/static-assets/fonts/roboto-v51-latin-500.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:600;src:url(/static-assets/fonts/roboto-v51-latin-600.woff2) format("woff2"),url(/static-assets/fonts/roboto-v51-latin-600.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(/static-assets/fonts/roboto-v51-latin-700.woff2) format("woff2"),url(/static-assets/fonts/roboto-v51-latin-700.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(/static-assets/fonts/inter-v20-latin-300.woff2) format("woff2"),url(/static-assets/fonts/inter-v20-latin-300.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static-assets/fonts/inter-v20-latin-regular.woff2) format("woff2"),url(/static-assets/fonts/inter-v20-latin-regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static-assets/fonts/inter-v20-latin-500.woff2) format("woff2"),url(/static-assets/fonts/inter-v20-latin-500.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static-assets/fonts/inter-v20-latin-600.woff2) format("woff2"),url(/static-assets/fonts/inter-v20-latin-600.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static-assets/fonts/inter-v20-latin-700.woff2) format("woff2"),url(/static-assets/fonts/inter-v20-latin-700.ttf) format("truetype")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:300;src:url(/static-assets/fonts/noto-sans-v42-latin_latin-ext-300.woff2) format("woff2"),url(/static-assets/fonts/noto-sans-v42-latin_latin-ext-300.ttf) format("truetype")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:400;src:url(/static-assets/fonts/noto-sans-v42-latin_latin-ext-regular.woff2) format("woff2"),url(/static-assets/fonts/noto-sans-v42-latin_latin-ext-regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:500;src:url(/static-assets/fonts/noto-sans-v42-latin_latin-ext-500.woff2) format("woff2"),url(/static-assets/fonts/noto-sans-v42-latin_latin-ext-500.ttf) format("truetype")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:600;src:url(/static-assets/fonts/noto-sans-v42-latin_latin-ext-600.woff2) format("woff2"),url(/static-assets/fonts/noto-sans-v42-latin_latin-ext-600.ttf) format("truetype")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:700;src:url(/static-assets/fonts/noto-sans-v42-latin_latin-ext-700.woff2) format("woff2"),url(/static-assets/fonts/noto-sans-v42-latin_latin-ext-700.ttf) format("truetype")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:800;src:url(/static-assets/fonts/noto-sans-v42-latin_latin-ext-800.woff2) format("woff2"),url(/static-assets/fonts/noto-sans-v42-latin_latin-ext-800.ttf) format("truetype")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(/static-assets/fonts/plus-jakarta-sans-v12-latin-regular.woff2) format("woff2"),url(/static-assets/fonts/plus-jakarta-sans-v12-latin-regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(/static-assets/fonts/plus-jakarta-sans-v12-latin-500.woff2) format("woff2"),url(/static-assets/fonts/plus-jakarta-sans-v12-latin-500.ttf) format("truetype")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(/static-assets/fonts/plus-jakarta-sans-v12-latin-600.woff2) format("woff2"),url(/static-assets/fonts/plus-jakarta-sans-v12-latin-600.ttf) format("truetype")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;src:url(/static-assets/fonts/plus-jakarta-sans-v12-latin-800.woff2) format("woff2"),url(/static-assets/fonts/plus-jakarta-sans-v12-latin-800.ttf) format("truetype")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:italic;font-weight:500;src:url(/static-assets/fonts/plus-jakarta-sans-v12-latin-500italic.woff2) format("woff2"),url(/static-assets/fonts/plus-jakarta-sans-v12-latin-500italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:italic;font-weight:600;src:url(/static-assets/fonts/plus-jakarta-sans-v12-latin-600italic.woff2) format("woff2"),url(/static-assets/fonts/plus-jakarta-sans-v12-latin-600italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:italic;font-weight:700;src:url(/static-assets/fonts/plus-jakarta-sans-v12-latin-700italic.woff2) format("woff2"),url(/static-assets/fonts/plus-jakarta-sans-v12-latin-700italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(/static-assets/fonts/plus-jakarta-sans-v12-latin-700.woff2) format("woff2"),url(/static-assets/fonts/plus-jakarta-sans-v12-latin-700.ttf) format("truetype")}html.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}html.js .reveal.reveal-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}@keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.animated-container .image-to-animate,.animated-container .text-loading-animate{animation-duration:2.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f6f6f6;background:linear-gradient(to right,#d1d5db 8%,#e6e7ec 18%,#d1d5db 33%);background-size:800px 104px;border-radius:2px;position:relative}.animated-container *{cursor:default;pointer-events:none}.animated-container .text-loading-animate-link{background:linear-gradient(to right,#3b82f6 8%,#5392fa 18%,#3b82f6 33%)}.animated-container .text-loading-animate,.animated-container .text-loading-hide,.animated-container .text-loading-animate *,.animated-container .text-loading-hide *{color:transparent!important}.animated-container .icon-loading-hide [x-cloak],.animated-container [x-cloak].icon-loading-hide{display:inline-block!important}.animated-container .icon-loading-hide svg,.animated-container svg.icon-loading-hide{background:#d1d5db;border-radius:50%;fill:transparent;stroke:transparent}.animated-container .icon-loading-hide path{display:none}.animated-container .loading-hide{display:none!important}.ds-display-xl{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:3.75rem;font-weight:700;line-height:1.2}.ds-display-lg{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:3rem;font-weight:700;line-height:1.2}.ds-display-md{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2}.ds-display-sm{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:2rem;font-weight:700;line-height:1.35}.ds-heading-xl{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.875rem;font-weight:600;line-height:1.35}.ds-heading-lg{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.35}.ds-heading-md{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.35}.ds-heading-sm{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.35}.ds-body-lg{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5}.ds-body-md{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.ds-body-sm{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.ds-caption-md{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:#4b5563}.ds-caption-sm{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.5;color:#4b5563}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(0 145 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(0 145 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([multiple]):focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #0083E6;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0083e6}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){appearance:none;padding:0;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#0083e6;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #0083E6;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=checkbox]):checked{appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=radio]):checked{appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media(forced-colors:active){input:where([type=checkbox]):indeterminate{appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.no-tailwindcss-base h1,.no-tailwindcss-base h2,.no-tailwindcss-base h3,.no-tailwindcss-base h4,.no-tailwindcss-base h5,.no-tailwindcss-base h6{font-size:revert;font-weight:revert}.no-tailwindcss-base ol,.no-tailwindcss-base ul{list-style:revert;margin:revert;padding:revert}.raw-html-container h3{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.raw-html-container p{margin-bottom:.5rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.raw-html-container ul{margin-bottom:1rem;margin-left:1rem;list-style-position:inside;list-style-type:disc;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.raw-html-container li{margin-bottom:.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.wysiwyg-display p{margin-bottom:.5rem;line-height:1.625}.wysiwyg-display ul{margin-bottom:1rem;margin-left:1rem;list-style-position:inside;list-style-type:disc}.wysiwyg-display li{margin-bottom:.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.\!container{width:100%!important;margin-right:auto!important;margin-left:auto!important;padding-right:1rem!important;padding-left:1rem!important}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 100%){.\!container{max-width:100%!important;padding-right:2rem!important;padding-left:2rem!important}.container{max-width:100%;padding-right:2rem;padding-left:2rem}}@media(min-width:1024px){.\!container{max-width:1024px!important;padding-right:2rem!important;padding-left:2rem!important}.container{max-width:1024px;padding-right:2rem;padding-left:2rem}}@media(min-width:1240px){.\!container{max-width:1240px!important;padding-right:2rem!important;padding-left:2rem!important}.container{max-width:1240px;padding-right:2rem;padding-left:2rem}}@media(min-width:1440px){.\!container{max-width:1440px!important;padding-right:2rem!important;padding-left:2rem!important}.container{max-width:1440px;padding-right:2rem;padding-left:2rem}}@media(min-width:1536px){.\!container{max-width:1536px!important;padding-right:2rem!important;padding-left:2rem!important}.container{max-width:1536px;padding-right:2rem;padding-left:2rem}}.form-input,.form-textarea,.form-select,.form-multiselect{appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}.form-input:focus,.form-textarea:focus,.form-select:focus,.form-multiselect:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #0083E6;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0083e6}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}.form-select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;print-color-adjust:unset}.form-checkbox,.form-radio{appearance:none;padding:0;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#0083e6;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}.form-checkbox{border-radius:0}.form-radio{border-radius:100%}.form-checkbox:focus,.form-radio:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #0083E6;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.form-checkbox:checked,.form-radio:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.form-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media(forced-colors:active){.form-checkbox:checked{appearance:auto}}.form-radio:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media(forced-colors:active){.form-radio:checked{appearance:auto}}.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{border-color:transparent;background-color:currentColor}.form-checkbox:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media(forced-colors:active){.form-checkbox:indeterminate{appearance:auto}}.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{border-color:transparent;background-color:currentColor}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: rgb(17 24 39 / 10%);--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-gray{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: rgb(17 24 39 / 10%);--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151}.cta-primary{--tw-bg-opacity: 1;background-color:rgb(0 74 185 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.cta-primary:hover{background-image:linear-gradient(to left,var(--tw-gradient-stops));--tw-gradient-from: #062965 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 41 101 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #004AB9 var(--tw-gradient-to-position)}.cta-primary:focus{outline:2px solid transparent;outline-offset:2px}.cta-primary:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(0 74 185 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.cta-primary:active{--tw-bg-opacity: 1;background-color:rgb(6 41 101 / var(--tw-bg-opacity, 1));background-image:none}.cta-secondary{--tw-bg-opacity: 1;background-color:rgb(209 239 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(39 39 42 / var(--tw-text-opacity, 1))}.cta-secondary:hover{background-image:linear-gradient(to left,var(--tw-gradient-stops));--tw-gradient-from: #062965 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 41 101 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #004AB9 var(--tw-gradient-to-position);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.cta-secondary:focus{outline:2px solid transparent;outline-offset:2px}.cta-secondary:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(0 74 185 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.cta-secondary:active{--tw-bg-opacity: 1;background-color:rgb(6 41 101 / var(--tw-bg-opacity, 1));background-image:none;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.cta-carousel{--tw-bg-opacity: 1;background-color:rgb(254 79 45 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.cta-carousel:hover{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #FE4F2D var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 79 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #4C0F03 var(--tw-gradient-to-position)}.cta-carousel:focus{outline:2px solid transparent;outline-offset:2px}.cta-carousel:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(254 79 45 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.cta-carousel:active{--tw-bg-opacity: 1;background-color:rgb(76 15 3 / var(--tw-bg-opacity, 1));background-image:none}.review-initial-gradient,.career-steps-gradient{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #004AB9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 74 185 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #7C3AED var(--tw-gradient-to-position);background-image:linear-gradient(89.81deg,#004ab9 .14%,#7c3aed 98.85%)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-60{inset:15rem}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-12{bottom:-3rem}.-bottom-\[10px\]{bottom:-10px}.-bottom-\[16px\]{bottom:-16px}.-left-1{left:-.25rem}.-left-\[9999px\]{left:-9999px}.-right-10{right:-2.5rem}.-right-\[0\.5rem\]{right:-.5rem}.-right-\[16px\]{right:-16px}.-right-\[314px\]{right:-314px}.-right-\[360px\]{right:-360px}.-right-\[6px\]{right:-6px}.-top-1{top:-.25rem}.-top-10{top:-2.5rem}.-top-3{top:-.75rem}.-top-4{top:-1rem}.-top-6{top:-1.5rem}.-top-\[1\.75rem\]{top:-1.75rem}.-top-\[124px\]{top:-124px}.-top-\[186px\]{top:-186px}.-top-\[212px\]{top:-212px}.-top-\[44px\]{top:-44px}.-top-\[8px\]{top:-8px}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-\[-10rem\]{bottom:-10rem}.bottom-\[-1px\]{bottom:-1px}.bottom-\[-9\.5rem\]{bottom:-9.5rem}.bottom-\[100\%\]{bottom:100%}.bottom-\[30px\]{bottom:30px}.bottom-\[36px\]{bottom:36px}.bottom-\[42px\]{bottom:42px}.bottom-\[56px\]{bottom:56px}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-\[-14\.5rem\]{left:-14.5rem}.left-\[14px\]{left:14px}.left-\[244px\]{left:244px}.left-\[24px\]{left:24px}.left-\[28px\]{left:28px}.left-\[30\%\]{left:30%}.left-\[300px\]{left:300px}.left-\[50\%\]{left:50%}.left-\[6px\]{left:6px}.left-\[70px\]{left:70px}.left-\[80px\]{left:80px}.right-0{right:0}.right-1{right:.25rem}.right-1\/2{right:50%}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-\[-12rem\]{right:-12rem}.right-\[-13px\]{right:-13px}.right-\[0\.6rem\]{right:.6rem}.right-\[10px\]{right:10px}.right-\[28px\]{right:28px}.right-\[2rem\]{right:2rem}.right-\[6px\]{right:6px}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-12{top:3rem}.top-14{top:3.5rem}.top-16{top:4rem}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-\[-0\.25rem\]{top:-.25rem}.top-\[-12px\]{top:-12px}.top-\[100\%\]{top:100%}.top-\[100px\]{top:100px}.top-\[116px\]{top:116px}.top-\[158px\]{top:158px}.top-\[19rem\]{top:19rem}.top-\[240px\]{top:240px}.top-\[25\%\]{top:25%}.top-\[26px\]{top:26px}.top-\[32px\]{top:32px}.top-\[336px\]{top:336px}.top-\[38px\]{top:38px}.top-\[398px\]{top:398px}.top-\[3rem\]{top:3rem}.top-\[48px\]{top:48px}.top-\[50\%\]{top:50%}.top-\[50px\]{top:50px}.top-\[52px\]{top:52px}.top-\[61px\]{top:61px}.top-\[63px\]{top:63px}.top-\[64px\]{top:64px}.top-\[65px\]{top:65px}.top-\[70px\]{top:70px}.top-full{top:100%}.top-md{top:15px}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-1000{z-index:1000}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-60{z-index:60}.z-\[1000\]{z-index:1000}.z-\[60\]{z-index:60}.z-\[999\]{z-index:999}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-none{order:0}.col-auto{grid-column:auto}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-6{grid-column:span 6 / span 6}.col-span-full{grid-column:1 / -1}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.float-right{float:right}.float-left{float:left}.\!m-0{margin:0!important}.-m-1\.5{margin:-.375rem}.m-0{margin:0}.m-1{margin:.25rem}.m-12{margin:3rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-auto{margin:auto}.m-lg{margin:20px}.m-md{margin:15px}.m-xs{margin:5px}.\!mx-0{margin-left:0!important;margin-right:0!important}.\!my-0{margin-top:0!important;margin-bottom:0!important}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-16{margin-top:4rem;margin-bottom:4rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-2\.5{margin-top:.625rem;margin-bottom:.625rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-3\.5{margin-top:.875rem;margin-bottom:.875rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-\[20px\]{margin-top:20px;margin-bottom:20px}.my-\[24px\]{margin-top:24px;margin-bottom:24px}.my-auto{margin-top:auto;margin-bottom:auto}.\!-mt-2{margin-top:-.5rem!important}.\!ml-0{margin-left:0!important}.\!mt-0{margin-top:0!important}.-mb-0\.5{margin-bottom:-.125rem}.-mb-px{margin-bottom:-1px}.-ml-3{margin-left:-.75rem}.-ml-4{margin-left:-1rem}.-ml-px{margin-left:-1px}.-mr-1{margin-right:-.25rem}.-mr-3{margin-right:-.75rem}.-mr-4{margin-right:-1rem}.-mr-\[45px\]{margin-right:-45px}.-mt-2{margin-top:-.5rem}.-mt-\[0\.25rem\]{margin-top:-.25rem}.-mt-px{margin-top:-1px}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-3\.5{margin-bottom:.875rem}.mb-32{margin-bottom:8rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.mb-\[56px\]{margin-bottom:56px}.me-2{margin-inline-end:.5rem}.ml-0{margin-left:0}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.ml-\[17\.5px\]{margin-left:17.5px}.ml-\[1px\]{margin-left:1px}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-14{margin-right:3.5rem}.mr-16{margin-right:4rem}.mr-2{margin-right:.5rem}.mr-2\.5{margin-right:.625rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mr-6{margin-right:1.5rem}.mr-\[15px\]{margin-right:15px}.mr-auto{margin-right:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-3\.5{margin-top:.875rem}.mt-4{margin-top:1rem}.mt-48{margin-top:12rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[10px\]{margin-top:10px}.mt-\[24px\]{margin-top:24px}.mt-\[26px\]{margin-top:26px}.mt-\[40px\]{margin-top:40px}.mt-auto{margin-top:auto}.mt-md{margin-top:15px}.box-border{box-sizing:border-box}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.flow-root{display:flow-root}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.size-4{width:1rem;height:1rem}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-104{height:26rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-120{height:30rem}.h-13{height:3.25rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-168{height:42rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-3\/4{height:75%}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-5\/6{height:83.333333%}.h-52{height:13rem}.h-54{height:13.5rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-84{height:21rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[100px\]{height:100px}.h-\[112px\]{height:112px}.h-\[118px\]{height:118px}.h-\[1200px\]{height:1200px}.h-\[124px\]{height:124px}.h-\[130px\]{height:130px}.h-\[132px\]{height:132px}.h-\[140px\]{height:140px}.h-\[14px\]{height:14px}.h-\[150px\]{height:150px}.h-\[15px\]{height:15px}.h-\[193px\]{height:193px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[208px\]{height:208px}.h-\[225px\]{height:225px}.h-\[248px\]{height:248px}.h-\[24px\]{height:24px}.h-\[253px\]{height:253px}.h-\[25px\]{height:25px}.h-\[280px\]{height:280px}.h-\[29rem\]{height:29rem}.h-\[30px\]{height:30px}.h-\[315px\]{height:315px}.h-\[34px\]{height:34px}.h-\[38px\]{height:38px}.h-\[423px\]{height:423px}.h-\[42px\]{height:42px}.h-\[430px\]{height:430px}.h-\[45px\]{height:45px}.h-\[460px\]{height:460px}.h-\[500px\]{height:500px}.h-\[50px\]{height:50px}.h-\[546px\]{height:546px}.h-\[5px\]{height:5px}.h-\[60px\]{height:60px}.h-\[64px\]{height:64px}.h-\[70vh\]{height:70vh}.h-\[76px\]{height:76px}.h-\[82px\]{height:82px}.h-\[90px\]{height:90px}.h-\[calc\(100\%-0\.625rem\)\]{height:calc(100% - .625rem)}.h-\[calc\(100\%-5rem\)\]{height:calc(100% - 5rem)}.h-\[calc\(50\%\+44px\)\]{height:calc(50% + 44px)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:0px}.max-h-32{max-height:8rem}.max-h-36{max-height:9rem}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-52{max-height:13rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[132px\]{max-height:132px}.max-h-\[176px\]{max-height:176px}.max-h-\[266px\]{max-height:266px}.max-h-\[82vh\]{max-height:82vh}.max-h-dvh{max-height:100dvh}.max-h-lg{max-height:20px}.max-h-screen{max-height:100vh}.min-h-0{min-height:0px}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-132{min-height:33rem}.min-h-16{min-height:4rem}.min-h-20{min-height:5rem}.min-h-32{min-height:8rem}.min-h-36{min-height:9rem}.min-h-40{min-height:10rem}.min-h-44{min-height:11rem}.min-h-48{min-height:12rem}.min-h-56{min-height:14rem}.min-h-60{min-height:15rem}.min-h-8{min-height:2rem}.min-h-80{min-height:20rem}.min-h-\[100px\]{min-height:100px}.min-h-\[10px\]{min-height:10px}.min-h-\[116px\]{min-height:116px}.min-h-\[14\.375rem\]{min-height:14.375rem}.min-h-\[170px\]{min-height:170px}.min-h-\[180px\]{min-height:180px}.min-h-\[200px\]{min-height:200px}.min-h-\[240px\]{min-height:240px}.min-h-\[32px\]{min-height:32px}.min-h-\[340px\]{min-height:340px}.min-h-\[372px\]{min-height:372px}.min-h-\[390px\]{min-height:390px}.min-h-\[452px\]{min-height:452px}.min-h-\[498px\]{min-height:498px}.min-h-\[576px\]{min-height:576px}.min-h-\[600px\]{min-height:600px}.min-h-\[700px\]{min-height:700px}.min-h-\[70px\]{min-height:70px}.min-h-\[70vh\]{min-height:70vh}.min-h-\[72px\]{min-height:72px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-1\/6{width:16.666667%}.w-10{width:2.5rem}.w-10\/12{width:83.333333%}.w-11{width:2.75rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/12{width:16.666667%}.w-2\/3{width:66.666667%}.w-2\/5{width:40%}.w-2\/6{width:33.333333%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-3\/6{width:50%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-4\/12{width:33.333333%}.w-4\/5{width:80%}.w-4\/6{width:66.666667%}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-5\/12{width:41.666667%}.w-5\/6{width:83.333333%}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-7\/12{width:58.333333%}.w-72{width:18rem}.w-75{width:18.75rem}.w-8{width:2rem}.w-8\/12{width:66.666667%}.w-80{width:20rem}.w-84{width:21rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[112px\]{width:112px}.w-\[118px\]{width:118px}.w-\[120px\]{width:120px}.w-\[124px\]{width:124px}.w-\[130px\]{width:130px}.w-\[14px\]{width:14px}.w-\[154px\]{width:154px}.w-\[15px\]{width:15px}.w-\[180px\]{width:180px}.w-\[207px\]{width:207px}.w-\[215px\]{width:215px}.w-\[245px\]{width:245px}.w-\[24px\]{width:24px}.w-\[250px\]{width:250px}.w-\[300px\]{width:300px}.w-\[30px\]{width:30px}.w-\[314px\]{width:314px}.w-\[320px\]{width:320px}.w-\[332px\]{width:332px}.w-\[334px\]{width:334px}.w-\[335px\]{width:335px}.w-\[344px\]{width:344px}.w-\[34px\]{width:34px}.w-\[360px\]{width:360px}.w-\[38px\]{width:38px}.w-\[42px\]{width:42px}.w-\[436px\]{width:436px}.w-\[45px\]{width:45px}.w-\[46px\]{width:46px}.w-\[50px\]{width:50px}.w-\[60px\]{width:60px}.w-\[66\%\]{width:66%}.w-\[73\%\]{width:73%}.w-\[745px\]{width:745px}.w-\[76px\]{width:76px}.w-\[80px\]{width:80px}.w-\[82px\]{width:82px}.w-\[90px\]{width:90px}.w-\[967px\]{width:967px}.w-\[calc\(100\%-156px\)\]{width:calc(100% - 156px)}.w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-20{min-width:5rem}.min-w-32{min-width:8rem}.min-w-64{min-width:16rem}.min-w-\[1\.75rem\]{min-width:1.75rem}.min-w-\[10px\]{min-width:10px}.min-w-\[180px\]{min-width:180px}.min-w-\[280px\]{min-width:280px}.min-w-\[354px\]{min-width:354px}.min-w-\[48px\]{min-width:48px}.min-w-\[56px\]{min-width:56px}.min-w-\[75px\]{min-width:75px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-36{max-width:9rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-60{max-width:15rem}.max-w-64{max-width:16rem}.max-w-6xl{max-width:72rem}.max-w-72{max-width:18rem}.max-w-7xl{max-width:80rem}.max-w-96{max-width:24rem}.max-w-\[1184px\]{max-width:1184px}.max-w-\[1392px\]{max-width:1392px}.max-w-\[1920px\]{max-width:1920px}.max-w-\[215px\]{max-width:215px}.max-w-\[224px\]{max-width:224px}.max-w-\[348px\]{max-width:348px}.max-w-\[600px\]{max-width:600px}.max-w-\[736px\]{max-width:736px}.max-w-\[763px\]{max-width:763px}.max-w-\[92vw\]{max-width:92vw}.max-w-container{max-width:1240px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:max-content}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-screen-2xl{max-width:1440px}.max-w-screen-xl{max-width:1240px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\[3\]{flex:3}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-0{flex-basis:0px}.basis-1\/3{flex-basis:33.333333%}.basis-2\/4{flex-basis:50%}.basis-4\/6{flex-basis:66.666667%}.basis-6\/12{flex-basis:50%}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.origin-bottom{transform-origin:bottom}.origin-left{transform-origin:left}.origin-right{transform-origin:right}.origin-top{transform-origin:top}.origin-top-left{transform-origin:top left}.origin-top-right{transform-origin:top right}.-translate-x-0{--tw-translate-x: -0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-13{--tw-translate-y: -3.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-16{--tw-translate-y: -4rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-5{--tw-translate-y: -1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-3{--tw-translate-x: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-3{--tw-translate-y: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-8{--tw-translate-y: 2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[50\%\]{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-px{--tw-translate-y: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-180{--tw-rotate: -180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-12{--tw-rotate: 12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-15deg\]{--tw-rotate: -15deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-90deg\]{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[180deg\]{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[90deg\]{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-0{--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-0{--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-100{--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-y-100{--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-y-90{--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 20s linear infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes scroll{0%{transform:translateY(0)}to{transform:translateY(8px)}}.animate-scroll{animation:scroll ease 3s infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-auto{cursor:auto}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.select-none{user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.snap-start{scroll-snap-align:start}.snap-center{scroll-snap-align:center}.scroll-mx-5{scroll-margin-left:1.25rem;scroll-margin-right:1.25rem}.scroll-p-4{scroll-padding:1rem}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-lower-alpha{list-style-type:lower-alpha}.list-none{list-style-type:none}.\!appearance-none{appearance:none!important}.appearance-none{appearance:none}.columns-1{columns:1}.break-inside-auto{break-inside:auto}.break-inside-avoid{break-inside:avoid}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.auto-rows-max{grid-auto-rows:max-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-20{gap:5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[48px\]{gap:48px}.gap-md{gap:15px}.gap-sm{gap:10px}.gap-x-1{column-gap:.25rem}.gap-x-1\.5{column-gap:.375rem}.gap-x-10{column-gap:2.5rem}.gap-x-11{column-gap:2.75rem}.gap-x-14{column-gap:3.5rem}.gap-x-2{column-gap:.5rem}.gap-x-2\.5{column-gap:.625rem}.gap-x-20{column-gap:5rem}.gap-x-24{column-gap:6rem}.gap-x-3{column-gap:.75rem}.gap-x-4{column-gap:1rem}.gap-x-5{column-gap:1.25rem}.gap-x-6{column-gap:1.5rem}.gap-x-8{column-gap:2rem}.gap-x-\[17\.5px\]{column-gap:17.5px}.gap-y-1{row-gap:.25rem}.gap-y-10{row-gap:2.5rem}.gap-y-12{row-gap:3rem}.gap-y-2{row-gap:.5rem}.gap-y-2\.5{row-gap:.625rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.gap-y-9{row-gap:2.25rem}.-space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(-1px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(-1px * var(--tw-space-y-reverse))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.75rem * var(--tw-space-x-reverse));margin-left:calc(1.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-lg>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(20px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(20px * var(--tw-space-y-reverse))}.space-y-md>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(15px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(15px * var(--tw-space-y-reverse))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 1}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-y-2>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(2px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(2px * var(--tw-divide-y-reverse))}.divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.divide-gray-300>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(209 213 219 / var(--tw-divide-opacity, 1))}.divide-gray-400>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(156 163 175 / var(--tw-divide-opacity, 1))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[16px\]{border-radius:16px}.rounded-base{border-radius:32px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:12px}.rounded-md{border-radius:6px}.rounded-none{border-radius:0}.rounded-sm{border-radius:3px}.rounded-xl{border-radius:.75rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-3xl{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-b-lg{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.rounded-b-md{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-2xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.rounded-l-3xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-l-lg{border-top-left-radius:12px;border-bottom-left-radius:12px}.rounded-l-md{border-top-left-radius:6px;border-bottom-left-radius:6px}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-3xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-r-lg{border-top-right-radius:12px;border-bottom-right-radius:12px}.rounded-r-md{border-top-right-radius:6px;border-bottom-right-radius:6px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-t-lg{border-top-left-radius:12px;border-top-right-radius:12px}.rounded-t-md{border-top-left-radius:6px;border-top-right-radius:6px}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-bl{border-bottom-left-radius:.25rem}.rounded-bl-full{border-bottom-left-radius:9999px}.rounded-bl-lg{border-bottom-left-radius:12px}.rounded-bl-md{border-bottom-left-radius:6px}.rounded-bl-none{border-bottom-left-radius:0}.rounded-bl-xl{border-bottom-left-radius:.75rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-br-full{border-bottom-right-radius:9999px}.rounded-br-lg{border-bottom-right-radius:12px}.rounded-br-md{border-bottom-right-radius:6px}.rounded-br-none{border-bottom-right-radius:0}.rounded-br-xl{border-bottom-right-radius:.75rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tl-full{border-top-left-radius:9999px}.rounded-tl-lg{border-top-left-radius:12px}.rounded-tl-md{border-top-left-radius:6px}.rounded-tl-none{border-top-left-radius:0}.rounded-tr{border-top-right-radius:.25rem}.rounded-tr-full{border-top-right-radius:9999px}.rounded-tr-lg{border-top-right-radius:12px}.rounded-tr-md{border-top-right-radius:6px}.rounded-tr-none{border-top-right-radius:0}.\!border{border-width:1px!important}.\!border-0{border-width:0px!important}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[1px\]{border-width:1px}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.\!border-b{border-bottom-width:1px!important}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-t-8{border-top-width:8px}.border-t-\[12px\]{border-top-width:12px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.\!border-none{border-style:none!important}.border-none{border-style:none}.\!border-brand-primary{--tw-border-opacity: 1 !important;border-color:rgb(0 74 185 / var(--tw-border-opacity, 1))!important}.\!border-brand-secondary{--tw-border-opacity: 1 !important;border-color:rgb(124 58 237 / var(--tw-border-opacity, 1))!important}.\!border-gray-300{--tw-border-opacity: 1 !important;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))!important}.\!border-red-500{--tw-border-opacity: 1 !important;border-color:rgb(212 43 61 / var(--tw-border-opacity, 1))!important}.border-\[\#004AB9\]{--tw-border-opacity: 1;border-color:rgb(0 74 185 / var(--tw-border-opacity, 1))}.border-\[\#0091FF\]{--tw-border-opacity: 1;border-color:rgb(0 145 255 / var(--tw-border-opacity, 1))}.border-\[\#084C61\]{--tw-border-opacity: 1;border-color:rgb(8 76 97 / var(--tw-border-opacity, 1))}.border-\[\#177E89\]{--tw-border-opacity: 1;border-color:rgb(23 126 137 / var(--tw-border-opacity, 1))}.border-\[\#C39740\]{--tw-border-opacity: 1;border-color:rgb(195 151 64 / var(--tw-border-opacity, 1))}.border-\[\#DB3A34\]{--tw-border-opacity: 1;border-color:rgb(219 58 52 / var(--tw-border-opacity, 1))}.border-\[\#E1CB00\]{--tw-border-opacity: 1;border-color:rgb(225 203 0 / var(--tw-border-opacity, 1))}.border-\[\#FFC857\]{--tw-border-opacity: 1;border-color:rgb(255 200 87 / var(--tw-border-opacity, 1))}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 228 255 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(153 211 255 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(0 145 255 / var(--tw-border-opacity, 1))}.border-brand-primary{--tw-border-opacity: 1;border-color:rgb(0 74 185 / var(--tw-border-opacity, 1))}.border-brand-primary-200{--tw-border-opacity: 1;border-color:rgb(191 210 238 / var(--tw-border-opacity, 1))}.border-brand-primary-400{--tw-border-opacity: 1;border-color:rgb(77 128 206 / var(--tw-border-opacity, 1))}.border-brand-primary-700{--tw-border-opacity: 1;border-color:rgb(0 56 139 / var(--tw-border-opacity, 1))}.border-brand-secondary{--tw-border-opacity: 1;border-color:rgb(124 58 237 / var(--tw-border-opacity, 1))}.border-brand-secondary-200{--tw-border-opacity: 1;border-color:rgb(222 206 251 / var(--tw-border-opacity, 1))}.border-brand-secondary-300{--tw-border-opacity: 1;border-color:rgb(203 176 248 / var(--tw-border-opacity, 1))}.border-brand-secondary-600{--tw-border-opacity: 1;border-color:rgb(112 52 213 / var(--tw-border-opacity, 1))}.border-brand-secondary-900{--tw-border-opacity: 1;border-color:rgb(61 28 116 / var(--tw-border-opacity, 1))}.border-current{border-color:currentColor}.border-error-300{--tw-border-opacity: 1;border-color:rgb(238 171 176 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-30{--tw-border-opacity: 1;border-color:rgb(151 151 151 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-gray-900{--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(56 150 96 / var(--tw-border-opacity, 1))}.border-link-400{--tw-border-opacity: 1;border-color:rgb(77 128 206 / var(--tw-border-opacity, 1))}.border-link-500{--tw-border-opacity: 1;border-color:rgb(0 74 185 / var(--tw-border-opacity, 1))}.border-neutral-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-pri-default{--tw-border-opacity: 1;border-color:rgb(0 74 185 / var(--tw-border-opacity, 1))}.border-primary-default{--tw-border-opacity: 1;border-color:rgb(255 98 0 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(244 202 207 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(225 107 119 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(212 43 61 / var(--tw-border-opacity, 1))}.border-red-600{--tw-border-opacity: 1;border-color:rgb(191 39 55 / var(--tw-border-opacity, 1))}.border-surface-divider{--tw-border-opacity: 1;border-color:rgb(244 242 237 / var(--tw-border-opacity, 1))}.border-surface-stroke{--tw-border-opacity: 1;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}.border-text-primary{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-b-gray-300{--tw-border-opacity: 1;border-bottom-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-b-transparent{border-bottom-color:transparent}.border-l-gray-300{--tw-border-opacity: 1;border-left-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-l-transparent{border-left-color:transparent}.border-r-transparent{border-right-color:transparent}.border-t-assessment{--tw-border-opacity: 1;border-top-color:rgb(0 145 255 / var(--tw-border-opacity, 1))}.border-t-assessment\/0{border-top-color:#0091ff00}.border-t-assessment\/10{border-top-color:#0091ff1a}.border-t-assessment\/100{border-top-color:#0091ff}.border-t-assessment\/15{border-top-color:#0091ff26}.border-t-assessment\/20{border-top-color:#0091ff33}.border-t-assessment\/25{border-top-color:#0091ff40}.border-t-assessment\/30{border-top-color:#0091ff4d}.border-t-assessment\/35{border-top-color:#0091ff59}.border-t-assessment\/40{border-top-color:#0091ff66}.border-t-assessment\/45{border-top-color:#0091ff73}.border-t-assessment\/5{border-top-color:#0091ff0d}.border-t-assessment\/50{border-top-color:#0091ff80}.border-t-assessment\/55{border-top-color:#0091ff8c}.border-t-assessment\/60{border-top-color:#0091ff99}.border-t-assessment\/65{border-top-color:#0091ffa6}.border-t-assessment\/70{border-top-color:#0091ffb3}.border-t-assessment\/75{border-top-color:#0091ffbf}.border-t-assessment\/80{border-top-color:#0091ffcc}.border-t-assessment\/85{border-top-color:#0091ffd9}.border-t-assessment\/90{border-top-color:#0091ffe6}.border-t-assessment\/95{border-top-color:#0091fff2}.border-t-best-match{--tw-border-opacity: 1;border-top-color:rgb(219 58 52 / var(--tw-border-opacity, 1))}.border-t-best-match\/0{border-top-color:#db3a3400}.border-t-best-match\/10{border-top-color:#db3a341a}.border-t-best-match\/100{border-top-color:#db3a34}.border-t-best-match\/15{border-top-color:#db3a3426}.border-t-best-match\/20{border-top-color:#db3a3433}.border-t-best-match\/25{border-top-color:#db3a3440}.border-t-best-match\/30{border-top-color:#db3a344d}.border-t-best-match\/35{border-top-color:#db3a3459}.border-t-best-match\/40{border-top-color:#db3a3466}.border-t-best-match\/45{border-top-color:#db3a3473}.border-t-best-match\/5{border-top-color:#db3a340d}.border-t-best-match\/50{border-top-color:#db3a3480}.border-t-best-match\/55{border-top-color:#db3a348c}.border-t-best-match\/60{border-top-color:#db3a3499}.border-t-best-match\/65{border-top-color:#db3a34a6}.border-t-best-match\/70{border-top-color:#db3a34b3}.border-t-best-match\/75{border-top-color:#db3a34bf}.border-t-best-match\/80{border-top-color:#db3a34cc}.border-t-best-match\/85{border-top-color:#db3a34d9}.border-t-best-match\/90{border-top-color:#db3a34e6}.border-t-best-match\/95{border-top-color:#db3a34f2}.border-t-gray-300{--tw-border-opacity: 1;border-top-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-t-job-boost{--tw-border-opacity: 1;border-top-color:rgb(0 74 185 / var(--tw-border-opacity, 1))}.border-t-job-boost\/0{border-top-color:#004ab900}.border-t-job-boost\/10{border-top-color:#004ab91a}.border-t-job-boost\/100{border-top-color:#004ab9}.border-t-job-boost\/15{border-top-color:#004ab926}.border-t-job-boost\/20{border-top-color:#004ab933}.border-t-job-boost\/25{border-top-color:#004ab940}.border-t-job-boost\/30{border-top-color:#004ab94d}.border-t-job-boost\/35{border-top-color:#004ab959}.border-t-job-boost\/40{border-top-color:#004ab966}.border-t-job-boost\/45{border-top-color:#004ab973}.border-t-job-boost\/5{border-top-color:#004ab90d}.border-t-job-boost\/50{border-top-color:#004ab980}.border-t-job-boost\/55{border-top-color:#004ab98c}.border-t-job-boost\/60{border-top-color:#004ab999}.border-t-job-boost\/65{border-top-color:#004ab9a6}.border-t-job-boost\/70{border-top-color:#004ab9b3}.border-t-job-boost\/75{border-top-color:#004ab9bf}.border-t-job-boost\/80{border-top-color:#004ab9cc}.border-t-job-boost\/85{border-top-color:#004ab9d9}.border-t-job-boost\/90{border-top-color:#004ab9e6}.border-t-job-boost\/95{border-top-color:#004ab9f2}.border-t-job-listing{--tw-border-opacity: 1;border-top-color:rgb(23 126 137 / var(--tw-border-opacity, 1))}.border-t-job-listing\/0{border-top-color:#177e8900}.border-t-job-listing\/10{border-top-color:#177e891a}.border-t-job-listing\/100{border-top-color:#177e89}.border-t-job-listing\/15{border-top-color:#177e8926}.border-t-job-listing\/20{border-top-color:#177e8933}.border-t-job-listing\/25{border-top-color:#177e8940}.border-t-job-listing\/30{border-top-color:#177e894d}.border-t-job-listing\/35{border-top-color:#177e8959}.border-t-job-listing\/40{border-top-color:#177e8966}.border-t-job-listing\/45{border-top-color:#177e8973}.border-t-job-listing\/5{border-top-color:#177e890d}.border-t-job-listing\/50{border-top-color:#177e8980}.border-t-job-listing\/55{border-top-color:#177e898c}.border-t-job-listing\/60{border-top-color:#177e8999}.border-t-job-listing\/65{border-top-color:#177e89a6}.border-t-job-listing\/70{border-top-color:#177e89b3}.border-t-job-listing\/75{border-top-color:#177e89bf}.border-t-job-listing\/80{border-top-color:#177e89cc}.border-t-job-listing\/85{border-top-color:#177e89d9}.border-t-job-listing\/90{border-top-color:#177e89e6}.border-t-job-listing\/95{border-top-color:#177e89f2}.border-t-linkout{--tw-border-opacity: 1;border-top-color:rgb(255 200 87 / var(--tw-border-opacity, 1))}.border-t-linkout\/0{border-top-color:#ffc85700}.border-t-linkout\/10{border-top-color:#ffc8571a}.border-t-linkout\/100{border-top-color:#ffc857}.border-t-linkout\/15{border-top-color:#ffc85726}.border-t-linkout\/20{border-top-color:#ffc85733}.border-t-linkout\/25{border-top-color:#ffc85740}.border-t-linkout\/30{border-top-color:#ffc8574d}.border-t-linkout\/35{border-top-color:#ffc85759}.border-t-linkout\/40{border-top-color:#ffc85766}.border-t-linkout\/45{border-top-color:#ffc85773}.border-t-linkout\/5{border-top-color:#ffc8570d}.border-t-linkout\/50{border-top-color:#ffc85780}.border-t-linkout\/55{border-top-color:#ffc8578c}.border-t-linkout\/60{border-top-color:#ffc85799}.border-t-linkout\/65{border-top-color:#ffc857a6}.border-t-linkout\/70{border-top-color:#ffc857b3}.border-t-linkout\/75{border-top-color:#ffc857bf}.border-t-linkout\/80{border-top-color:#ffc857cc}.border-t-linkout\/85{border-top-color:#ffc857d9}.border-t-linkout\/90{border-top-color:#ffc857e6}.border-t-linkout\/95{border-top-color:#ffc857f2}.border-t-standard-listing{--tw-border-opacity: 1;border-top-color:rgb(8 76 97 / var(--tw-border-opacity, 1))}.border-t-standard-listing\/0{border-top-color:#084c6100}.border-t-standard-listing\/10{border-top-color:#084c611a}.border-t-standard-listing\/100{border-top-color:#084c61}.border-t-standard-listing\/15{border-top-color:#084c6126}.border-t-standard-listing\/20{border-top-color:#084c6133}.border-t-standard-listing\/25{border-top-color:#084c6140}.border-t-standard-listing\/30{border-top-color:#084c614d}.border-t-standard-listing\/35{border-top-color:#084c6159}.border-t-standard-listing\/40{border-top-color:#084c6166}.border-t-standard-listing\/45{border-top-color:#084c6173}.border-t-standard-listing\/5{border-top-color:#084c610d}.border-t-standard-listing\/50{border-top-color:#084c6180}.border-t-standard-listing\/55{border-top-color:#084c618c}.border-t-standard-listing\/60{border-top-color:#084c6199}.border-t-standard-listing\/65{border-top-color:#084c61a6}.border-t-standard-listing\/70{border-top-color:#084c61b3}.border-t-standard-listing\/75{border-top-color:#084c61bf}.border-t-standard-listing\/80{border-top-color:#084c61cc}.border-t-standard-listing\/85{border-top-color:#084c61d9}.border-t-standard-listing\/90{border-top-color:#084c61e6}.border-t-standard-listing\/95{border-top-color:#084c61f2}.border-t-starter-listing{--tw-border-opacity: 1;border-top-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-t-starter-listing\/0{border-top-color:#e5e7eb00}.border-t-starter-listing\/10{border-top-color:#e5e7eb1a}.border-t-starter-listing\/100{border-top-color:#e5e7eb}.border-t-starter-listing\/15{border-top-color:#e5e7eb26}.border-t-starter-listing\/20{border-top-color:#e5e7eb33}.border-t-starter-listing\/25{border-top-color:#e5e7eb40}.border-t-starter-listing\/30{border-top-color:#e5e7eb4d}.border-t-starter-listing\/35{border-top-color:#e5e7eb59}.border-t-starter-listing\/40{border-top-color:#e5e7eb66}.border-t-starter-listing\/45{border-top-color:#e5e7eb73}.border-t-starter-listing\/5{border-top-color:#e5e7eb0d}.border-t-starter-listing\/50{border-top-color:#e5e7eb80}.border-t-starter-listing\/55{border-top-color:#e5e7eb8c}.border-t-starter-listing\/60{border-top-color:#e5e7eb99}.border-t-starter-listing\/65{border-top-color:#e5e7eba6}.border-t-starter-listing\/70{border-top-color:#e5e7ebb3}.border-t-starter-listing\/75{border-top-color:#e5e7ebbf}.border-t-starter-listing\/80{border-top-color:#e5e7ebcc}.border-t-starter-listing\/85{border-top-color:#e5e7ebd9}.border-t-starter-listing\/90{border-top-color:#e5e7ebe6}.border-t-starter-listing\/95{border-top-color:#e5e7ebf2}.\!bg-brand-primary{--tw-bg-opacity: 1 !important;background-color:rgb(0 74 185 / var(--tw-bg-opacity, 1))!important}.\!bg-brand-secondary{--tw-bg-opacity: 1 !important;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))!important}.\!bg-gray-200{--tw-bg-opacity: 1 !important;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))!important}.\!bg-gray-400{--tw-bg-opacity: 1 !important;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))!important}.\!bg-green-500{--tw-bg-opacity: 1 !important;background-color:rgb(56 150 96 / var(--tw-bg-opacity, 1))!important}.\!bg-link-100{--tw-bg-opacity: 1 !important;background-color:rgb(230 237 248 / var(--tw-bg-opacity, 1))!important}.\!bg-orange-500{--tw-bg-opacity: 1 !important;background-color:rgb(216 146 59 / var(--tw-bg-opacity, 1))!important}.\!bg-transparent{background-color:transparent!important}.bg-\[\#\#EBF1F1\]{background-color:##EBF1F1}.bg-\[\#00000033\]{background-color:#0003}.bg-\[\#000000a6\]{background-color:#000000a6}.bg-\[\#0091FF\]{--tw-bg-opacity: 1;background-color:rgb(0 145 255 / var(--tw-bg-opacity, 1))}.bg-\[\#009688\]{--tw-bg-opacity: 1;background-color:rgb(0 150 136 / var(--tw-bg-opacity, 1))}.bg-\[\#084C61\]{--tw-bg-opacity: 1;background-color:rgb(8 76 97 / var(--tw-bg-opacity, 1))}.bg-\[\#101A38\]{--tw-bg-opacity: 1;background-color:rgb(16 26 56 / var(--tw-bg-opacity, 1))}.bg-\[\#10B981\]{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-\[\#177E89\]{--tw-bg-opacity: 1;background-color:rgb(23 126 137 / var(--tw-bg-opacity, 1))}.bg-\[\#1F11FF\]{--tw-bg-opacity: 1;background-color:rgb(31 17 255 / var(--tw-bg-opacity, 1))}.bg-\[\#25D366\]{--tw-bg-opacity: 1;background-color:rgb(37 211 102 / var(--tw-bg-opacity, 1))}.bg-\[\#389660\]{--tw-bg-opacity: 1;background-color:rgb(56 150 96 / var(--tw-bg-opacity, 1))}.bg-\[\#3B5998\]{--tw-bg-opacity: 1;background-color:rgb(59 89 152 / var(--tw-bg-opacity, 1))}.bg-\[\#4267B2\]{--tw-bg-opacity: 1;background-color:rgb(66 103 178 / var(--tw-bg-opacity, 1))}.bg-\[\#C39740\]{--tw-bg-opacity: 1;background-color:rgb(195 151 64 / var(--tw-bg-opacity, 1))}.bg-\[\#D42B3D\]{--tw-bg-opacity: 1;background-color:rgb(212 43 61 / var(--tw-bg-opacity, 1))}.bg-\[\#DB3A34\]{--tw-bg-opacity: 1;background-color:rgb(219 58 52 / var(--tw-bg-opacity, 1))}.bg-\[\#E1CB00\]{--tw-bg-opacity: 1;background-color:rgb(225 203 0 / var(--tw-bg-opacity, 1))}.bg-\[\#E6EDEF\]{--tw-bg-opacity: 1;background-color:rgb(230 237 239 / var(--tw-bg-opacity, 1))}.bg-\[\#E8F2F3\]{--tw-bg-opacity: 1;background-color:rgb(232 242 243 / var(--tw-bg-opacity, 1))}.bg-\[\#EBF1F1\]{--tw-bg-opacity: 1;background-color:rgb(235 241 241 / var(--tw-bg-opacity, 1))}.bg-\[\#F3F4F63D\]{background-color:#f3f4f63d}.bg-\[\#F9FAFB\]{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-\[\#FBEBEB\]{--tw-bg-opacity: 1;background-color:rgb(251 235 235 / var(--tw-bg-opacity, 1))}.bg-\[\#FCF2F4\]{--tw-bg-opacity: 1;background-color:rgb(252 242 244 / var(--tw-bg-opacity, 1))}.bg-\[\#FDF9ED\]{--tw-bg-opacity: 1;background-color:rgb(253 249 237 / var(--tw-bg-opacity, 1))}.bg-\[\#FFC857\]{--tw-bg-opacity: 1;background-color:rgb(255 200 87 / var(--tw-bg-opacity, 1))}.bg-\[\#FFF7D6\]{--tw-bg-opacity: 1;background-color:rgb(255 247 214 / var(--tw-bg-opacity, 1))}.bg-\[\#FFF7ED\]{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-\[\#FFFAEE\]{--tw-bg-opacity: 1;background-color:rgb(255 250 238 / var(--tw-bg-opacity, 1))}.bg-\[\#FFFAF4\]{--tw-bg-opacity: 1;background-color:rgb(255 250 244 / var(--tw-bg-opacity, 1))}.bg-\[\#fafafa\]{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-badge-easy-apply{--tw-bg-opacity: 1;background-color:rgb(54 102 14 / var(--tw-bg-opacity, 1))}.bg-badge-for-you{--tw-bg-opacity: 1;background-color:rgb(222 216 202 / var(--tw-bg-opacity, 1))}.bg-best-match{--tw-bg-opacity: 1;background-color:rgb(219 58 52 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/0{background-color:#0000}.bg-black\/40{background-color:#0006}.bg-black\/60{background-color:#0009}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(230 244 255 / var(--tw-bg-opacity, 1))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(77 178 255 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(242 250 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(0 145 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(0 131 230 / var(--tw-bg-opacity, 1))}.bg-brand-primary{--tw-bg-opacity: 1;background-color:rgb(0 74 185 / var(--tw-bg-opacity, 1))}.bg-brand-primary-100{--tw-bg-opacity: 1;background-color:rgb(230 237 248 / var(--tw-bg-opacity, 1))}.bg-brand-primary-200{--tw-bg-opacity: 1;background-color:rgb(191 210 238 / var(--tw-bg-opacity, 1))}.bg-brand-primary-300{--tw-bg-opacity: 1;background-color:rgb(153 183 227 / var(--tw-bg-opacity, 1))}.bg-brand-primary-400{--tw-bg-opacity: 1;background-color:rgb(77 128 206 / var(--tw-bg-opacity, 1))}.bg-brand-primary-50{--tw-bg-opacity: 1;background-color:rgb(242 246 252 / var(--tw-bg-opacity, 1))}.bg-brand-primary-500{--tw-bg-opacity: 1;background-color:rgb(0 74 185 / var(--tw-bg-opacity, 1))}.bg-brand-primary-700{--tw-bg-opacity: 1;background-color:rgb(0 56 139 / var(--tw-bg-opacity, 1))}.bg-brand-primary-900{--tw-bg-opacity: 1;background-color:rgb(0 36 91 / var(--tw-bg-opacity, 1))}.bg-brand-primary\/20{background-color:#004ab933}.bg-brand-secondary{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.bg-brand-secondary-100{--tw-bg-opacity: 1;background-color:rgb(242 235 253 / var(--tw-bg-opacity, 1))}.bg-brand-secondary-200{--tw-bg-opacity: 1;background-color:rgb(222 206 251 / var(--tw-bg-opacity, 1))}.bg-brand-secondary-400{--tw-bg-opacity: 1;background-color:rgb(163 117 242 / var(--tw-bg-opacity, 1))}.bg-brand-secondary-50{--tw-bg-opacity: 1;background-color:rgb(248 245 254 / var(--tw-bg-opacity, 1))}.bg-brand-secondary-500{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.bg-brand-secondary-600{--tw-bg-opacity: 1;background-color:rgb(112 52 213 / var(--tw-bg-opacity, 1))}.bg-brand-secondary-700{--tw-bg-opacity: 1;background-color:rgb(93 44 178 / var(--tw-bg-opacity, 1))}.bg-brand-secondary-900{--tw-bg-opacity: 1;background-color:rgb(61 28 116 / var(--tw-bg-opacity, 1))}.bg-brand-tertiary{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-brand-tertiary-300{--tw-bg-opacity: 1;background-color:rgb(143 196 209 / var(--tw-bg-opacity, 1))}.bg-brand-tertiary-50{--tw-bg-opacity: 1;background-color:rgb(245 248 249 / var(--tw-bg-opacity, 1))}.bg-btn-primary{--tw-bg-opacity: 1;background-color:rgb(0 74 185 / var(--tw-bg-opacity, 1))}.bg-btn-primary-secondary{--tw-bg-opacity: 1;background-color:rgb(209 239 255 / var(--tw-bg-opacity, 1))}.bg-btn-secondary{--tw-bg-opacity: 1;background-color:rgb(255 228 223 / var(--tw-bg-opacity, 1))}.bg-btn-tertiary{--tw-bg-opacity: 1;background-color:rgb(58 116 138 / var(--tw-bg-opacity, 1))}.bg-current{background-color:currentColor}.bg-error-50{--tw-bg-opacity: 1;background-color:rgb(252 242 244 / var(--tw-bg-opacity, 1))}.bg-error-500{--tw-bg-opacity: 1;background-color:rgb(209 86 96 / var(--tw-bg-opacity, 1))}.bg-glass-dark{background-color:#414144b3}.bg-gray-10{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-20{--tw-bg-opacity: 1;background-color:rgb(238 238 238 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-750{--tw-bg-opacity: 1;background-color:rgb(78 85 89 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(235 245 239 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(245 250 247 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(56 150 96 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(50 135 86 / var(--tw-bg-opacity, 1))}.bg-job-listing{--tw-bg-opacity: 1;background-color:rgb(23 126 137 / var(--tw-bg-opacity, 1))}.bg-link-100{--tw-bg-opacity: 1;background-color:rgb(230 237 248 / var(--tw-bg-opacity, 1))}.bg-link-400{--tw-bg-opacity: 1;background-color:rgb(77 128 206 / var(--tw-bg-opacity, 1))}.bg-link-500{--tw-bg-opacity: 1;background-color:rgb(0 74 185 / var(--tw-bg-opacity, 1))}.bg-linkout{--tw-bg-opacity: 1;background-color:rgb(255 200 87 / var(--tw-bg-opacity, 1))}.bg-neutral-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-neutral-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-orange-200{--tw-bg-opacity: 1;background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(253 249 237 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(216 146 59 / var(--tw-bg-opacity, 1))}.bg-pri-default{--tw-bg-opacity: 1;background-color:rgb(0 74 185 / var(--tw-bg-opacity, 1))}.bg-primary-default{--tw-bg-opacity: 1;background-color:rgb(255 98 0 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(251 234 236 / var(--tw-bg-opacity, 1))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(244 202 207 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(225 107 119 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(253 244 245 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(212 43 61 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(191 39 55 / var(--tw-bg-opacity, 1))}.bg-red-700{--tw-bg-opacity: 1;background-color:rgb(159 32 46 / var(--tw-bg-opacity, 1))}.bg-sec-default{background-color:transparent}.bg-sec-hover{--tw-bg-opacity: 1;background-color:rgb(191 210 238 / var(--tw-bg-opacity, 1))}.bg-semantic-danger-default{--tw-bg-opacity: 1;background-color:rgb(212 43 61 / var(--tw-bg-opacity, 1))}.bg-sentimental-negative{--tw-bg-opacity: 1;background-color:rgb(168 32 13 / var(--tw-bg-opacity, 1))}.bg-sentimental-positive{--tw-bg-opacity: 1;background-color:rgb(54 102 14 / var(--tw-bg-opacity, 1))}.bg-standard-listing{--tw-bg-opacity: 1;background-color:rgb(8 76 97 / var(--tw-bg-opacity, 1))}.bg-starter-listing{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-surface-beige{--tw-bg-opacity: 1;background-color:rgb(239 237 229 / var(--tw-bg-opacity, 1))}.bg-surface-default{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-surface-primary-light{--tw-bg-opacity: 1;background-color:rgb(235 248 255 / var(--tw-bg-opacity, 1))}.bg-surface-secondary{--tw-bg-opacity: 1;background-color:rgb(232 49 14 / var(--tw-bg-opacity, 1))}.bg-surface-warm{--tw-bg-opacity: 1;background-color:rgb(244 242 237 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-tri-default,.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/90{background-color:#ffffffe6}.bg-opacity-20{--tw-bg-opacity: .2}.bg-opacity-40{--tw-bg-opacity: .4}.bg-opacity-50{--tw-bg-opacity: .5}.bg-\[linear-gradient\(0deg\,\#EBF1F1_0\.66\%\,\#DAE9E7_75\.24\%\,\#FFFFFF_99\.86\%\)\]{background-image:linear-gradient(0deg,#ebf1f1 .66%,#dae9e7 75.24%,#fff 99.86%)}.bg-\[linear-gradient\(180deg\,\#009688_0\%\,\#8148E5_100\%\)\]{background-image:linear-gradient(180deg,#009688,#8148e5)}.bg-\[linear-gradient\(58deg\,_\#1A3E8D_0\%\,_\#EE5263_75\.78\%\,_\#F78944_100\%\)\]{background-image:linear-gradient(58deg,#1a3e8d,#ee5263 75.78%,#f78944)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-badge-for-you{--tw-gradient-from: #DED8CA var(--tw-gradient-from-position);--tw-gradient-to: rgb(222 216 202 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/0{--tw-gradient-from: rgb(0 0 0 / 0) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-brand-primary\/10{--tw-gradient-from: rgb(0 74 185 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 74 185 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-surface-beige{--tw-gradient-from: #EFEDE5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 237 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-surface-primary-light{--tw-gradient-from: #EBF8FF var(--tw-gradient-from-position);--tw-gradient-to: rgb(235 248 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-surface-secondary-light{--tw-gradient-from: #FFF3F1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 243 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[16\.89\%\]{--tw-gradient-from-position: 16.89%}.via-brand-primary\/5{--tw-gradient-to: rgb(0 74 185 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 74 185 / .05) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-gray-400{--tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #9CA3AF var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-gray-800{--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1F2937 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-black{--tw-gradient-to: #000 var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to: #111827 var(--tw-gradient-to-position)}.to-surface-beige{--tw-gradient-to: #EFEDE5 var(--tw-gradient-to-position)}.to-surface-primary-light{--tw-gradient-to: #EBF8FF var(--tw-gradient-to-position)}.to-surface-warm{--tw-gradient-to: #F4F2ED var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.bg-\[length\:386px_358px\]{background-size:386px 358px}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-clip-padding{background-clip:padding-box}.bg-bottom{background-position:bottom}.bg-center{background-position:center}.bg-left{background-position:left}.bg-right{background-position:right}.bg-top{background-position:top}.bg-no-repeat{background-repeat:no-repeat}.fill-\[\#084C61\]{fill:#084c61}.fill-\[\#177E89\]{fill:#177e89}.fill-\[\#DB3A34\]{fill:#db3a34}.fill-\[\#FFC857\]{fill:#ffc857}.fill-black{fill:#000}.fill-brand-primary{fill:#004ab9}.fill-brand-primary-700{fill:#00388b}.fill-brand-secondary{fill:#7c3aed}.fill-brand-secondary-50{fill:#f8f5fe}.fill-current{fill:currentColor}.fill-gray-500{fill:#6b7280}.fill-gray-700{fill:#374151}.fill-gray-800{fill:#1f2937}.fill-gray-900{fill:#111827}.fill-link-500{fill:#004ab9}.fill-text-primary{fill:#27272a}.fill-white{fill:#fff}.fill-yellow-400{fill:#f59e0b}.stroke-brand-primary{stroke:#004ab9}.stroke-brand-primary-700{stroke:#00388b}.stroke-brand-primary-900{stroke:#00245b}.stroke-brand-secondary{stroke:#7c3aed}.stroke-brand-secondary-700{stroke:#5d2cb2}.stroke-current{stroke:currentColor}.stroke-gray-300{stroke:#d1d5db}.stroke-gray-500{stroke:#6b7280}.stroke-gray-700{stroke:#374151}.stroke-link-500{stroke:#004ab9}.stroke-none{stroke:none}.stroke-pri-default{stroke:#004ab9}.stroke-red-500{stroke:#d42b3d}.stroke-white{stroke:#fff}.stroke-\[5px\]{stroke-width:5px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-top{object-position:top}.\!p-0{padding:0!important}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[14px\]{padding:14px}.p-btn-base{padding:.5rem 1.5rem}.p-btn-lg{padding:.75rem 1.75rem}.p-btn-sm{padding:.5rem 1rem}.p-btn-xl{padding:1rem 2rem}.p-btn-xs{padding:.5rem .75rem}.p-md{padding:15px}.\!px-0{padding-left:0!important;padding-right:0!important}.\!px-4{padding-left:1rem!important;padding-right:1rem!important}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[13px\]{padding-left:13px;padding-right:13px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[17px\]{padding-left:17px;padding-right:17px}.px-\[53\.5px\]{padding-left:53.5px;padding-right:53.5px}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-36{padding-top:9rem;padding-bottom:9rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[15px\]{padding-top:15px;padding-bottom:15px}.py-\[50px\]{padding-top:50px;padding-bottom:50px}.py-\[9px\]{padding-top:9px;padding-bottom:9px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-11{padding-bottom:2.75rem}.pb-12{padding-bottom:3rem}.pb-13{padding-bottom:3.25rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-3\.5{padding-bottom:.875rem}.pb-36{padding-bottom:9rem}.pb-4{padding-bottom:1rem}.pb-40{padding-bottom:10rem}.pb-44{padding-bottom:11rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pb-9{padding-bottom:2.25rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-20{padding-left:5rem}.pl-3{padding-left:.75rem}.pl-3\.5{padding-left:.875rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-7{padding-left:1.75rem}.pl-9{padding-left:2.25rem}.pl-md{padding-left:15px}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-1\.5{padding-right:.375rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.ps-3{padding-inline-start:.75rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-11{padding-top:2.75rem}.pt-12{padding-top:3rem}.pt-14{padding-top:3.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[34px\]{padding-top:34px}.pt-\[60px\]{padding-top:60px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-jakarta{font-family:Plus Jakarta Sans,Inter,system-ui,Segoe UI,Helvetica Neue,Arial,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.font-sans{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif}.\!text-base{font-size:1rem!important;line-height:1.5rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem}.text-8xl{font-size:6rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[10px\]{font-size:10px}.text-\[11pt\]{font-size:11pt}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[44px\]{font-size:44px}.text-base{font-size:1rem;line-height:1.5rem}.text-body-md{font-size:1rem}.text-display-sm{font-size:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\!font-normal{font-weight:400!important}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.not-italic{font-style:normal}.\!leading-6{line-height:1.5rem!important}.leading-10{line-height:2.5rem}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-9{line-height:2.25rem}.leading-\[19px\]{line-height:19px}.leading-\[36px\]{line-height:36px}.leading-\[40px\]{line-height:40px}.leading-\[44px\]{line-height:44px}.leading-\[56px\]{line-height:56px}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.35}.leading-tight{line-height:1.2}.tracking-normal{letter-spacing:0em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-brand-primary{--tw-text-opacity: 1 !important;color:rgb(0 74 185 / var(--tw-text-opacity, 1))!important}.\!text-brand-secondary{--tw-text-opacity: 1 !important;color:rgb(124 58 237 / var(--tw-text-opacity, 1))!important}.\!text-gray-400{--tw-text-opacity: 1 !important;color:rgb(156 163 175 / var(--tw-text-opacity, 1))!important}.\!text-gray-500{--tw-text-opacity: 1 !important;color:rgb(107 114 128 / var(--tw-text-opacity, 1))!important}.\!text-link-400{--tw-text-opacity: 1 !important;color:rgb(77 128 206 / var(--tw-text-opacity, 1))!important}.\!text-red-500{--tw-text-opacity: 1 !important;color:rgb(212 43 61 / var(--tw-text-opacity, 1))!important}.\!text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.text-\[\#004AB9\]{--tw-text-opacity: 1;color:rgb(0 74 185 / var(--tw-text-opacity, 1))}.text-\[\#009688\]{--tw-text-opacity: 1;color:rgb(0 150 136 / var(--tw-text-opacity, 1))}.text-\[\#0284C7\]{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.text-\[\#0584c7\]{--tw-text-opacity: 1;color:rgb(5 132 199 / var(--tw-text-opacity, 1))}.text-\[\#084C61\]{--tw-text-opacity: 1;color:rgb(8 76 97 / var(--tw-text-opacity, 1))}.text-\[\#177E89\]{--tw-text-opacity: 1;color:rgb(23 126 137 / var(--tw-text-opacity, 1))}.text-\[\#1F2937\]{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-\[\#374151\]{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-\[\#389660\]{--tw-text-opacity: 1;color:rgb(56 150 96 / var(--tw-text-opacity, 1))}.text-\[\#BF8330\]{--tw-text-opacity: 1;color:rgb(191 131 48 / var(--tw-text-opacity, 1))}.text-\[\#BFD2EE\]{--tw-text-opacity: 1;color:rgb(191 210 238 / var(--tw-text-opacity, 1))}.text-\[\#C2410C\]{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-\[\#D15660\]{--tw-text-opacity: 1;color:rgb(209 86 96 / var(--tw-text-opacity, 1))}.text-\[\#D8923B\]{--tw-text-opacity: 1;color:rgb(216 146 59 / var(--tw-text-opacity, 1))}.text-\[\#DB3A34\]{--tw-text-opacity: 1;color:rgb(219 58 52 / var(--tw-text-opacity, 1))}.text-\[\#FFC857\]{--tw-text-opacity: 1;color:rgb(255 200 87 / var(--tw-text-opacity, 1))}.text-\[\#FFF7D6\]{--tw-text-opacity: 1;color:rgb(255 247 214 / var(--tw-text-opacity, 1))}.text-\[green\]{--tw-text-opacity: 1;color:rgb(0 128 0 / var(--tw-text-opacity, 1))}.text-\[red\]{--tw-text-opacity: 1;color:rgb(255 0 0 / var(--tw-text-opacity, 1))}.text-badge-new{--tw-text-opacity: 1;color:rgb(7 80 86 / var(--tw-text-opacity, 1))}.text-badge-popular{--tw-text-opacity: 1;color:rgb(1 126 94 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-200{--tw-text-opacity: 1;color:rgb(191 228 255 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(0 145 255 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(0 131 230 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(0 109 191 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(0 87 153 / var(--tw-text-opacity, 1))}.text-brand-primary{--tw-text-opacity: 1;color:rgb(0 74 185 / var(--tw-text-opacity, 1))}.text-brand-primary-300{--tw-text-opacity: 1;color:rgb(153 183 227 / var(--tw-text-opacity, 1))}.text-brand-primary-700{--tw-text-opacity: 1;color:rgb(0 56 139 / var(--tw-text-opacity, 1))}.text-brand-primary-900{--tw-text-opacity: 1;color:rgb(0 36 91 / var(--tw-text-opacity, 1))}.text-brand-secondary{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-brand-secondary-300{--tw-text-opacity: 1;color:rgb(203 176 248 / var(--tw-text-opacity, 1))}.text-brand-secondary-50{--tw-text-opacity: 1;color:rgb(248 245 254 / var(--tw-text-opacity, 1))}.text-brand-secondary-600{--tw-text-opacity: 1;color:rgb(112 52 213 / var(--tw-text-opacity, 1))}.text-brand-secondary-700{--tw-text-opacity: 1;color:rgb(93 44 178 / var(--tw-text-opacity, 1))}.text-brand-secondary-900{--tw-text-opacity: 1;color:rgb(61 28 116 / var(--tw-text-opacity, 1))}.text-brand-tertiary{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-btn-primary{--tw-text-opacity: 1;color:rgb(0 74 185 / var(--tw-text-opacity, 1))}.text-btn-tertiary{--tw-text-opacity: 1;color:rgb(58 116 138 / var(--tw-text-opacity, 1))}.text-current{color:currentColor}.text-error-500{--tw-text-opacity: 1;color:rgb(209 86 96 / var(--tw-text-opacity, 1))}.text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-50{--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(56 150 96 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(50 135 86 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(42 113 72 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(34 90 58 / var(--tw-text-opacity, 1))}.text-link-400{--tw-text-opacity: 1;color:rgb(77 128 206 / var(--tw-text-opacity, 1))}.text-link-500{--tw-text-opacity: 1;color:rgb(0 74 185 / var(--tw-text-opacity, 1))}.text-link-900{--tw-text-opacity: 1;color:rgb(0 36 91 / var(--tw-text-opacity, 1))}.text-neutral-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(216 146 59 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-pri-default{--tw-text-opacity: 1;color:rgb(0 74 185 / var(--tw-text-opacity, 1))}.text-primary-default{--tw-text-opacity: 1;color:rgb(255 98 0 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-received{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(212 43 61 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(191 39 55 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(159 32 46 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(127 26 37 / var(--tw-text-opacity, 1))}.text-red-900{--tw-text-opacity: 1;color:rgb(104 21 30 / var(--tw-text-opacity, 1))}.text-secondary-default{--tw-text-opacity: 1;color:rgb(65 104 198 / var(--tw-text-opacity, 1))}.text-sentimental-positive-light{--tw-text-opacity: 1;color:rgb(231 254 201 / var(--tw-text-opacity, 1))}.text-text-default{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-text-inverted{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-text-link{--tw-text-opacity: 1;color:rgb(58 116 138 / var(--tw-text-opacity, 1))}.text-text-primary{--tw-text-opacity: 1;color:rgb(39 39 42 / var(--tw-text-opacity, 1))}.text-text-secondary{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-text-white-soft{--tw-text-opacity: 1;color:rgb(245 244 254 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-400{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.placeholder-text-secondary::placeholder{--tw-placeholder-opacity: 1;color:rgb(113 113 122 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-custom-mobile{--tw-shadow: 0px -1px 2px 0px rgba(0, 0, 0, .06), 0px -1px 3px 0px rgba(0, 0, 0, .1);--tw-shadow-colored: 0px -1px 2px 0px var(--tw-shadow-color), 0px -1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 4px 24px 4px #cdcaca;--tw-shadow-colored: 0 4px 24px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .2);--tw-shadow-colored: 0 4px 5px 0 var(--tw-shadow-color), 0 1px 10px 0 var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 2px 2px 0 rgba(0,0,0,.07), 0 3px 1px -2px rgba(0,0,0,.1), 0 1px 5px 0 rgba(0,0,0,.06);--tw-shadow-colored: 0 2px 2px 0 var(--tw-shadow-color), 0 3px 1px -2px var(--tw-shadow-color), 0 1px 5px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.\!outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-0{outline-width:0px}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1))}.ring-black\/5{--tw-ring-color: rgb(0 0 0 / .05)}.ring-blue-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(191 228 255 / var(--tw-ring-opacity, 1))}.ring-brand-primary{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 74 185 / var(--tw-ring-opacity, 1))}.ring-brand-secondary{--tw-ring-opacity: 1;--tw-ring-color: rgb(124 58 237 / var(--tw-ring-opacity, 1))}.ring-brand-secondary-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(203 176 248 / var(--tw-ring-opacity, 1))}.ring-gray-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1))}.ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.ring-gray-700{--tw-ring-opacity: 1;--tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1))}.ring-gray-900\/10{--tw-ring-color: rgb(17 24 39 / .1)}.ring-green-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(205 229 215 / var(--tw-ring-opacity, 1))}.ring-surface-stroke{--tw-ring-opacity: 1;--tw-ring-color: rgb(228 228 231 / var(--tw-ring-opacity, 1))}.ring-white\/20{--tw-ring-color: rgb(255 255 255 / .2)}.ring-opacity-5{--tw-ring-opacity: .05}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur: blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-90{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-xl{--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[10px\]{--tw-backdrop-blur: blur(10px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,width\]{transition-property:transform,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-75{transition-duration:75ms}.duration-\[600ms\]{transition-duration:.6s}.duration-base{transition-duration:.25s}.duration-fast{transition-duration:.15s}.duration-slow{transition-duration:.4s}.ease-accelerate{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-decelerate{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-standard{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shadow-top{box-shadow:0 -1px 4px -1px #0000000f,0 0 1px -1px #0000001a}.\[aspect-ratio\:16\/9\]{aspect-ratio:16/9}svg{display:initial}.max-w-sms{max-width:23rem}*,:before,:after{border-color:initial}[x-cloak]{display:none}#onesignal-bell-container{margin:0 30px 30px 0}#onesignal-bell-container #onesignal-bell-launcher{right:78px!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.hide-scroll-bar{-ms-overflow-style:none;scrollbar-width:none}.hide-scroll-bar::-webkit-scrollbar{display:none}.scroll-bar-improved{scrollbar-color:rgb(156,163,175) rgb(245,245,244)}.scroll-bar-improved::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 2px rgb(156 163 175);box-shadow:inset 0 0 2px #9ca3af;background-color:#f5f5f4}.scroll-bar-improved::-webkit-scrollbar{height:2px;background-color:#f5f5f4}.scroll-bar-improved::-webkit-scrollbar-thumb{background-color:#9ca3af}body{font-family:Inter,system-ui,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif}.alert-dialogue{visibility:hidden;transition:all .5s ease;transform:translate(-50%,100px);opacity:0;left:50%}.alert-dialogue.active{visibility:visible;opacity:1;transform:translate(-50%)}.accordion-button{overflow-anchor:none}.accordion-button:not(.collapsed){background-color:#fff;box-shadow:inset 0 -1px #e5e7eb}.accordion-button svg{margin-left:auto;flex-shrink:0;transition:transform .2s ease-in-out}.accordion-body a:last-of-type{border-bottom:none}.gray-dash:last-of-type{display:none}.details-border:last-of-type{border-bottom:none}.div-readonly{pointer-events:none;opacity:.5}.url-modal:target,.url-modal.active{inset:0;height:auto;width:auto}@media(min-width:768px){.url-modal:target,.url-modal.active{padding:2rem}}.url-modal:target,.url-modal.active{padding:2rem}.dropdown-child{visibility:hidden;opacity:0;pointer-events:none;transition:all .2s ease;transform:translateY(-20px)}.dropdown-parent:hover .dropdown-child{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(2px)}.dropdown-indicator{transition:all .3s}.dropdown-parent:hover .dropdown-indicator{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.step{border:10px solid #d8d8d8}.indicator-line{border-color:#d8d8d8;border-style:solid;border-width:5px 0;z-index:2}.parsley-custom-error-message,.parsley-required{font-size:14px;line-height:1.25rem}input[type=file]::-webkit-file-upload-button,input[type=file]::file-selector-button{padding:9px 17px;background:#f3f4f6;border:1px solid #9ca3af;border-radius:6px;margin-inline-end:12px}[type=checkbox]:checked,[type=radio]:checked{background-color:#7c3aed!important}.note-editor .note-frame{max-width:852px}.rounded{border-radius:.25rem!important}.rounded-t{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-r{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-b{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-l{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.bg-orange-100{background-color:#ffedd5}@keyframes fadeText{0%,to{color:#4a5568}50%{color:#a0aec0}}.animate-fade-text{animation:fadeText 3s ease-in-out infinite}@media screen and (min-width:768px){.md\:transform-y-center{position:absolute;top:50%;transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transform:none;transition:none}}@media screen and (max-width:768px){#onesignal-bell-container{margin:0 15px 15px 0}#onesignal-bell-container #onesignal-bell-launcher{right:78px!important;bottom:16px!important}}@media(max-width:1023px){.custom-scrollbar::-webkit-scrollbar{height:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}}@media(min-width:768px){.md\:container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 100%){.md\:container{max-width:100%;padding-right:2rem;padding-left:2rem}}@media(min-width:1024px){.md\:container{max-width:1024px;padding-right:2rem;padding-left:2rem}}@media(min-width:1240px){.md\:container{max-width:1240px;padding-right:2rem;padding-left:2rem}}@media(min-width:1440px){.md\:container{max-width:1440px;padding-right:2rem;padding-left:2rem}}@media(min-width:1536px){.md\:container{max-width:1536px;padding-right:2rem;padding-left:2rem}}}@media(min-width:1024px){.lg\:container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 100%){.lg\:container{max-width:100%;padding-right:2rem;padding-left:2rem}}.lg\:container{max-width:1024px;padding-right:2rem;padding-left:2rem}@media(min-width:1240px){.lg\:container{max-width:1240px;padding-right:2rem;padding-left:2rem}}@media(min-width:1440px){.lg\:container{max-width:1440px;padding-right:2rem;padding-left:2rem}}@media(min-width:1536px){.lg\:container{max-width:1536px;padding-right:2rem;padding-left:2rem}}}.file\:mr-4::file-selector-button{margin-right:1rem}.file\:rounded-md::file-selector-button{border-radius:6px}.file\:border::file-selector-button{border-width:1px}.file\:border-gray-300::file-selector-button{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.file\:bg-white::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.file\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.file\:py-2::file-selector-button{padding-top:.5rem;padding-bottom:.5rem}.file\:text-gray-700::file-selector-button{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-400::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-1:before{content:var(--tw-content);inset:.25rem}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:bg-white:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.before\:content-none:before{--tw-content: none;content:var(--tw-content)}.after\:content-none:after{--tw-content: none;content:var(--tw-content)}.first\:rounded-t-lg:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.first\:rounded-t-md:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.first\:rounded-t-xl:first-child{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.first\:border-t:first-child{border-top-width:1px}.first\:border-t-0:first-child{border-top-width:0px}.first\:border-gray-200:first-child{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.last\:relative:last-child{position:relative}.last\:mr-0:last-child{margin-right:0}.last\:rounded-md:last-child{border-radius:6px}.last\:rounded-b-lg:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.last\:rounded-b-md:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.last\:\!border-b:last-child{border-bottom-width:1px!important}.last\:border-b:last-child{border-bottom-width:1px}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:border-none:last-child{border-style:none}.last\:\!border-b-gray-300:last-child{--tw-border-opacity: 1 !important;border-bottom-color:rgb(209 213 219 / var(--tw-border-opacity, 1))!important}.last\:pr-0:last-child{padding-right:0}.odd\:bg-brand-primary-100:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(230 237 248 / var(--tw-bg-opacity, 1))}.odd\:bg-brand-primary-50:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(242 246 252 / var(--tw-bg-opacity, 1))}.odd\:bg-brand-secondary-50:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(248 245 254 / var(--tw-bg-opacity, 1))}.odd\:bg-gray-50:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.odd\:bg-white:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.odd\:font-semibold:nth-child(odd){font-weight:600}.even\:bg-gray-50:nth-child(2n){--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.even\:bg-white:nth-child(2n){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.even\:font-normal:nth-child(2n){font-weight:400}.checked\:border-brand-secondary:checked{--tw-border-opacity: 1;border-color:rgb(124 58 237 / var(--tw-border-opacity, 1))}.checked\:bg-brand-secondary:checked{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.focus-within\:z-10:focus-within{z-index:10}.focus-within\:border-gray-400:focus-within{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.focus-within\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-brand-secondary:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(124 58 237 / var(--tw-ring-opacity, 1))}.focus-within\:ring-gray-50:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 250 251 / var(--tw-ring-opacity, 1))}.focus-within\:ring-gray-500:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1))}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width: 2px}.hover\:z-10:hover{z-index:10}.hover\:w-48:hover{width:12rem}.hover\:-translate-x-2:hover{--tw-translate-x: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:translate-x-2:hover{--tw-translate-x: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rounded-lg:hover{border-radius:12px}.hover\:rounded-md:hover{border-radius:6px}.hover\:border:hover{border-width:1px}.hover\:border-none:hover{border-style:none}.hover\:border-black:hover{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.hover\:border-brand-primary:hover{--tw-border-opacity: 1;border-color:rgb(0 74 185 / var(--tw-border-opacity, 1))}.hover\:border-brand-secondary:hover{--tw-border-opacity: 1;border-color:rgb(124 58 237 / var(--tw-border-opacity, 1))}.hover\:border-brand-secondary-900:hover{--tw-border-opacity: 1;border-color:rgb(61 28 116 / var(--tw-border-opacity, 1))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.hover\:border-pri-default:hover{--tw-border-opacity: 1;border-color:rgb(0 74 185 / var(--tw-border-opacity, 1))}.hover\:border-red-400:hover{--tw-border-opacity: 1;border-color:rgb(225 107 119 / var(--tw-border-opacity, 1))}.hover\:border-text-primary:hover{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.hover\:border-transparent:hover{border-color:transparent}.hover\:\!bg-brand-primary-100:hover{--tw-bg-opacity: 1 !important;background-color:rgb(230 237 248 / var(--tw-bg-opacity, 1))!important}.hover\:\!bg-red-100:hover{--tw-bg-opacity: 1 !important;background-color:rgb(251 234 236 / var(--tw-bg-opacity, 1))!important}.hover\:\!bg-transparent:hover{background-color:transparent!important}.hover\:bg-\[\#004AB9\]\/5:hover{background-color:#004ab90d}.hover\:bg-\[\#190FBA\]:hover{--tw-bg-opacity: 1;background-color:rgb(25 15 186 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#f69322\]:hover{--tw-bg-opacity: 1;background-color:rgb(246 147 34 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(230 244 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(0 145 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(0 131 230 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-primary:hover{--tw-bg-opacity: 1;background-color:rgb(0 74 185 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-primary-100:hover{--tw-bg-opacity: 1;background-color:rgb(230 237 248 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-primary-200:hover{--tw-bg-opacity: 1;background-color:rgb(191 210 238 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-primary-400:hover{--tw-bg-opacity: 1;background-color:rgb(77 128 206 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-primary-50:hover{--tw-bg-opacity: 1;background-color:rgb(242 246 252 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-primary-600:hover{--tw-bg-opacity: 1;background-color:rgb(0 67 167 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-primary-700:hover{--tw-bg-opacity: 1;background-color:rgb(0 56 139 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-secondary-100:hover{--tw-bg-opacity: 1;background-color:rgb(242 235 253 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-secondary-200:hover{--tw-bg-opacity: 1;background-color:rgb(222 206 251 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-secondary-400:hover{--tw-bg-opacity: 1;background-color:rgb(163 117 242 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-secondary-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 245 254 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-secondary-700:hover{--tw-bg-opacity: 1;background-color:rgb(93 44 178 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-tertiary-700:hover{--tw-bg-opacity: 1;background-color:rgb(230 237 248 / var(--tw-bg-opacity, 1))}.hover\:bg-btn-primary-selected:hover{--tw-bg-opacity: 1;background-color:rgb(6 41 101 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-400:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-500:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.hover\:bg-green-400:hover{--tw-bg-opacity: 1;background-color:rgb(116 182 144 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(42 113 72 / var(--tw-bg-opacity, 1))}.hover\:bg-link-100:hover{--tw-bg-opacity: 1;background-color:rgb(230 237 248 / var(--tw-bg-opacity, 1))}.hover\:bg-link-400:hover{--tw-bg-opacity: 1;background-color:rgb(77 128 206 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-400:hover{--tw-bg-opacity: 1;background-color:rgb(246 147 34 / var(--tw-bg-opacity, 1))}.hover\:bg-pri-hover:hover{--tw-bg-opacity: 1;background-color:rgb(0 56 139 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-lighter:hover{--tw-bg-opacity: 1;background-color:rgb(255 133 56 / var(--tw-bg-opacity, 1))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(251 234 236 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(253 244 245 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(212 43 61 / var(--tw-bg-opacity, 1))}.hover\:bg-sec-hover:hover{--tw-bg-opacity: 1;background-color:rgb(191 210 238 / var(--tw-bg-opacity, 1))}.hover\:bg-surface-beige:hover{--tw-bg-opacity: 1;background-color:rgb(239 237 229 / var(--tw-bg-opacity, 1))}.hover\:bg-surface-warm:hover{--tw-bg-opacity: 1;background-color:rgb(244 242 237 / var(--tw-bg-opacity, 1))}.hover\:bg-tri-hover:hover{--tw-bg-opacity: 1;background-color:rgb(230 237 248 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:stroke-brand-primary-700:hover{stroke:#00388b}.hover\:stroke-pri-default:hover{stroke:#004ab9}.hover\:stroke-2:hover{stroke-width:2}.hover\:stroke-\[5px\]:hover{stroke-width:5px}.hover\:font-bold:hover{font-weight:700}.hover\:font-semibold:hover{font-weight:600}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(0 87 153 / var(--tw-text-opacity, 1))}.hover\:text-brand-primary:hover{--tw-text-opacity: 1;color:rgb(0 74 185 / var(--tw-text-opacity, 1))}.hover\:text-brand-primary-700:hover{--tw-text-opacity: 1;color:rgb(0 56 139 / var(--tw-text-opacity, 1))}.hover\:text-brand-secondary:hover{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.hover\:text-btn-tertiary:hover{--tw-text-opacity: 1;color:rgb(58 116 138 / var(--tw-text-opacity, 1))}.hover\:text-btn-tertiary-hover:hover{--tw-text-opacity: 1;color:rgb(43 65 78 / var(--tw-text-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.hover\:text-gray-400:hover{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-link-500:hover,.hover\:text-pri-default:hover{--tw-text-opacity: 1;color:rgb(0 74 185 / var(--tw-text-opacity, 1))}.hover\:text-primary-default:hover{--tw-text-opacity: 1;color:rgb(255 98 0 / var(--tw-text-opacity, 1))}.hover\:text-purple-600:hover{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(212 43 61 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(191 39 55 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(159 32 46 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-md:hover{--tw-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .2);--tw-shadow-colored: 0 4px 5px 0 var(--tw-shadow-color), 0 1px 10px 0 var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 2px 2px 0 rgba(0,0,0,.07), 0 3px 1px -2px rgba(0,0,0,.1), 0 1px 5px 0 rgba(0,0,0,.06);--tw-shadow-colored: 0 2px 2px 0 var(--tw-shadow-color), 0 3px 1px -2px var(--tw-shadow-color), 0 1px 5px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:outline-none:hover{outline:2px solid transparent;outline-offset:2px}.hover\:ring-0:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:file\:bg-gray-50::file-selector-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:first\:rounded-b-md:first-child:hover{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.checked\:hover\:border-brand-secondary:hover:checked{--tw-border-opacity: 1;border-color:rgb(124 58 237 / var(--tw-border-opacity, 1))}.checked\:hover\:bg-brand-secondary:hover:checked{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.focus\:z-10:focus{z-index:10}.focus\:z-20:focus{z-index:20}.focus\:border-2:focus{border-width:2px}.focus\:border-none:focus{border-style:none}.focus\:border-blue-300:focus{--tw-border-opacity: 1;border-color:rgb(153 211 255 / var(--tw-border-opacity, 1))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(0 145 255 / var(--tw-border-opacity, 1))}.focus\:border-blue-600:focus{--tw-border-opacity: 1;border-color:rgb(0 131 230 / var(--tw-border-opacity, 1))}.focus\:border-brand-primary:focus{--tw-border-opacity: 1;border-color:rgb(0 74 185 / var(--tw-border-opacity, 1))}.focus\:border-brand-secondary:focus{--tw-border-opacity: 1;border-color:rgb(124 58 237 / var(--tw-border-opacity, 1))}.focus\:border-brand-secondary-300:focus{--tw-border-opacity: 1;border-color:rgb(203 176 248 / var(--tw-border-opacity, 1))}.focus\:border-gray-300:focus{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.focus\:border-gray-400:focus{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.focus\:border-gray-500:focus{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.focus\:border-gray-900:focus{--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.focus\:border-pri-default:focus{--tw-border-opacity: 1;border-color:rgb(0 74 185 / var(--tw-border-opacity, 1))}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(212 43 61 / var(--tw-border-opacity, 1))}.focus\:border-text-primary:focus{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-gray-200:focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.focus\:bg-gray-500:focus{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.focus\:bg-green-500:focus{--tw-bg-opacity: 1;background-color:rgb(56 150 96 / var(--tw-bg-opacity, 1))}.focus\:bg-orange-500:focus{--tw-bg-opacity: 1;background-color:rgb(216 146 59 / var(--tw-bg-opacity, 1))}.focus\:bg-surface-warm:focus{--tw-bg-opacity: 1;background-color:rgb(244 242 237 / var(--tw-bg-opacity, 1))}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.focus\:stroke-pri-default:focus{stroke:#004ab9}.focus\:stroke-\[5px\]:focus{stroke-width:5px}.focus\:text-black:focus{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.focus\:text-brand-primary:focus{--tw-text-opacity: 1;color:rgb(0 74 185 / var(--tw-text-opacity, 1))}.focus\:text-brand-secondary:focus{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.focus\:text-btn-tertiary-hover:focus{--tw-text-opacity: 1;color:rgb(43 65 78 / var(--tw-text-opacity, 1))}.focus\:text-gray-400:focus{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.focus\:text-gray-700:focus{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.focus\:text-pri-default:focus{--tw-text-opacity: 1;color:rgb(0 74 185 / var(--tw-text-opacity, 1))}.focus\:text-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:underline:focus{text-decoration-line:underline}.focus\:placeholder-gray-400:focus::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.focus\:placeholder-gray-900:focus::placeholder{--tw-placeholder-opacity: 1;color:rgb(17 24 39 / var(--tw-placeholder-opacity, 1))}.focus\:\!shadow-none:focus{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.focus\:shadow-none:focus{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:shadow-pri:focus{--tw-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #004AB9;--tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:shadow-sec:focus{--tw-shadow: 0px 0px 0px 0px #FFFFFF, 0px 0px 0px 2px #004AB9;--tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:shadow-brand-primary:focus{--tw-shadow-color: #004AB9;--tw-shadow: var(--tw-shadow-colored)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset: inset}.focus\:ring-\[\#084C61\]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(8 76 97 / var(--tw-ring-opacity, 1))}.focus\:ring-\[\#177E89\]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(23 126 137 / var(--tw-ring-opacity, 1))}.focus\:ring-\[\#DB3A34\]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(219 58 52 / var(--tw-ring-opacity, 1))}.focus\:ring-\[\#FFC857\]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 200 87 / var(--tw-ring-opacity, 1))}.focus\:ring-black:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(191 228 255 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 145 255 / var(--tw-ring-opacity, 1))}.focus\:ring-brand-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 74 185 / var(--tw-ring-opacity, 1))}.focus\:ring-brand-secondary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(124 58 237 / var(--tw-ring-opacity, 1))}.focus\:ring-brand-secondary-600:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(112 52 213 / var(--tw-ring-opacity, 1))}.focus\:ring-brand-secondary-700:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(93 44 178 / var(--tw-ring-opacity, 1))}.focus\:ring-btn-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 74 185 / var(--tw-ring-opacity, 1))}.focus\:ring-error-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 86 96 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-600:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-700:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1))}.focus\:ring-link-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(77 128 206 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(212 43 61 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-1:focus{--tw-ring-offset-width: 1px}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-white:focus{--tw-ring-offset-color: #fff}.checked\:focus\:border-brand-secondary:focus:checked{--tw-border-opacity: 1;border-color:rgb(124 58 237 / var(--tw-border-opacity, 1))}.checked\:focus\:bg-brand-secondary:focus:checked{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.focus-visible\:bg-brand-secondary-600:focus-visible{--tw-bg-opacity: 1;background-color:rgb(112 52 213 / var(--tw-bg-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 145 255 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-blue-600:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 131 230 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-brand-secondary:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(124 58 237 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-btn-primary:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 74 185 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:border-brand-secondary:active{--tw-border-opacity: 1;border-color:rgb(124 58 237 / var(--tw-border-opacity, 1))}.active\:bg-brand-secondary-100:active{--tw-bg-opacity: 1;background-color:rgb(242 235 253 / var(--tw-bg-opacity, 1))}.active\:bg-gray-100:active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.active\:text-brand-secondary:active{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.active\:text-gray-500:active{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.active\:text-gray-700:active{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.active\:text-pri-default:active{--tw-text-opacity: 1;color:rgb(0 74 185 / var(--tw-text-opacity, 1))}.active\:opacity-70:active{opacity:.7}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:\!pointer-events-auto:disabled{pointer-events:auto!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-gray-200:disabled{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.disabled\:border-gray-300:disabled{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:bg-gray-100:disabled{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.disabled\:bg-gray-300:disabled{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.disabled\:text-white:disabled{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:before\:bg-gray-400:disabled:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.disabled\:hover\:bg-gray-300:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.disabled\:hover\:text-white:hover:disabled{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.disabled\:focus\:ring-0:focus:disabled{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:hidden{display:none}.group:hover .group-hover\:w-full{width:100%}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-black\/20{background-color:#0003}.group:hover .group-hover\:bg-brand-primary{--tw-bg-opacity: 1;background-color:rgb(0 74 185 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:fill-brand-primary{fill:#004ab9}.group:hover .group-hover\:stroke-brand-primary{stroke:#004ab9}.group:hover .group-hover\:text-brand-primary{--tw-text-opacity: 1;color:rgb(0 74 185 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:underline{text-decoration-line:underline}.group:hover .group-hover\:opacity-0{opacity:0}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:inline{display:inline}.peer:checked~.peer-checked\:hidden{display:none}.prose-headings\:\!mb-3 :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:.75rem!important}.prose-headings\:\!mt-6 :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:1.5rem!important}.prose-headings\:text-base :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem;line-height:1.5rem}.prose-headings\:font-semibold :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){font-weight:600}.prose-headings\:leading-7 :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.75rem}.prose-headings\:text-gray-800 :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.first\:prose-headings\:\!mt-0 :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))):first-child{margin-top:0!important}.prose-p\:\!my-0 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:0!important;margin-bottom:0!important}.prose-p\:text-sm :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;line-height:1.25rem}.prose-p\:font-normal :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){font-weight:400}.prose-p\:leading-5 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.25rem}.prose-p\:text-gray-500 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.prose-strong\:font-semibold :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){font-weight:600}.prose-ol\:\!my-0 :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:0!important;margin-bottom:0!important}.prose-ol\:pl-6 :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){padding-left:1.5rem}.prose-ol\:text-sm :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;line-height:1.25rem}.prose-ol\:leading-5 :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.25rem}.prose-ol\:text-gray-500 :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.prose-ul\:\!my-0 :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:0!important;margin-bottom:0!important}.prose-ul\:list-disc :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){list-style-type:disc}.prose-ul\:pl-6 :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){padding-left:1.5rem}.prose-ul\:text-sm :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;line-height:1.25rem}.prose-ul\:leading-5 :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.25rem}.prose-ul\:text-gray-500 :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.prose-li\:\!my-0 :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:0!important;margin-bottom:0!important}@media(prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}}@media not all and (min-width:1024px){.max-lg\:order-1{order:1}.max-lg\:order-2{order:2}.max-lg\:mx-4{margin-left:1rem;margin-right:1rem}.max-lg\:flex{display:flex}.max-lg\:flex-col{flex-direction:column}.max-lg\:gap-y-3{row-gap:.75rem}.max-lg\:divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.max-lg\:divide-gray-300>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(209 213 219 / var(--tw-divide-opacity, 1))}.max-lg\:rounded-b-md{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.max-lg\:rounded-t-md{border-top-left-radius:6px;border-top-right-radius:6px}.max-lg\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.max-lg\:p-3{padding:.75rem}.max-lg\:py-3{padding-top:.75rem;padding-bottom:.75rem}}@media not all and (min-width:768px){.max-md\:w-full{width:100%}.max-md\:grow{flex-grow:1}.max-md\:gap-y-3{row-gap:.75rem}.max-md\:divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.max-md\:divide-gray-300>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(209 213 219 / var(--tw-divide-opacity, 1))}}@media(min-width:360px){.xs\:bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(0 131 230 / var(--tw-bg-opacity, 1))}.xs\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}@media(min-width:640px){.sm\:absolute{position:absolute}.sm\:right-\[47\.5\%\]{right:47.5%}.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:m-0{margin:0}.sm\:-mx-4{margin-left:-1rem;margin-right:-1rem}.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mx-5{margin-left:1.25rem;margin-right:1.25rem}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:my-10{margin-top:2.5rem;margin-bottom:2.5rem}.sm\:my-5{margin-top:1.25rem;margin-bottom:1.25rem}.sm\:-mt-\[4rem\]{margin-top:-4rem}.sm\:mb-10{margin-bottom:2.5rem}.sm\:mb-20{margin-bottom:5rem}.sm\:mr-4{margin-right:1rem}.sm\:mt-0{margin-top:0}.sm\:mt-10{margin-top:2.5rem}.sm\:mt-12{margin-top:3rem}.sm\:mt-20{margin-top:5rem}.sm\:mt-3{margin-top:.75rem}.sm\:mt-\[64px\]{margin-top:64px}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:aspect-\[2\/1\]{aspect-ratio:2/1}.sm\:h-104{height:26rem}.sm\:h-80{height:20rem}.sm\:h-\[150px\]{height:150px}.sm\:h-\[170px\]{height:170px}.sm\:h-\[38px\]{height:38px}.sm\:h-\[50px\]{height:50px}.sm\:h-screen{height:100vh}.sm\:max-h-60{max-height:15rem}.sm\:min-h-80{min-height:20rem}.sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.333333%}.sm\:w-1\/4{width:25%}.sm\:w-10\/12{width:83.333333%}.sm\:w-2\/3{width:66.666667%}.sm\:w-3\/4{width:75%}.sm\:w-3\/6{width:50%}.sm\:w-4\/12{width:33.333333%}.sm\:w-48{width:12rem}.sm\:w-56{width:14rem}.sm\:w-60{width:15rem}.sm\:w-64{width:16rem}.sm\:w-72{width:18rem}.sm\:w-80{width:20rem}.sm\:w-9\/12{width:75%}.sm\:w-96{width:24rem}.sm\:w-\[150px\]{width:150px}.sm\:w-\[199px\]{width:199px}.sm\:w-\[50px\]{width:50px}.sm\:w-\[612px\]{width:612px}.sm\:w-auto{width:auto}.sm\:min-w-\[10rem\]{min-width:10rem}.sm\:max-w-screen-md{max-width:768px}.sm\:flex-1{flex:1 1 0%}.sm\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:translate-x-2{--tw-translate-x: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}.sm\:gap-4{gap:1rem}.sm\:gap-x-5{column-gap:1.25rem}.sm\:gap-x-6{column-gap:1.5rem}.sm\:gap-y-3{row-gap:.75rem}.sm\:gap-y-8{row-gap:2rem}.sm\:divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.sm\:divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.sm\:self-auto{align-self:auto}.sm\:self-center{align-self:center}.sm\:overflow-visible{overflow:visible}.sm\:rounded-lg{border-radius:12px}.sm\:rounded-md{border-radius:6px}.sm\:rounded-xl{border-radius:.75rem}.sm\:rounded-bl-lg{border-bottom-left-radius:12px}.sm\:rounded-br-lg{border-bottom-right-radius:12px}.sm\:rounded-tl-lg{border-top-left-radius:12px}.sm\:rounded-tr-lg{border-top-right-radius:12px}.sm\:bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(0 131 230 / var(--tw-bg-opacity, 1))}.sm\:object-contain{object-fit:contain}.sm\:p-0{padding:0}.sm\:p-10{padding:2.5rem}.sm\:p-12{padding:3rem}.sm\:p-20{padding:5rem}.sm\:p-3{padding:.75rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-20{padding-left:5rem;padding-right:5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-32{padding-top:8rem;padding-bottom:8rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:pb-0{padding-bottom:0}.sm\:pb-20{padding-bottom:5rem}.sm\:pl-12{padding-left:3rem}.sm\:pl-3{padding-left:.75rem}.sm\:pr-12{padding-right:3rem}.sm\:pr-6{padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:pt-16{padding-top:4rem}.sm\:pt-5{padding-top:1.25rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[18px\]{font-size:18px}.sm\:text-\[20px\]{font-size:20px}.sm\:text-\[24px\]{font-size:24px}.sm\:text-\[28px\]{font-size:28px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:leading-9{line-height:2.25rem}.sm\:leading-\[24px\]{line-height:24px}.sm\:text-blue-700{--tw-text-opacity: 1;color:rgb(0 109 191 / var(--tw-text-opacity, 1))}.sm\:text-green-700{--tw-text-opacity: 1;color:rgb(42 113 72 / var(--tw-text-opacity, 1))}.sm\:text-red-700{--tw-text-opacity: 1;color:rgb(159 32 46 / var(--tw-text-opacity, 1))}.sm\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.sm\:shadow-md{--tw-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .2);--tw-shadow-colored: 0 4px 5px 0 var(--tw-shadow-color), 0 1px 10px 0 var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.sm\:last\:pr-8:last-child{padding-right:2rem}}@media(min-width:768px){.md\:static{position:static}.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:sticky{position:sticky}.md\:-top-\[60px\]{top:-60px}.md\:bottom-0{bottom:0}.md\:bottom-\[178px\]{bottom:178px}.md\:bottom-\[82px\]{bottom:82px}.md\:bottom-auto{bottom:auto}.md\:left-6{left:1.5rem}.md\:right-6{right:1.5rem}.md\:top-0{top:0}.md\:top-\[calc\(var\(--nav-h\,64px\)\+16px\)\]{top:calc(var(--nav-h,64px) + 16px)}.md\:top-auto{top:auto}.md\:z-0{z-index:0}.md\:z-auto{z-index:auto}.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-8{grid-column:span 8 / span 8}.md\:float-none{float:none}.md\:m-0{margin:0}.md\:m-5{margin:1.25rem}.md\:m-auto{margin:auto}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-10{margin-left:2.5rem;margin-right:2.5rem}.md\:mx-12{margin-left:3rem;margin-right:3rem}.md\:mx-2{margin-left:.5rem;margin-right:.5rem}.md\:mx-3{margin-left:.75rem;margin-right:.75rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:my-2{margin-top:.5rem;margin-bottom:.5rem}.md\:my-3{margin-top:.75rem;margin-bottom:.75rem}.md\:my-5{margin-top:1.25rem;margin-bottom:1.25rem}.md\:my-6{margin-top:1.5rem;margin-bottom:1.5rem}.md\:my-auto{margin-top:auto;margin-bottom:auto}.md\:-ml-5{margin-left:-1.25rem}.md\:-mt-1{margin-top:-.25rem}.md\:-mt-20{margin-top:-5rem}.md\:mb-0{margin-bottom:0}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-5{margin-bottom:1.25rem}.md\:mb-8{margin-bottom:2rem}.md\:mb-auto{margin-bottom:auto}.md\:ml-12{margin-left:3rem}.md\:ml-2{margin-left:.5rem}.md\:ml-3{margin-left:.75rem}.md\:ml-32{margin-left:8rem}.md\:ml-5{margin-left:1.25rem}.md\:ml-6{margin-left:1.5rem}.md\:ml-8{margin-left:2rem}.md\:ml-auto{margin-left:auto}.md\:mr-0{margin-right:0}.md\:mr-10{margin-right:2.5rem}.md\:mr-16{margin-right:4rem}.md\:mr-2{margin-right:.5rem}.md\:mr-3{margin-right:.75rem}.md\:mr-4{margin-right:1rem}.md\:mr-6{margin-right:1.5rem}.md\:mr-8{margin-right:2rem}.md\:mr-auto{margin-right:auto}.md\:mt-0{margin-top:0}.md\:mt-10{margin-top:2.5rem}.md\:mt-14{margin-top:3.5rem}.md\:mt-16{margin-top:4rem}.md\:mt-4{margin-top:1rem}.md\:mt-40{margin-top:10rem}.md\:mt-6{margin-top:1.5rem}.md\:mt-8{margin-top:2rem}.md\:mt-\[67px\]{margin-top:67px}.md\:mt-auto{margin-top:auto}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:grid{display:grid}.md\:contents{display:contents}.md\:hidden{display:none}.md\:h-10{height:2.5rem}.md\:h-104{height:26rem}.md\:h-16{height:4rem}.md\:h-24{height:6rem}.md\:h-48{height:12rem}.md\:h-56{height:14rem}.md\:h-72{height:18rem}.md\:h-80{height:20rem}.md\:h-96{height:24rem}.md\:h-\[180px\]{height:180px}.md\:h-\[188px\]{height:188px}.md\:h-\[60px\]{height:60px}.md\:h-\[680px\]{height:680px}.md\:h-auto{height:auto}.md\:h-full{height:100%}.md\:h-screen{height:100vh}.md\:max-h-56{max-height:14rem}.md\:max-h-\[600px\]{max-height:600px}.md\:max-h-\[calc\(100vh-230px\)\]{max-height:calc(100vh - 230px)}.md\:max-h-none{max-height:none}.md\:min-h-0{min-height:0px}.md\:min-h-80{min-height:20rem}.md\:min-h-\[145px\]{min-height:145px}.md\:min-h-\[576px\]{min-height:576px}.md\:min-h-full{min-height:100%}.md\:w-1\/12{width:8.333333%}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-1\/4{width:25%}.md\:w-1\/5{width:20%}.md\:w-11\/12{width:91.666667%}.md\:w-16{width:4rem}.md\:w-2\/3{width:66.666667%}.md\:w-2\/5{width:40%}.md\:w-2\/6{width:33.333333%}.md\:w-3\/12{width:25%}.md\:w-3\/4{width:75%}.md\:w-3\/5{width:60%}.md\:w-3\/6{width:50%}.md\:w-4\/12{width:33.333333%}.md\:w-4\/5{width:80%}.md\:w-4\/6{width:66.666667%}.md\:w-40{width:10rem}.md\:w-5\/6{width:83.333333%}.md\:w-54{width:13.5rem}.md\:w-56{width:14rem}.md\:w-64{width:16rem}.md\:w-72{width:18rem}.md\:w-8\/12{width:66.666667%}.md\:w-80{width:20rem}.md\:w-9\/12{width:75%}.md\:w-\[142px\]{width:142px}.md\:w-\[188px\]{width:188px}.md\:w-\[230px\]{width:230px}.md\:w-\[240px\]{width:240px}.md\:w-\[266px\]{width:266px}.md\:w-\[303px\]{width:303px}.md\:w-\[312px\]{width:312px}.md\:w-\[326px\]{width:326px}.md\:w-\[500px\]{width:500px}.md\:w-\[60px\]{width:60px}.md\:w-\[650px\]{width:650px}.md\:w-\[81\%\]{width:81%}.md\:w-auto{width:auto}.md\:w-fit{width:fit-content}.md\:w-full{width:100%}.md\:max-w-2xl{max-width:42rem}.md\:max-w-6xl{max-width:72rem}.md\:max-w-\[980px\]{max-width:980px}.md\:max-w-lg{max-width:32rem}.md\:max-w-screen-lg{max-width:1024px}.md\:max-w-screen-xl{max-width:1240px}.md\:max-w-sm{max-width:24rem}.md\:max-w-xl{max-width:36rem}.md\:max-w-xs{max-width:20rem}.md\:flex-1{flex:1 1 0%}.md\:flex-\[3\]{flex:3}.md\:flex-\[7\]{flex:7}.md\:flex-none{flex:none}.md\:grow{flex-grow:1}.md\:basis-1\/2{flex-basis:50%}.md\:basis-1\/3{flex-basis:33.333333%}.md\:basis-1\/4{flex-basis:25%}.md\:basis-2\/4{flex-basis:50%}.md\:basis-\[calc\(\(100\%-48px\)\/4\)\]{flex-basis:calc((100% - 48px)/4)}.md\:basis-auto{flex-basis:auto}.md\:-translate-y-13{--tw-translate-y: -3.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:columns-3{columns:3}.md\:grid-flow-col{grid-auto-flow:column}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-rows-\[auto_minmax\(0\,1fr\)\]{grid-template-rows:auto minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:items-stretch{align-items:stretch}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:justify-evenly{justify-content:space-evenly}.md\:gap-0{gap:0px}.md\:gap-16{gap:4rem}.md\:gap-20{gap:5rem}.md\:gap-5{gap:1.25rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:gap-\[10\%\]{gap:10%}.md\:gap-\[257px\]{gap:257px}.md\:gap-x-10{column-gap:2.5rem}.md\:gap-x-3{column-gap:.75rem}.md\:gap-x-4{column-gap:1rem}.md\:gap-x-6{column-gap:1.5rem}.md\:gap-x-7{column-gap:1.75rem}.md\:gap-x-8{column-gap:2rem}.md\:gap-y-0{row-gap:0px}.md\:gap-y-2{row-gap:.5rem}.md\:gap-y-5{row-gap:1.25rem}.md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.md\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.md\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.md\:self-start{align-self:flex-start}.md\:self-center{align-self:center}.md\:justify-self-end{justify-self:end}.md\:overflow-auto{overflow:auto}.md\:overflow-hidden{overflow:hidden}.md\:overflow-x-hidden{overflow-x:hidden}.md\:rounded-lg{border-radius:12px}.md\:rounded-md{border-radius:6px}.md\:rounded-none{border-radius:0}.md\:rounded-xl{border-radius:.75rem}.md\:rounded-bl-lg{border-bottom-left-radius:12px}.md\:rounded-br-lg{border-bottom-right-radius:12px}.md\:rounded-br-md{border-bottom-right-radius:6px}.md\:rounded-tl-lg{border-top-left-radius:12px}.md\:rounded-tr-lg{border-top-right-radius:12px}.md\:border{border-width:1px}.md\:border-0{border-width:0px}.md\:border-y{border-top-width:1px;border-bottom-width:1px}.md\:border-b{border-bottom-width:1px}.md\:border-l{border-left-width:1px}.md\:border-r{border-right-width:1px}.md\:border-r-0{border-right-width:0px}.md\:border-t{border-top-width:1px}.md\:border-none{border-style:none}.md\:border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.md\:border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.md\:bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(0 131 230 / var(--tw-bg-opacity, 1))}.md\:bg-transparent{background-color:transparent}.md\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.md\:bg-cover{background-size:cover}.md\:bg-top{background-position:top}.md\:p-0{padding:0}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:p-3{padding:.75rem}.md\:p-4{padding:1rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:\!px-4{padding-left:1rem!important;padding-right:1rem!important}.md\:\!px-8{padding-left:2rem!important;padding-right:2rem!important}.md\:px-0{padding-left:0;padding-right:0}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-11{padding-left:2.75rem;padding-right:2.75rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-2{padding-left:.5rem;padding-right:.5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-0{padding-top:0;padding-bottom:0}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-0{padding-bottom:0}.md\:pb-10{padding-bottom:2.5rem}.md\:pb-12{padding-bottom:3rem}.md\:pb-14{padding-bottom:3.5rem}.md\:pb-2{padding-bottom:.5rem}.md\:pb-20{padding-bottom:5rem}.md\:pb-3{padding-bottom:.75rem}.md\:pb-5{padding-bottom:1.25rem}.md\:pb-7{padding-bottom:1.75rem}.md\:pb-8{padding-bottom:2rem}.md\:pb-sm{padding-bottom:10px}.md\:pl-1{padding-left:.25rem}.md\:pl-20{padding-left:5rem}.md\:pl-5{padding-left:1.25rem}.md\:pr-12{padding-right:3rem}.md\:pr-3{padding-right:.75rem}.md\:pr-4{padding-right:1rem}.md\:pr-6{padding-right:1.5rem}.md\:pr-8{padding-right:2rem}.md\:pt-0{padding-top:0}.md\:pt-10{padding-top:2.5rem}.md\:pt-11{padding-top:2.75rem}.md\:pt-12{padding-top:3rem}.md\:pt-14{padding-top:3.5rem}.md\:pt-2\.5{padding-top:.625rem}.md\:pt-20{padding-top:5rem}.md\:pt-28{padding-top:7rem}.md\:pt-3{padding-top:.75rem}.md\:pt-4{padding-top:1rem}.md\:pt-5{padding-top:1.25rem}.md\:pt-6{padding-top:1.5rem}.md\:pt-8{padding-top:2rem}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem}.md\:text-9xl{font-size:9rem}.md\:text-\[24px\]{font-size:24px}.md\:text-\[28px\]{font-size:28px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:font-black{font-weight:900}.md\:font-bold{font-weight:700}.md\:font-normal{font-weight:400}.md\:font-semibold{font-weight:600}.md\:leading-10{line-height:2.5rem}.md\:leading-5{line-height:1.25rem}.md\:leading-6{line-height:1.5rem}.md\:leading-7{line-height:1.75rem}.md\:leading-8{line-height:2rem}.md\:leading-9{line-height:2.25rem}.md\:leading-\[60px\]{line-height:60px}.md\:text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.md\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.md\:shadow-md{--tw-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .2);--tw-shadow-colored: 0 4px 5px 0 var(--tw-shadow-color), 0 1px 10px 0 var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.md\:shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.md\:last\:pr-8:last-child{padding-right:2rem}.md\:hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.md\:prose-headings\:text-lg :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.125rem;line-height:1.75rem}.md\:prose-p\:text-base :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem;line-height:1.5rem}.md\:prose-p\:leading-6 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.5rem}.md\:prose-ol\:text-base :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem;line-height:1.5rem}.md\:prose-ol\:leading-6 :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.5rem}.md\:prose-ul\:text-base :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem;line-height:1.5rem}.md\:prose-ul\:leading-6 :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.5rem}}@media(min-width:1024px){.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:sticky{position:sticky}.lg\:-left-\[186px\]{left:-186px}.lg\:-top-\[14px\]{top:-14px}.lg\:bottom-\[auto\]{bottom:auto}.lg\:left-6{left:1.5rem}.lg\:left-\[18rem\]{left:18rem}.lg\:left-\[calc\(50\%-10rem\)\]{left:calc(50% - 10rem)}.lg\:right-0{right:0}.lg\:right-6{right:1.5rem}.lg\:top-0{top:0}.lg\:top-24{top:6rem}.lg\:top-6{top:1.5rem}.lg\:top-\[64px\]{top:64px}.lg\:top-\[76px\]{top:76px}.lg\:top-\[auto\]{top:auto}.lg\:z-40{z-index:40}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-3{order:3}.lg\:order-4{order:4}.lg\:order-5{order:5}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-3{grid-column-start:3}.lg\:col-start-6{grid-column-start:6}.lg\:col-end-3{grid-column-end:3}.lg\:col-end-6{grid-column-end:6}.lg\:col-end-8{grid-column-end:8}.lg\:row-start-1{grid-row-start:1}.lg\:row-start-2{grid-row-start:2}.lg\:row-end-3{grid-row-end:3}.lg\:row-end-4{grid-row-end:4}.lg\:-mx-16{margin-left:-4rem;margin-right:-4rem}.lg\:-mx-4{margin-left:-1rem;margin-right:-1rem}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-4{margin-left:1rem;margin-right:1rem}.lg\:mx-\[50px\]{margin-left:50px;margin-right:50px}.lg\:my-0{margin-top:0;margin-bottom:0}.lg\:my-10{margin-top:2.5rem;margin-bottom:2.5rem}.lg\:my-3{margin-top:.75rem;margin-bottom:.75rem}.lg\:my-5{margin-top:1.25rem;margin-bottom:1.25rem}.lg\:my-8{margin-top:2rem;margin-bottom:2rem}.lg\:mb-0{margin-bottom:0}.lg\:mb-12{margin-bottom:3rem}.lg\:mb-28{margin-bottom:7rem}.lg\:mb-3{margin-bottom:.75rem}.lg\:mb-5{margin-bottom:1.25rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:ml-2{margin-left:.5rem}.lg\:ml-75{margin-left:18.75rem}.lg\:ml-\[300px\]{margin-left:300px}.lg\:ml-\[50px\]{margin-left:50px}.lg\:ml-\[80px\]{margin-left:80px}.lg\:ml-auto{margin-left:auto}.lg\:mr-0{margin-right:0}.lg\:mr-4{margin-right:1rem}.lg\:mr-5{margin-right:1.25rem}.lg\:mr-6{margin-right:1.5rem}.lg\:mr-8{margin-right:2rem}.lg\:mr-9{margin-right:2.25rem}.lg\:mr-auto{margin-right:auto}.lg\:mt-0{margin-top:0}.lg\:mt-10{margin-top:2.5rem}.lg\:mt-2{margin-top:.5rem}.lg\:mt-auto{margin-top:auto}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:flow-root{display:flow-root}.lg\:grid{display:grid}.lg\:\!list-item{display:list-item!important}.lg\:hidden{display:none}.lg\:aspect-\[3\/2\]{aspect-ratio:3/2}.lg\:h-104{height:26rem}.lg\:h-112{height:28rem}.lg\:h-120{height:30rem}.lg\:h-13{height:3.25rem}.lg\:h-144{height:36rem}.lg\:h-16{height:4rem}.lg\:h-168{height:42rem}.lg\:h-2\/3{height:66.666667%}.lg\:h-24{height:6rem}.lg\:h-64{height:16rem}.lg\:h-8{height:2rem}.lg\:h-80{height:20rem}.lg\:h-96{height:24rem}.lg\:h-\[170px\]{height:170px}.lg\:h-\[26rem\]{height:26rem}.lg\:h-\[459px\]{height:459px}.lg\:h-\[472px\]{height:472px}.lg\:h-\[528px\]{height:528px}.lg\:h-\[658px\]{height:658px}.lg\:h-\[688px\]{height:688px}.lg\:h-full{height:100%}.lg\:h-screen{height:100vh}.lg\:max-h-\[459px\]{max-height:459px}.lg\:max-h-\[860px\]{max-height:860px}.lg\:min-h-13{min-height:3.25rem}.lg\:min-h-\[528px\]{min-height:528px}.lg\:min-h-\[860px\]{min-height:860px}.lg\:w-1\/12{width:8.333333%}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-1\/4{width:25%}.lg\:w-10{width:2.5rem}.lg\:w-11\/12{width:91.666667%}.lg\:w-2\/3{width:66.666667%}.lg\:w-2\/4{width:50%}.lg\:w-2\/5{width:40%}.lg\:w-3\/4{width:75%}.lg\:w-3\/5{width:60%}.lg\:w-4\/12{width:33.333333%}.lg\:w-64{width:16rem}.lg\:w-8\/12{width:66.666667%}.lg\:w-80{width:20rem}.lg\:w-84{width:21rem}.lg\:w-96{width:24rem}.lg\:w-\[170px\]{width:170px}.lg\:w-\[328px\]{width:328px}.lg\:w-\[360px\]{width:360px}.lg\:w-\[398\.6px\]{width:398.6px}.lg\:w-\[485px\]{width:485px}.lg\:w-\[496px\]{width:496px}.lg\:w-\[calc\(\(100\%-3rem\)\/3\)\]{width:calc((100% - 3rem) / 3)}.lg\:w-auto{width:auto}.lg\:w-fit{width:fit-content}.lg\:w-full{width:100%}.lg\:min-w-0{min-width:0px}.lg\:min-w-52{min-width:13rem}.lg\:min-w-\[14rem\]{min-width:14rem}.lg\:max-w-2xl{max-width:42rem}.lg\:max-w-32{max-width:8rem}.lg\:max-w-\[50\%\]{max-width:50%}.lg\:max-w-lg{max-width:32rem}.lg\:max-w-md{max-width:28rem}.lg\:max-w-none{max-width:none}.lg\:max-w-screen-xl{max-width:1240px}.lg\:max-w-sm{max-width:24rem}.lg\:max-w-xl{max-width:36rem}.lg\:flex-1{flex:1 1 0%}.lg\:flex-none{flex:none}.lg\:flex-shrink-0,.lg\:shrink-0{flex-shrink:0}.lg\:grow{flex-grow:1}.lg\:grow-0{flex-grow:0}.lg\:basis-2\/4{flex-basis:50%}.lg\:scroll-p-16{scroll-padding:4rem}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-col{flex-direction:column}.lg\:flex-wrap{flex-wrap:wrap}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:items-stretch{align-items:stretch}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:gap-10{gap:2.5rem}.lg\:gap-12{gap:3rem}.lg\:gap-24{gap:6rem}.lg\:gap-3{gap:.75rem}.lg\:gap-4{gap:1rem}.lg\:gap-5{gap:1.25rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:gap-x-10{column-gap:2.5rem}.lg\:gap-x-12{column-gap:3rem}.lg\:gap-x-16{column-gap:4rem}.lg\:gap-x-2{column-gap:.5rem}.lg\:gap-x-20{column-gap:5rem}.lg\:gap-x-5{column-gap:1.25rem}.lg\:gap-x-6{column-gap:1.5rem}.lg\:gap-x-7{column-gap:1.75rem}.lg\:gap-x-8{column-gap:2rem}.lg\:gap-x-9{column-gap:2.25rem}.lg\:gap-y-4{row-gap:1rem}.lg\:gap-y-5{row-gap:1.25rem}.lg\:gap-y-6{row-gap:1.5rem}.lg\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.lg\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.lg\:self-auto{align-self:auto}.lg\:self-start{align-self:flex-start}.lg\:overflow-auto{overflow:auto}.lg\:overflow-visible{overflow:visible}.lg\:overflow-x-auto{overflow-x:auto}.lg\:break-normal{overflow-wrap:normal;word-break:normal}.lg\:rounded-2xl{border-radius:1rem}.lg\:rounded-3xl{border-radius:1.5rem}.lg\:rounded-4xl{border-radius:48px}.lg\:rounded-full{border-radius:9999px}.lg\:rounded-lg{border-radius:12px}.lg\:rounded-md{border-radius:6px}.lg\:rounded-none{border-radius:0}.lg\:rounded-xl{border-radius:.75rem}.lg\:rounded-b-4xl{border-bottom-right-radius:48px;border-bottom-left-radius:48px}.lg\:rounded-b-md{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.lg\:rounded-t-4xl{border-top-left-radius:48px;border-top-right-radius:48px}.lg\:rounded-t-lg{border-top-left-radius:12px;border-top-right-radius:12px}.lg\:rounded-bl-none{border-bottom-left-radius:0}.lg\:rounded-tr-xl{border-top-right-radius:.75rem}.lg\:border{border-width:1px}.lg\:border-y{border-top-width:1px;border-bottom-width:1px}.lg\:border-b{border-bottom-width:1px}.lg\:border-b-0{border-bottom-width:0px}.lg\:border-b-2{border-bottom-width:2px}.lg\:border-l{border-left-width:1px}.lg\:border-r{border-right-width:1px}.lg\:border-r-0{border-right-width:0px}.lg\:border-t-0{border-top-width:0px}.lg\:border-none{border-style:none}.lg\:border-\[\#389660\]{--tw-border-opacity: 1;border-color:rgb(56 150 96 / var(--tw-border-opacity, 1))}.lg\:border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.lg\:border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.lg\:bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(0 131 230 / var(--tw-bg-opacity, 1))}.lg\:bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.lg\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.lg\:bg-none{background-image:none}.lg\:p-10{padding:2.5rem}.lg\:p-12{padding:3rem}.lg\:p-16{padding:4rem}.lg\:p-4{padding:1rem}.lg\:p-5{padding:1.25rem}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-14{padding-left:3.5rem;padding-right:3.5rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-20{padding-left:5rem;padding-right:5rem}.lg\:px-24{padding-left:6rem;padding-right:6rem}.lg\:px-28{padding-left:7rem;padding-right:7rem}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-2{padding-top:.5rem;padding-bottom:.5rem}.lg\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\:py-4{padding-top:1rem;padding-bottom:1rem}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}.lg\:py-9{padding-top:2.25rem;padding-bottom:2.25rem}.lg\:pb-0{padding-bottom:0}.lg\:pb-10{padding-bottom:2.5rem}.lg\:pb-16{padding-bottom:4rem}.lg\:pb-28{padding-bottom:7rem}.lg\:pb-3{padding-bottom:.75rem}.lg\:pb-5{padding-bottom:1.25rem}.lg\:pl-14{padding-left:3.5rem}.lg\:pl-3{padding-left:.75rem}.lg\:pl-4{padding-left:1rem}.lg\:pl-5{padding-left:1.25rem}.lg\:pl-7{padding-left:1.75rem}.lg\:pl-\[50px\]{padding-left:50px}.lg\:pr-10{padding-right:2.5rem}.lg\:pr-14{padding-right:3.5rem}.lg\:pr-3{padding-right:.75rem}.lg\:pr-7{padding-right:1.75rem}.lg\:pt-0{padding-top:0}.lg\:pt-10{padding-top:2.5rem}.lg\:pt-16{padding-top:4rem}.lg\:pt-20{padding-top:5rem}.lg\:pt-24{padding-top:6rem}.lg\:pt-4{padding-top:1rem}.lg\:pt-5{padding-top:1.25rem}.lg\:pt-\[120px\]{padding-top:120px}.lg\:pt-\[71px\]{padding-top:71px}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-\[2\.125rem\]{font-size:2.125rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-display-lg{font-size:3rem}.lg\:text-display-md{font-size:2.5rem}.lg\:text-display-xl{font-size:3.75rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:text-xs{font-size:.75rem;line-height:1rem}.lg\:font-black{font-weight:900}.lg\:font-bold{font-weight:700}.lg\:font-extrabold{font-weight:800}.lg\:font-medium{font-weight:500}.lg\:font-normal{font-weight:400}.lg\:font-semibold{font-weight:600}.lg\:leading-10{line-height:2.5rem}.lg\:leading-12{line-height:3rem}.lg\:leading-4{line-height:1rem}.lg\:leading-6{line-height:1.5rem}.lg\:leading-7{line-height:1.75rem}.lg\:leading-8{line-height:2rem}.lg\:leading-9{line-height:2.25rem}.lg\:leading-\[54px\]{line-height:54px}.lg\:leading-none{line-height:1}.lg\:leading-normal{line-height:1.5}.lg\:leading-snug{line-height:1.35}.lg\:leading-tight{line-height:1.2}.lg\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.lg\:shadow-md{--tw-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .2);--tw-shadow-colored: 0 4px 5px 0 var(--tw-shadow-color), 0 1px 10px 0 var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.lg\:shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.lg\:drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.last\:lg\:rounded-b-none:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.last\:lg\:border-b:last-child{border-bottom-width:1px}.last\:lg\:border-gray-300:last-child{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.lg\:last\:pr-0:last-child{padding-right:0}.lg\:hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}}@media(min-width:1240px){@media(min-width:1024px){.xl\:lg\:w-2\/3{width:66.666667%}}.xl\:absolute{position:absolute}.xl\:inset-0{inset:0}.xl\:-left-\[72px\]{left:-72px}.xl\:left-\[14rem\]{left:14rem}.xl\:order-1{order:1}.xl\:order-2{order:2}.xl\:order-3{order:3}.xl\:mx-2{margin-left:.5rem;margin-right:.5rem}.xl\:mx-\[50px\]{margin-left:50px;margin-right:50px}.xl\:mx-auto{margin-left:auto;margin-right:auto}.xl\:mb-0{margin-bottom:0}.xl\:ml-2{margin-left:.5rem}.xl\:ml-\[17\.5px\]{margin-left:17.5px}.xl\:ml-auto{margin-left:auto}.xl\:mr-0{margin-right:0}.xl\:mr-2{margin-right:.5rem}.xl\:mr-4{margin-right:1rem}.xl\:mr-5{margin-right:1.25rem}.xl\:mr-8{margin-right:2rem}.xl\:mt-auto{margin-top:auto}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:h-\[60px\]{height:60px}.xl\:h-full{height:100%}.xl\:w-1\/2{width:50%}.xl\:w-1\/3{width:33.333333%}.xl\:w-80{width:20rem}.xl\:w-\[328px\]{width:328px}.xl\:w-\[360px\]{width:360px}.xl\:w-auto{width:auto}.xl\:min-w-\[227px\]{min-width:227px}.xl\:max-w-screen-xl{max-width:1240px}.xl\:max-w-xl{max-width:36rem}.xl\:grow{flex-grow:1}.xl\:grow-0{flex-grow:0}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:items-center{align-items:center}.xl\:justify-end{justify-content:flex-end}.xl\:justify-between{justify-content:space-between}.xl\:gap-14{gap:3.5rem}.xl\:gap-4{gap:1rem}.xl\:gap-6{gap:1.5rem}.xl\:gap-x-12{column-gap:3rem}.xl\:overflow-x-visible{overflow-x:visible}.xl\:whitespace-nowrap{white-space:nowrap}.xl\:border-l{border-left-width:1px}.xl\:border-none{border-style:none}.xl\:bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(0 131 230 / var(--tw-bg-opacity, 1))}.xl\:bg-cover{background-size:cover}.xl\:object-cover{object-fit:cover}.xl\:p-10{padding:2.5rem}.xl\:px-0{padding-left:0;padding-right:0}.xl\:py-0{padding-top:0;padding-bottom:0}.xl\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.xl\:pb-0{padding-bottom:0}.xl\:pl-3{padding-left:.75rem}.xl\:pt-32{padding-top:8rem}.xl\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}@media(min-width:1440px){.\32xl\:-left-\[24px\]{left:-24px}.\32xl\:left-\[10\.5rem\]{left:10.5rem}.\32xl\:order-1{order:1}.\32xl\:order-2{order:2}.\32xl\:mr-8{margin-right:2rem}.\32xl\:h-16{height:4rem}.\32xl\:h-7{height:1.75rem}.\32xl\:h-\[60px\]{height:60px}.\32xl\:max-w-2xl{max-width:42rem}.\32xl\:flex-row{flex-direction:row}.\32xl\:items-center{align-items:center}.\32xl\:gap-x-3{column-gap:.75rem}.\32xl\:bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(0 131 230 / var(--tw-bg-opacity, 1))}.\32xl\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}@media(min-width:1536px){.\33xl\:bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(0 131 230 / var(--tw-bg-opacity, 1))}.\33xl\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}.rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media(prefers-color-scheme:dark){.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}}@media(forced-colors:active){.forced-colors\:appearance-auto{appearance:auto}.forced-colors\:before\:hidden:before{content:var(--tw-content);display:none}}.\[\&\:not\(\:checked\)\]\:before\:hidden:not(:checked):before{content:var(--tw-content);display:none}.\[\&\>button\]\:ml-0>button{margin-left:0}
</style>
    
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="google-site-verification" content="4hClu3W3PtjepabInbxYOahjMMOlzUNqWBY9OKZJtdA" />
    <meta name="csrf-token" content="Ti3WeuMjutWrsMMdwM4GQ7Q9iXc46tjuA6jWl26v">

    <link rel="canonical" href="https://www.jobberman.com" /><link rel="alternate" href="android-app://com.jobberman" />

                        <link rel="alternate" type="application/rss+xml" href="https://cde.hexagon.build/feeds/3aR1XD?token=ab06a1a3-7aa7-4a8e-978e-4d2001718ef5">
            
            <link rel="alternate" type="application/rss+xml" href="https://www.jobberman.com/rss-articles.xml">
    
            
        <meta name="robots" content="INDEX,FOLLOW" />
        
            <title>Find the Right Job Vacancies in Nigeria | Jobberman</title>
        
        
        <meta name="description" content="Jobberman is a job website and app" />
        
        <meta property="og:title" content="Find The Right Job with Jobberman" />
        <meta property="og:description" content="Search for jobs &amp; read career advice." />
        <meta property="og:image" content="https://www.jobberman.com/static-assets/img/jobs-og-image.png" />
        <meta property="og:image:width" content="1200" />
        <meta property="og:image:height" content="630" />
        <meta property="og:image:alt" content="Find a job" />
        <meta property="og:site_name" content="Jobberman" />
        <meta property="og:type" content="Website" />
        <meta property="og:updated_time" content="2026-08-22T00:00:00+00:00" />
        <meta property="og:url" content="https://www.jobberman.com" />
        <meta property="og:locale" content="en_US" />
                
        <meta name="twitter:title" content="Find The Right Job with Jobberman"/>
        <meta name="twitter:description" content="Search for jobs &amp; read career advice."/>
        <meta name="twitter:image" content="ogImage"/>
        <meta name="twitter:card" content="summary_large_image"/>
        
        <meta property="banner-targeting-key" content="URL_BM_Nigeria" />
        <meta property="banner-targeting-value" content="//" />
            
    <link rel="preconnect" href="https://ak.sail-horizon.com">
    
    <script type="text/plain" class="optanon-category-C0002 optanon-category-C0004">
        (function whenSailthruReady(callback, attempts) {
            attempts = attempts || 0;
            if (typeof window.Sailthru !== 'undefined') {
                callback(window.Sailthru);
            } else if (attempts < 100) {
                setTimeout(function () { whenSailthruReady(callback, attempts + 1); }, 50);
            }
        })(function (Sailthru) {
                    });
    </script>

    <meta property="fb:app_id" content="189313221529" />

    <link rel="apple-touch-icon" sizes="180x180" href="/static-assets/favicon/jobberman/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static-assets/favicon/jobberman/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static-assets/favicon/jobberman/favicon-16x16.png">
<link rel="manifest" href="/static-assets/favicon/jobberman/manifest.json">
<link rel="mask-icon" href="/static-assets/favicon/jobberman/safari-pinned-tab.svg" color="#4168C6">
<link rel="shortcut icon" sizes="any" href="/static-assets/favicon/jobberman/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/static-assets/favicon/jobberman/favicon.svg">
<meta name="msapplication-TileColor" content="#4168C6">
<meta name="msapplication-config" content="/static-assets/favicon/jobberman/browserconfig.xml">
<meta name="msapplication-starturl" content="/">
<meta name="theme-color" content="#4168C6">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">

    
            <script type="text/javascript">
            window.dataLayer = window.dataLayer || [];
            if (typeof gtag === 'undefined') {
                function gtag() {
                    window.dataLayer.push(arguments);
                }
            }
            gtag('consent', 'default', {
                'ad_user_data': 'denied',
                'ad_personalization': 'denied',
                'ad_storage': 'denied',
                'analytics_storage': 'denied',
                'functionality_storage': 'denied',
                'personalization_storage': 'denied',
                'security_storage': 'denied',
                'wait_for_update': 500,
            });
            gtag('set', 'ads_data_redaction', true);
            gtag('set', 'url_passthrough', true);
        </script>

                    <script
                src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"
                type="text/javascript"
                charset="UTF-8"
                data-domain-script="42db4c75-a53a-4bda-a784-8baa79be307d"
                async
            ></script>
        
        
        <script type="text/javascript">
            function OptanonWrapper() {
                const __gtmDataLayer = [];
                if (__gtmDataLayer) {
                    if (window) {
                        window.dataLayer = window.dataLayer || [];
                        for (var i=0; i<__gtmDataLayer.length; i++) {
                            if (__gtmDataLayer[i].ecommerce) {
                                window.dataLayer.push({ ecommerce: null });
                            }
                            window.dataLayer.push(__gtmDataLayer[i]);
                        }
                    }
                }
            }
        </script>
    
    
            <script>
        window.dataLayer = window.dataLayer || [];
                window.dataLayer.push({"domain_code":"ng","brand":"Jobberman","page_brand":"Jobberman","env":"production","route_name":"home","version":"master-20260822130840","page_country_code":"NG","page_language":"en-ng","content_type":"home","session_hash":"39201393e4175c4e13fc87eaa4ddd47b","timestamp":1787423671,"event":"set_page_data","currency":"NGN"});
            </script>
            <script>
            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
                var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
                j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
            })(window,document,'script','dataLayer','GTM-WDM8865');
        </script>
        
    <!-- Facebook Pixel Code -->
<script>
    window.addEventListener('load', function() {
        var enabled = decodeURIComponent(document.cookie).includes('C0004:1');
        if (!enabled) {
            return;
        }

        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window,document,'script',
        'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '1149856831742119');
        fbq('track', 'PageView');
    });
</script>
<noscript>
    <img height="1" width="1" style="display:none"
        src="https://www.facebook.com/tr?id=1149856831742119&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->

    
    </head>

<body
    class="min-h-full "
>


<input
    type="hidden"
    id="authenticated"
    value="false"
>
<input
    type="hidden"
    id="userRole"
    value="guest"
>

    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WDM8865" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<header x-data="{ open: false }"
        class="flex sticky top-0 z-60 flex-col mx-auto w-full bg-white font-jakarta">
    <div class="flex gap-4 justify-between items-center px-4 py-3 w-full bg-white lg:px-5 lg:py-4">
        <div class="flex gap-6 items-center min-w-0 xl:gap-14">
            
            <a class="flex items-center shrink-0" href="https://www.jobberman.com">
                <img
                    class="h-auto w-[180px]"
                    width="180"
                    height="47"
                    src="/static-assets/img/ng/landscape.svg"
                    alt="Jobberman"
                    fetchpriority="high"
                    loading="eager"
                    decoding="async"
                />
            </a>

            
            
            <nav class="hidden items-center lg:flex">
                
                <div class="dropdown-parent relative flex items-center h-full">
                    <a
                href="https://www.jobberman.com/job-seeker"
                class="flex gap-1 items-center px-4 h-10 whitespace-nowrap rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm"
                data-cy="Job seeker"
            >
                <span>Job seeker</span>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 20" fill="none" class="dropdown-indicator shrink-0" width="20" height="20" role="presentation" aria-hidden="true">
    <path d="M4.66667 7.5L10.5 13.3333L16.3333 7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

</svg>            </a>
        
        <div class="absolute left-0 top-full z-40 pt-2 dropdown-child" role="menu">
            <div class="flex flex-col p-4 w-80 bg-white rounded-2xl border border-black">
                <a href="https://www.jobberman.com/jobs"
                       class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                        Job Vacancies
                    </a>
                                            <a href="https://www.jobberman.com/account/cv-services"
                           rel="nofollow"
                           class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                            AI Career Tool
                        </a>
                                                                <a href="/discover/job-search-advice"
                           class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                            Job Search Advice
                        </a>
                                                                <a href="https://www.jobberman.com/learning"
                           class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                            My Learning
                        </a>
            </div>
        </div>
    </div>

                
                                    <div class="dropdown-parent relative flex items-center h-full">
                    <a
                href="/discover"
                class="flex gap-1 items-center px-4 h-10 whitespace-nowrap rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm"
                data-cy="Blog"
            >
                <span>Blog</span>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 20" fill="none" class="dropdown-indicator shrink-0" width="20" height="20" role="presentation" aria-hidden="true">
    <path d="M4.66667 7.5L10.5 13.3333L16.3333 7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

</svg>            </a>
        
        <div class="absolute left-0 top-full z-40 pt-2 dropdown-child" role="menu">
            <div class="flex flex-col p-4 w-80 bg-white rounded-2xl border border-black">
                <a href="/discover/career-development"
                               class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                                Career Development
                            </a>
                                                    <a href="/discover/life-at-work"
                               class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                                Life at Work
                            </a>
                                                    <a href="/discover/job-market-news"
                               class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                                Job Market News
                            </a>
            </div>
        </div>
    </div>
                
                
                <div class="dropdown-parent relative flex items-center h-full">
                    <a
                href="https://www.jobberman.com/employer"
                class="flex gap-1 items-center px-4 h-10 whitespace-nowrap rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm"
                data-cy="Employers"
            >
                <span>Employers</span>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 20" fill="none" class="dropdown-indicator shrink-0" width="20" height="20" role="presentation" aria-hidden="true">
    <path d="M4.66667 7.5L10.5 13.3333L16.3333 7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

</svg>            </a>
        
        <div class="absolute left-0 top-full z-40 pt-2 dropdown-child" role="menu">
            <div class="flex flex-col p-4 w-80 bg-white rounded-2xl border border-black">
                <a href="https://www.jobberman.com/employer/skills-assessments"
                           class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                            Skills Assessments
                        </a>
                                                                <a href="https://www.jobberman.com/employer/executive-recruitment"
                           class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                            Executive Recruitment
                        </a>
                                                                <a href="https://www.jobberman.com/employer/pro-recruit"
                           class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                            Pro Recruit
                        </a>
                                                                <a href="https://www.jobberman.com/employer/standard-listing"
                           class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                            Standard Listing
                        </a>
                                                                                    <a href="/discover/employers"
                           class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                            Employers Corner
                        </a>
            </div>
        </div>
    </div>

                
                                    <div class="dropdown-parent relative flex items-center h-full">
                    <a
                href="https://help-center.jobberman.com/portal/en/home"
                class="flex gap-1 items-center px-4 h-10 whitespace-nowrap rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm"
                data-cy="Help center"
            >
                <span>Help center</span>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 20" fill="none" class="dropdown-indicator shrink-0" width="20" height="20" role="presentation" aria-hidden="true">
    <path d="M4.66667 7.5L10.5 13.3333L16.3333 7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

</svg>            </a>
        
        <div class="absolute left-0 top-full z-40 pt-2 dropdown-child" role="menu">
            <div class="flex flex-col p-4 w-80 bg-white rounded-2xl border border-black">
                <a href="/about?tab=faq"
                           class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                            Frequently Asked Questions
                        </a>
                        <a href="https://www.jobberman.com/contact-us"
                           class="flex items-center px-4 h-10 rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                            Contact Us
                        </a>
            </div>
        </div>
    </div>
                
                
                <a href="https://www.jobberman.com/about"
                   data-cy="about-nav-header"
                   class="flex items-center px-4 h-10 whitespace-nowrap rounded-xl text-text-primary hover:bg-surface-warm focus:bg-surface-warm">
                    About us
                </a>
            </nav>
        </div>

        
        <div class="hidden gap-2 items-center lg:flex xl:gap-4 shrink-0">
                            <a href="https://www.jobberman.com/account/login"
                   data-cy="login-button-navbar"
                   class="flex items-center px-4 py-3.5 rounded-2xl text-btn-tertiary hover:text-btn-tertiary-hover focus:text-btn-tertiary-hover">
                    Login
                </a>
                <a href="https://www.jobberman.com/account/sign-up"
                   rel="nofollow"
                   data-cy="sign-up-button-navbar"
                   class="flex items-center px-4 py-3.5 rounded-2xl text-btn-tertiary hover:text-btn-tertiary-hover focus:text-btn-tertiary-hover">
                    Sign up
                </a>
                <a href="https://www.jobberman.com/account/employer/jobs/create"
                   rel="nofollow"
                   class="flex items-center px-6 py-3.5 whitespace-nowrap rounded-full bg-btn-secondary text-text-primary hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-btn-primary">
                    Post a job
                </a>
                    </div>

        
        <button
            class="p-2 rounded-md lg:hidden focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-btn-primary"
            @click="open = !open"
            :aria-label="open ? 'Close Menu' : 'Open Menu'"
            :aria-expanded="open"
            :title="open ? 'Close Menu' : 'Open Menu'"
        >
            <span x-show="!open"><svg viewBox="0 0 24 24" class="" width="20" height="20" role="presentation" aria-hidden="true"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2z"/></svg></span>
            <span x-show="open" x-cloak><svg viewBox="0 0 24 24" class="" width="20" height="20" role="presentation" aria-hidden="true"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg></span>
        </button>
    </div>

    
    <div x-show="open"
         x-cloak
         x-transition:enter="transition ease-out duration-200"
         x-transition:enter-start="opacity-0"
         x-transition:enter-end="opacity-100"
         x-transition:leave="transition ease-in duration-150"
         x-transition:leave-start="opacity-100"
         x-transition:leave-end="opacity-0"
         class="fixed inset-0 bg-black bg-opacity-40 lg:hidden"
         @click="open = false"
         aria-hidden="true"
    ></div>
    <nav x-show="open"
         x-cloak
         x-transition:enter="transition ease-out duration-200 transform"
         x-transition:enter-start="translate-x-full"
         x-transition:enter-end="translate-x-0"
         x-transition:leave="transition ease-in duration-150 transform"
         x-transition:leave-start="translate-x-0"
         x-transition:leave-end="translate-x-full"
         @keydown.escape.window="open = false"
         class="flex fixed top-0 right-0 flex-col w-72 max-w-full h-full bg-white rounded-l-3xl lg:hidden"
    >
        <div class="flex justify-end items-center p-4 border-b border-surface-divider">
            <button @click="open = false" aria-label="Close Menu" class="p-1 rounded-md focus:outline-none focus:ring-2 focus:ring-btn-primary">
                <svg viewBox="0 0 24 24" class="" width="20" height="20" role="presentation" aria-hidden="true"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>            </button>
        </div>
        <div class="flex overflow-y-auto flex-col gap-4 p-4">
            <div class="grid grid-cols-2 gap-3">
                <a href="https://www.jobberman.com/account/login"
                   class="flex justify-center items-center h-12 text-sm rounded-xl bg-btn-primary-secondary text-text-primary">
                    Sign in
                </a>
                <a href="https://www.jobberman.com/account/sign-up"
                   rel="nofollow"
                   class="flex justify-center items-center h-12 text-sm text-white rounded-xl bg-btn-primary">
                    Sign up
                </a>
            </div>

            <div class="flex flex-col">
                <a href="https://www.jobberman.com/job-seeker"
                   class="flex gap-2 items-center px-4 h-12 text-sm rounded-lg text-text-primary hover:bg-surface-warm">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="shrink-0" role="presentation" aria-hidden="true">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4ZM2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8C14 9.29583 13.5892 10.4957 12.8907 11.4765L17.7071 16.2929C18.0976 16.6834 18.0976 17.3166 17.7071 17.7071C17.3166 18.0976 16.6834 18.0976 16.2929 17.7071L11.4765 12.8907C10.4957 13.5892 9.29583 14 8 14C4.68629 14 2 11.3137 2 8Z"/>
</svg>                    Job seeker
                </a>
                                    <a href="/discover"
                       class="flex gap-2 items-center px-4 h-12 text-sm rounded-lg text-text-primary hover:bg-surface-warm">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 30 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<path d="M14.1284 21.5224V6.74015C13.0659 5.98648 11.8967 5.41025 10.6208 5.01146C9.34481 4.6129 8.06036 4.41362 6.76742 4.41362C5.8794 4.41362 5.05892 4.50075 4.30596 4.675C3.553 4.84925 2.75341 5.08808 1.90719 5.39148C1.7981 5.42784 1.7209 5.48002 1.67556 5.54802C1.63023 5.61626 1.60756 5.69122 1.60756 5.77292V20.1631C1.60756 20.2811 1.6529 20.3697 1.74356 20.4287C1.83447 20.4877 1.93434 20.4991 2.04319 20.4627C2.6481 20.1956 3.3647 19.9967 4.19298 19.8659C5.02102 19.7351 5.87917 19.6697 6.76742 19.6697C8.05493 19.6697 9.30762 19.8219 10.5255 20.1262C11.7433 20.4303 12.9443 20.8957 14.1284 21.5224ZM14.9253 23.9197C13.7258 23.077 12.4314 22.4296 11.0419 21.9775C9.65234 21.5251 8.22753 21.2989 6.76742 21.2989C6.00076 21.2989 5.24792 21.378 4.5089 21.5362C3.76963 21.6941 3.02765 21.8993 2.28296 22.1517C1.73754 22.3932 1.22069 22.342 0.732417 21.998C0.244139 21.654 0 21.1749 0 20.5608V5.67481C0 5.30246 0.091729 4.9601 0.275187 4.64773C0.458646 4.33535 0.724743 4.10019 1.07348 3.94223C1.96527 3.5517 2.89012 3.26471 3.84802 3.08125C4.80592 2.89779 5.77906 2.80606 6.76742 2.80606C8.42917 2.80606 9.89943 3.02718 11.1782 3.46942C12.4567 3.91165 13.7635 4.55423 15.0985 5.39715C15.2874 5.5152 15.4408 5.67906 15.5589 5.88873C15.677 6.09863 15.736 6.32884 15.736 6.57935V21.5224C16.9255 20.8957 18.1051 20.4303 19.2748 20.1262C20.4445 19.8219 21.6804 19.6697 22.9826 19.6697C23.8616 19.6697 24.7271 19.7315 25.579 19.8549C26.4309 19.9787 27.1401 20.1358 27.7068 20.3263C27.8157 20.3719 27.9155 20.3652 28.0064 20.3061C28.0971 20.2471 28.1424 20.154 28.1424 20.0267V3.74071C28.2378 3.77117 28.3317 3.80458 28.424 3.84094C28.5161 3.87754 28.6111 3.92039 28.7091 3.9695C29.0444 4.13478 29.3016 4.36723 29.4808 4.66685C29.6603 4.96648 29.75 5.30246 29.75 5.67481V20.5608C29.75 21.2011 29.4866 21.6931 28.9599 22.0366C28.4331 22.3804 27.9009 22.4097 27.3633 22.1244C26.6514 21.8666 25.9295 21.6646 25.1975 21.5185C24.4656 21.3721 23.7273 21.2989 22.9826 21.2989C21.5201 21.2989 20.1115 21.5286 18.7567 21.9881C17.4021 22.4478 16.125 23.0917 14.9253 23.9197ZM19.4136 16.6295V1.67556L24.4648 0V14.9975L19.4136 16.6295Z" fill="#1C1B1F"/>
</svg>                        Blog
                    </a>
                                <a href="https://www.jobberman.com/employer"
                   class="flex gap-2 items-center px-4 h-12 text-sm rounded-lg text-text-primary hover:bg-surface-warm">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<path d="M21 13.2554C18.2207 14.3805 15.1827 15 12 15C8.8173 15 5.7793 14.3805 3 13.2554M16 6V4C16 2.89543 15.1046 2 14 2H10C8.89543 2 8 2.89543 8 4V6M12 12H12.01M5 20H19C20.1046 20 21 19.1046 21 18V8C21 6.89543 20.1046 6 19 6H5C3.89543 6 3 6.89543 3 8V18C3 19.1046 3.89543 20 5 20Z" stroke="#374151" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                    Employers
                </a>
                                    <a href="https://help-center.jobberman.com/portal/en/home"
                       class="flex gap-2 items-center px-4 h-12 text-sm rounded-lg text-text-primary hover:bg-surface-warm">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<path d="M12 3C10.22 3 8.47992 3.52784 6.99987 4.51677C5.51983 5.50571 4.36628 6.91131 3.68509 8.55585C3.0039 10.2004 2.82567 12.01 3.17294 13.7558C3.5202 15.5016 4.37737 17.1053 5.63605 18.364C6.89472 19.6226 8.49837 20.4798 10.2442 20.8271C11.99 21.1743 13.7996 20.9961 15.4442 20.3149C17.0887 19.6337 18.4943 18.4802 19.4832 17.0001C20.4722 15.5201 21 13.78 21 12C21 9.61305 20.0518 7.32387 18.364 5.63604C16.6761 3.94821 14.387 3 12 3Z" stroke="#374151" stroke-width="1.5" stroke-miterlimit="10"/>
<path d="M9.13647 9.2535C9.13647 9.2535 9.17943 8.35862 10.1372 7.58799C10.7053 7.13032 11.3865 6.99787 12.0001 6.98867C12.559 6.98151 13.0581 7.07407 13.3568 7.21623C13.8681 7.45964 14.8637 8.05384 14.8637 9.31742C14.8637 10.647 13.9944 11.2509 13.0039 11.9152C12.0134 12.5794 11.7444 13.3004 11.7444 14.0455" stroke="#374151" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M11.6931 17.7271C12.258 17.7271 12.7159 17.2692 12.7159 16.7044C12.7159 16.1395 12.258 15.6816 11.6931 15.6816C11.1283 15.6816 10.6704 16.1395 10.6704 16.7044C10.6704 17.2692 11.1283 17.7271 11.6931 17.7271Z" fill="#374151"/>
</svg>                        Help center
                    </a>
                                <a href="https://www.jobberman.com/about"
                   class="flex gap-2 items-center px-4 h-12 text-sm rounded-lg text-text-primary hover:bg-surface-warm">
                    <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 24 24" width="20" fill="currentColor" class="shrink-0" role="presentation" aria-hidden="true"><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>                    About us
                </a>
            </div>
        </div>

        <div class="p-4 mt-auto">
            <a href="https://www.jobberman.com/account/employer/jobs/create"
               rel="nofollow"
               class="flex justify-center items-center h-12 text-sm rounded-xl bg-btn-secondary text-text-primary">
                Post a job
            </a>
        </div>
    </nav>
</header>
    
    <main class="min-h-screen main-content ">
                            <noscript>
    <aside class="notifications-group">
            </aside>
</noscript>

<script>
    window.notificationMessages = [];
</script>
    <div
        x-data="bannerSlider(JSON.parse('[{\u0022id\u0022:79,\u0022icon\u0022:\u0022speakerphone\u0022,\u0022rank\u0022:1,\u0022domain_id\u0022:5,\u0022banner_text\u0022:\u0022Big career goals? We\\u0027ve made it easier to search for jobs, discover employers, build new skills, and confidently take your next career step.\u0022,\u0022banner_cta_text\u0022:\u0022See what\\u2019s new.\u0022,\u0022banner_cta_url\u0022:\u0022http:\\\/\\\/jobberman.com\u0022,\u0022online_at\u0022:\u00222026-08-18\u0022,\u0022offline_at\u0022:\u00222026-12-31\u0022,\u0022days\u0022:null,\u0022start_time\u0022:null,\u0022end_time\u0022:null,\u0022status\u0022:\u0022published\u0022,\u0022audience\u0022:\u0022all\u0022,\u0022routes\u0022:[\u0022home\u0022,\u0022learning.home\u0022,\u0022job-seeker.landing\u0022,\u0022customer.job-seeker.index\u0022,\u0022search.landing\u0022,\u0022customer.cv-services.index\u0022,\u0022customer.dashboard\u0022,\u0022customer.job-seeker.employment-availability\u0022],\u0022created_by\u0022:6491876,\u0022updated_by\u0022:6491876,\u0022created_at\u0022:\u00222026-08-18 15:04:59\u0022,\u0022updated_at\u0022:\u00222026-08-22 00:56:45\u0022},{\u0022id\u0022:78,\u0022icon\u0022:\u0022speakerphone\u0022,\u0022rank\u0022:1,\u0022domain_id\u0022:5,\u0022banner_text\u0022:\u0022The future of work gets decided without you. Not this time. Tell us what matters to your career in 5 minutes and #BeACareerInfluencer.\u0022,\u0022banner_cta_text\u0022:\u0022Start now.\u0022,\u0022banner_cta_url\u0022:\u0022https:\\\/\\\/lime.sagaciresearch.com\\\/index.php\\\/941388\u0022,\u0022online_at\u0022:\u00222026-07-27\u0022,\u0022offline_at\u0022:\u00222026-08-31\u0022,\u0022days\u0022:null,\u0022start_time\u0022:null,\u0022end_time\u0022:null,\u0022status\u0022:\u0022published\u0022,\u0022audience\u0022:\u0022all\u0022,\u0022routes\u0022:[\u0022home\u0022,\u0022learning.home\u0022,\u0022job-seeker.landing\u0022,\u0022customer.job-seeker.index\u0022,\u0022search.landing\u0022,\u0022customer.cv-services.index\u0022,\u0022customer.dashboard\u0022,\u0022customer.job-seeker.employment-availability\u0022],\u0022created_by\u0022:6491876,\u0022updated_by\u0022:6491876,\u0022created_at\u0022:\u00222026-07-27 08:44:37\u0022,\u0022updated_at\u0022:\u00222026-08-22 00:56:45\u0022},{\u0022id\u0022:75,\u0022icon\u0022:\u0022lightning-bolt\u0022,\u0022rank\u0022:1,\u0022domain_id\u0022:5,\u0022banner_text\u0022:\u0022Everyone deserves an opportunity to grow. We welcome applications from persons with disabilities and value the skills, experience, and potential you bring.\u0022,\u0022banner_cta_text\u0022:\u0022\u0022,\u0022banner_cta_url\u0022:\u0022\u0022,\u0022online_at\u0022:\u00222026-06-16\u0022,\u0022offline_at\u0022:\u00222026-12-31\u0022,\u0022days\u0022:null,\u0022start_time\u0022:null,\u0022end_time\u0022:null,\u0022status\u0022:\u0022published\u0022,\u0022audience\u0022:\u0022all\u0022,\u0022routes\u0022:[\u0022home\u0022,\u0022learning.home\u0022,\u0022job-seeker.landing\u0022,\u0022customer.job-seeker.index\u0022,\u0022search.landing\u0022,\u0022customer.cv-services.index\u0022,\u0022customer.dashboard\u0022,\u0022customer.job-seeker.employment-availability\u0022],\u0022created_by\u0022:6491876,\u0022updated_by\u0022:6491876,\u0022created_at\u0022:\u00222026-06-16 13:44:36\u0022,\u0022updated_at\u0022:\u00222026-08-22 00:56:45\u0022},{\u0022id\u0022:69,\u0022icon\u0022:\u0022speakerphone\u0022,\u0022rank\u0022:1,\u0022domain_id\u0022:5,\u0022banner_text\u0022:\u0022Your safety matters: Jobberman never asks for payment from Job seekers.\u0022,\u0022banner_cta_text\u0022:\u0022\u0022,\u0022banner_cta_url\u0022:\u0022\u0022,\u0022online_at\u0022:\u00222026-08-11\u0022,\u0022offline_at\u0022:\u00222027-01-30\u0022,\u0022days\u0022:null,\u0022start_time\u0022:null,\u0022end_time\u0022:null,\u0022status\u0022:\u0022published\u0022,\u0022audience\u0022:\u0022all\u0022,\u0022routes\u0022:[\u0022home\u0022,\u0022learning.home\u0022,\u0022job-seeker.landing\u0022,\u0022customer.job-seeker.index\u0022,\u0022search.landing\u0022,\u0022customer.cv-services.index\u0022,\u0022customer.dashboard\u0022,\u0022customer.job-seeker.employment-availability\u0022],\u0022created_by\u0022:6232654,\u0022updated_by\u0022:6491876,\u0022created_at\u0022:\u00222026-02-11 06:51:05\u0022,\u0022updated_at\u0022:\u00222026-08-22 00:56:45\u0022}]'))"
        x-init="init()"
        class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-4 px-4 pt-4 pb-0 sm:py-4 font-jakarta bg-surface-primary-light"
        style=""
        :style="(banners[activeSlide - 1] && banners[activeSlide - 1].background_style)
            ? banners[activeSlide - 1].background_style
            : ''"
    >
        <div
            class="sm:flex-1 w-full sm:w-auto grid strip-banners-container overflow-hidden relative"
            x-ref="container"
            @mouseenter="pause()"
            @mouseleave="resume()"
        >
            
                            <div
                    class="flex-shrink-0 w-full flex items-center justify-center opacity-0 pointer-events-none select-none col-start-1 row-start-1"
                    aria-hidden="true"
                >
                    <div class="flex items-center">
                        <div class="my-auto flex flex-col sm:flex-row items-center justify-center">
                            <div class="flex items-center">
                                <span class="flex-none shrink-0 hidden sm:inline-flex items-center justify-center h-fit mr-2 text-text-primary">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="inline-block" role="presentation" aria-hidden="true">
<path d="M11 5.88218V19.2402C11 20.2121 10.2121 21 9.24018 21C8.49646 21 7.83302 20.5325 7.58288 19.8321L5.43647 13.6829M18 13C19.6569 13 21 11.6569 21 10C21 8.34315 19.6569 7 18 7M5.43647 13.6829C4.0043 13.0741 3 11.6543 3 10C3 7.79086 4.79086 6 6.99999 6H8.83208C12.9327 6 16.4569 4.7659 18 3L18 17C16.4569 15.2341 12.9327 14 8.83208 14L6.99998 14C6.44518 14 5.91677 13.887 5.43647 13.6829Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                                </span>

                                <div class="flex items-center flex-wrap gap-2 sm:gap-4 min-h-12 lg:min-h-13">
                                    <span class="text-xs sm:text-sm lg:text-base text-text-primary">
                                        Big career goals? We've made it easier to search for jobs, discover employers, build new skills, and confidently take your next career step.
                                    </span>

                                    
                                                                            <span class="inline-flex gap-2 items-center whitespace-nowrap h-12 lg:h-13 text-sm lg:text-base text-btn-tertiary hover:text-btn-tertiary-hover">
                                            <a href="#">See what’s new.</a>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                                        </span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
                            <div
                    class="flex-shrink-0 w-full flex items-center justify-center opacity-0 pointer-events-none select-none col-start-1 row-start-1"
                    aria-hidden="true"
                >
                    <div class="flex items-center">
                        <div class="my-auto flex flex-col sm:flex-row items-center justify-center">
                            <div class="flex items-center">
                                <span class="flex-none shrink-0 hidden sm:inline-flex items-center justify-center h-fit mr-2 text-text-primary">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="inline-block" role="presentation" aria-hidden="true">
<path d="M11 5.88218V19.2402C11 20.2121 10.2121 21 9.24018 21C8.49646 21 7.83302 20.5325 7.58288 19.8321L5.43647 13.6829M18 13C19.6569 13 21 11.6569 21 10C21 8.34315 19.6569 7 18 7M5.43647 13.6829C4.0043 13.0741 3 11.6543 3 10C3 7.79086 4.79086 6 6.99999 6H8.83208C12.9327 6 16.4569 4.7659 18 3L18 17C16.4569 15.2341 12.9327 14 8.83208 14L6.99998 14C6.44518 14 5.91677 13.887 5.43647 13.6829Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                                </span>

                                <div class="flex items-center flex-wrap gap-2 sm:gap-4 min-h-12 lg:min-h-13">
                                    <span class="text-xs sm:text-sm lg:text-base text-text-primary">
                                        The future of work gets decided without you. Not this time. Tell us what matters to your career in 5 minutes and #BeACareerInfluencer.
                                    </span>

                                    
                                                                            <span class="inline-flex gap-2 items-center whitespace-nowrap h-12 lg:h-13 text-sm lg:text-base text-btn-tertiary hover:text-btn-tertiary-hover">
                                            <a href="#">Start now.</a>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                                        </span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
                            <div
                    class="flex-shrink-0 w-full flex items-center justify-center opacity-0 pointer-events-none select-none col-start-1 row-start-1"
                    aria-hidden="true"
                >
                    <div class="flex items-center">
                        <div class="my-auto flex flex-col sm:flex-row items-center justify-center">
                            <div class="flex items-center">
                                <span class="flex-none shrink-0 hidden sm:inline-flex items-center justify-center h-fit mr-2 text-text-primary">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="inline-block" role="presentation" aria-hidden="true">
<path d="M11 5.88218V19.2402C11 20.2121 10.2121 21 9.24018 21C8.49646 21 7.83302 20.5325 7.58288 19.8321L5.43647 13.6829M18 13C19.6569 13 21 11.6569 21 10C21 8.34315 19.6569 7 18 7M5.43647 13.6829C4.0043 13.0741 3 11.6543 3 10C3 7.79086 4.79086 6 6.99999 6H8.83208C12.9327 6 16.4569 4.7659 18 3L18 17C16.4569 15.2341 12.9327 14 8.83208 14L6.99998 14C6.44518 14 5.91677 13.887 5.43647 13.6829Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                                </span>

                                <div class="flex items-center flex-wrap gap-2 sm:gap-4 min-h-12 lg:min-h-13">
                                    <span class="text-xs sm:text-sm lg:text-base text-text-primary">
                                        Everyone deserves an opportunity to grow. We welcome applications from persons with disabilities and value the skills, experience, and potential you bring.
                                    </span>

                                    
                                                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
                            <div
                    class="flex-shrink-0 w-full flex items-center justify-center opacity-0 pointer-events-none select-none col-start-1 row-start-1"
                    aria-hidden="true"
                >
                    <div class="flex items-center">
                        <div class="my-auto flex flex-col sm:flex-row items-center justify-center">
                            <div class="flex items-center">
                                <span class="flex-none shrink-0 hidden sm:inline-flex items-center justify-center h-fit mr-2 text-text-primary">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="inline-block" role="presentation" aria-hidden="true">
<path d="M11 5.88218V19.2402C11 20.2121 10.2121 21 9.24018 21C8.49646 21 7.83302 20.5325 7.58288 19.8321L5.43647 13.6829M18 13C19.6569 13 21 11.6569 21 10C21 8.34315 19.6569 7 18 7M5.43647 13.6829C4.0043 13.0741 3 11.6543 3 10C3 7.79086 4.79086 6 6.99999 6H8.83208C12.9327 6 16.4569 4.7659 18 3L18 17C16.4569 15.2341 12.9327 14 8.83208 14L6.99998 14C6.44518 14 5.91677 13.887 5.43647 13.6829Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                                </span>

                                <div class="flex items-center flex-wrap gap-2 sm:gap-4 min-h-12 lg:min-h-13">
                                    <span class="text-xs sm:text-sm lg:text-base text-text-primary">
                                        Your safety matters: Jobberman never asks for payment from Job seekers.
                                    </span>

                                    
                                                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            
            <div class="absolute inset-0">
                                    <div
                        class="w-full h-full flex items-center justify-center"
                        x-show="!hydrated"
                    >
                        <div class="flex items-center">
                            <div class="my-auto flex flex-col sm:flex-row items-center justify-center">
                                <div class="flex items-center">

                                                                            <span class="flex-none shrink-0 hidden sm:inline-flex items-center justify-center h-fit mr-2 text-text-primary">
                                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="inline-block" role="presentation" aria-hidden="true">
<path d="M11 5.88218V19.2402C11 20.2121 10.2121 21 9.24018 21C8.49646 21 7.83302 20.5325 7.58288 19.8321L5.43647 13.6829M18 13C19.6569 13 21 11.6569 21 10C21 8.34315 19.6569 7 18 7M5.43647 13.6829C4.0043 13.0741 3 11.6543 3 10C3 7.79086 4.79086 6 6.99999 6H8.83208C12.9327 6 16.4569 4.7659 18 3L18 17C16.4569 15.2341 12.9327 14 8.83208 14L6.99998 14C6.44518 14 5.91677 13.887 5.43647 13.6829Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                                                                                    </span>
                                    
                                    <div class="flex items-center flex-wrap gap-2 sm:gap-4 min-h-12 lg:min-h-13">
                                        <span class="text-xs sm:text-sm lg:text-base text-text-primary">
                                            Big career goals? We've made it easier to search for jobs, discover employers, build new skills, and confidently take your next career step.
                                        </span>

                                        
                                                                                    <span class="inline-flex gap-2 items-center whitespace-nowrap h-12 lg:h-13 text-sm lg:text-base text-btn-tertiary hover:text-btn-tertiary-hover">
                                                <a
                                                    href="http://jobberman.com"
                                                    target="_self"
                                                    rel=""
                                                >
                                                    See what’s new.
                                                </a>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                                            </span>
                                                                            </div>
                                </div>
                            </div>
                        </div>
                    </div>
                
                
                <div
                    x-show="hydrated"
                    style="display: none;"
                >
                    <div
                        class="strip-banners-inner flex h-full items-center transition-transform duration-300"
                        :style="`transform: translateX(-${(activeSlide - 1) * 100}%);`"
                    >
                        <template x-for="(item, index) in banners" :key="index">
                            <div class="strip-banner-item flex-shrink-0 w-full flex items-center justify-center">
                                <div class="flex items-center">
                                    <div class="my-auto flex flex-col sm:flex-row items-center justify-center">
                                        <div class="flex items-center">
                                            <template x-if="item.icon">
                                                <span :class="item.icon_wrapper_class || 'flex-none shrink-0 hidden sm:inline-flex items-center justify-center h-fit mr-2 text-text-primary'">
                                                    <template x-if="item.icon_html">
                                                        <span x-html="item.icon_html"></span>
                                                    </template>

                                                    <template x-if="!item.icon_html && item.icon === 'speakerphone'">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="inline-block" role="presentation" aria-hidden="true">
<path d="M11 5.88218V19.2402C11 20.2121 10.2121 21 9.24018 21C8.49646 21 7.83302 20.5325 7.58288 19.8321L5.43647 13.6829M18 13C19.6569 13 21 11.6569 21 10C21 8.34315 19.6569 7 18 7M5.43647 13.6829C4.0043 13.0741 3 11.6543 3 10C3 7.79086 4.79086 6 6.99999 6H8.83208C12.9327 6 16.4569 4.7659 18 3L18 17C16.4569 15.2341 12.9327 14 8.83208 14L6.99998 14C6.44518 14 5.91677 13.887 5.43647 13.6829Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                                                    </template>
                                                    <template x-if="!item.icon_html && item.icon === 'exclamation'">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="inline-block" role="presentation" aria-hidden="true">
<path d="M12 8V12M12 16H12.01M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                                                    </template>
                                                    <template x-if="!item.icon_html && item.icon === 'help'">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 14 14" fill="none" class="inline-block" role="presentation" aria-hidden="true">
<path d="M7.00001 1.75C5.96165 1.75 4.94662 2.05791 4.08326 2.63478C3.2199 3.21166 2.547 4.0316 2.14964 4.99091C1.75227 5.95022 1.64831 7.00582 1.85088 8.02422C2.05345 9.04262 2.55347 9.97808 3.28769 10.7123C4.02192 11.4465 4.95738 11.9465 5.97578 12.1491C6.99418 12.3517 8.04978 12.2477 9.0091 11.8504C9.96841 11.453 10.7883 10.7801 11.3652 9.91674C11.9421 9.05338 12.25 8.03835 12.25 7C12.25 5.60761 11.6969 4.27225 10.7123 3.28769C9.72775 2.30312 8.39239 1.75 7.00001 1.75Z" stroke="currentColor" stroke-miterlimit="10"/>
<path d="M5.32953 5.39786C5.32953 5.39786 5.35459 4.87584 5.91329 4.42631C6.2447 4.15933 6.64203 4.08207 6.99998 4.0767C7.32602 4.07253 7.61716 4.12652 7.79136 4.20944C8.08966 4.35143 8.67044 4.69805 8.67044 5.43514C8.67044 6.21071 8.16334 6.563 7.58554 6.95049C7.00774 7.33797 6.85084 7.75857 6.85084 8.19319" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M6.82102 10.3409C7.15051 10.3409 7.41761 10.0738 7.41761 9.74433C7.41761 9.41484 7.15051 9.14774 6.82102 9.14774C6.49153 9.14774 6.22443 9.41484 6.22443 9.74433C6.22443 10.0738 6.49153 10.3409 6.82102 10.3409Z" fill="currentColor"/>
</svg>                                                    </template>
                                                    <template x-if="!item.icon_html && item.icon === 'lightning-bolt'">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="inline-block" role="presentation" aria-hidden="true">
<path d="M13 10V3L4 14H11L11 21L20 10L13 10Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                                                    </template>
                                                    <template x-if="!item.icon_html && item.icon === 'shield-check'">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="inline-block" role="presentation" aria-hidden="true">
<path d="M9 12L11 14L15 10M20.6179 5.98434C20.4132 5.99472 20.2072 5.99997 20 5.99997C16.9265 5.99997 14.123 4.84453 11.9999 2.94434C9.87691 4.84446 7.07339 5.99985 4 5.99985C3.79277 5.99985 3.58678 5.9946 3.38213 5.98422C3.1327 6.94783 3 7.95842 3 9.00001C3 14.5915 6.82432 19.2898 12 20.622C17.1757 19.2898 21 14.5915 21 9.00001C21 7.95847 20.8673 6.94791 20.6179 5.98434Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                                                    </template>
                                                    <template x-if="!item.icon_html && item.icon === 'star'">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="inline-block" role="presentation" aria-hidden="true">
<g clip-path="url(#clip0_2957_3458)">
<path d="M11.049 2.92664C11.3483 2.00537 12.6517 2.00538 12.951 2.92664L14.4699 7.60055C14.6038 8.01254 14.9877 8.29148 15.4209 8.29149L20.3354 8.29168C21.3041 8.29172 21.7068 9.53127 20.9232 10.1007L16.9474 12.9895C16.5969 13.2441 16.4503 13.6955 16.5841 14.1075L18.1026 18.7815C18.4019 19.7028 17.3475 20.4689 16.5638 19.8995L12.5878 17.011C12.2373 16.7564 11.7627 16.7564 11.4122 17.011L7.43622 19.8995C6.65252 20.4689 5.5981 19.7028 5.8974 18.7815L7.41589 14.1075C7.54974 13.6955 7.40309 13.2441 7.05263 12.9895L3.07683 10.1007C2.29317 9.53127 2.69592 8.29172 3.66461 8.29168L8.57911 8.29149C9.01231 8.29148 9.39623 8.01254 9.53011 7.60055L11.049 2.92664Z" stroke="currentColor" stroke-width="1.5"/>
</g>
<defs>
<clipPath id="clip0_2957_3458">
<rect width="24" height="24" fill="currentColor"/>
</clipPath>
</defs>
</svg>                                                    </template>
                                                    <template x-if="!item.icon_html && item.icon === 'birthday-cake'">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="inline-block align-middle" role="presentation" aria-hidden="true">
    <g clip-path="url(#clip0_celebration_cake)">
        <path d="M12 3.25C12.6904 3.25 13.25 3.80964 13.25 4.5C13.25 5.19036 12.6904 5.75 12 5.75C11.3096 5.75 10.75 5.19036 10.75 4.5C10.75 3.80964 11.3096 3.25 12 3.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M12 5.75V8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M8.5 9C8.5 7.61929 9.61929 6.5 11 6.5H13C14.3807 6.5 15.5 7.61929 15.5 9V11.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M5.5 11.25H18.5V17.75C18.5 19.1297 17.3797 20.25 16 20.25H8C6.6203 20.25 5.5 19.1297 5.5 17.75V11.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M7 14.75C8.125 15.75 9.375 16.25 11 16.25C12.625 16.25 13.875 15.75 15 14.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M4 21H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
    </g>
    <defs>
        <clipPath id="clip0_celebration_cake">
            <rect width="24" height="24" fill="currentColor"/>
        </clipPath>
    </defs>
</svg>                                                    </template>
                                                    <template x-if="!item.icon_html && item.icon === 'independence-day'">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="inline-block align-middle" role="presentation" aria-hidden="true">
    <g clip-path="url(#clip0_independence_day)">
        <path d="M12 5L13.2 8.2H16.75L13.85 10.3L15.05 13.5L12 11.55L8.95 13.5L10.15 10.3L7.25 8.2H10.8L12 5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
        <path d="M4.75 5.25L6.5 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M19.25 5.25L17.5 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M4.75 8.75L6.5 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M19.25 8.75L17.5 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M5.5 18.5C7.25 20 9.55 21 12 21C14.45 21 16.75 20 18.5 18.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M12 2.75V4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
    </g>
    <defs>
        <clipPath id="clip0_independence_day">
            <rect width="24" height="24" fill="currentColor"/>
        </clipPath>
    </defs>
</svg>                                                    </template>
                                                </span>
                                            </template>

                                            <div class="flex items-center flex-wrap gap-2 sm:gap-4 min-h-12 lg:min-h-13">
                                                <span class="text-xs sm:text-sm lg:text-base text-text-primary" x-html="item.banner_text"></span>

                                                <template x-if="item.add_btn">
                                                    <button
                                                        type="button"
                                                        @click="$store.global.modal = 'verify-account-info-modal'"
                                                        class="inline-flex mt-6 w-full md:w-auto md:mt-0 md:ml-6 bg-btn-primary hover:bg-btn-primary-selected text-white text-sm py-2 px-4 rounded-xl"
                                                    >
                                                        Verify Employer Account Now
                                                    </button>
                                                </template>

                                                <template x-if="item.banner_cta_text && item.banner_cta_url">
                                                    <span class="inline-flex gap-2 items-center whitespace-nowrap h-12 lg:h-13 text-sm lg:text-base text-btn-tertiary hover:text-btn-tertiary-hover">
                                                        <a
                                                            :href="item.banner_cta_url"
                                                            :target="item.banner_target ?? '_self'"
                                                            :rel="item.banner_cta_url.includes('account/') ? 'nofollow' : ''"
                                                            x-text="item.banner_cta_text"
                                                        ></a>
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                                                    </span>
                                                </template>

                                                <template x-if="item.banner_cta_event === 'onesignal_subscribe'">
                                                    <button
                                                        type="button"
                                                        @click="window.createSubscription()"
                                                        class="bg-btn-primary hover:bg-btn-primary-selected text-white text-sm py-2 px-4 rounded-xl"
                                                    >
                                                        Activate
                                                    </button>
                                                </template>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>
                </div>
            </div>
        </div>

                    <div x-show="!hydrated" class="hidden gap-1.5 justify-end items-center sm:flex">
                                    <button
                        type="button"
                        @click="setSlide(1)"
                        class="w-2 h-2 rounded-full cursor-pointer bg-btn-tertiary"
                        aria-label="Banner 1"
                    ></button>
                                    <button
                        type="button"
                        @click="setSlide(2)"
                        class="w-2 h-2 rounded-full cursor-pointer bg-brand-tertiary-300"
                        aria-label="Banner 2"
                    ></button>
                                    <button
                        type="button"
                        @click="setSlide(3)"
                        class="w-2 h-2 rounded-full cursor-pointer bg-brand-tertiary-300"
                        aria-label="Banner 3"
                    ></button>
                                    <button
                        type="button"
                        @click="setSlide(4)"
                        class="w-2 h-2 rounded-full cursor-pointer bg-brand-tertiary-300"
                        aria-label="Banner 4"
                    ></button>
                            </div>
        
        <template x-if="hydrated && banners.length > 1">
            <div class="hidden gap-1.5 justify-end items-center sm:flex">
                <template x-for="(item, idx) in banners" :key="idx">
                    <button
                        type="button"
                        @click="setSlide(idx+1)"
                        class="w-2 h-2 rounded-full cursor-pointer"
                        :class="activeSlide === idx+1 ? 'bg-btn-tertiary' : 'bg-brand-tertiary-300'"
                        :aria-label="`Banner ${idx+1}`"
                    ></button>
                </template>
            </div>
        </template>
    </div>


<script>
    let hasCheckedBrowserAlert = false;

    function bannerSlider(initialBanners = []) {
        return {
            banners: Array.isArray(initialBanners) ? initialBanners : [],
            activeSlide: 1,
            timer: null,
            hydrated: false,

            init() {
                this.$nextTick(() => {
                    this.deferLoop();
                });

                            },

            loop() {
                if (this.banners.length > 1 && !this.timer) {
                    this.timer = setInterval(() => {
                        // keep the server-rendered banner as the initial paint (LCP) until the first rotation
                        this.hydrated = true;
                        this.activeSlide = (this.activeSlide % this.banners.length) + 1;
                    }, 5000);
                }
            },

            deferLoop() {
                if (this.banners.length <= 1) return;

                const start = () => this.loop();

                if ("requestIdleCallback" in window) {
                    requestIdleCallback(start, { timeout: 6000 });
                } else {
                    setTimeout(start, 5000);
                }
            },

            pause() {
                if (this.timer) {
                    clearInterval(this.timer);
                    this.timer = null;
                }
            },

            resume() {
                this.deferLoop();
            },

            resetLoop() {
                if (this.timer) {
                    clearInterval(this.timer);
                    this.timer = null;
                }
                this.deferLoop();
            },

            setSlide(num) {
                this.hydrated = true;
                this.activeSlide = num;
                this.resetLoop();
            },

            nextSlide() {
                if (!this.banners.length) return;
                this.hydrated = true;

                this.activeSlide =
                    this.activeSlide === this.banners.length
                        ? 1
                        : this.activeSlide + 1;

                this.resetLoop();
            },

            prevSlide() {
                if (!this.banners.length) return;
                this.hydrated = true;

                this.activeSlide =
                    this.activeSlide === 1
                        ? this.banners.length
                        : this.activeSlide - 1;

                this.resetLoop();
            },

            addBanner(banner) {
                const alreadyExists = this.banners.some(
                    b => b.banner_type === banner.banner_type,
                );

                if (!alreadyExists) {
                    this.banners.unshift(banner);
                    this.hydrated = true;
                }
            },

            deferBrowserAlertBanner() {
                const run = () => this.showBrowserAlertBanner();

                if ("requestIdleCallback" in window) {
                    requestIdleCallback(run, { timeout: 8000 });
                } else {
                    setTimeout(run, 6000);
                }
            },

            showBrowserAlertBanner() {
                const maxRetries = 10;
                const retryInterval = 300;

                const browserAlertBanner = {
                    icon: "speakerphone",
                    banner_text: `Authorise this browser to receive instant browser alerts.`,
                    banner_cta_event: "onesignal_subscribe",
                    banner_type: "browser_alert",
                };

                return new Promise((resolve) => {
                    let retries = 0;

                    const interval = setInterval(() => {
                        if (typeof window.checkIfHasOnesignalPlayerId === "function") {
                            clearInterval(interval);

                            if (!hasCheckedBrowserAlert) {
                                hasCheckedBrowserAlert = true;

                                window.checkIfHasOnesignalPlayerId((result) => {
                                    if (result) {
                                        this.addBanner(browserAlertBanner);
                                        resolve(browserAlertBanner);
                                    } else {
                                        resolve(false);
                                    }
                                });
                            } else {
                                resolve(false);
                            }
                        } else {
                            retries++;

                            if (retries >= maxRetries) {
                                clearInterval(interval);
                                resolve(false);
                            }
                        }
                    }, retryInterval);
                });
            },

            hideBrowserAlertBanner() {
                this.banners = this.banners.filter(
                    banner => banner.banner_type !== "browser_alert",
                );
                this.activeSlide = 1;
            },
        };
    }
</script>
                <section x-data="heroSearchSticky()" class="w-full font-jakarta">
    <div class="flex relative flex-col justify-center items-center px-4 pb-4 w-full lg:px-16 min-h-[498px] lg:min-h-[528px]">
        <picture>
            <source media="(min-width: 1024px)" srcset="/static-assets/img/home-hero-desktop.webp">
            <img
                src="/static-assets/img/home-hero-mobile.webp"
                alt=""
                class="object-cover absolute top-0 left-0 w-full h-full rounded-b-3xl lg:rounded-b-4xl"
                fetchpriority="high"
                loading="eager"
                decoding="async"
            >
        </picture>
        <div class="flex relative flex-col gap-6 items-center w-full max-w-6xl">
            <h1 class="w-full font-extrabold text-center text-white text-display-sm leading-10 lg:text-display-xl lg:leading-tight">
                Find your next job opportunity, faster.
            </h1>
            <div x-ref="heroSearchCard" class="w-full">
                <form
    method="GET" action="https://www.jobberman.com/jobs" accept-charset="UTF-8" class="w-full" id="6a89ebb71e6e6"
>
    
    
    <div class="flex flex-col gap-3 p-4 w-full bg-white rounded-2xl lg:flex-row lg:items-center lg:gap-4">
        <div class="flex-1 min-w-0">
            <div
    class="relative w-full"
    x-data="autoComplete('heroSearch', 'https:\/\/www.jobberman.com\/ajax\/home-search\/search-recents', 'https:\/\/www.jobberman.com\/ajax\/home-search\/search-suggestions', 'https:\/\/www.jobberman.com\/ajax\/jobs\/autocomplete', 1, 'q', null, false)"
    @click.away="active=false; cursorIndex=-1"
    @keydown.escape="active=false; cursorIndex=-1"
    @keydown.arrow-down=" moveDownList()"
    @keydown.arrow-up="moveUpList()"
    >
    <div class="flex absolute inset-y-0 left-0 items-center pl-2 pl-3">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="currentColor" class="fill-text-primary" role="presentation" aria-hidden="true">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4ZM2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8C14 9.29583 13.5892 10.4957 12.8907 11.4765L17.7071 16.2929C18.0976 16.6834 18.0976 17.3166 17.7071 17.7071C17.3166 18.0976 16.6834 18.0976 16.2929 17.7071L11.4765 12.8907C10.4957 13.5892 9.29583 14 8 14C4.68629 14 2 11.3137 2 8Z"/>
</svg>
    </div>

    <input
        autocomplete="off"
        x-ref="searchText"
        x-model="inputValue"
        x-on:focus="active=true; focusedAt=Date.now(); updateBox();"
        x-on:input.debounce.50ms="active=true; cursorIndex=-1; doAutocompleteSearch(inputValue); $nextTick(() => updateBox());"
        type="text" class="block box-border pr-3 pl-11 w-full h-12 text-sm font-normal bg-white rounded-xl border outline-none lg:h-13 lg:text-base lg:rounded-2xl border-surface-stroke text-text-primary placeholder-text-secondary focus:ring-0 focus:border-text-primary" placeholder="Search title, keywords or company" aria-label="Search title, keywords or company" name="q"
    />

    <template x-teleport="body">
        <div
            x-cloak
            x-show="isVisible && active && hasVisibleContent"
            x-transition:enter="transition ease-out duration-200"
            x-transition:enter-start="opacity-0 transform scale-y-90"
            x-transition:enter-end="opacity-100 transform scale-y-100"
            x-transition:leave="transition ease-in duration-100"
            x-transition:leave-start="opacity-100 transform scale-y-100"
            x-transition:leave-end="opacity-0 transform scale-y-90"
        >
            <div
                class="fixed overflow-auto bg-white font-jakarta border border-text-primary rounded-lg px-4 py-3 z-[999]"
                x-bind:style="`top:${box.bottom + 8}px; left:${box.left}px; width:${box.width}px; max-height:calc(100vh - ${box.bottom}px - 16px)`"
            >
                <template x-if="inputValue.trim().length >= minChars">
                    <template
                        x-for="(result, index) in autocompleteResults"
                        :key="index"
                    >
                        <button
                            class="flex items-center px-4 py-3 w-full text-base text-left rounded-xl text-text-secondary hover:bg-surface-warm"
                            :class="{ 'bg-surface-warm': result.active }"
                            type="button"
                                                            x-on:click="inputValue = result.title; active = false"
                                                    >
                            <span x-html="highlightSuggestion(result.title, '')"></span>
                        </button>
                    </template>
                </template>
                <template x-if="!inputValue.trim().length && hasFocusData">
                    <div>
                        <template x-if="focusData.recent.length">
                            <div>
                                <p class="px-4 py-3 text-sm font-bold text-text-primary">Recent searches</p>
                                <template x-for="(item, index) in focusData.recent" :key="`recent-${index}`">
                                                                            <button type="button" x-text="item.text" @click="inputValue = item.text; active = false" class="flex items-center px-4 py-3 w-full text-base text-left rounded-xl text-text-secondary hover:bg-surface-warm"></button>
                                                                    </template>
                            </div>
                        </template>
                        <template x-if="focusData.suggested.length">
                            <div>
                                <p class="px-4 py-3 text-sm font-bold text-text-primary">Suggested</p>
                                <template x-for="(item, index) in focusData.suggested" :key="`suggested-${index}`">
                                                                            <button type="button" x-text="item.text" @click="inputValue = item.text; active = false" class="flex items-center px-4 py-3 w-full text-base text-left rounded-xl text-text-secondary hover:bg-surface-warm"></button>
                                                                    </template>
                            </div>
                        </template>
                    </div>
                </template>
            </div>
        </div>
    </template>

</div>


<script type="text/javascript">
    (function () {
        const container = document.currentScript.previousElementSibling;
        const input = container ? container.querySelector('[x-ref="searchText"]') : null;

        if (!input) {
            return;
        }

        let replayQueued = false;

        // Alpine binds x-on:focus asynchronously (see route/alpine/main.js), so the very
        // first focus on a fresh page load can hit an unenhanced input. This replays the
        // open-panel behaviour once Alpine finishes starting, then removes itself.
        input.addEventListener('focus', function replayOpenOnFirstFocus() {
            if (window.__alpine_is_ready__) {
                input.removeEventListener('focus', replayOpenOnFirstFocus, true);
                return;
            }

            if (replayQueued) {
                return;
            }
            replayQueued = true;

            window.onAlpineReady(() => {
                const data = Alpine.$data(container);
                data.active = true;
                data.focusedAt = Date.now();
                data.updateBox();
            });
        }, true);
    })();

    window.syncAlpineStore = function(component, storeName, keys) {
        if (!Alpine.store(storeName)) {
            const seed = {};
            keys.forEach((key) => { seed[key] = component[key]; });
            Alpine.store(storeName, seed);
        }

        const store = Alpine.store(storeName);

        keys.forEach((key) => {
            component.$watch(key, (value) => {
                if (store[key] !== value) {
                    store[key] = value;
                }
            });
        });

        Alpine.effect(() => {
            keys.forEach((key) => {
                component[key] = store[key];
            });
        });
    };

    window.autoComplete = function(syncStore = null, recentsUrl = null, suggestionsUrl = null, url = '', minChars = 3, fieldName = '', initialValue = '', closeOnScroll = true) {
        const FOCUS_SCROLL_GRACE_MS = 300;

        return {
            cursorIndex: -1,
            inputValue: initialValue || '',
            active: false,
            focusedAt: 0,
            minChars: minChars,
            url: url,
            fieldName: fieldName,
            autocompleteResults: [],
            autocompleteCache: {},
            autocompleteController: null,
            focusData: { recent: [], suggested: [] },
            recentsLoaded: false,
            suggestedLoaded: false,
            isVisible: true,
            box: {
                bottom: 0,
                top: 0,
                left: 0,
                width: 0,
                height: 0
            },

            init() {
                if (syncStore) {
                    syncAlpineStore(this, syncStore, ['inputValue', 'autocompleteResults', 'focusData', 'recentsLoaded', 'suggestedLoaded']);
                }

                this.updateBox();
                this.loadFocusData();
                this._updateBoxBound = this.updateBox.bind(this);

                window.addEventListener('resize', this._updateBoxBound, {
                    passive: true
                });

                window.addEventListener('scroll', () => {
                    this.updateBox();
                    // Ignore scroll right after focus so momentum scroll doesn't instantly close the panel.
                    if (closeOnScroll && this.active && !this.recentlyFocused()) {
                        this.active = false;
                        return;
                    }
                    // Close once the input scrolls under the sticky header (or out of view),
                    // otherwise the fixed panel would keep floating over the header.
                    if (this.active && this.inputOutOfView()) {
                        this.active = false;
                    }
                }, {
                    passive: true,
                    capture: true
                });

                if ('ResizeObserver' in window) {
                    this._ro = new ResizeObserver(() => this.updateBox());
                    this._ro.observe(this.$refs.searchText);
                }

                this.$watch('active', (v) => {
                    if (v) this.$nextTick(() => this.updateBox());
                });
            },

            inputOutOfView() {
                const r = this.$refs.searchText.getBoundingClientRect();
                const header = document.querySelector('header');
                const headerBottom = header ? header.getBoundingClientRect().bottom : 0;

                return r.bottom <= headerBottom + 1 || r.top >= window.innerHeight;
            },

            updateBox() {
                const r = this.$refs.searchText.getBoundingClientRect();
                // Using fixed positioning, so viewport coords are perfect
                this.box = {
                    left: Math.round(r.left),
                    top: Math.round(r.top),
                    bottom: Math.round(r.bottom),
                    width: Math.round(r.width),
                    height: Math.round(r.height),
                };
                // Guards against showing the teleported dropdown while the input itself is hidden.
                this.isVisible = this.$refs.searchText.offsetParent !== null;
            },

            get hasFocusData() {
                return this.focusData.recent.length > 0 || this.focusData.suggested.length > 0;
            },

            get hasVisibleContent() {
                return this.autocompleteResults.length > 0 || (!this.inputValue.trim().length && this.hasFocusData);
            },

            recentlyFocused() {
                return Date.now() - this.focusedAt < FOCUS_SCROLL_GRACE_MS;
            },

            loadFocusData() {
                if (syncStore) {
                    const store = Alpine.store(syncStore);
                    if (store.focusDataRequested) {
                        return;
                    }
                    store.focusDataRequested = true;
                }

                this.loadRecents();
                this.loadSuggested();
            },

            loadRecents() {
                if (!recentsUrl || this.recentsLoaded) {
                    return;
                }
                fetch(recentsUrl, {
                        headers: {
                            "X-Requested-With": "XMLHttpRequest"
                        },
                    })
                    .then((response) => response.json())
                    .then((data) => {
                        this.focusData = { ...this.focusData, recent: data };
                        this.recentsLoaded = true;
                    })
                    .catch(() => {});
            },

            loadSuggested() {
                if (!suggestionsUrl || this.suggestedLoaded) {
                    return;
                }
                fetch(suggestionsUrl, {
                        headers: {
                            "X-Requested-With": "XMLHttpRequest"
                        },
                    })
                    .then((response) => response.json())
                    .then((data) => {
                        this.focusData = { ...this.focusData, suggested: data };
                        this.suggestedLoaded = true;
                    })
                    .catch(() => {});
            },

            doAutocompleteSearch(query) {
                if (query.trim().length < this.minChars) {
                    this.autocompleteResults = [];
                    return;
                }

                const cacheKey = this.url + "?" + `${this.fieldName}=${encodeURIComponent(query)}`;

                const cached = this.autocompleteCache[cacheKey];
                if (cached) {
                    this.processAutocompleteResponse(cached);
                    return;
                }

                if (this.autocompleteController) {
                    this.autocompleteController.abort();
                }

                this.autocompleteController = new AbortController();

                fetch(cacheKey, {
                        signal: this.autocompleteController.signal,
                        headers: {
                            "Accept": "application/json",
                            "Content-Type": "application/json"
                        },
                    })
                    .then((response) => response.json())
                    .then((data) => {
                        this.autocompleteCache[cacheKey] = data;
                        this.processAutocompleteResponse(data);
                        this.$nextTick(() => this.updateBox());
                    })
                    .catch(() => {});
            },

            escapeHtml(value) {
                return String(value).replace(/[&<>"']/g, (character) => ({
                    '&': '&amp;',
                    '<': '&lt;',
                    '>': '&gt;',
                    '"': '&quot;',
                    "'": '&#039;',
                }[character]));
            },

            highlightSuggestion(title, strongClass) {
                const safeTitle = this.escapeHtml(title);
                const query = this.inputValue.trim();
                if (!query) return safeTitle;
                const pattern = this.escapeHtml(query).replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
                const open = strongClass ? `<strong class="${strongClass}">` : '<strong>';
                return safeTitle.replace(new RegExp(pattern, 'ig'), (match) => `${open}${match}</strong>`);
            },

            processAutocompleteResponse(response) {
                let results = [];
                if (response.suggestions) {
                    response.suggestions.forEach((suggestion) => results.push({
                        title: suggestion
                    }));
                }
                this.autocompleteResults = results;
            },

            moveUpList() {
                if (this.autocompleteResults.length > 0 && this.cursorIndex > 0) {
                    this.selectSuggestionAt(this.cursorIndex - 1);
                }
            },

            moveDownList() {
                if (this.autocompleteResults.length > 0 && this.cursorIndex < this.autocompleteResults.length - 1) {
                    this.selectSuggestionAt(this.cursorIndex + 1);
                }
            },

            selectSuggestionAt(index) {
                const oldActive = this.autocompleteResults.find((s) => s.active);
                if (oldActive) {
                    oldActive.active = false;
                }
                this.cursorIndex = index;
                this.autocompleteResults[this.cursorIndex].active = true;
                this.inputValue = this.autocompleteResults[this.cursorIndex].title;
            },
        };
    };
</script>
        </div>
        <div class="flex-1 min-w-0">
            <div
    class="relative w-full"
    x-data="autoComplete('heroLocation', 'https:\/\/www.jobberman.com\/ajax\/home-search\/location-recents', 'https:\/\/www.jobberman.com\/ajax\/home-search\/location-suggestions', 'https:\/\/www.jobberman.com\/ajax\/jobs\/autocomplete-location', 1, 'where', null, false)"
    @click.away="active=false; cursorIndex=-1"
    @keydown.escape="active=false; cursorIndex=-1"
    @keydown.arrow-down=" moveDownList()"
    @keydown.arrow-up="moveUpList()"
    >
    <div class="flex absolute inset-y-0 left-0 items-center pl-2 pl-3">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="fill-text-primary" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-location" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-location)">
<path id="explore_nearby" d="M12.0085 21.1C10.7567 21.1 9.57767 20.8632 8.4715 20.3895C7.36533 19.9158 6.39717 19.2641 5.567 18.4343C4.73683 17.6044 4.08475 16.637 3.61075 15.532C3.13692 14.4272 2.9 13.2466 2.9 11.9903C2.9 10.7339 3.13683 9.55683 3.6105 8.459C4.08417 7.36117 4.73592 6.39717 5.56575 5.567C6.39558 4.73683 7.363 4.08475 8.468 3.61075C9.57283 3.13692 10.7534 2.9 12.0098 2.9C13.2661 2.9 14.4432 3.13683 15.541 3.6105C16.6388 4.08417 17.6028 4.73592 18.433 5.56575C19.2632 6.39558 19.9153 7.361 20.3893 8.462C20.8631 9.56317 21.1 10.7397 21.1 11.9915C21.1 13.2433 20.8632 14.4223 20.3895 15.5285C19.9158 16.6347 19.2641 17.6028 18.4343 18.433C17.6044 19.2632 16.639 19.9153 15.538 20.3893C14.4368 20.8631 13.2603 21.1 12.0085 21.1ZM12 16.7268C12.6398 16.0834 13.2072 15.4208 13.702 14.739C14.1263 14.1565 14.517 13.5078 14.874 12.793C15.231 12.0782 15.4095 11.3734 15.4095 10.6788C15.4095 9.71608 15.0825 8.90783 14.4285 8.254C13.7745 7.60017 12.9649 7.27325 11.9998 7.27325C11.0346 7.27325 10.2251 7.60017 9.57125 8.254C8.91742 8.908 8.5905 9.71758 8.5905 10.6828C8.5905 11.3801 8.76858 12.0827 9.12475 12.7905C9.48092 13.4982 9.87267 14.1481 10.3 14.7402C10.7918 15.4206 11.3585 16.0828 12 16.7268ZM12.0005 12C11.6682 12 11.3654 11.8637 11.0923 11.591C10.8193 11.3183 10.6828 11.0158 10.6828 10.6833C10.6828 10.3509 10.8191 10.0482 11.0918 9.775C11.3644 9.502 11.667 9.3655 11.9995 9.3655C12.3318 9.3655 12.6346 9.50183 12.9078 9.7745C13.1808 10.0472 13.3173 10.3497 13.3173 10.6822C13.3173 11.0146 13.1809 11.3173 12.9083 11.5905C12.6356 11.8635 12.333 12 12.0005 12Z" fill="currentColor"/>
</g>
</g>
</svg>
    </div>

    <input
        autocomplete="off"
        x-ref="searchText"
        x-model="inputValue"
        x-on:focus="active=true; focusedAt=Date.now(); updateBox();"
        x-on:input.debounce.50ms="active=true; cursorIndex=-1; doAutocompleteSearch(inputValue); $nextTick(() => updateBox());"
        type="text" class="block box-border pr-3 pl-11 w-full h-12 text-sm font-normal bg-white rounded-xl border outline-none lg:h-13 lg:text-base lg:rounded-2xl border-surface-stroke text-text-primary placeholder-text-secondary focus:ring-0 focus:border-text-primary" placeholder="Location" aria-label="Location" name="where"
    />

    <template x-teleport="body">
        <div
            x-cloak
            x-show="isVisible && active && hasVisibleContent"
            x-transition:enter="transition ease-out duration-200"
            x-transition:enter-start="opacity-0 transform scale-y-90"
            x-transition:enter-end="opacity-100 transform scale-y-100"
            x-transition:leave="transition ease-in duration-100"
            x-transition:leave-start="opacity-100 transform scale-y-100"
            x-transition:leave-end="opacity-0 transform scale-y-90"
        >
            <div
                class="fixed overflow-auto bg-white font-jakarta border border-text-primary rounded-lg px-4 py-3 z-[999]"
                x-bind:style="`top:${box.bottom + 8}px; left:${box.left}px; width:${box.width}px; max-height:calc(100vh - ${box.bottom}px - 16px)`"
            >
                <template x-if="inputValue.trim().length >= minChars">
                    <template
                        x-for="(result, index) in autocompleteResults"
                        :key="index"
                    >
                        <button
                            class="flex items-center px-4 py-3 w-full text-base text-left rounded-xl text-text-secondary hover:bg-surface-warm"
                            :class="{ 'bg-surface-warm': result.active }"
                            type="button"
                                                            x-on:click="inputValue = result.title; active = false"
                                                    >
                            <span x-html="highlightSuggestion(result.title, '')"></span>
                        </button>
                    </template>
                </template>
                <template x-if="!inputValue.trim().length && hasFocusData">
                    <div>
                        <template x-if="focusData.recent.length">
                            <div>
                                <p class="px-4 py-3 text-sm font-bold text-text-primary">Recent searches</p>
                                <template x-for="(item, index) in focusData.recent" :key="`recent-${index}`">
                                                                            <button type="button" x-text="item.text" @click="inputValue = item.text; active = false" class="flex items-center px-4 py-3 w-full text-base text-left rounded-xl text-text-secondary hover:bg-surface-warm"></button>
                                                                    </template>
                            </div>
                        </template>
                        <template x-if="focusData.suggested.length">
                            <div>
                                <p class="px-4 py-3 text-sm font-bold text-text-primary">Suggested</p>
                                <template x-for="(item, index) in focusData.suggested" :key="`suggested-${index}`">
                                                                            <button type="button" x-text="item.text" @click="inputValue = item.text; active = false" class="flex items-center px-4 py-3 w-full text-base text-left rounded-xl text-text-secondary hover:bg-surface-warm"></button>
                                                                    </template>
                            </div>
                        </template>
                    </div>
                </template>
            </div>
        </div>
    </template>

</div>


<script type="text/javascript">
    (function () {
        const container = document.currentScript.previousElementSibling;
        const input = container ? container.querySelector('[x-ref="searchText"]') : null;

        if (!input) {
            return;
        }

        let replayQueued = false;

        // Alpine binds x-on:focus asynchronously (see route/alpine/main.js), so the very
        // first focus on a fresh page load can hit an unenhanced input. This replays the
        // open-panel behaviour once Alpine finishes starting, then removes itself.
        input.addEventListener('focus', function replayOpenOnFirstFocus() {
            if (window.__alpine_is_ready__) {
                input.removeEventListener('focus', replayOpenOnFirstFocus, true);
                return;
            }

            if (replayQueued) {
                return;
            }
            replayQueued = true;

            window.onAlpineReady(() => {
                const data = Alpine.$data(container);
                data.active = true;
                data.focusedAt = Date.now();
                data.updateBox();
            });
        }, true);
    })();

    window.syncAlpineStore = function(component, storeName, keys) {
        if (!Alpine.store(storeName)) {
            const seed = {};
            keys.forEach((key) => { seed[key] = component[key]; });
            Alpine.store(storeName, seed);
        }

        const store = Alpine.store(storeName);

        keys.forEach((key) => {
            component.$watch(key, (value) => {
                if (store[key] !== value) {
                    store[key] = value;
                }
            });
        });

        Alpine.effect(() => {
            keys.forEach((key) => {
                component[key] = store[key];
            });
        });
    };

    window.autoComplete = function(syncStore = null, recentsUrl = null, suggestionsUrl = null, url = '', minChars = 3, fieldName = '', initialValue = '', closeOnScroll = true) {
        const FOCUS_SCROLL_GRACE_MS = 300;

        return {
            cursorIndex: -1,
            inputValue: initialValue || '',
            active: false,
            focusedAt: 0,
            minChars: minChars,
            url: url,
            fieldName: fieldName,
            autocompleteResults: [],
            autocompleteCache: {},
            autocompleteController: null,
            focusData: { recent: [], suggested: [] },
            recentsLoaded: false,
            suggestedLoaded: false,
            isVisible: true,
            box: {
                bottom: 0,
                top: 0,
                left: 0,
                width: 0,
                height: 0
            },

            init() {
                if (syncStore) {
                    syncAlpineStore(this, syncStore, ['inputValue', 'autocompleteResults', 'focusData', 'recentsLoaded', 'suggestedLoaded']);
                }

                this.updateBox();
                this.loadFocusData();
                this._updateBoxBound = this.updateBox.bind(this);

                window.addEventListener('resize', this._updateBoxBound, {
                    passive: true
                });

                window.addEventListener('scroll', () => {
                    this.updateBox();
                    // Ignore scroll right after focus so momentum scroll doesn't instantly close the panel.
                    if (closeOnScroll && this.active && !this.recentlyFocused()) {
                        this.active = false;
                        return;
                    }
                    // Close once the input scrolls under the sticky header (or out of view),
                    // otherwise the fixed panel would keep floating over the header.
                    if (this.active && this.inputOutOfView()) {
                        this.active = false;
                    }
                }, {
                    passive: true,
                    capture: true
                });

                if ('ResizeObserver' in window) {
                    this._ro = new ResizeObserver(() => this.updateBox());
                    this._ro.observe(this.$refs.searchText);
                }

                this.$watch('active', (v) => {
                    if (v) this.$nextTick(() => this.updateBox());
                });
            },

            inputOutOfView() {
                const r = this.$refs.searchText.getBoundingClientRect();
                const header = document.querySelector('header');
                const headerBottom = header ? header.getBoundingClientRect().bottom : 0;

                return r.bottom <= headerBottom + 1 || r.top >= window.innerHeight;
            },

            updateBox() {
                const r = this.$refs.searchText.getBoundingClientRect();
                // Using fixed positioning, so viewport coords are perfect
                this.box = {
                    left: Math.round(r.left),
                    top: Math.round(r.top),
                    bottom: Math.round(r.bottom),
                    width: Math.round(r.width),
                    height: Math.round(r.height),
                };
                // Guards against showing the teleported dropdown while the input itself is hidden.
                this.isVisible = this.$refs.searchText.offsetParent !== null;
            },

            get hasFocusData() {
                return this.focusData.recent.length > 0 || this.focusData.suggested.length > 0;
            },

            get hasVisibleContent() {
                return this.autocompleteResults.length > 0 || (!this.inputValue.trim().length && this.hasFocusData);
            },

            recentlyFocused() {
                return Date.now() - this.focusedAt < FOCUS_SCROLL_GRACE_MS;
            },

            loadFocusData() {
                if (syncStore) {
                    const store = Alpine.store(syncStore);
                    if (store.focusDataRequested) {
                        return;
                    }
                    store.focusDataRequested = true;
                }

                this.loadRecents();
                this.loadSuggested();
            },

            loadRecents() {
                if (!recentsUrl || this.recentsLoaded) {
                    return;
                }
                fetch(recentsUrl, {
                        headers: {
                            "X-Requested-With": "XMLHttpRequest"
                        },
                    })
                    .then((response) => response.json())
                    .then((data) => {
                        this.focusData = { ...this.focusData, recent: data };
                        this.recentsLoaded = true;
                    })
                    .catch(() => {});
            },

            loadSuggested() {
                if (!suggestionsUrl || this.suggestedLoaded) {
                    return;
                }
                fetch(suggestionsUrl, {
                        headers: {
                            "X-Requested-With": "XMLHttpRequest"
                        },
                    })
                    .then((response) => response.json())
                    .then((data) => {
                        this.focusData = { ...this.focusData, suggested: data };
                        this.suggestedLoaded = true;
                    })
                    .catch(() => {});
            },

            doAutocompleteSearch(query) {
                if (query.trim().length < this.minChars) {
                    this.autocompleteResults = [];
                    return;
                }

                const cacheKey = this.url + "?" + `${this.fieldName}=${encodeURIComponent(query)}`;

                const cached = this.autocompleteCache[cacheKey];
                if (cached) {
                    this.processAutocompleteResponse(cached);
                    return;
                }

                if (this.autocompleteController) {
                    this.autocompleteController.abort();
                }

                this.autocompleteController = new AbortController();

                fetch(cacheKey, {
                        signal: this.autocompleteController.signal,
                        headers: {
                            "Accept": "application/json",
                            "Content-Type": "application/json"
                        },
                    })
                    .then((response) => response.json())
                    .then((data) => {
                        this.autocompleteCache[cacheKey] = data;
                        this.processAutocompleteResponse(data);
                        this.$nextTick(() => this.updateBox());
                    })
                    .catch(() => {});
            },

            escapeHtml(value) {
                return String(value).replace(/[&<>"']/g, (character) => ({
                    '&': '&amp;',
                    '<': '&lt;',
                    '>': '&gt;',
                    '"': '&quot;',
                    "'": '&#039;',
                }[character]));
            },

            highlightSuggestion(title, strongClass) {
                const safeTitle = this.escapeHtml(title);
                const query = this.inputValue.trim();
                if (!query) return safeTitle;
                const pattern = this.escapeHtml(query).replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
                const open = strongClass ? `<strong class="${strongClass}">` : '<strong>';
                return safeTitle.replace(new RegExp(pattern, 'ig'), (match) => `${open}${match}</strong>`);
            },

            processAutocompleteResponse(response) {
                let results = [];
                if (response.suggestions) {
                    response.suggestions.forEach((suggestion) => results.push({
                        title: suggestion
                    }));
                }
                this.autocompleteResults = results;
            },

            moveUpList() {
                if (this.autocompleteResults.length > 0 && this.cursorIndex > 0) {
                    this.selectSuggestionAt(this.cursorIndex - 1);
                }
            },

            moveDownList() {
                if (this.autocompleteResults.length > 0 && this.cursorIndex < this.autocompleteResults.length - 1) {
                    this.selectSuggestionAt(this.cursorIndex + 1);
                }
            },

            selectSuggestionAt(index) {
                const oldActive = this.autocompleteResults.find((s) => s.active);
                if (oldActive) {
                    oldActive.active = false;
                }
                this.cursorIndex = index;
                this.autocompleteResults[this.cursorIndex].active = true;
                this.inputValue = this.autocompleteResults[this.cursorIndex].title;
            },
        };
    };
</script>
        </div>
        <button
            type="submit"
            class="flex justify-center items-center px-6 h-12 text-sm text-white whitespace-nowrap rounded-xl lg:h-13 lg:text-base lg:rounded-2xl lg:min-w-52 cta-primary"
            data-cy="hero-search-button"
        >
            Search
        </button>
    </div>
</form>
            </div>
        </div>
    </div>

    
    <div x-show="stuck"
         x-cloak
         x-transition:enter="transition ease-out duration-200"
         x-transition:enter-start="opacity-0"
         x-transition:enter-end="opacity-100"
         x-transition:leave="transition ease-in duration-150"
         x-transition:leave-start="opacity-100"
         x-transition:leave-end="opacity-0"
         :style="`top:${headerHeight}px`"
         class="flex fixed inset-x-0 z-50 items-center px-4 py-3 bg-white lg:py-4"
    >
        <form
    method="GET" action="https://www.jobberman.com/jobs" accept-charset="UTF-8" class="w-full" id="6a89ebb71eb64"
>
    
    
    <div class="flex gap-3 items-center w-full lg:gap-4">
        <div class="flex-1 min-w-0">
            <div
    class="relative w-full"
    x-data="autoComplete('heroSearch', 'https:\/\/www.jobberman.com\/ajax\/home-search\/search-recents', 'https:\/\/www.jobberman.com\/ajax\/home-search\/search-suggestions', 'https:\/\/www.jobberman.com\/ajax\/jobs\/autocomplete', 1, 'q', null, false)"
    @click.away="active=false; cursorIndex=-1"
    @keydown.escape="active=false; cursorIndex=-1"
    @keydown.arrow-down=" moveDownList()"
    @keydown.arrow-up="moveUpList()"
    >
    <div class="flex absolute inset-y-0 left-0 items-center pl-2 pl-3">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="currentColor" class="fill-text-primary" role="presentation" aria-hidden="true">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4ZM2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8C14 9.29583 13.5892 10.4957 12.8907 11.4765L17.7071 16.2929C18.0976 16.6834 18.0976 17.3166 17.7071 17.7071C17.3166 18.0976 16.6834 18.0976 16.2929 17.7071L11.4765 12.8907C10.4957 13.5892 9.29583 14 8 14C4.68629 14 2 11.3137 2 8Z"/>
</svg>
    </div>

    <input
        autocomplete="off"
        x-ref="searchText"
        x-model="inputValue"
        x-on:focus="active=true; focusedAt=Date.now(); updateBox();"
        x-on:input.debounce.50ms="active=true; cursorIndex=-1; doAutocompleteSearch(inputValue); $nextTick(() => updateBox());"
        type="text" class="block box-border pr-3 pl-11 w-full h-12 text-sm font-normal bg-white rounded-xl border outline-none lg:h-13 lg:text-base lg:rounded-2xl border-surface-stroke text-text-primary placeholder-text-secondary focus:ring-0 focus:border-text-primary" placeholder="Search title, keywords or company" aria-label="Search title, keywords or company" name="q"
    />

    <template x-teleport="body">
        <div
            x-cloak
            x-show="isVisible && active && hasVisibleContent"
            x-transition:enter="transition ease-out duration-200"
            x-transition:enter-start="opacity-0 transform scale-y-90"
            x-transition:enter-end="opacity-100 transform scale-y-100"
            x-transition:leave="transition ease-in duration-100"
            x-transition:leave-start="opacity-100 transform scale-y-100"
            x-transition:leave-end="opacity-0 transform scale-y-90"
        >
            <div
                class="fixed overflow-auto bg-white font-jakarta border border-text-primary rounded-lg px-4 py-3 z-[999]"
                x-bind:style="`top:${box.bottom + 8}px; left:${box.left}px; width:${box.width}px; max-height:calc(100vh - ${box.bottom}px - 16px)`"
            >
                <template x-if="inputValue.trim().length >= minChars">
                    <template
                        x-for="(result, index) in autocompleteResults"
                        :key="index"
                    >
                        <button
                            class="flex items-center px-4 py-3 w-full text-base text-left rounded-xl text-text-secondary hover:bg-surface-warm"
                            :class="{ 'bg-surface-warm': result.active }"
                            type="button"
                                                            x-on:click="inputValue = result.title; active = false"
                                                    >
                            <span x-html="highlightSuggestion(result.title, '')"></span>
                        </button>
                    </template>
                </template>
                <template x-if="!inputValue.trim().length && hasFocusData">
                    <div>
                        <template x-if="focusData.recent.length">
                            <div>
                                <p class="px-4 py-3 text-sm font-bold text-text-primary">Recent searches</p>
                                <template x-for="(item, index) in focusData.recent" :key="`recent-${index}`">
                                                                            <button type="button" x-text="item.text" @click="inputValue = item.text; active = false" class="flex items-center px-4 py-3 w-full text-base text-left rounded-xl text-text-secondary hover:bg-surface-warm"></button>
                                                                    </template>
                            </div>
                        </template>
                        <template x-if="focusData.suggested.length">
                            <div>
                                <p class="px-4 py-3 text-sm font-bold text-text-primary">Suggested</p>
                                <template x-for="(item, index) in focusData.suggested" :key="`suggested-${index}`">
                                                                            <button type="button" x-text="item.text" @click="inputValue = item.text; active = false" class="flex items-center px-4 py-3 w-full text-base text-left rounded-xl text-text-secondary hover:bg-surface-warm"></button>
                                                                    </template>
                            </div>
                        </template>
                    </div>
                </template>
            </div>
        </div>
    </template>

</div>


<script type="text/javascript">
    (function () {
        const container = document.currentScript.previousElementSibling;
        const input = container ? container.querySelector('[x-ref="searchText"]') : null;

        if (!input) {
            return;
        }

        let replayQueued = false;

        // Alpine binds x-on:focus asynchronously (see route/alpine/main.js), so the very
        // first focus on a fresh page load can hit an unenhanced input. This replays the
        // open-panel behaviour once Alpine finishes starting, then removes itself.
        input.addEventListener('focus', function replayOpenOnFirstFocus() {
            if (window.__alpine_is_ready__) {
                input.removeEventListener('focus', replayOpenOnFirstFocus, true);
                return;
            }

            if (replayQueued) {
                return;
            }
            replayQueued = true;

            window.onAlpineReady(() => {
                const data = Alpine.$data(container);
                data.active = true;
                data.focusedAt = Date.now();
                data.updateBox();
            });
        }, true);
    })();

    window.syncAlpineStore = function(component, storeName, keys) {
        if (!Alpine.store(storeName)) {
            const seed = {};
            keys.forEach((key) => { seed[key] = component[key]; });
            Alpine.store(storeName, seed);
        }

        const store = Alpine.store(storeName);

        keys.forEach((key) => {
            component.$watch(key, (value) => {
                if (store[key] !== value) {
                    store[key] = value;
                }
            });
        });

        Alpine.effect(() => {
            keys.forEach((key) => {
                component[key] = store[key];
            });
        });
    };

    window.autoComplete = function(syncStore = null, recentsUrl = null, suggestionsUrl = null, url = '', minChars = 3, fieldName = '', initialValue = '', closeOnScroll = true) {
        const FOCUS_SCROLL_GRACE_MS = 300;

        return {
            cursorIndex: -1,
            inputValue: initialValue || '',
            active: false,
            focusedAt: 0,
            minChars: minChars,
            url: url,
            fieldName: fieldName,
            autocompleteResults: [],
            autocompleteCache: {},
            autocompleteController: null,
            focusData: { recent: [], suggested: [] },
            recentsLoaded: false,
            suggestedLoaded: false,
            isVisible: true,
            box: {
                bottom: 0,
                top: 0,
                left: 0,
                width: 0,
                height: 0
            },

            init() {
                if (syncStore) {
                    syncAlpineStore(this, syncStore, ['inputValue', 'autocompleteResults', 'focusData', 'recentsLoaded', 'suggestedLoaded']);
                }

                this.updateBox();
                this.loadFocusData();
                this._updateBoxBound = this.updateBox.bind(this);

                window.addEventListener('resize', this._updateBoxBound, {
                    passive: true
                });

                window.addEventListener('scroll', () => {
                    this.updateBox();
                    // Ignore scroll right after focus so momentum scroll doesn't instantly close the panel.
                    if (closeOnScroll && this.active && !this.recentlyFocused()) {
                        this.active = false;
                        return;
                    }
                    // Close once the input scrolls under the sticky header (or out of view),
                    // otherwise the fixed panel would keep floating over the header.
                    if (this.active && this.inputOutOfView()) {
                        this.active = false;
                    }
                }, {
                    passive: true,
                    capture: true
                });

                if ('ResizeObserver' in window) {
                    this._ro = new ResizeObserver(() => this.updateBox());
                    this._ro.observe(this.$refs.searchText);
                }

                this.$watch('active', (v) => {
                    if (v) this.$nextTick(() => this.updateBox());
                });
            },

            inputOutOfView() {
                const r = this.$refs.searchText.getBoundingClientRect();
                const header = document.querySelector('header');
                const headerBottom = header ? header.getBoundingClientRect().bottom : 0;

                return r.bottom <= headerBottom + 1 || r.top >= window.innerHeight;
            },

            updateBox() {
                const r = this.$refs.searchText.getBoundingClientRect();
                // Using fixed positioning, so viewport coords are perfect
                this.box = {
                    left: Math.round(r.left),
                    top: Math.round(r.top),
                    bottom: Math.round(r.bottom),
                    width: Math.round(r.width),
                    height: Math.round(r.height),
                };
                // Guards against showing the teleported dropdown while the input itself is hidden.
                this.isVisible = this.$refs.searchText.offsetParent !== null;
            },

            get hasFocusData() {
                return this.focusData.recent.length > 0 || this.focusData.suggested.length > 0;
            },

            get hasVisibleContent() {
                return this.autocompleteResults.length > 0 || (!this.inputValue.trim().length && this.hasFocusData);
            },

            recentlyFocused() {
                return Date.now() - this.focusedAt < FOCUS_SCROLL_GRACE_MS;
            },

            loadFocusData() {
                if (syncStore) {
                    const store = Alpine.store(syncStore);
                    if (store.focusDataRequested) {
                        return;
                    }
                    store.focusDataRequested = true;
                }

                this.loadRecents();
                this.loadSuggested();
            },

            loadRecents() {
                if (!recentsUrl || this.recentsLoaded) {
                    return;
                }
                fetch(recentsUrl, {
                        headers: {
                            "X-Requested-With": "XMLHttpRequest"
                        },
                    })
                    .then((response) => response.json())
                    .then((data) => {
                        this.focusData = { ...this.focusData, recent: data };
                        this.recentsLoaded = true;
                    })
                    .catch(() => {});
            },

            loadSuggested() {
                if (!suggestionsUrl || this.suggestedLoaded) {
                    return;
                }
                fetch(suggestionsUrl, {
                        headers: {
                            "X-Requested-With": "XMLHttpRequest"
                        },
                    })
                    .then((response) => response.json())
                    .then((data) => {
                        this.focusData = { ...this.focusData, suggested: data };
                        this.suggestedLoaded = true;
                    })
                    .catch(() => {});
            },

            doAutocompleteSearch(query) {
                if (query.trim().length < this.minChars) {
                    this.autocompleteResults = [];
                    return;
                }

                const cacheKey = this.url + "?" + `${this.fieldName}=${encodeURIComponent(query)}`;

                const cached = this.autocompleteCache[cacheKey];
                if (cached) {
                    this.processAutocompleteResponse(cached);
                    return;
                }

                if (this.autocompleteController) {
                    this.autocompleteController.abort();
                }

                this.autocompleteController = new AbortController();

                fetch(cacheKey, {
                        signal: this.autocompleteController.signal,
                        headers: {
                            "Accept": "application/json",
                            "Content-Type": "application/json"
                        },
                    })
                    .then((response) => response.json())
                    .then((data) => {
                        this.autocompleteCache[cacheKey] = data;
                        this.processAutocompleteResponse(data);
                        this.$nextTick(() => this.updateBox());
                    })
                    .catch(() => {});
            },

            escapeHtml(value) {
                return String(value).replace(/[&<>"']/g, (character) => ({
                    '&': '&amp;',
                    '<': '&lt;',
                    '>': '&gt;',
                    '"': '&quot;',
                    "'": '&#039;',
                }[character]));
            },

            highlightSuggestion(title, strongClass) {
                const safeTitle = this.escapeHtml(title);
                const query = this.inputValue.trim();
                if (!query) return safeTitle;
                const pattern = this.escapeHtml(query).replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
                const open = strongClass ? `<strong class="${strongClass}">` : '<strong>';
                return safeTitle.replace(new RegExp(pattern, 'ig'), (match) => `${open}${match}</strong>`);
            },

            processAutocompleteResponse(response) {
                let results = [];
                if (response.suggestions) {
                    response.suggestions.forEach((suggestion) => results.push({
                        title: suggestion
                    }));
                }
                this.autocompleteResults = results;
            },

            moveUpList() {
                if (this.autocompleteResults.length > 0 && this.cursorIndex > 0) {
                    this.selectSuggestionAt(this.cursorIndex - 1);
                }
            },

            moveDownList() {
                if (this.autocompleteResults.length > 0 && this.cursorIndex < this.autocompleteResults.length - 1) {
                    this.selectSuggestionAt(this.cursorIndex + 1);
                }
            },

            selectSuggestionAt(index) {
                const oldActive = this.autocompleteResults.find((s) => s.active);
                if (oldActive) {
                    oldActive.active = false;
                }
                this.cursorIndex = index;
                this.autocompleteResults[this.cursorIndex].active = true;
                this.inputValue = this.autocompleteResults[this.cursorIndex].title;
            },
        };
    };
</script>
        </div>
        <div class="hidden flex-1 min-w-0 lg:block">
            <div
    class="relative w-full"
    x-data="autoComplete('heroLocation', 'https:\/\/www.jobberman.com\/ajax\/home-search\/location-recents', 'https:\/\/www.jobberman.com\/ajax\/home-search\/location-suggestions', 'https:\/\/www.jobberman.com\/ajax\/jobs\/autocomplete-location', 1, 'where', null, false)"
    @click.away="active=false; cursorIndex=-1"
    @keydown.escape="active=false; cursorIndex=-1"
    @keydown.arrow-down=" moveDownList()"
    @keydown.arrow-up="moveUpList()"
    >
    <div class="flex absolute inset-y-0 left-0 items-center pl-2 pl-3">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="fill-text-primary" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-location" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-location)">
<path id="explore_nearby" d="M12.0085 21.1C10.7567 21.1 9.57767 20.8632 8.4715 20.3895C7.36533 19.9158 6.39717 19.2641 5.567 18.4343C4.73683 17.6044 4.08475 16.637 3.61075 15.532C3.13692 14.4272 2.9 13.2466 2.9 11.9903C2.9 10.7339 3.13683 9.55683 3.6105 8.459C4.08417 7.36117 4.73592 6.39717 5.56575 5.567C6.39558 4.73683 7.363 4.08475 8.468 3.61075C9.57283 3.13692 10.7534 2.9 12.0098 2.9C13.2661 2.9 14.4432 3.13683 15.541 3.6105C16.6388 4.08417 17.6028 4.73592 18.433 5.56575C19.2632 6.39558 19.9153 7.361 20.3893 8.462C20.8631 9.56317 21.1 10.7397 21.1 11.9915C21.1 13.2433 20.8632 14.4223 20.3895 15.5285C19.9158 16.6347 19.2641 17.6028 18.4343 18.433C17.6044 19.2632 16.639 19.9153 15.538 20.3893C14.4368 20.8631 13.2603 21.1 12.0085 21.1ZM12 16.7268C12.6398 16.0834 13.2072 15.4208 13.702 14.739C14.1263 14.1565 14.517 13.5078 14.874 12.793C15.231 12.0782 15.4095 11.3734 15.4095 10.6788C15.4095 9.71608 15.0825 8.90783 14.4285 8.254C13.7745 7.60017 12.9649 7.27325 11.9998 7.27325C11.0346 7.27325 10.2251 7.60017 9.57125 8.254C8.91742 8.908 8.5905 9.71758 8.5905 10.6828C8.5905 11.3801 8.76858 12.0827 9.12475 12.7905C9.48092 13.4982 9.87267 14.1481 10.3 14.7402C10.7918 15.4206 11.3585 16.0828 12 16.7268ZM12.0005 12C11.6682 12 11.3654 11.8637 11.0923 11.591C10.8193 11.3183 10.6828 11.0158 10.6828 10.6833C10.6828 10.3509 10.8191 10.0482 11.0918 9.775C11.3644 9.502 11.667 9.3655 11.9995 9.3655C12.3318 9.3655 12.6346 9.50183 12.9078 9.7745C13.1808 10.0472 13.3173 10.3497 13.3173 10.6822C13.3173 11.0146 13.1809 11.3173 12.9083 11.5905C12.6356 11.8635 12.333 12 12.0005 12Z" fill="currentColor"/>
</g>
</g>
</svg>
    </div>

    <input
        autocomplete="off"
        x-ref="searchText"
        x-model="inputValue"
        x-on:focus="active=true; focusedAt=Date.now(); updateBox();"
        x-on:input.debounce.50ms="active=true; cursorIndex=-1; doAutocompleteSearch(inputValue); $nextTick(() => updateBox());"
        type="text" class="block box-border pr-3 pl-11 w-full h-12 text-sm font-normal bg-white rounded-xl border outline-none lg:h-13 lg:text-base lg:rounded-2xl border-surface-stroke text-text-primary placeholder-text-secondary focus:ring-0 focus:border-text-primary" placeholder="Location" aria-label="Location" name="where"
    />

    <template x-teleport="body">
        <div
            x-cloak
            x-show="isVisible && active && hasVisibleContent"
            x-transition:enter="transition ease-out duration-200"
            x-transition:enter-start="opacity-0 transform scale-y-90"
            x-transition:enter-end="opacity-100 transform scale-y-100"
            x-transition:leave="transition ease-in duration-100"
            x-transition:leave-start="opacity-100 transform scale-y-100"
            x-transition:leave-end="opacity-0 transform scale-y-90"
        >
            <div
                class="fixed overflow-auto bg-white font-jakarta border border-text-primary rounded-lg px-4 py-3 z-[999]"
                x-bind:style="`top:${box.bottom + 8}px; left:${box.left}px; width:${box.width}px; max-height:calc(100vh - ${box.bottom}px - 16px)`"
            >
                <template x-if="inputValue.trim().length >= minChars">
                    <template
                        x-for="(result, index) in autocompleteResults"
                        :key="index"
                    >
                        <button
                            class="flex items-center px-4 py-3 w-full text-base text-left rounded-xl text-text-secondary hover:bg-surface-warm"
                            :class="{ 'bg-surface-warm': result.active }"
                            type="button"
                                                            x-on:click="inputValue = result.title; active = false"
                                                    >
                            <span x-html="highlightSuggestion(result.title, '')"></span>
                        </button>
                    </template>
                </template>
                <template x-if="!inputValue.trim().length && hasFocusData">
                    <div>
                        <template x-if="focusData.recent.length">
                            <div>
                                <p class="px-4 py-3 text-sm font-bold text-text-primary">Recent searches</p>
                                <template x-for="(item, index) in focusData.recent" :key="`recent-${index}`">
                                                                            <button type="button" x-text="item.text" @click="inputValue = item.text; active = false" class="flex items-center px-4 py-3 w-full text-base text-left rounded-xl text-text-secondary hover:bg-surface-warm"></button>
                                                                    </template>
                            </div>
                        </template>
                        <template x-if="focusData.suggested.length">
                            <div>
                                <p class="px-4 py-3 text-sm font-bold text-text-primary">Suggested</p>
                                <template x-for="(item, index) in focusData.suggested" :key="`suggested-${index}`">
                                                                            <button type="button" x-text="item.text" @click="inputValue = item.text; active = false" class="flex items-center px-4 py-3 w-full text-base text-left rounded-xl text-text-secondary hover:bg-surface-warm"></button>
                                                                    </template>
                            </div>
                        </template>
                    </div>
                </template>
            </div>
        </div>
    </template>

</div>


<script type="text/javascript">
    (function () {
        const container = document.currentScript.previousElementSibling;
        const input = container ? container.querySelector('[x-ref="searchText"]') : null;

        if (!input) {
            return;
        }

        let replayQueued = false;

        // Alpine binds x-on:focus asynchronously (see route/alpine/main.js), so the very
        // first focus on a fresh page load can hit an unenhanced input. This replays the
        // open-panel behaviour once Alpine finishes starting, then removes itself.
        input.addEventListener('focus', function replayOpenOnFirstFocus() {
            if (window.__alpine_is_ready__) {
                input.removeEventListener('focus', replayOpenOnFirstFocus, true);
                return;
            }

            if (replayQueued) {
                return;
            }
            replayQueued = true;

            window.onAlpineReady(() => {
                const data = Alpine.$data(container);
                data.active = true;
                data.focusedAt = Date.now();
                data.updateBox();
            });
        }, true);
    })();

    window.syncAlpineStore = function(component, storeName, keys) {
        if (!Alpine.store(storeName)) {
            const seed = {};
            keys.forEach((key) => { seed[key] = component[key]; });
            Alpine.store(storeName, seed);
        }

        const store = Alpine.store(storeName);

        keys.forEach((key) => {
            component.$watch(key, (value) => {
                if (store[key] !== value) {
                    store[key] = value;
                }
            });
        });

        Alpine.effect(() => {
            keys.forEach((key) => {
                component[key] = store[key];
            });
        });
    };

    window.autoComplete = function(syncStore = null, recentsUrl = null, suggestionsUrl = null, url = '', minChars = 3, fieldName = '', initialValue = '', closeOnScroll = true) {
        const FOCUS_SCROLL_GRACE_MS = 300;

        return {
            cursorIndex: -1,
            inputValue: initialValue || '',
            active: false,
            focusedAt: 0,
            minChars: minChars,
            url: url,
            fieldName: fieldName,
            autocompleteResults: [],
            autocompleteCache: {},
            autocompleteController: null,
            focusData: { recent: [], suggested: [] },
            recentsLoaded: false,
            suggestedLoaded: false,
            isVisible: true,
            box: {
                bottom: 0,
                top: 0,
                left: 0,
                width: 0,
                height: 0
            },

            init() {
                if (syncStore) {
                    syncAlpineStore(this, syncStore, ['inputValue', 'autocompleteResults', 'focusData', 'recentsLoaded', 'suggestedLoaded']);
                }

                this.updateBox();
                this.loadFocusData();
                this._updateBoxBound = this.updateBox.bind(this);

                window.addEventListener('resize', this._updateBoxBound, {
                    passive: true
                });

                window.addEventListener('scroll', () => {
                    this.updateBox();
                    // Ignore scroll right after focus so momentum scroll doesn't instantly close the panel.
                    if (closeOnScroll && this.active && !this.recentlyFocused()) {
                        this.active = false;
                        return;
                    }
                    // Close once the input scrolls under the sticky header (or out of view),
                    // otherwise the fixed panel would keep floating over the header.
                    if (this.active && this.inputOutOfView()) {
                        this.active = false;
                    }
                }, {
                    passive: true,
                    capture: true
                });

                if ('ResizeObserver' in window) {
                    this._ro = new ResizeObserver(() => this.updateBox());
                    this._ro.observe(this.$refs.searchText);
                }

                this.$watch('active', (v) => {
                    if (v) this.$nextTick(() => this.updateBox());
                });
            },

            inputOutOfView() {
                const r = this.$refs.searchText.getBoundingClientRect();
                const header = document.querySelector('header');
                const headerBottom = header ? header.getBoundingClientRect().bottom : 0;

                return r.bottom <= headerBottom + 1 || r.top >= window.innerHeight;
            },

            updateBox() {
                const r = this.$refs.searchText.getBoundingClientRect();
                // Using fixed positioning, so viewport coords are perfect
                this.box = {
                    left: Math.round(r.left),
                    top: Math.round(r.top),
                    bottom: Math.round(r.bottom),
                    width: Math.round(r.width),
                    height: Math.round(r.height),
                };
                // Guards against showing the teleported dropdown while the input itself is hidden.
                this.isVisible = this.$refs.searchText.offsetParent !== null;
            },

            get hasFocusData() {
                return this.focusData.recent.length > 0 || this.focusData.suggested.length > 0;
            },

            get hasVisibleContent() {
                return this.autocompleteResults.length > 0 || (!this.inputValue.trim().length && this.hasFocusData);
            },

            recentlyFocused() {
                return Date.now() - this.focusedAt < FOCUS_SCROLL_GRACE_MS;
            },

            loadFocusData() {
                if (syncStore) {
                    const store = Alpine.store(syncStore);
                    if (store.focusDataRequested) {
                        return;
                    }
                    store.focusDataRequested = true;
                }

                this.loadRecents();
                this.loadSuggested();
            },

            loadRecents() {
                if (!recentsUrl || this.recentsLoaded) {
                    return;
                }
                fetch(recentsUrl, {
                        headers: {
                            "X-Requested-With": "XMLHttpRequest"
                        },
                    })
                    .then((response) => response.json())
                    .then((data) => {
                        this.focusData = { ...this.focusData, recent: data };
                        this.recentsLoaded = true;
                    })
                    .catch(() => {});
            },

            loadSuggested() {
                if (!suggestionsUrl || this.suggestedLoaded) {
                    return;
                }
                fetch(suggestionsUrl, {
                        headers: {
                            "X-Requested-With": "XMLHttpRequest"
                        },
                    })
                    .then((response) => response.json())
                    .then((data) => {
                        this.focusData = { ...this.focusData, suggested: data };
                        this.suggestedLoaded = true;
                    })
                    .catch(() => {});
            },

            doAutocompleteSearch(query) {
                if (query.trim().length < this.minChars) {
                    this.autocompleteResults = [];
                    return;
                }

                const cacheKey = this.url + "?" + `${this.fieldName}=${encodeURIComponent(query)}`;

                const cached = this.autocompleteCache[cacheKey];
                if (cached) {
                    this.processAutocompleteResponse(cached);
                    return;
                }

                if (this.autocompleteController) {
                    this.autocompleteController.abort();
                }

                this.autocompleteController = new AbortController();

                fetch(cacheKey, {
                        signal: this.autocompleteController.signal,
                        headers: {
                            "Accept": "application/json",
                            "Content-Type": "application/json"
                        },
                    })
                    .then((response) => response.json())
                    .then((data) => {
                        this.autocompleteCache[cacheKey] = data;
                        this.processAutocompleteResponse(data);
                        this.$nextTick(() => this.updateBox());
                    })
                    .catch(() => {});
            },

            escapeHtml(value) {
                return String(value).replace(/[&<>"']/g, (character) => ({
                    '&': '&amp;',
                    '<': '&lt;',
                    '>': '&gt;',
                    '"': '&quot;',
                    "'": '&#039;',
                }[character]));
            },

            highlightSuggestion(title, strongClass) {
                const safeTitle = this.escapeHtml(title);
                const query = this.inputValue.trim();
                if (!query) return safeTitle;
                const pattern = this.escapeHtml(query).replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
                const open = strongClass ? `<strong class="${strongClass}">` : '<strong>';
                return safeTitle.replace(new RegExp(pattern, 'ig'), (match) => `${open}${match}</strong>`);
            },

            processAutocompleteResponse(response) {
                let results = [];
                if (response.suggestions) {
                    response.suggestions.forEach((suggestion) => results.push({
                        title: suggestion
                    }));
                }
                this.autocompleteResults = results;
            },

            moveUpList() {
                if (this.autocompleteResults.length > 0 && this.cursorIndex > 0) {
                    this.selectSuggestionAt(this.cursorIndex - 1);
                }
            },

            moveDownList() {
                if (this.autocompleteResults.length > 0 && this.cursorIndex < this.autocompleteResults.length - 1) {
                    this.selectSuggestionAt(this.cursorIndex + 1);
                }
            },

            selectSuggestionAt(index) {
                const oldActive = this.autocompleteResults.find((s) => s.active);
                if (oldActive) {
                    oldActive.active = false;
                }
                this.cursorIndex = index;
                this.autocompleteResults[this.cursorIndex].active = true;
                this.inputValue = this.autocompleteResults[this.cursorIndex].title;
            },
        };
    };
</script>
        </div>
        <button
            type="submit"
            class="flex justify-center items-center px-6 h-12 text-sm text-white whitespace-nowrap rounded-xl lg:h-13 lg:text-base lg:rounded-2xl lg:min-w-52 cta-primary"
            data-cy="hero-search-button-sticky"
        >
            Search
        </button>
    </div>
</form>
    </div>
</section>

<script type="text/javascript">
    window.heroSearchSticky = function () {
        return {
            stuck: false,
            headerHeight: 0,

            init() {
                const header = document.querySelector('header');
                const setHeight = () => {
                    this.headerHeight = header ? header.offsetHeight : 0;
                };
                setHeight();
                window.addEventListener('resize', setHeight, { passive: true });

                const observer = new IntersectionObserver(
                    ([entry]) => {
                        this.stuck = !entry.isIntersecting;
                        this.$nextTick(() => window.dispatchEvent(new Event('resize')));
                    },
                    { rootMargin: `-${this.headerHeight}px 0px 0px 0px` },
                );
                observer.observe(this.$refs.heroSearchCard);
            },
        };
    };
</script>
<section class="flex flex-col gap-4 px-4 py-8 mx-auto w-full lg:gap-8 lg:px-16 lg:py-16 font-jakarta max-w-[1920px]" id="top-job-functions">
    <div class="reveal flex flex-col gap-2 lg:gap-4">
        <h2 class="font-extrabold leading-10 text-display-sm lg:text-display-lg lg:leading-tight text-text-primary">
            Explore opportunities that match your experience
        </h2>
        <p class="text-sm lg:text-base text-text-secondary">
            Choose your level and discover jobs tailored to your experience and career goals.
        </p>
    </div>

    <ul class="reveal reveal-delay-1 -mx-4 px-4 scroll-p-4 lg:-mx-16 lg:px-16 lg:scroll-p-16 flex overflow-x-auto gap-4 snap-x snap-mandatory lg:gap-6 hide-scroll-bar">
                    <li class="overflow-hidden relative w-3/5 group shrink-0 sm:w-64 lg:w-auto lg:flex-1 h-[430px] rounded-base snap-start bg-badge-for-you">
                <a href="https://www.jobberman.com/jobs?experience=no-experience"
                   rel="nofollow"
                   class="flex absolute inset-0 flex-col focus:outline-none focus:ring-2 focus:ring-btn-primary rounded-base"
                >
                    <div class="absolute top-0 left-0 w-full h-full opacity-0 transition-opacity duration-150 ease-out bg-surface-secondary group-hover:opacity-100"></div>
                                            <div class="absolute top-0 left-0 w-full h-full transition-transform duration-150 ease-out origin-bottom group-hover:scale-105">
                            <img
                                src="/static-assets/img/home-experience/no-experience.webp?v=1787404117"
                                alt=""
                                aria-hidden="true"
                                loading="lazy"
                                decoding="async"
                                class="object-cover object-top absolute top-0 left-0 w-full h-full grayscale"
                            >
                            <img
                                src="/static-assets/img/home-experience/no-experience.webp?v=1787404117"
                                alt="No Experience"
                                loading="lazy"
                                decoding="async"
                                class="object-cover object-top absolute top-0 left-0 w-full h-full transition-opacity duration-150 ease-out group-hover:opacity-0"
                            >
                        </div>
                                        <div class="flex absolute inset-x-0 bottom-0 top-16 flex-col justify-end p-6 bg-gradient-to-b from-black/0 to-black">
                        <div class="flex flex-col gap-2">
                            <h3 class="text-xl font-bold leading-6 text-white">No Experience</h3>
                            <p class="text-sm text-white lg:text-base">
                                Jobs available:
                                <span class="font-bold">98</span>
                            </p>
                            <span class="flex gap-1 items-center text-sm text-white lg:text-base">
                                View jobs
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </span>
                        </div>
                    </div>
                </a>
            </li>
                    <li class="overflow-hidden relative w-3/5 group shrink-0 sm:w-64 lg:w-auto lg:flex-1 h-[430px] rounded-base snap-start bg-badge-for-you">
                <a href="https://www.jobberman.com/jobs?experience=graduate-trainee"
                   rel="nofollow"
                   class="flex absolute inset-0 flex-col focus:outline-none focus:ring-2 focus:ring-btn-primary rounded-base"
                >
                    <div class="absolute top-0 left-0 w-full h-full opacity-0 transition-opacity duration-150 ease-out bg-surface-secondary group-hover:opacity-100"></div>
                                            <div class="absolute top-0 left-0 w-full h-full transition-transform duration-150 ease-out origin-bottom group-hover:scale-105">
                            <img
                                src="/static-assets/img/home-experience/internship-graduate.webp?v=1787404117"
                                alt=""
                                aria-hidden="true"
                                loading="lazy"
                                decoding="async"
                                class="object-cover object-top absolute top-0 left-0 w-full h-full grayscale"
                            >
                            <img
                                src="/static-assets/img/home-experience/internship-graduate.webp?v=1787404117"
                                alt="Internship &amp; Graduate"
                                loading="lazy"
                                decoding="async"
                                class="object-cover object-top absolute top-0 left-0 w-full h-full transition-opacity duration-150 ease-out group-hover:opacity-0"
                            >
                        </div>
                                        <div class="flex absolute inset-x-0 bottom-0 top-16 flex-col justify-end p-6 bg-gradient-to-b from-black/0 to-black">
                        <div class="flex flex-col gap-2">
                            <h3 class="text-xl font-bold leading-6 text-white">Internship &amp; Graduate</h3>
                            <p class="text-sm text-white lg:text-base">
                                Jobs available:
                                <span class="font-bold">119</span>
                            </p>
                            <span class="flex gap-1 items-center text-sm text-white lg:text-base">
                                View jobs
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </span>
                        </div>
                    </div>
                </a>
            </li>
                    <li class="overflow-hidden relative w-3/5 group shrink-0 sm:w-64 lg:w-auto lg:flex-1 h-[430px] rounded-base snap-start bg-badge-for-you">
                <a href="https://www.jobberman.com/jobs?experience=entry-level"
                   rel="nofollow"
                   class="flex absolute inset-0 flex-col focus:outline-none focus:ring-2 focus:ring-btn-primary rounded-base"
                >
                    <div class="absolute top-0 left-0 w-full h-full opacity-0 transition-opacity duration-150 ease-out bg-surface-secondary group-hover:opacity-100"></div>
                                            <div class="absolute top-0 left-0 w-full h-full transition-transform duration-150 ease-out origin-bottom group-hover:scale-105">
                            <img
                                src="/static-assets/img/home-experience/entry-level.webp?v=1787404117"
                                alt=""
                                aria-hidden="true"
                                loading="lazy"
                                decoding="async"
                                class="object-cover object-top absolute top-0 left-0 w-full h-full grayscale"
                            >
                            <img
                                src="/static-assets/img/home-experience/entry-level.webp?v=1787404117"
                                alt="Entry level"
                                loading="lazy"
                                decoding="async"
                                class="object-cover object-top absolute top-0 left-0 w-full h-full transition-opacity duration-150 ease-out group-hover:opacity-0"
                            >
                        </div>
                                        <div class="flex absolute inset-x-0 bottom-0 top-16 flex-col justify-end p-6 bg-gradient-to-b from-black/0 to-black">
                        <div class="flex flex-col gap-2">
                            <h3 class="text-xl font-bold leading-6 text-white">Entry level</h3>
                            <p class="text-sm text-white lg:text-base">
                                Jobs available:
                                <span class="font-bold">2318</span>
                            </p>
                            <span class="flex gap-1 items-center text-sm text-white lg:text-base">
                                View jobs
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </span>
                        </div>
                    </div>
                </a>
            </li>
                    <li class="overflow-hidden relative w-3/5 group shrink-0 sm:w-64 lg:w-auto lg:flex-1 h-[430px] rounded-base snap-start bg-badge-for-you">
                <a href="https://www.jobberman.com/jobs?experience=mid-level"
                   rel="nofollow"
                   class="flex absolute inset-0 flex-col focus:outline-none focus:ring-2 focus:ring-btn-primary rounded-base"
                >
                    <div class="absolute top-0 left-0 w-full h-full opacity-0 transition-opacity duration-150 ease-out bg-surface-secondary group-hover:opacity-100"></div>
                                            <div class="absolute top-0 left-0 w-full h-full transition-transform duration-150 ease-out origin-bottom group-hover:scale-105">
                            <img
                                src="/static-assets/img/home-experience/mid-level.webp?v=1787404117"
                                alt=""
                                aria-hidden="true"
                                loading="lazy"
                                decoding="async"
                                class="object-cover object-top absolute top-0 left-0 w-full h-full grayscale"
                            >
                            <img
                                src="/static-assets/img/home-experience/mid-level.webp?v=1787404117"
                                alt="Mid level"
                                loading="lazy"
                                decoding="async"
                                class="object-cover object-top absolute top-0 left-0 w-full h-full transition-opacity duration-150 ease-out group-hover:opacity-0"
                            >
                        </div>
                                        <div class="flex absolute inset-x-0 bottom-0 top-16 flex-col justify-end p-6 bg-gradient-to-b from-black/0 to-black">
                        <div class="flex flex-col gap-2">
                            <h3 class="text-xl font-bold leading-6 text-white">Mid level</h3>
                            <p class="text-sm text-white lg:text-base">
                                Jobs available:
                                <span class="font-bold">1134</span>
                            </p>
                            <span class="flex gap-1 items-center text-sm text-white lg:text-base">
                                View jobs
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </span>
                        </div>
                    </div>
                </a>
            </li>
                    <li class="overflow-hidden relative w-3/5 group shrink-0 sm:w-64 lg:w-auto lg:flex-1 h-[430px] rounded-base snap-start bg-badge-for-you">
                <a href="https://www.jobberman.com/jobs?experience=senior-level"
                   rel="nofollow"
                   class="flex absolute inset-0 flex-col focus:outline-none focus:ring-2 focus:ring-btn-primary rounded-base"
                >
                    <div class="absolute top-0 left-0 w-full h-full opacity-0 transition-opacity duration-150 ease-out bg-surface-secondary group-hover:opacity-100"></div>
                                            <div class="absolute top-0 left-0 w-full h-full transition-transform duration-150 ease-out origin-bottom group-hover:scale-105">
                            <img
                                src="/static-assets/img/home-experience/senior-level.webp?v=1787404117"
                                alt=""
                                aria-hidden="true"
                                loading="lazy"
                                decoding="async"
                                class="object-cover object-top absolute top-0 left-0 w-full h-full grayscale"
                            >
                            <img
                                src="/static-assets/img/home-experience/senior-level.webp?v=1787404117"
                                alt="Senior level"
                                loading="lazy"
                                decoding="async"
                                class="object-cover object-top absolute top-0 left-0 w-full h-full transition-opacity duration-150 ease-out group-hover:opacity-0"
                            >
                        </div>
                                        <div class="flex absolute inset-x-0 bottom-0 top-16 flex-col justify-end p-6 bg-gradient-to-b from-black/0 to-black">
                        <div class="flex flex-col gap-2">
                            <h3 class="text-xl font-bold leading-6 text-white">Senior level</h3>
                            <p class="text-sm text-white lg:text-base">
                                Jobs available:
                                <span class="font-bold">426</span>
                            </p>
                            <span class="flex gap-1 items-center text-sm text-white lg:text-base">
                                View jobs
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </span>
                        </div>
                    </div>
                </a>
            </li>
                    <li class="overflow-hidden relative w-3/5 group shrink-0 sm:w-64 lg:w-auto lg:flex-1 h-[430px] rounded-base snap-start bg-badge-for-you">
                <a href="https://www.jobberman.com/jobs?experience=executive-level"
                   rel="nofollow"
                   class="flex absolute inset-0 flex-col focus:outline-none focus:ring-2 focus:ring-btn-primary rounded-base"
                >
                    <div class="absolute top-0 left-0 w-full h-full opacity-0 transition-opacity duration-150 ease-out bg-surface-secondary group-hover:opacity-100"></div>
                                            <div class="absolute top-0 left-0 w-full h-full transition-transform duration-150 ease-out origin-bottom group-hover:scale-105">
                            <img
                                src="/static-assets/img/home-experience/executive-level.webp?v=1787404117"
                                alt=""
                                aria-hidden="true"
                                loading="lazy"
                                decoding="async"
                                class="object-cover object-top absolute top-0 left-0 w-full h-full grayscale"
                            >
                            <img
                                src="/static-assets/img/home-experience/executive-level.webp?v=1787404117"
                                alt="Executive level"
                                loading="lazy"
                                decoding="async"
                                class="object-cover object-top absolute top-0 left-0 w-full h-full transition-opacity duration-150 ease-out group-hover:opacity-0"
                            >
                        </div>
                                        <div class="flex absolute inset-x-0 bottom-0 top-16 flex-col justify-end p-6 bg-gradient-to-b from-black/0 to-black">
                        <div class="flex flex-col gap-2">
                            <h3 class="text-xl font-bold leading-6 text-white">Executive level</h3>
                            <p class="text-sm text-white lg:text-base">
                                Jobs available:
                                <span class="font-bold">30</span>
                            </p>
                            <span class="flex gap-1 items-center text-sm text-white lg:text-base">
                                View jobs
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </span>
                        </div>
                    </div>
                </a>
            </li>
            </ul>

    <div class="reveal reveal-delay-2 flex justify-end">
        <a href="https://www.jobberman.com/jobs"
           class="flex gap-2 items-center text-sm lg:text-base text-btn-tertiary hover:text-btn-tertiary-hover">
            Explore All Jobs
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>        </a>
    </div>
</section>

<section class="container flex flex-col">
    <div class="banner-ad-fixed">
        <div
        x-data="bannerAd()"
        x-init="trackImpression()"
        @click="trackClick()"
        class="banner-ad banner-ad--desktop hidden lg:block"
        id="home-desktop-1"
        data-width="728"
        data-height="90"
        data-device-type="desktop"
        data-bn-click
        data-bn-impression
    >
        <a href="https://www.jobberman.com/learning/courses/436?utm_source=dfp&amp;utm_medium=banner&amp;utm_campaign=be+a+bosslady&amp;utm_id=bosslady" rel="noopener noreferrer" target="_blank">
            <img
                class="mt-2 mb-4 mx-auto"
                src="https://i.roamcdn.net/sdc-bn/default/58317cd236f36059667cd6d7adf4ef45/5ce06287bc7ede5e92ae8c9702c2e554/-/cde-bn-production/client-12/5KqoztiOj5CdYqXuJOzSe9VCnykgCWBuo07BnuPq.jpg"
                alt="CDE Ad for slot home-desktop-1"
                loading="lazy"
                width="728"
                height="90"
            >
        </a>
    </div>

<script>
    function bannerAd() {
        return {
            slot: 'home-desktop-1',
            deviceType: 'desktop',
            
            trackImpression() {
                const observer = new IntersectionObserver((entries) => {
                    entries.forEach(entry => {
                        if (entry.isIntersecting) {
                            this.sendToGA('view_promotion', 'impression');
                            observer.disconnect();
                        }
                    });
                }, { threshold: 0.5 });
                
                observer.observe(this.$root);
            },
            
            trackClick() {
                this.sendToGA('select_promotion', 'click');
            },
            sendToGA(event, action) {
                window.ga_push_event(event, {
                    'action': action,
                    'category': this.deviceType,
                    'creative_name': this.slot,
                    'creative_slot': 'banner',
                    'promotion_id': this.slot,
                });
            }
        };
    }
</script>
        <div
        x-data="bannerAd()"
        x-init="trackImpression()"
        @click="trackClick()"
        class="banner-ad banner-ad--mobile lg:hidden"
        id="home-mobile-1"
        data-width="320"
        data-height="50"
        data-device-type="mobile"
        data-bn-click
        data-bn-impression
    >
        <a href="https://www.jobberman.com/learning/courses?platform=&amp;language=&amp;q=entrepreneurship&amp;sort=&amp;utm_source=meta&amp;utm_medium=cpc&amp;utm_campaign=she+is+more&amp;utm_id=she+is+more" rel="noopener noreferrer" target="_blank">
            <img
                class="mt-2 mb-4 mx-auto"
                src="https://i.roamcdn.net/sdc-bn/default/e3858a108f45d640f7048ebadff3bbd4/26ac02b4008bf97f7fbfd593b2e5ecac/-/cde-bn-production/client-12/yrjZ8kzu1A0SIcvh7DrMeDRmI3LuCPEhzvyX4TxS.jpg"
                alt="CDE Ad for slot home-mobile-1"
                loading="lazy"
                width="320"
                height="50"
            >
        </a>
    </div>

    </div>
</section>
<section
        x-data="hiringCompaniesCarousel()"
        class="flex flex-col gap-4 px-4 py-8 mx-auto w-full lg:gap-8 lg:px-16 lg:py-16 font-jakarta max-w-[1920px]"
        id="hiring-companies"
    >
        <div class="reveal flex gap-4 justify-between items-center">
            <h2 class="font-extrabold leading-10 text-display-sm lg:text-display-lg lg:leading-tight text-text-primary">
                Who's hiring right now?
            </h2>
            <div x-show="hasOverflow" x-cloak class="hidden gap-4 items-center lg:flex shrink-0">
                <button
                    type="button"
                    @click="scrollPrev"
                    :disabled="atStart"
                    aria-label="Previous companies"
                    class="flex justify-center items-center p-3 rounded-full transition-colors duration-150 ease-out"
                    :class="atStart ? 'bg-surface-beige text-text-primary cursor-default' : 'cta-carousel'"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="chevron_backward" d="M14.1913 18.3825L8.0001 12.1913L14.1913 6.00001L15.7826 7.59126L11.1826 12.1913L15.7826 16.7913L14.1913 18.3825Z" fill="currentColor"/>
</g>
</svg>                </button>
                <button
                    type="button"
                    @click="scrollNext"
                    :disabled="atEnd"
                    aria-label="Next companies"
                    class="flex justify-center items-center p-3 rounded-full transition-colors duration-150 ease-out"
                    :class="atEnd ? 'bg-surface-beige text-text-primary cursor-default' : 'cta-carousel'"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="chevron_forward" d="M12.6 12.1913L8 7.59125L9.59125 6L15.7825 12.1913L9.59125 18.3825L8 16.7913L12.6 12.1913Z" fill="currentColor"/>
</g>
</svg>                </button>
            </div>
        </div>

        <ul x-ref="track" @scroll.debounce.100ms="updateArrows" class="reveal reveal-delay-1 -mx-4 px-4 scroll-p-4 lg:-mx-16 lg:px-16 lg:scroll-p-16 flex overflow-x-auto gap-4 snap-x snap-mandatory lg:gap-6 hide-scroll-bar">
                            <li class="flex overflow-hidden flex-col w-5/6 rounded-3xl border shrink-0 sm:w-96 lg:w-[calc((100%-3rem)/3)] border-surface-stroke snap-start bg-white">
                    <div class="relative shrink-0">
                        <a href="https://www.jobberman.com/company/hr-on-wheels" aria-label="HR On Wheels" class="block overflow-hidden relative h-[193px] bg-gradient-to-br from-surface-primary-light to-surface-warm">
                                                            <img
                                    src="https://i.roamcdn.net/kazi/ng/350h/ms4YkytcSflwNGMeSd4K-g/-/_1Q6tq89KRqlpglY4kXQC0F2JivKG5ubkZAA/banner-665edbe96adbb_file_U2NyZWVuc2hvdCAyMDI0LTA2LTA0IDEwMTQxNg--.png"
                                    alt="HR On Wheels"
                                    loading="lazy"
                                    decoding="async"
                                    class="object-cover w-full h-[193px]"
                                    onerror="this.remove()"
                                >
                                                    </a>
                        <span class="flex absolute top-4 right-4 gap-1 items-center py-2 pr-2 pl-3 h-9 text-base text-white lg:top-6 lg:right-6 bg-black/40 backdrop-blur-[10px] rounded-[10px]">
                            Jobs available:
                            <span class="font-semibold">30</span>
                        </span>
                        <span class="flex overflow-hidden absolute -bottom-12 left-4 justify-center items-center w-24 h-24 bg-white rounded-full border-2 border-white ring-1 ring-surface-stroke lg:left-6">
                            <img
                                src="https://i.roamcdn.net/kazi/ng/base/O_oWGr1EMle5dSNFvDzkMQ/-/_1Q6tq89LxV7VGluZmpoYgNoQVb2huaG5iaWRqbAzMwekA"
                                alt="HR On Wheels logo"
                                loading="lazy"
                                decoding="async"
                                class="object-cover w-full h-full rounded-full"
                            >
                        </span>
                    </div>
                    <div class="flex flex-col flex-1 gap-6 p-6 pt-14">
                        <div class="flex flex-col gap-4 justify-center">
                            <a href="https://www.jobberman.com/company/hr-on-wheels"
                               class="text-2xl font-semibold leading-7 truncate text-text-primary hover:text-btn-tertiary">
                                HR On Wheels
                            </a>
                                                            <a href="https://www.hronwheels.ng/"
                                   target="_blank"
                                   rel="noopener noreferrer nofollow"
                                   class="text-base underline truncate text-text-link hover:text-btn-tertiary-hover">
                                    https://www.hronwheels.ng/
                                </a>
                                                    </div>
                        <div class="flex flex-col gap-4 text-base text-text-primary">
                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Industry:</span>
                                        <span class="truncate text-text-secondary">Recruitment</span>
                                    </p>
                                                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Type:</span>
                                        <span class="truncate text-text-secondary">Recruitment Agency</span>
                                    </p>
                                                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Founded:</span>
                                        <span class="truncate text-text-secondary">2018</span>
                                    </p>
                                                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Employees:</span>
                                        <span class="truncate text-text-secondary">5-10</span>
                                    </p>
                                                                                    </div>
                    </div>
                </li>
                            <li class="flex overflow-hidden flex-col w-5/6 rounded-3xl border shrink-0 sm:w-96 lg:w-[calc((100%-3rem)/3)] border-surface-stroke snap-start bg-white">
                    <div class="relative shrink-0">
                        <a href="https://www.jobberman.com/company/castel-resources" aria-label="Castel Resources" class="block overflow-hidden relative h-[193px] bg-gradient-to-br from-surface-secondary-light to-surface-beige">
                                                            <img
                                    src="https://i.roamcdn.net/kazi/ng/base/gJO4OYqmc7rAKYl3U_pkHQ/-/_1Q6tq89LxV7VGFqbmhhYgNoQVb2hmZmloaApkA3NwOgA"
                                    alt=""
                                    aria-hidden="true"
                                    loading="lazy"
                                    decoding="async"
                                    class="object-cover absolute inset-0 w-full h-full opacity-30 blur-2xl scale-125"
                                    onerror="this.remove()"
                                >
                                                    </a>
                        <span class="flex absolute top-4 right-4 gap-1 items-center py-2 pr-2 pl-3 h-9 text-base text-white lg:top-6 lg:right-6 bg-black/40 backdrop-blur-[10px] rounded-[10px]">
                            Jobs available:
                            <span class="font-semibold">31</span>
                        </span>
                        <span class="flex overflow-hidden absolute -bottom-12 left-4 justify-center items-center w-24 h-24 bg-white rounded-full border-2 border-white ring-1 ring-surface-stroke lg:left-6">
                            <img
                                src="https://i.roamcdn.net/kazi/ng/base/gJO4OYqmc7rAKYl3U_pkHQ/-/_1Q6tq89LxV7VGFqbmhhYgNoQVb2hmZmloaApkA3NwOgA"
                                alt="Castel Resources logo"
                                loading="lazy"
                                decoding="async"
                                class="object-cover w-full h-full rounded-full"
                            >
                        </span>
                    </div>
                    <div class="flex flex-col flex-1 gap-6 p-6 pt-14">
                        <div class="flex flex-col gap-4 justify-center">
                            <a href="https://www.jobberman.com/company/castel-resources"
                               class="text-2xl font-semibold leading-7 truncate text-text-primary hover:text-btn-tertiary">
                                Castel Resources
                            </a>
                                                            <span class="text-base truncate text-text-secondary">No website available</span>
                                                    </div>
                        <div class="flex flex-col gap-4 text-base text-text-primary">
                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Industry:</span>
                                        <span class="truncate text-text-secondary">Recruitment</span>
                                    </p>
                                                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Type:</span>
                                        <span class="truncate text-text-secondary">Recruitment Agency</span>
                                    </p>
                                                                                                                                                                                            <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Employees:</span>
                                        <span class="truncate text-text-secondary">11-25</span>
                                    </p>
                                                                                    </div>
                    </div>
                </li>
                            <li class="flex overflow-hidden flex-col w-5/6 rounded-3xl border shrink-0 sm:w-96 lg:w-[calc((100%-3rem)/3)] border-surface-stroke snap-start bg-white">
                    <div class="relative shrink-0">
                        <a href="https://www.jobberman.com/company/e-direct" aria-label="Essential.NG" class="block overflow-hidden relative h-[193px] bg-gradient-to-br from-badge-for-you to-surface-warm">
                                                            <img
                                    src="https://i.roamcdn.net/kazi/ng/350h/whM-Hes4PXbuPy9UhChOqg/-/_1Q6tq89KRqlpglY4kXQC0F2JivKG5iaUlAA/banner-665ee14617932_file_U2NyZWVuc2hvdCAyMDI0LTA2LTA0IDEwNDAxMw--.png"
                                    alt="Essential.NG"
                                    loading="lazy"
                                    decoding="async"
                                    class="object-cover w-full h-[193px]"
                                    onerror="this.remove()"
                                >
                                                    </a>
                        <span class="flex absolute top-4 right-4 gap-1 items-center py-2 pr-2 pl-3 h-9 text-base text-white lg:top-6 lg:right-6 bg-black/40 backdrop-blur-[10px] rounded-[10px]">
                            Jobs available:
                            <span class="font-semibold">48</span>
                        </span>
                        <span class="flex overflow-hidden absolute -bottom-12 left-4 justify-center items-center w-24 h-24 bg-white rounded-full border-2 border-white ring-1 ring-surface-stroke lg:left-6">
                            <img
                                src="https://i.roamcdn.net/kazi/ng/base/UOlcMTNZet3tULDi_C018A/-/_1Q6tq89LxV7VGFmbmJoYgNoQVb2huaGBhYmpkYgLMwekA"
                                alt="Essential.NG logo"
                                loading="lazy"
                                decoding="async"
                                class="object-cover w-full h-full rounded-full"
                            >
                        </span>
                    </div>
                    <div class="flex flex-col flex-1 gap-6 p-6 pt-14">
                        <div class="flex flex-col gap-4 justify-center">
                            <a href="https://www.jobberman.com/company/e-direct"
                               class="text-2xl font-semibold leading-7 truncate text-text-primary hover:text-btn-tertiary">
                                Essential.NG
                            </a>
                                                            <a href="https://edirect.ng/"
                                   target="_blank"
                                   rel="noopener noreferrer nofollow"
                                   class="text-base underline truncate text-text-link hover:text-btn-tertiary-hover">
                                    https://edirect.ng/
                                </a>
                                                    </div>
                        <div class="flex flex-col gap-4 text-base text-text-primary">
                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Industry:</span>
                                        <span class="truncate text-text-secondary">Hospitality &amp; Hotel</span>
                                    </p>
                                                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Type:</span>
                                        <span class="truncate text-text-secondary">Direct Employer</span>
                                    </p>
                                                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Founded:</span>
                                        <span class="truncate text-text-secondary">2021</span>
                                    </p>
                                                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Employees:</span>
                                        <span class="truncate text-text-secondary">501-1000</span>
                                    </p>
                                                                                    </div>
                    </div>
                </li>
                            <li class="flex overflow-hidden flex-col w-5/6 rounded-3xl border shrink-0 sm:w-96 lg:w-[calc((100%-3rem)/3)] border-surface-stroke snap-start bg-white">
                    <div class="relative shrink-0">
                        <a href="https://www.jobberman.com/company/stresert-integrated-limited" aria-label="StreSERT Integrated Limited (SIL)" class="block overflow-hidden relative h-[193px] bg-gradient-to-br from-surface-beige to-surface-primary-light">
                                                            <img
                                    src="https://i.roamcdn.net/kazi/ng/350h/f_U7GmBQy5i8XKpOUwp6nQ/-/_1Q6tq89KRqlpglY4kXQC0F2JivKG5qYExAA/banner-65f98d7dd436c_file_ZG93bmxvYWQgKDEzKQ--.jpg"
                                    alt="StreSERT Integrated Limited (SIL)"
                                    loading="lazy"
                                    decoding="async"
                                    class="object-cover w-full h-[193px]"
                                    onerror="this.remove()"
                                >
                                                    </a>
                        <span class="flex absolute top-4 right-4 gap-1 items-center py-2 pr-2 pl-3 h-9 text-base text-white lg:top-6 lg:right-6 bg-black/40 backdrop-blur-[10px] rounded-[10px]">
                            Jobs available:
                            <span class="font-semibold">23</span>
                        </span>
                        <span class="flex overflow-hidden absolute -bottom-12 left-4 justify-center items-center w-24 h-24 bg-white rounded-full border-2 border-white ring-1 ring-surface-stroke lg:left-6">
                            <img
                                src="https://i.roamcdn.net/kazi/ng/base/QHy5sEOlPva2KzhZCRk65Q/-/_1Q6tq89LxV7VGFmYWppYgNoQVb2huaGBhamxobADMwekA"
                                alt="StreSERT Integrated Limited (SIL) logo"
                                loading="lazy"
                                decoding="async"
                                class="object-cover w-full h-full rounded-full"
                            >
                        </span>
                    </div>
                    <div class="flex flex-col flex-1 gap-6 p-6 pt-14">
                        <div class="flex flex-col gap-4 justify-center">
                            <a href="https://www.jobberman.com/company/stresert-integrated-limited"
                               class="text-2xl font-semibold leading-7 truncate text-text-primary hover:text-btn-tertiary">
                                StreSERT Integrated Limited (SIL)
                            </a>
                                                            <a href="https://stresertintegrated.com/"
                                   target="_blank"
                                   rel="noopener noreferrer nofollow"
                                   class="text-base underline truncate text-text-link hover:text-btn-tertiary-hover">
                                    https://stresertintegrated.com/
                                </a>
                                                    </div>
                        <div class="flex flex-col gap-4 text-base text-text-primary">
                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Industry:</span>
                                        <span class="truncate text-text-secondary">Recruitment</span>
                                    </p>
                                                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Type:</span>
                                        <span class="truncate text-text-secondary">Recruitment Agency</span>
                                    </p>
                                                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Founded:</span>
                                        <span class="truncate text-text-secondary">2006</span>
                                    </p>
                                                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Employees:</span>
                                        <span class="truncate text-text-secondary">11-25</span>
                                    </p>
                                                                                    </div>
                    </div>
                </li>
                            <li class="flex overflow-hidden flex-col w-5/6 rounded-3xl border shrink-0 sm:w-96 lg:w-[calc((100%-3rem)/3)] border-surface-stroke snap-start bg-white">
                    <div class="relative shrink-0">
                        <a href="https://www.jobberman.com/company/fmr-agency" aria-label="FMR Agency" class="block overflow-hidden relative h-[193px] bg-gradient-to-br from-surface-primary-light to-surface-warm">
                                                            <img
                                    src="https://i.roamcdn.net/kazi/ng/350h/FASlx1hFCoxnqhhaF-u75A/-/_1Q6tq89KRqlpglY4kXQC0F2JivKGFoYURAA/banner-6755672dd018e_file_aW1hZ2VzICg3KQ--.png"
                                    alt="FMR Agency"
                                    loading="lazy"
                                    decoding="async"
                                    class="object-cover w-full h-[193px]"
                                    onerror="this.remove()"
                                >
                                                    </a>
                        <span class="flex absolute top-4 right-4 gap-1 items-center py-2 pr-2 pl-3 h-9 text-base text-white lg:top-6 lg:right-6 bg-black/40 backdrop-blur-[10px] rounded-[10px]">
                            Jobs available:
                            <span class="font-semibold">46</span>
                        </span>
                        <span class="flex overflow-hidden absolute -bottom-12 left-4 justify-center items-center w-24 h-24 bg-white rounded-full border-2 border-white ring-1 ring-surface-stroke lg:left-6">
                            <img
                                src="https://i.roamcdn.net/kazi/ng/base/WQJnjI0o8VDp_xxyKVv0Zw/-/_1Q6tq89LxV7XGBoYWlmBdEFa8obmxsZkp0CRDYA5OBwA"
                                alt="FMR Agency logo"
                                loading="lazy"
                                decoding="async"
                                class="object-cover w-full h-full rounded-full"
                            >
                        </span>
                    </div>
                    <div class="flex flex-col flex-1 gap-6 p-6 pt-14">
                        <div class="flex flex-col gap-4 justify-center">
                            <a href="https://www.jobberman.com/company/fmr-agency"
                               class="text-2xl font-semibold leading-7 truncate text-text-primary hover:text-btn-tertiary">
                                FMR Agency
                            </a>
                                                            <a href="https://fmragency.com/"
                                   target="_blank"
                                   rel="noopener noreferrer nofollow"
                                   class="text-base underline truncate text-text-link hover:text-btn-tertiary-hover">
                                    https://fmragency.com/
                                </a>
                                                    </div>
                        <div class="flex flex-col gap-4 text-base text-text-primary">
                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Industry:</span>
                                        <span class="truncate text-text-secondary">Recruitment</span>
                                    </p>
                                                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Type:</span>
                                        <span class="truncate text-text-secondary">Recruitment Agency</span>
                                    </p>
                                                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Founded:</span>
                                        <span class="truncate text-text-secondary">2017</span>
                                    </p>
                                                                                                                                <p class="flex gap-1 items-center min-w-0">
                                        <span class="font-bold shrink-0">Employees:</span>
                                        <span class="truncate text-text-secondary">11-25</span>
                                    </p>
                                                                                    </div>
                    </div>
                </li>
                    </ul>

        <div class="reveal reveal-delay-2 flex justify-end">
            <a href="https://www.jobberman.com/companies"
               class="flex gap-2 items-center text-sm lg:text-base text-btn-tertiary hover:text-btn-tertiary-hover">
                Explore all Companies
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>            </a>
        </div>
    </section>

    <script type="text/javascript">
        function hiringCompaniesCarousel() {
            return {
                atStart: true,
                atEnd: false,
                hasOverflow: false,

                init() {
                    this.updateArrows();
                    window.addEventListener('resize', () => this.updateArrows(), { passive: true });
                },

                cardStep() {
                    const card = this.$refs.track.querySelector('li');

                    return card ? card.getBoundingClientRect().width + 24 : 400;
                },

                scrollPrev() {
                    this.$refs.track.scrollBy({ left: -this.cardStep(), behavior: 'smooth' });
                },

                scrollNext() {
                    this.$refs.track.scrollBy({ left: this.cardStep(), behavior: 'smooth' });
                },

                updateArrows() {
                    const track = this.$refs.track;
                    this.atStart = track.scrollLeft <= 4;
                    this.atEnd = track.scrollLeft + track.clientWidth >= track.scrollWidth - 4;
                    this.hasOverflow = track.scrollWidth > track.clientWidth + 4;
                },
            };
        }
    </script>
<section
        x-data="learningCoursesCarousel()"
        class="flex flex-col gap-4 px-4 py-8 mx-auto w-full lg:gap-8 lg:px-16 lg:py-16 font-jakarta max-w-[1920px]"
        id="learning-courses"
    >
        <div class="reveal flex flex-col gap-2 lg:gap-4">
            <div class="flex gap-4 justify-between items-center">
                <h2 class="font-extrabold leading-10 text-display-sm lg:text-display-lg lg:leading-tight text-text-primary">
                    Everyone's learning these right now
                </h2>
                <div x-show="hasOverflow" x-cloak class="hidden gap-4 items-center lg:flex shrink-0">
                    <button
                        type="button"
                        @click="scrollPrev"
                        :disabled="atStart"
                        aria-label="Previous courses"
                        class="flex justify-center items-center p-3 rounded-full transition-colors duration-150 ease-out"
                        :class="atStart ? 'bg-surface-beige text-text-primary cursor-default' : 'cta-carousel'"
                    >
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="chevron_backward" d="M14.1913 18.3825L8.0001 12.1913L14.1913 6.00001L15.7826 7.59126L11.1826 12.1913L15.7826 16.7913L14.1913 18.3825Z" fill="currentColor"/>
</g>
</svg>                    </button>
                    <button
                        type="button"
                        @click="scrollNext"
                        :disabled="atEnd"
                        aria-label="Next courses"
                        class="flex justify-center items-center p-3 rounded-full transition-colors duration-150 ease-out"
                        :class="atEnd ? 'bg-surface-beige text-text-primary cursor-default' : 'cta-carousel'"
                    >
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="chevron_forward" d="M12.6 12.1913L8 7.59125L9.59125 6L15.7825 12.1913L9.59125 18.3825L8 16.7913L12.6 12.1913Z" fill="currentColor"/>
</g>
</svg>                    </button>
                </div>
            </div>
            <p class="text-base leading-6 text-text-secondary">
                Sign up for popular courses that help you build skills employers are hiring for.
            </p>
        </div>

        <ul x-ref="track" @scroll.debounce.100ms="updateArrows" class="reveal reveal-delay-1 -mx-4 px-4 scroll-p-4 lg:-mx-16 lg:px-16 lg:scroll-p-16 flex overflow-x-auto gap-4 snap-x snap-mandatory lg:gap-6 hide-scroll-bar">
                            <li class="flex flex-col gap-4 p-4 w-5/6 rounded-3xl border transition-colors duration-150 ease-out shrink-0 sm:w-96 lg:w-[485px] border-surface-stroke hover:border-text-primary snap-start bg-white">
                    <a href="https://www.jobberman.com/learning/courses/241" class="block overflow-hidden relative rounded-2xl shrink-0 w-full [aspect-ratio:16/9] bg-gradient-to-br from-surface-primary-light to-surface-warm">
                                                    <img
                                src="https://i.roamcdn.net/kazi/ng/base/cNmP6tiDofBwVnxZhfo9UQ/-/_1Q6tq89KRqlpglZ6WX5Srm1SaCSoK9IElcVFxaryRiSEA/featured_image_0_1720086680.png"
                                alt="Jobberman Soft Skills Course (Self-Paced)"
                                loading="lazy"
                                decoding="async"
                                class="object-cover relative w-full h-full"
                                onerror="this.remove()"
                            >
                                                                            <span class="flex absolute top-4 right-4 items-center py-2 px-3 h-9 text-base font-semibold rounded-[10px] bg-sentimental-positive text-sentimental-positive-light w-fit">
                                Free
                            </span>
                                            </a>
                    <div class="flex flex-col flex-1">
                        <div class="flex flex-col gap-4">
                            <a href="https://www.jobberman.com/learning/courses/241"
                               class="text-2xl font-semibold leading-7 line-clamp-2 text-text-primary hover:text-btn-tertiary">
                                Jobberman Soft Skills Course (Self-Paced)
                            </a>
                            <div class="flex flex-wrap gap-4 items-center pb-4 text-base text-text-secondary">
                                <span><strong class="font-semibold text-text-primary">106,107</strong> students</span>
                                                                    <span><strong class="font-semibold text-text-primary">17</strong> lessons</span>
                                                                                                    <span>2h 14m</span>
                                                            </div>
                        </div>
                        <div class="flex gap-4 justify-between items-center pt-6 mt-auto border-t-4 border-surface-divider">
                            <span class="flex gap-2.5 items-center text-base text-text-secondary">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                    4.9 (1403)
                                                            </span>
                            <a href="https://www.jobberman.com/learning/courses/241"
                               class="flex gap-2 items-center py-2 pr-2 pl-3 h-10 text-sm text-white rounded-full cta-primary shrink-0">
                                View course
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </div>
                </li>
                            <li class="flex flex-col gap-4 p-4 w-5/6 rounded-3xl border transition-colors duration-150 ease-out shrink-0 sm:w-96 lg:w-[485px] border-surface-stroke hover:border-text-primary snap-start bg-white">
                    <a href="https://www.jobberman.com/learning/courses/276" class="block overflow-hidden relative rounded-2xl shrink-0 w-full [aspect-ratio:16/9] bg-gradient-to-br from-surface-secondary-light to-surface-beige">
                                                    <img
                                src="https://i.roamcdn.net/kazi/ng/base/XtzWDvLfr4EwgXNfzUpi5A/-/_1Q6tq89KRqlpglZ6WX5Srm1SaCSoK9IElcVFxaryRuRkA/featured_image_0_1720510742.png"
                                alt="Digital Skills: Become a Successful Global Gig Worker"
                                loading="lazy"
                                decoding="async"
                                class="object-cover relative w-full h-full"
                                onerror="this.remove()"
                            >
                                                                            <span class="flex absolute top-4 right-4 items-center py-2 px-3 h-9 text-base font-semibold rounded-[10px] bg-sentimental-positive text-sentimental-positive-light w-fit">
                                Free
                            </span>
                                            </a>
                    <div class="flex flex-col flex-1">
                        <div class="flex flex-col gap-4">
                            <a href="https://www.jobberman.com/learning/courses/276"
                               class="text-2xl font-semibold leading-7 line-clamp-2 text-text-primary hover:text-btn-tertiary">
                                Digital Skills: Become a Successful Global Gig Worker
                            </a>
                            <div class="flex flex-wrap gap-4 items-center pb-4 text-base text-text-secondary">
                                <span><strong class="font-semibold text-text-primary">23,955</strong> students</span>
                                                                    <span><strong class="font-semibold text-text-primary">20</strong> lessons</span>
                                                                                                    <span>2h 52m</span>
                                                            </div>
                        </div>
                        <div class="flex gap-4 justify-between items-center pt-6 mt-auto border-t-4 border-surface-divider">
                            <span class="flex gap-2.5 items-center text-base text-text-secondary">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                    4.9 (705)
                                                            </span>
                            <a href="https://www.jobberman.com/learning/courses/276"
                               class="flex gap-2 items-center py-2 pr-2 pl-3 h-10 text-sm text-white rounded-full cta-primary shrink-0">
                                View course
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </div>
                </li>
                            <li class="flex flex-col gap-4 p-4 w-5/6 rounded-3xl border transition-colors duration-150 ease-out shrink-0 sm:w-96 lg:w-[485px] border-surface-stroke hover:border-text-primary snap-start bg-white">
                    <a href="https://www.jobberman.com/learning/courses/243" class="block overflow-hidden relative rounded-2xl shrink-0 w-full [aspect-ratio:16/9] bg-gradient-to-br from-badge-for-you to-surface-warm">
                                                    <img
                                src="https://i.roamcdn.net/kazi/ng/base/n69uV3dp-08-AjcnuCwoqw/-/_1Q6tq89KRqlpglZ6WX5Srm1SaCSoK9IElcVFxaryRiTEA/featured_image_0_1716468734.png"
                                alt="Jobberman Entrepreneurship and Small Business Course"
                                loading="lazy"
                                decoding="async"
                                class="object-cover relative w-full h-full"
                                onerror="this.remove()"
                            >
                                                                            <span class="flex absolute top-4 right-4 items-center py-2 px-3 h-9 text-base font-semibold rounded-[10px] bg-sentimental-positive text-sentimental-positive-light w-fit">
                                Free
                            </span>
                                            </a>
                    <div class="flex flex-col flex-1">
                        <div class="flex flex-col gap-4">
                            <a href="https://www.jobberman.com/learning/courses/243"
                               class="text-2xl font-semibold leading-7 line-clamp-2 text-text-primary hover:text-btn-tertiary">
                                Jobberman Entrepreneurship and Small Business Course
                            </a>
                            <div class="flex flex-wrap gap-4 items-center pb-4 text-base text-text-secondary">
                                <span><strong class="font-semibold text-text-primary">22,645</strong> students</span>
                                                                    <span><strong class="font-semibold text-text-primary">23</strong> lessons</span>
                                                                                                    <span>2h 49m</span>
                                                            </div>
                        </div>
                        <div class="flex gap-4 justify-between items-center pt-6 mt-auto border-t-4 border-surface-divider">
                            <span class="flex gap-2.5 items-center text-base text-text-secondary">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                    4.9 (546)
                                                            </span>
                            <a href="https://www.jobberman.com/learning/courses/243"
                               class="flex gap-2 items-center py-2 pr-2 pl-3 h-10 text-sm text-white rounded-full cta-primary shrink-0">
                                View course
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </div>
                </li>
                            <li class="flex flex-col gap-4 p-4 w-5/6 rounded-3xl border transition-colors duration-150 ease-out shrink-0 sm:w-96 lg:w-[485px] border-surface-stroke hover:border-text-primary snap-start bg-white">
                    <a href="https://www.jobberman.com/learning/courses/683" class="block overflow-hidden relative rounded-2xl shrink-0 w-full [aspect-ratio:16/9] bg-gradient-to-br from-surface-beige to-surface-primary-light">
                                                    <img
                                src="https://i.roamcdn.net/kazi/ng/base/sCeFbS_QmanX3YB3yZ4keA/-/_1Q6tq89KRqlpglZ6WX5Srm1SaCSoK9IElcVFxaryZhTEA/featured_image_0_1756823854.png"
                                alt="Soft Skills for Career Success (Video course)"
                                loading="lazy"
                                decoding="async"
                                class="object-cover relative w-full h-full"
                                onerror="this.remove()"
                            >
                                                                            <span class="flex absolute top-4 right-4 items-center py-2 px-3 h-9 text-base font-semibold rounded-[10px] bg-sentimental-positive text-sentimental-positive-light w-fit">
                                Free
                            </span>
                                            </a>
                    <div class="flex flex-col flex-1">
                        <div class="flex flex-col gap-4">
                            <a href="https://www.jobberman.com/learning/courses/683"
                               class="text-2xl font-semibold leading-7 line-clamp-2 text-text-primary hover:text-btn-tertiary">
                                Soft Skills for Career Success (Video course)
                            </a>
                            <div class="flex flex-wrap gap-4 items-center pb-4 text-base text-text-secondary">
                                <span><strong class="font-semibold text-text-primary">19,239</strong> students</span>
                                                                    <span>Arifu</span>
                                                                                                    <span>25m</span>
                                                            </div>
                        </div>
                        <div class="flex gap-4 justify-between items-center pt-6 mt-auto border-t-4 border-surface-divider">
                            <span class="flex gap-2.5 items-center text-base text-text-secondary">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                    4.9 (114)
                                                            </span>
                            <a href="https://www.jobberman.com/learning/courses/683"
                               class="flex gap-2 items-center py-2 pr-2 pl-3 h-10 text-sm text-white rounded-full cta-primary shrink-0">
                                View course
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </div>
                </li>
                            <li class="flex flex-col gap-4 p-4 w-5/6 rounded-3xl border transition-colors duration-150 ease-out shrink-0 sm:w-96 lg:w-[485px] border-surface-stroke hover:border-text-primary snap-start bg-white">
                    <a href="https://www.jobberman.com/learning/courses/441" class="block overflow-hidden relative rounded-2xl shrink-0 w-full [aspect-ratio:16/9] bg-gradient-to-br from-surface-primary-light to-surface-warm">
                                                    <img
                                src="https://i.roamcdn.net/kazi/ng/base/XWSxsq2BriQt_zsnt9e2sg/-/_1Q6tq89KRqlpglZ6WX5Srm1SaCSoK9IElcVFxaryJiSEA/featured_image_0_1729619208.png"
                                alt="Soft Skills for Career Success"
                                loading="lazy"
                                decoding="async"
                                class="object-cover relative w-full h-full"
                                onerror="this.remove()"
                            >
                                                                            <span class="flex absolute top-4 right-4 items-center py-2 px-3 h-9 text-base font-semibold rounded-[10px] bg-sentimental-positive text-sentimental-positive-light w-fit">
                                Free
                            </span>
                                            </a>
                    <div class="flex flex-col flex-1">
                        <div class="flex flex-col gap-4">
                            <a href="https://www.jobberman.com/learning/courses/441"
                               class="text-2xl font-semibold leading-7 line-clamp-2 text-text-primary hover:text-btn-tertiary">
                                Soft Skills for Career Success
                            </a>
                            <div class="flex flex-wrap gap-4 items-center pb-4 text-base text-text-secondary">
                                <span><strong class="font-semibold text-text-primary">18,015</strong> students</span>
                                                                    <span>Arifu</span>
                                                                                                    <span>1h 30m</span>
                                                            </div>
                        </div>
                        <div class="flex gap-4 justify-between items-center pt-6 mt-auto border-t-4 border-surface-divider">
                            <span class="flex gap-2.5 items-center text-base text-text-secondary">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                    4.9 (133)
                                                            </span>
                            <a href="https://www.jobberman.com/learning/courses/441"
                               class="flex gap-2 items-center py-2 pr-2 pl-3 h-10 text-sm text-white rounded-full cta-primary shrink-0">
                                View course
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </div>
                </li>
                            <li class="flex flex-col gap-4 p-4 w-5/6 rounded-3xl border transition-colors duration-150 ease-out shrink-0 sm:w-96 lg:w-[485px] border-surface-stroke hover:border-text-primary snap-start bg-white">
                    <a href="https://www.jobberman.com/learning/courses/239" class="block overflow-hidden relative rounded-2xl shrink-0 w-full [aspect-ratio:16/9] bg-gradient-to-br from-surface-secondary-light to-surface-beige">
                                                    <img
                                src="https://i.roamcdn.net/kazi/ng/base/QfjzMGiznw95yhhGsr3RAA/-/_1Q6tq89KRqlpglZ6WX5Srm1SaCSoK9IElcVFxaryRsSUA/featured_image_0_1720086613.png"
                                alt="Jobberman Financial Literacy Course"
                                loading="lazy"
                                decoding="async"
                                class="object-cover relative w-full h-full"
                                onerror="this.remove()"
                            >
                                                                            <span class="flex absolute top-4 right-4 items-center py-2 px-3 h-9 text-base font-semibold rounded-[10px] bg-sentimental-positive text-sentimental-positive-light w-fit">
                                Free
                            </span>
                                            </a>
                    <div class="flex flex-col flex-1">
                        <div class="flex flex-col gap-4">
                            <a href="https://www.jobberman.com/learning/courses/239"
                               class="text-2xl font-semibold leading-7 line-clamp-2 text-text-primary hover:text-btn-tertiary">
                                Jobberman Financial Literacy Course
                            </a>
                            <div class="flex flex-wrap gap-4 items-center pb-4 text-base text-text-secondary">
                                <span><strong class="font-semibold text-text-primary">15,721</strong> students</span>
                                                                    <span><strong class="font-semibold text-text-primary">23</strong> lessons</span>
                                                                                                    <span>2h 24m</span>
                                                            </div>
                        </div>
                        <div class="flex gap-4 justify-between items-center pt-6 mt-auto border-t-4 border-surface-divider">
                            <span class="flex gap-2.5 items-center text-base text-text-secondary">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                    4.8 (271)
                                                            </span>
                            <a href="https://www.jobberman.com/learning/courses/239"
                               class="flex gap-2 items-center py-2 pr-2 pl-3 h-10 text-sm text-white rounded-full cta-primary shrink-0">
                                View course
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </div>
                </li>
                            <li class="flex flex-col gap-4 p-4 w-5/6 rounded-3xl border transition-colors duration-150 ease-out shrink-0 sm:w-96 lg:w-[485px] border-surface-stroke hover:border-text-primary snap-start bg-white">
                    <a href="https://www.jobberman.com/learning/courses/684" class="block overflow-hidden relative rounded-2xl shrink-0 w-full [aspect-ratio:16/9] bg-gradient-to-br from-badge-for-you to-surface-warm">
                                                    <img
                                src="https://i.roamcdn.net/kazi/ng/base/wF-MBAaYTABKxW7rR6Wh-Q/-/_1Q6tq89KRqlpglZ6WX5Srm1SaCSoK9IElcVFxaryZhQkA/featured_image_0_1756824013.png"
                                alt="Start Your Business (Video course)"
                                loading="lazy"
                                decoding="async"
                                class="object-cover relative w-full h-full"
                                onerror="this.remove()"
                            >
                                                                            <span class="flex absolute top-4 right-4 items-center py-2 px-3 h-9 text-base font-semibold rounded-[10px] bg-sentimental-positive text-sentimental-positive-light w-fit">
                                Free
                            </span>
                                            </a>
                    <div class="flex flex-col flex-1">
                        <div class="flex flex-col gap-4">
                            <a href="https://www.jobberman.com/learning/courses/684"
                               class="text-2xl font-semibold leading-7 line-clamp-2 text-text-primary hover:text-btn-tertiary">
                                Start Your Business (Video course)
                            </a>
                            <div class="flex flex-wrap gap-4 items-center pb-4 text-base text-text-secondary">
                                <span><strong class="font-semibold text-text-primary">12,656</strong> students</span>
                                                                    <span>Arifu</span>
                                                                                                    <span>25m</span>
                                                            </div>
                        </div>
                        <div class="flex gap-4 justify-between items-center pt-6 mt-auto border-t-4 border-surface-divider">
                            <span class="flex gap-2.5 items-center text-base text-text-secondary">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                    4.9 (71)
                                                            </span>
                            <a href="https://www.jobberman.com/learning/courses/684"
                               class="flex gap-2 items-center py-2 pr-2 pl-3 h-10 text-sm text-white rounded-full cta-primary shrink-0">
                                View course
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </div>
                </li>
                            <li class="flex flex-col gap-4 p-4 w-5/6 rounded-3xl border transition-colors duration-150 ease-out shrink-0 sm:w-96 lg:w-[485px] border-surface-stroke hover:border-text-primary snap-start bg-white">
                    <a href="https://www.jobberman.com/learning/courses/438" class="block overflow-hidden relative rounded-2xl shrink-0 w-full [aspect-ratio:16/9] bg-gradient-to-br from-surface-beige to-surface-primary-light">
                                                    <img
                                src="https://i.roamcdn.net/kazi/ng/base/Af5dvyA_WfrBYdTH7am-Ew/-/_1Q6tq89KRqlpglZ6WX5Srm1SaCSoK9IElcVFxaryJsQUA/featured_image_0_1756735591.png"
                                alt="Social Media Marketing"
                                loading="lazy"
                                decoding="async"
                                class="object-cover relative w-full h-full"
                                onerror="this.remove()"
                            >
                                                                    </a>
                    <div class="flex flex-col flex-1">
                        <div class="flex flex-col gap-4">
                            <a href="https://www.jobberman.com/learning/courses/438"
                               class="text-2xl font-semibold leading-7 line-clamp-2 text-text-primary hover:text-btn-tertiary">
                                Social Media Marketing
                            </a>
                            <div class="flex flex-wrap gap-4 items-center pb-4 text-base text-text-secondary">
                                <span><strong class="font-semibold text-text-primary">8,360</strong> students</span>
                                                                    <span>Arifu</span>
                                                                                                    <span>1h 30m</span>
                                                            </div>
                        </div>
                        <div class="flex gap-4 justify-between items-center pt-6 mt-auto border-t-4 border-surface-divider">
                            <span class="flex gap-2.5 items-center text-base text-text-secondary">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                    4.7 (113)
                                                            </span>
                            <a href="https://www.jobberman.com/learning/courses/438"
                               class="flex gap-2 items-center py-2 pr-2 pl-3 h-10 text-sm text-white rounded-full cta-primary shrink-0">
                                View course
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </div>
                </li>
                            <li class="flex flex-col gap-4 p-4 w-5/6 rounded-3xl border transition-colors duration-150 ease-out shrink-0 sm:w-96 lg:w-[485px] border-surface-stroke hover:border-text-primary snap-start bg-white">
                    <a href="https://www.jobberman.com/learning/courses/681" class="block overflow-hidden relative rounded-2xl shrink-0 w-full [aspect-ratio:16/9] bg-gradient-to-br from-surface-primary-light to-surface-warm">
                                                    <img
                                src="https://i.roamcdn.net/kazi/ng/base/WkfhYZOlNHXmwDdggSoI_w/-/_1Q6tq89KRqlpglZ6WX5Srm1SaCSoK9IElcVFxaryZhSEA/featured_image_0_1756881311.png"
                                alt="Social Media Marketing (Video course)"
                                loading="lazy"
                                decoding="async"
                                class="object-cover relative w-full h-full"
                                onerror="this.remove()"
                            >
                                                                    </a>
                    <div class="flex flex-col flex-1">
                        <div class="flex flex-col gap-4">
                            <a href="https://www.jobberman.com/learning/courses/681"
                               class="text-2xl font-semibold leading-7 line-clamp-2 text-text-primary hover:text-btn-tertiary">
                                Social Media Marketing (Video course)
                            </a>
                            <div class="flex flex-wrap gap-4 items-center pb-4 text-base text-text-secondary">
                                <span><strong class="font-semibold text-text-primary">7,036</strong> students</span>
                                                                    <span>Arifu</span>
                                                                                                    <span>30m</span>
                                                            </div>
                        </div>
                        <div class="flex gap-4 justify-between items-center pt-6 mt-auto border-t-4 border-surface-divider">
                            <span class="flex gap-2.5 items-center text-base text-text-secondary">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                    5.0 (6)
                                                            </span>
                            <a href="https://www.jobberman.com/learning/courses/681"
                               class="flex gap-2 items-center py-2 pr-2 pl-3 h-10 text-sm text-white rounded-full cta-primary shrink-0">
                                View course
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </div>
                </li>
                    </ul>

        <div class="reveal reveal-delay-2 flex justify-end">
            <a href="https://www.jobberman.com/learning/courses"
               class="flex gap-2 items-center text-sm lg:text-base text-btn-tertiary hover:text-btn-tertiary-hover">
                View courses
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>            </a>
        </div>
    </section>

    <script type="text/javascript">
        function learningCoursesCarousel() {
            return {
                atStart: true,
                atEnd: false,
                hasOverflow: false,

                init() {
                    this.updateArrows();
                    window.addEventListener('resize', () => this.updateArrows(), { passive: true });
                },

                cardStep() {
                    const card = this.$refs.track.querySelector('li');

                    return card ? card.getBoundingClientRect().width + 24 : 500;
                },

                scrollPrev() {
                    this.$refs.track.scrollBy({ left: -this.cardStep(), behavior: 'smooth' });
                },

                scrollNext() {
                    this.$refs.track.scrollBy({ left: this.cardStep(), behavior: 'smooth' });
                },

                updateArrows() {
                    const track = this.$refs.track;
                    this.atStart = track.scrollLeft <= 4;
                    this.atEnd = track.scrollLeft + track.clientWidth >= track.scrollWidth - 4;
                    this.hasOverflow = track.scrollWidth > track.clientWidth + 4;
                },
            };
        }
    </script>
<section id="level-up" class="px-4 pt-8 pb-4 lg:p-16 bg-surface-warm rounded-t-3xl lg:rounded-t-4xl font-jakarta">
    <div class="flex flex-col-reverse gap-8 items-center mx-auto w-full lg:flex-row max-w-[1392px]">
        <div class="reveal overflow-hidden w-full rounded-3xl lg:flex-1 lg:rounded-4xl shrink-0 lg:min-w-0">
            <img
                src="/static-assets/img/jobberman-theme/home-page/level-up.webp"
                alt="Level up your career"
                loading="lazy"
                decoding="async"
                class="object-cover w-full h-60 sm:h-80 lg:h-[472px]"
            >
        </div>
        <div class="reveal reveal-delay-1 flex flex-col gap-6 w-full lg:flex-1">
            <h2 class="font-extrabold leading-10 text-display-sm lg:text-display-lg lg:leading-tight text-text-primary">
                Level up your career
            </h2>
            <div class="flex flex-col gap-4 text-base leading-6 text-text-primary">
                                    <div>
                        <p class="font-bold">1. Sign up in seconds</p>
                        <p>Sign up and unlock career opportunities tailored to you.</p>
                    </div>
                                    <div>
                        <p class="font-bold">2. Never miss an opportunity</p>
                        <p>Set up personalised job alerts and get relevant roles directly.</p>
                    </div>
                                    <div>
                        <p class="font-bold">3. Learn In-Demand Skills</p>
                        <p>Explore free courses designed to help you grow professionally.</p>
                    </div>
                                    <div>
                        <p class="font-bold">4. AI-Powered career assistant</p>
                        <p>Prepare smarter for interviews and confidently negotiate job offers with AI.</p>
                    </div>
                            </div>
                            <a
                    href="https://www.jobberman.com/account/customer/sign-up"
                    rel="nofollow"
                    class="flex gap-2 justify-center items-center p-4 h-13 text-base text-white rounded-full cta-primary w-fit"
                >
                    Get started
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                </a>
                    </div>
    </div>
</section>
<section id="grow-career" class="overflow-hidden relative font-jakarta">
        <img
            src="/static-assets/img/jobberman-theme/home-page/grow-career-bg.webp"
            alt=""
            loading="lazy"
            decoding="async"
            aria-hidden="true"
            class="object-cover object-top absolute inset-0 w-full h-full"
        >
        <div class="absolute inset-0 bg-black/40"></div>

        <div class="flex relative flex-col gap-8 pb-8 pt-[60px] lg:gap-24 lg:pb-16 lg:pt-[120px]">
            <div class="reveal flex flex-col gap-4 px-4 text-center lg:px-16">
                <h2 class="w-full italic font-bold leading-10 text-white text-display-sm lg:text-display-xl lg:leading-tight">
                    Everything you need to grow your career
                </h2>
                <p class="text-lg leading-6 lg:text-xl text-text-white-soft">
                    Find the right opportunity, show up prepared, and grow.
                </p>
            </div>

            <ul class="reveal reveal-delay-1 flex overflow-x-auto gap-4 px-4 snap-x snap-mandatory scroll-p-4 lg:gap-6 lg:px-16 lg:scroll-p-16 hide-scroll-bar">
                                    <li class="overflow-hidden relative rounded-base border border-white shrink-0 snap-start w-5/6 sm:w-80 lg:w-[496px] h-[460px] lg:h-[658px]">
                        <img
                            src="/static-assets/img/home-grow-career/card-1.webp"
                            alt="Get closer to your dream job"
                            loading="lazy"
                            decoding="async"
                            class="object-cover absolute inset-0 w-full h-full"
                        >
                        <div class="flex absolute inset-x-0 bottom-0 flex-col gap-4 justify-end p-6 h-3/4 bg-gradient-to-b from-transparent to-black lg:gap-6 from-[16.89%]">
                            <div class="flex flex-col gap-4 text-white">
                                <h3 class="text-2xl font-bold leading-8 lg:leading-12 lg:text-display-md">
                                    Get closer to your dream job
                                </h3>
                                <p class="text-base leading-6">
                                    Create a free account and start applying today.
                                </p>
                            </div>
                            <a
                                href="https://www.jobberman.com/account/customer/sign-up"
                                rel="nofollow"
                                class="flex gap-2 items-center py-4 h-13 text-base text-white w-fit hover:opacity-80"
                            >
                                Get Started
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </li>
                                    <li class="overflow-hidden relative rounded-base border border-white shrink-0 snap-start w-5/6 sm:w-80 lg:w-[496px] h-[460px] lg:h-[658px]">
                        <img
                            src="/static-assets/img/home-grow-career/card-2.webp"
                            alt="Be the one employers find first"
                            loading="lazy"
                            decoding="async"
                            class="object-cover absolute inset-0 w-full h-full"
                        >
                        <div class="flex absolute inset-x-0 bottom-0 flex-col gap-4 justify-end p-6 h-3/4 bg-gradient-to-b from-transparent to-black lg:gap-6 from-[16.89%]">
                            <div class="flex flex-col gap-4 text-white">
                                <h3 class="text-2xl font-bold leading-8 lg:leading-12 lg:text-display-md">
                                    Be the one employers find first
                                </h3>
                                <p class="text-base leading-6">
                                    Complete your profile and stand out to employers.
                                </p>
                            </div>
                            <a
                                href="https://www.jobberman.com/account/customer/career-profile"
                                rel="nofollow"
                                class="flex gap-2 items-center py-4 h-13 text-base text-white w-fit hover:opacity-80"
                            >
                                Complete Profile
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </li>
                                    <li class="overflow-hidden relative rounded-base border border-white shrink-0 snap-start w-5/6 sm:w-80 lg:w-[496px] h-[460px] lg:h-[658px]">
                        <img
                            src="/static-assets/img/home-grow-career/card-3.webp"
                            alt="Never miss the right opportunity"
                            loading="lazy"
                            decoding="async"
                            class="object-cover absolute inset-0 w-full h-full"
                        >
                        <div class="flex absolute inset-x-0 bottom-0 flex-col gap-4 justify-end p-6 h-3/4 bg-gradient-to-b from-transparent to-black lg:gap-6 from-[16.89%]">
                            <div class="flex flex-col gap-4 text-white">
                                <h3 class="text-2xl font-bold leading-8 lg:leading-12 lg:text-display-md">
                                    Never miss the right opportunity
                                </h3>
                                <p class="text-base leading-6">
                                    Get personalised job alerts delivered straight to your inbox.
                                </p>
                            </div>
                            <a
                                href="https://www.jobberman.com/account/customer/alerts/create"
                                rel="nofollow"
                                class="flex gap-2 items-center py-4 h-13 text-base text-white w-fit hover:opacity-80"
                            >
                                Create Job Alert
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </li>
                                    <li class="overflow-hidden relative rounded-base border border-white shrink-0 snap-start w-5/6 sm:w-80 lg:w-[496px] h-[460px] lg:h-[658px]">
                        <img
                            src="/static-assets/img/home-grow-career/card-4.webp"
                            alt="Meet your AI Career Assistant"
                            loading="lazy"
                            decoding="async"
                            class="object-cover absolute inset-0 w-full h-full"
                        >
                        <div class="flex absolute inset-x-0 bottom-0 flex-col gap-4 justify-end p-6 h-3/4 bg-gradient-to-b from-transparent to-black lg:gap-6 from-[16.89%]">
                            <div class="flex flex-col gap-4 text-white">
                                <h3 class="text-2xl font-bold leading-8 lg:leading-12 lg:text-display-md">
                                    Meet your AI Career Assistant
                                </h3>
                                <p class="text-base leading-6">
                                    Stand out to employers, ace interviews, and negotiate better offers.
                                </p>
                            </div>
                            <a
                                href="https://www.jobberman.com/account/cv-services"
                                rel="nofollow"
                                class="flex gap-2 items-center py-4 h-13 text-base text-white w-fit hover:opacity-80"
                            >
                                Try AI Assistant
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </li>
                                    <li class="overflow-hidden relative rounded-base border border-white shrink-0 snap-start w-5/6 sm:w-80 lg:w-[496px] h-[460px] lg:h-[658px]">
                        <img
                            src="/static-assets/img/home-grow-career/card-5.webp"
                            alt="Level up your career"
                            loading="lazy"
                            decoding="async"
                            class="object-cover absolute inset-0 w-full h-full"
                        >
                        <div class="flex absolute inset-x-0 bottom-0 flex-col gap-4 justify-end p-6 h-3/4 bg-gradient-to-b from-transparent to-black lg:gap-6 from-[16.89%]">
                            <div class="flex flex-col gap-4 text-white">
                                <h3 class="text-2xl font-bold leading-8 lg:leading-12 lg:text-display-md">
                                    Level up your career
                                </h3>
                                <p class="text-base leading-6">
                                    Access relevant courses to build in-demand skills and stay competitive.
                                </p>
                            </div>
                            <a
                                href="https://www.jobberman.com/learning"
                                rel="nofollow"
                                class="flex gap-2 items-center py-4 h-13 text-base text-white w-fit hover:opacity-80"
                            >
                                Start Learning
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>                            </a>
                        </div>
                    </li>
                            </ul>
        </div>
    </section>
<section
        x-data="blogPostsCarousel()"
        class="flex flex-col gap-4 px-4 py-8 mx-auto w-full lg:gap-8 lg:px-16 lg:py-16 font-jakarta max-w-[1920px]"
        id="blog-posts"
    >
        <div class="reveal flex gap-4 justify-between items-center">
            <h2 class="font-extrabold leading-10 text-display-sm lg:text-display-lg lg:leading-tight text-text-primary">
                Career tips, insights, and stories worth reading
            </h2>
            <div x-show="hasOverflow" x-cloak class="hidden gap-4 items-center lg:flex shrink-0">
                <button
                    type="button"
                    @click="scrollPrev"
                    :disabled="atStart"
                    aria-label="Previous articles"
                    class="flex justify-center items-center p-3 rounded-full transition-colors duration-150 ease-out"
                    :class="atStart ? 'bg-surface-beige text-text-primary cursor-default' : 'cta-carousel'"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="chevron_backward" d="M14.1913 18.3825L8.0001 12.1913L14.1913 6.00001L15.7826 7.59126L11.1826 12.1913L15.7826 16.7913L14.1913 18.3825Z" fill="currentColor"/>
</g>
</svg>                </button>
                <button
                    type="button"
                    @click="scrollNext"
                    :disabled="atEnd"
                    aria-label="Next articles"
                    class="flex justify-center items-center p-3 rounded-full transition-colors duration-150 ease-out"
                    :class="atEnd ? 'bg-surface-beige text-text-primary cursor-default' : 'cta-carousel'"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="chevron_forward" d="M12.6 12.1913L8 7.59125L9.59125 6L15.7825 12.1913L9.59125 18.3825L8 16.7913L12.6 12.1913Z" fill="currentColor"/>
</g>
</svg>                </button>
            </div>
        </div>

        <ul x-ref="track" @scroll.debounce.100ms="updateArrows" class="reveal reveal-delay-1 -mx-4 px-4 scroll-p-4 lg:-mx-16 lg:px-16 lg:scroll-p-16 flex overflow-x-auto gap-4 snap-x snap-mandatory lg:gap-6 hide-scroll-bar">
                            <li class="flex flex-col gap-6 p-4 w-5/6 rounded-base border transition-colors duration-150 ease-out shrink-0 sm:w-96 lg:w-[calc((100%-3rem)/3)] border-surface-stroke hover:border-black snap-start bg-white">
                    <a href="https://www.jobberman.com/discover/job-seeker-chronicles-when-workplace-discipline-goes-too-far?utm_source=google&amp;utm_medium=organic&amp;utm_campaign=rss" target="_blank" rel="noopener" class="block overflow-hidden relative rounded-3xl bg-surface-beige shrink-0">
                                                    <img
                                src="https://www.jobberman.com/discover/wp-content/uploads/2026/08/gemini-generated-image-1k2amv1k2amv1k2a-1-378x198.jpeg"
                                alt="Job Seeker Chronicles: When Workplace Discipline Goes Too Far"
                                loading="lazy"
                                decoding="async"
                                class="object-cover w-full h-[253px]"
                            >
                                                                            <span class="flex absolute top-4 left-4 gap-2 items-center">
                                                                    <img
                                        src="https://www.jobberman.com/discover/wp-content/uploads/2026/04/cropped-1w5a3619-scaled-1-96x96.jpg"
                                        alt="Eunice Kegh"
                                        loading="lazy"
                                        decoding="async"
                                        class="object-cover w-10 h-10 rounded-full border-2 border-white"
                                    >
                                                                <span class="flex items-center py-2 pr-2 pl-3 h-9 text-base font-semibold text-white rounded-[10px] bg-black/40 backdrop-blur-[10px]">
                                    Eunice Kegh
                                </span>
                            </span>
                                            </a>
                    <div class="flex flex-col flex-1">
                        <div class="flex flex-col gap-6">
                            <a href="https://www.jobberman.com/discover/job-seeker-chronicles-when-workplace-discipline-goes-too-far?utm_source=google&amp;utm_medium=organic&amp;utm_campaign=rss"
                               target="_blank"
                               rel="noopener"
                               class="text-2xl font-semibold leading-7 text-text-primary hover:text-btn-tertiary line-clamp-2">
                                Job Seeker Chronicles: When Workplace Discipline Goes Too Far
                            </a>
                            <p class="text-base leading-6 text-text-secondary line-clamp-2">
                                Welcome to Job Seeker Chronicles, where we talk about job search stories from the trenches, the good, the bad, the confusing, and the downright unbelievable.
                            </p>
                        </div>
                        <p class="pt-6 mt-auto text-base font-semibold text-text-primary">
                            19th August 2026
                        </p>
                    </div>
                </li>
                            <li class="flex flex-col gap-6 p-4 w-5/6 rounded-base border transition-colors duration-150 ease-out shrink-0 sm:w-96 lg:w-[calc((100%-3rem)/3)] border-surface-stroke hover:border-black snap-start bg-white">
                    <a href="https://www.jobberman.com/discover/how-manufacturers-are-filling-50-roles-in-two-weeks?utm_source=google&amp;utm_medium=organic&amp;utm_campaign=rss" target="_blank" rel="noopener" class="block overflow-hidden relative rounded-3xl bg-surface-beige shrink-0">
                                                    <img
                                src="https://www.jobberman.com/discover/wp-content/uploads/2026/07/chatgpt-image-jul-30-2026-09-37-20-am-378x198.png"
                                alt="How Manufacturers Are Filling 50 Roles in Two Weeks"
                                loading="lazy"
                                decoding="async"
                                class="object-cover w-full h-[253px]"
                            >
                                                                            <span class="flex absolute top-4 left-4 gap-2 items-center">
                                                                    <img
                                        src="https://www.jobberman.com/discover/wp-content/uploads/2026/04/cropped-1w5a3619-scaled-1-96x96.jpg"
                                        alt="Eunice Kegh"
                                        loading="lazy"
                                        decoding="async"
                                        class="object-cover w-10 h-10 rounded-full border-2 border-white"
                                    >
                                                                <span class="flex items-center py-2 pr-2 pl-3 h-9 text-base font-semibold text-white rounded-[10px] bg-black/40 backdrop-blur-[10px]">
                                    Eunice Kegh
                                </span>
                            </span>
                                            </a>
                    <div class="flex flex-col flex-1">
                        <div class="flex flex-col gap-6">
                            <a href="https://www.jobberman.com/discover/how-manufacturers-are-filling-50-roles-in-two-weeks?utm_source=google&amp;utm_medium=organic&amp;utm_campaign=rss"
                               target="_blank"
                               rel="noopener"
                               class="text-2xl font-semibold leading-7 text-text-primary hover:text-btn-tertiary line-clamp-2">
                                How Manufacturers Are Filling 50 Roles in Two Weeks
                            </a>
                            <p class="text-base leading-6 text-text-secondary line-clamp-2">
                                Hiring dozens of production workers within tight deadlines can overwhelm HR teams. Explore how leading manufacturers fill high-volume roles faster.
                            </p>
                        </div>
                        <p class="pt-6 mt-auto text-base font-semibold text-text-primary">
                            31st July 2026
                        </p>
                    </div>
                </li>
                            <li class="flex flex-col gap-6 p-4 w-5/6 rounded-base border transition-colors duration-150 ease-out shrink-0 sm:w-96 lg:w-[calc((100%-3rem)/3)] border-surface-stroke hover:border-black snap-start bg-white">
                    <a href="https://www.jobberman.com/discover/how-to-thrive-as-a-remote-worker-in-nigeria?utm_source=google&amp;utm_medium=organic&amp;utm_campaign=rss" target="_blank" rel="noopener" class="block overflow-hidden relative rounded-3xl bg-surface-beige shrink-0">
                                                    <img
                                src="https://www.jobberman.com/discover/wp-content/uploads/2026/07/black-woman-working-in-office-202607291621-1-378x198.jpeg"
                                alt="How to Thrive as a Remote Worker in Nigeria"
                                loading="lazy"
                                decoding="async"
                                class="object-cover w-full h-[253px]"
                            >
                                                                            <span class="flex absolute top-4 left-4 gap-2 items-center">
                                                                    <img
                                        src="https://secure.gravatar.com/avatar/377b62f4b233dc04e479bf8a3ff9576fe73f5b87231fa83eba90ad774f44bc82?s=96&amp;d=mm&amp;r=g"
                                        alt="Omolola Oni"
                                        loading="lazy"
                                        decoding="async"
                                        class="object-cover w-10 h-10 rounded-full border-2 border-white"
                                    >
                                                                <span class="flex items-center py-2 pr-2 pl-3 h-9 text-base font-semibold text-white rounded-[10px] bg-black/40 backdrop-blur-[10px]">
                                    Omolola Oni
                                </span>
                            </span>
                                            </a>
                    <div class="flex flex-col flex-1">
                        <div class="flex flex-col gap-6">
                            <a href="https://www.jobberman.com/discover/how-to-thrive-as-a-remote-worker-in-nigeria?utm_source=google&amp;utm_medium=organic&amp;utm_campaign=rss"
                               target="_blank"
                               rel="noopener"
                               class="text-2xl font-semibold leading-7 text-text-primary hover:text-btn-tertiary line-clamp-2">
                                How to Thrive as a Remote Worker in Nigeria
                            </a>
                            <p class="text-base leading-6 text-text-secondary line-clamp-2">
                                Discover practical tips to boost productivity, manage power and internet challenges,  improve work-life balance and thrive as a remote worker in Nigeria.
                            </p>
                        </div>
                        <p class="pt-6 mt-auto text-base font-semibold text-text-primary">
                            29th July 2026
                        </p>
                    </div>
                </li>
                    </ul>

        <div class="reveal reveal-delay-2 flex justify-end">
            <a href="/discover"
               class="flex gap-2 items-center text-sm lg:text-base text-btn-tertiary hover:text-btn-tertiary-hover">
                View blog
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>            </a>
        </div>
    </section>

    <script type="text/javascript">
        function blogPostsCarousel() {
            return {
                atStart: true,
                atEnd: false,
                hasOverflow: false,

                init() {
                    this.updateArrows();
                    window.addEventListener('resize', () => this.updateArrows(), { passive: true });
                },

                cardStep() {
                    const card = this.$refs.track.querySelector('li');

                    return card ? card.getBoundingClientRect().width + 24 : 450;
                },

                scrollPrev() {
                    this.$refs.track.scrollBy({ left: -this.cardStep(), behavior: 'smooth' });
                },

                scrollNext() {
                    this.$refs.track.scrollBy({ left: this.cardStep(), behavior: 'smooth' });
                },

                updateArrows() {
                    const track = this.$refs.track;
                    this.atStart = track.scrollLeft <= 4;
                    this.atEnd = track.scrollLeft + track.clientWidth >= track.scrollWidth - 4;
                    this.hasOverflow = track.scrollWidth > track.clientWidth + 4;
                },
            };
        }
    </script>
<section class="container flex justify-center">
    <a
        href="https://google.com/preferences/source?q=jobberman.com"
        target="_blank"
        rel="noopener nofollow"
        class="inline-flex gap-1 justify-center items-center py-3 px-4 text-base text-center rounded-2xl font-jakarta cta-secondary"
    >
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 27 27" version="1.1" class="shrink-0" role="presentation" aria-hidden="true">
    <title>google-icon</title>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Social-Login-Split-Screen" transform="translate(-433.000000, -366.000000)" fill-rule="nonzero">
            <g id="google-icon" transform="translate(433.000000, 366.000000)">
                <path d="M26.6860465,14.033624 C26.6860465,12.9351692 26.5944066,12.1335859 26.3960814,11.3023256 L13.5,11.3023256 L13.5,16.2602103 L21.069709,16.2602103 C20.9171512,17.4923135 20.0930233,19.3478362 18.2615928,20.5946755 L18.235921,20.7606615 L22.3134235,23.8330396 L22.5959185,23.8604651 C25.1903485,21.5299072 26.6860465,18.1008946 26.6860465,14.033624" id="Path" fill="#4285F4"/>
                <path d="M13.4695227,27 C17.0660292,27 20.0853274,25.8171811 22.2906977,23.776984 L18.0872909,20.5243084 C16.9624643,21.3078941 15.4527642,21.854916 13.4695227,21.854916 C9.94699104,21.854916 6.95728277,19.5338185 5.89153406,16.3255814 L5.73531948,16.3388314 L1.62353954,19.5175108 L1.56976744,19.6668283 C3.76024071,24.0134459 8.25964912,27 13.4695227,27" id="Path" fill="#34A853"/>
                <path d="M5.96511628,16.1462357 C5.68838693,15.3238556 5.52823333,14.4426544 5.52823333,13.5321946 C5.52823333,12.6216336 5.68838693,11.7405337 5.95055686,10.9181535 L5.94322695,10.7430067 L1.84620672,7.53488372 L1.71215967,7.59917172 C0.823733938,9.39083266 0.313953488,11.4027939 0.313953488,13.5321946 C0.313953488,15.6615953 0.823733938,17.6734553 1.71215967,19.4651163 L5.96511628,16.1462357" id="Path" fill="#FBBC05"/>
                <path d="M13.4187608,5.14498211 C15.9093607,5.14498211 17.5894032,6.22424707 18.547381,7.12616562 L22.2906977,3.45957978 C19.9917136,1.31582874 16.9999253,0 13.4187608,0 C8.23111146,0 3.7508966,2.98645221 1.56976744,7.33306975 L5.85836643,10.6744186 C6.93430074,7.46618148 9.91125554,5.14498211 13.4187608,5.14498211" id="Path" fill="#EB4335"/>
            </g>
        </g>
    </g>
</svg>        Set Jobberman as your preferred source on Google
    </a>
</section>
<section id="testimonials" class="flex overflow-hidden flex-col gap-4 py-8 mx-auto w-full lg:gap-8 lg:py-16 font-jakarta max-w-[1920px]">
    <h2 class="reveal px-4 font-extrabold leading-10 lg:px-16 text-display-sm lg:text-display-lg lg:leading-tight text-text-primary">
        Why people trust us
    </h2>

    <ul class="flex px-4 lg:px-16 w-max animate-marquee motion-reduce:animate-none">
                                    <li
                                        class="flex flex-col gap-6 p-4 mr-4 w-80 rounded-base lg:mr-6 lg:w-[398.6px] shrink-0 bg-surface-warm"
                >
                    <div class="flex gap-4 items-center">
                        <img
                            src="/static-assets/img/home-testimonials/avatar-1.webp"
                            alt="Adifemi A."
                            loading="lazy"
                            decoding="async"
                            class="object-cover w-16 h-16 rounded-full border-2 border-white"
                        >
                        <p class="text-2xl font-semibold leading-7 text-black">
                            Adifemi A.
                        </p>
                    </div>
                    <div class="flex flex-col flex-1">
                        <p class="text-base leading-6 text-black">
                            &quot;Jobberman helped me secure three jobs without connections and advance my career to Collection Manager.&quot;
                        </p>
                        <div class="flex items-center pt-6 mt-auto">
                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                    </div>
                    </div>
                </li>
                            <li
                                        class="flex flex-col gap-6 p-4 mr-4 w-80 rounded-base lg:mr-6 lg:w-[398.6px] shrink-0 bg-surface-warm"
                >
                    <div class="flex gap-4 items-center">
                        <img
                            src="/static-assets/img/home-testimonials/avatar-2.webp"
                            alt="Luke I."
                            loading="lazy"
                            decoding="async"
                            class="object-cover w-16 h-16 rounded-full border-2 border-white"
                        >
                        <p class="text-2xl font-semibold leading-7 text-black">
                            Luke I.
                        </p>
                    </div>
                    <div class="flex flex-col flex-1">
                        <p class="text-base leading-6 text-black">
                            &quot;Jobberman&#039;s training boosted my confidence, sharpened my interview skills, and helped me grow professionally.&quot;
                        </p>
                        <div class="flex items-center pt-6 mt-auto">
                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                    </div>
                    </div>
                </li>
                            <li
                                        class="flex flex-col gap-6 p-4 mr-4 w-80 rounded-base lg:mr-6 lg:w-[398.6px] shrink-0 bg-surface-warm"
                >
                    <div class="flex gap-4 items-center">
                        <img
                            src="/static-assets/img/home-testimonials/avatar-3.webp"
                            alt="Nancy A."
                            loading="lazy"
                            decoding="async"
                            class="object-cover w-16 h-16 rounded-full border-2 border-white"
                        >
                        <p class="text-2xl font-semibold leading-7 text-black">
                            Nancy A.
                        </p>
                    </div>
                    <div class="flex flex-col flex-1">
                        <p class="text-base leading-6 text-black">
                            The tool had been impactful to me by generating my CV, cover letter and as well negotiating on salary scale, job searched and applications with much ease.
                        </p>
                        <div class="flex items-center pt-6 mt-auto">
                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                    </div>
                    </div>
                </li>
                            <li
                                        class="flex flex-col gap-6 p-4 mr-4 w-80 rounded-base lg:mr-6 lg:w-[398.6px] shrink-0 bg-surface-warm"
                >
                    <div class="flex gap-4 items-center">
                        <img
                            src="/static-assets/img/home-testimonials/avatar-4.webp"
                            alt="Patrick M."
                            loading="lazy"
                            decoding="async"
                            class="object-cover w-16 h-16 rounded-full border-2 border-white"
                        >
                        <p class="text-2xl font-semibold leading-7 text-black">
                            Patrick M.
                        </p>
                    </div>
                    <div class="flex flex-col flex-1">
                        <p class="text-base leading-6 text-black">
                            It is a very helpful tool. It has solved a large number of serious CV-related questions and helped me create a good ATS-friendly CV.
                        </p>
                        <div class="flex items-center pt-6 mt-auto">
                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#DED8CA"/>
</g>
</svg>                                                                                    </div>
                    </div>
                </li>
                            <li
                                        class="flex flex-col gap-6 p-4 mr-4 w-80 rounded-base lg:mr-6 lg:w-[398.6px] shrink-0 bg-surface-warm"
                >
                    <div class="flex gap-4 items-center">
                        <img
                            src="/static-assets/img/home-testimonials/avatar-5.webp"
                            alt="Emmanuel E."
                            loading="lazy"
                            decoding="async"
                            class="object-cover w-16 h-16 rounded-full border-2 border-white"
                        >
                        <p class="text-2xl font-semibold leading-7 text-black">
                            Emmanuel E.
                        </p>
                    </div>
                    <div class="flex flex-col flex-1">
                        <p class="text-base leading-6 text-black">
                            One of the biggest ways it supported me was it helped me keep my CV and cover letter aligned with each job requirements. Customizing every application made me stand out and improved my chances with recruiters.
                        </p>
                        <div class="flex items-center pt-6 mt-auto">
                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                    </div>
                    </div>
                </li>
                                                <li
                     aria-hidden="true"                     class="flex flex-col gap-6 p-4 mr-4 w-80 rounded-base lg:mr-6 lg:w-[398.6px] shrink-0 bg-surface-warm"
                >
                    <div class="flex gap-4 items-center">
                        <img
                            src="/static-assets/img/home-testimonials/avatar-1.webp"
                            alt="Adifemi A."
                            loading="lazy"
                            decoding="async"
                            class="object-cover w-16 h-16 rounded-full border-2 border-white"
                        >
                        <p class="text-2xl font-semibold leading-7 text-black">
                            Adifemi A.
                        </p>
                    </div>
                    <div class="flex flex-col flex-1">
                        <p class="text-base leading-6 text-black">
                            &quot;Jobberman helped me secure three jobs without connections and advance my career to Collection Manager.&quot;
                        </p>
                        <div class="flex items-center pt-6 mt-auto">
                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                    </div>
                    </div>
                </li>
                            <li
                     aria-hidden="true"                     class="flex flex-col gap-6 p-4 mr-4 w-80 rounded-base lg:mr-6 lg:w-[398.6px] shrink-0 bg-surface-warm"
                >
                    <div class="flex gap-4 items-center">
                        <img
                            src="/static-assets/img/home-testimonials/avatar-2.webp"
                            alt="Luke I."
                            loading="lazy"
                            decoding="async"
                            class="object-cover w-16 h-16 rounded-full border-2 border-white"
                        >
                        <p class="text-2xl font-semibold leading-7 text-black">
                            Luke I.
                        </p>
                    </div>
                    <div class="flex flex-col flex-1">
                        <p class="text-base leading-6 text-black">
                            &quot;Jobberman&#039;s training boosted my confidence, sharpened my interview skills, and helped me grow professionally.&quot;
                        </p>
                        <div class="flex items-center pt-6 mt-auto">
                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                    </div>
                    </div>
                </li>
                            <li
                     aria-hidden="true"                     class="flex flex-col gap-6 p-4 mr-4 w-80 rounded-base lg:mr-6 lg:w-[398.6px] shrink-0 bg-surface-warm"
                >
                    <div class="flex gap-4 items-center">
                        <img
                            src="/static-assets/img/home-testimonials/avatar-3.webp"
                            alt="Nancy A."
                            loading="lazy"
                            decoding="async"
                            class="object-cover w-16 h-16 rounded-full border-2 border-white"
                        >
                        <p class="text-2xl font-semibold leading-7 text-black">
                            Nancy A.
                        </p>
                    </div>
                    <div class="flex flex-col flex-1">
                        <p class="text-base leading-6 text-black">
                            The tool had been impactful to me by generating my CV, cover letter and as well negotiating on salary scale, job searched and applications with much ease.
                        </p>
                        <div class="flex items-center pt-6 mt-auto">
                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                    </div>
                    </div>
                </li>
                            <li
                     aria-hidden="true"                     class="flex flex-col gap-6 p-4 mr-4 w-80 rounded-base lg:mr-6 lg:w-[398.6px] shrink-0 bg-surface-warm"
                >
                    <div class="flex gap-4 items-center">
                        <img
                            src="/static-assets/img/home-testimonials/avatar-4.webp"
                            alt="Patrick M."
                            loading="lazy"
                            decoding="async"
                            class="object-cover w-16 h-16 rounded-full border-2 border-white"
                        >
                        <p class="text-2xl font-semibold leading-7 text-black">
                            Patrick M.
                        </p>
                    </div>
                    <div class="flex flex-col flex-1">
                        <p class="text-base leading-6 text-black">
                            It is a very helpful tool. It has solved a large number of serious CV-related questions and helped me create a good ATS-friendly CV.
                        </p>
                        <div class="flex items-center pt-6 mt-auto">
                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#DED8CA"/>
</g>
</svg>                                                                                    </div>
                    </div>
                </li>
                            <li
                     aria-hidden="true"                     class="flex flex-col gap-6 p-4 mr-4 w-80 rounded-base lg:mr-6 lg:w-[398.6px] shrink-0 bg-surface-warm"
                >
                    <div class="flex gap-4 items-center">
                        <img
                            src="/static-assets/img/home-testimonials/avatar-5.webp"
                            alt="Emmanuel E."
                            loading="lazy"
                            decoding="async"
                            class="object-cover w-16 h-16 rounded-full border-2 border-white"
                        >
                        <p class="text-2xl font-semibold leading-7 text-black">
                            Emmanuel E.
                        </p>
                    </div>
                    <div class="flex flex-col flex-1">
                        <p class="text-base leading-6 text-black">
                            One of the biggest ways it supported me was it helped me keep my CV and cover letter aligned with each job requirements. Customizing every application made me stand out and improved my chances with recruiters.
                        </p>
                        <div class="flex items-center pt-6 mt-auto">
                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="star" d="M6.575 19.9615L8.00775 13.7922L3.22125 9.64425L9.5365 9.09625L12 3.279L14.4635 9.09625L20.7788 9.64425L15.9922 13.7922L17.425 19.9615L12 16.6885L6.575 19.9615Z" fill="#E4A61C"/>
</g>
</svg>                                                                                    </div>
                    </div>
                </li>
                        </ul>
</section>
<section class="container flex flex-col">
    <div class="banner-ad-fixed">
        <div
        x-data="bannerAd()"
        x-init="trackImpression()"
        @click="trackClick()"
        class="banner-ad banner-ad--desktop hidden lg:block"
        id="home-desktop-2"
        data-width="728"
        data-height="90"
        data-device-type="desktop"
        data-bn-click
        data-bn-impression
    >
        <a href="https://www.jobberman.com/account/cv-services?utm_source=dfp&amp;utm_medium=banner&amp;utm_campaign=AI+self+serve+tool&amp;utm_id=cv+services&amp;utm_content=no+experience%2C+no+problem" rel="noopener noreferrer" target="_blank">
            <img
                class="mt-2 mb-4 mx-auto"
                src="https://i.roamcdn.net/sdc-bn/default/58317cd236f36059667cd6d7adf4ef45/595e147b0dba0f29f6ca972868c46858/-/cde-bn-production/client-12/fIT2DIj84ZevWiF2QpkoE0UG35a6ESyE0gPsK4sS.png"
                alt="CDE Ad for slot home-desktop-2"
                loading="lazy"
                width="728"
                height="90"
            >
        </a>
    </div>

        <div
        x-data="bannerAd()"
        x-init="trackImpression()"
        @click="trackClick()"
        class="banner-ad banner-ad--mobile lg:hidden"
        id="home-mobile-2"
        data-width="320"
        data-height="50"
        data-device-type="mobile"
        data-bn-click
        data-bn-impression
    >
        <a href="https://www.jobberman.com/account/cv-services?utm_source=dfp&amp;utm_medium=banner&amp;utm_campaign=AI+self+serve+tool&amp;utm_id=cv+services&amp;utm_content=no+experience%2C+no+problem" rel="noopener noreferrer" target="_blank">
            <img
                class="mt-2 mb-4 mx-auto"
                src="https://i.roamcdn.net/sdc-bn/default/e3858a108f45d640f7048ebadff3bbd4/fe3d59573ae231a0d5c89c6b830135b8/-/cde-bn-production/client-12/cgeXlBvFSVWEm0AHmqPGuHB6ekouyjJO2Lny5CZK.png"
                alt="CDE Ad for slot home-mobile-2"
                loading="lazy"
                width="320"
                height="50"
            >
        </a>
    </div>

    </div>
</section>
<section id="hiring-cta" class="flex flex-col gap-6 justify-center items-center px-4 text-center py-36 lg:py-16 lg:px-16 bg-btn-primary font-jakarta">
    <div class="reveal flex flex-col gap-4 items-center">
        <h2 class="italic font-medium leading-9 text-white text-display-sm lg:text-display-xl lg:leading-tight">
            <span class="font-semibold">Hiring?</span>
            Let&rsquo;s help you find the right talent faster.
        </h2>
        <p class="text-lg leading-7 lg:text-xl lg:leading-6 text-text-white-soft">
            Connect with over 3 million qualified candidates and discover the talent your business needs to grow.
        </p>
    </div>
    <a
        href="https://www.jobberman.com/employer"
        class="reveal reveal-delay-1 flex gap-2 items-center p-4 h-13 text-base bg-white rounded-full text-btn-primary w-fit hover:opacity-80 active:opacity-70 transition-opacity"
    >
        Learn more
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<mask id="mask-ds-arrow-circle-right" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask-ds-arrow-circle-right)">
<path id="expand_circle_right" d="M12.8182 12L10.3787 14.4396L11.1868 15.2477L14.4345 12L11.1868 8.75231L10.3787 9.56044L12.8182 12ZM12.0015 20C10.905 20 9.87048 19.7918 8.89802 19.3754C7.92557 18.959 7.07443 18.386 6.34462 17.6565C5.6148 16.927 5.04154 16.0762 4.62483 15.1042C4.20828 14.1322 4 13.0979 4 12.0015C4 10.8903 4.20821 9.85216 4.62462 8.88703C5.04103 7.9219 5.61399 7.07443 6.34352 6.34462C7.07304 5.6148 7.92381 5.04154 8.89582 4.62483C9.86784 4.20828 10.9021 4 11.9985 4C13.1097 4 14.1478 4.2082 15.113 4.62461C16.0781 5.04103 16.9256 5.61399 17.6554 6.34352C18.3852 7.07304 18.9585 7.92015 19.3752 8.88484C19.7917 9.84952 20 10.8874 20 11.9985C20 13.095 19.7918 14.1295 19.3754 15.102C18.959 16.0744 18.386 16.9256 17.6565 17.6554C16.927 18.3852 16.0799 18.9585 15.1152 19.3752C14.1505 19.7917 13.1126 20 12.0015 20Z" fill="currentColor"/>
</g>
</g>
</svg>    </a>
</section>
<section id="jobs-by-job-function" class="-mt-px bg-btn-primary font-jakarta">
        <div x-data="{ expanded: false }" class="flex flex-col gap-6 items-center py-8 px-4 lg:gap-10 lg:py-16 lg:px-16 rounded-t-3xl lg:rounded-t-4xl bg-surface-warm">
            <h2 class="reveal font-bold leading-10 text-center text-display-sm lg:text-display-lg lg:leading-tight text-text-primary">
                Discover opportunities in your field
            </h2>
            <ul class="reveal reveal-delay-1 flex flex-wrap gap-6 justify-center max-w-[1184px]">
                                    
                    <li
                                            >
                        <a
                            href="https://www.jobberman.com/jobs/accounting-auditing-finance"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Accounting, Auditing &amp; Finance
                        </a>
                    </li>
                                    
                    <li
                                            >
                        <a
                            href="https://www.jobberman.com/jobs/admin-office"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Admin &amp; Office
                        </a>
                    </li>
                                    
                    <li
                                            >
                        <a
                            href="https://www.jobberman.com/jobs/creative-design"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Creative &amp; Design
                        </a>
                    </li>
                                    
                    <li
                                            >
                        <a
                            href="https://www.jobberman.com/jobs/building-architecture"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Building &amp; Architecture
                        </a>
                    </li>
                                    
                    <li
                                            >
                        <a
                            href="https://www.jobberman.com/jobs/consulting-strategy"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Consulting &amp; Strategy
                        </a>
                    </li>
                                    
                    <li
                                            >
                        <a
                            href="https://www.jobberman.com/jobs/customer-service-support"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Customer Service &amp; Support
                        </a>
                    </li>
                                    
                    <li
                                            >
                        <a
                            href="https://www.jobberman.com/jobs/engineering-technology"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Engineering &amp; Technology
                        </a>
                    </li>
                                    
                    <li
                                            >
                        <a
                            href="https://www.jobberman.com/jobs/farming-agriculture"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Farming &amp; Agriculture
                        </a>
                    </li>
                                    
                    <li
                                            >
                        <a
                            href="https://www.jobberman.com/jobs/food-services-catering"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Food Services &amp; Catering
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/hospitality-leisure"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Hospitality &amp; Leisure
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/software-data"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Software &amp; Data
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/legal-services"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Legal Services
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/marketing-communications"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Marketing &amp; Communications
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/medical-pharmaceutical"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Medical &amp; Pharmaceutical
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/product-project-management"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Product &amp; Project Management
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/estate-agent-property-management"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Estate Agents &amp; Property Management
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/quality-control-assurance"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Quality Control &amp; Assurance
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/human-resources"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Human Resources
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/management-business-development"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Management &amp; Business Development
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/community-social-services"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Community &amp; Social Services
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/sales"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Sales
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/supply-chain-procurement"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Supply Chain &amp; Procurement
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/research-teaching-training"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Research, Teaching &amp; Training
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/trades-services"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Trades &amp; Services
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/driver-transport-services"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Driver &amp; Transport Services
                        </a>
                    </li>
                                    
                    <li
                         x-show="expanded" x-transition.opacity.duration.300ms class="lg:!list-item"                     >
                        <a
                            href="https://www.jobberman.com/jobs/health-safety"
                            class="flex items-center py-3 px-4 text-base leading-6 text-center rounded-full transition-colors duration-150 ease-out bg-badge-for-you text-text-primary hover:bg-surface-beige"
                        >
                            Health &amp; Safety
                        </a>
                    </li>
                            </ul>
                            <button
                    type="button"
                    @click="expanded = !expanded"
                    class="flex gap-1 items-center text-sm leading-5 lg:hidden text-text-primary focus:outline-none"
                >
                    <span x-show="!expanded">View all</span>
                    <span x-show="expanded" x-cloak>View less</span>
                    <span class="flex items-center justify-center transition-transform duration-150 ease-out shrink-0" :class="expanded ? 'rotate-180' : ''">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="shrink-0" role="presentation" aria-hidden="true">
<g id="Icons">
<path id="expand_circle_down" d="M10.0002 12.0289L12.7066 9.32251L12.0331 8.64906L10.0002 10.682L7.9672 8.64906L7.29375 9.32251L10.0002 12.0289ZM10.0014 16.6668C9.08765 16.6668 8.22556 16.4933 7.41518 16.1463C6.6048 15.7993 5.89552 15.3218 5.28734 14.7139C4.67916 14.106 4.20144 13.397 3.85419 12.587C3.50706 11.777 3.3335 10.9151 3.3335 10.0014C3.3335 9.07544 3.507 8.2103 3.85401 7.40602C4.20102 6.60175 4.67849 5.89552 5.28643 5.28734C5.89436 4.67916 6.60334 4.20144 7.41335 3.85419C8.22336 3.50706 9.08521 3.3335 9.99888 3.3335C10.9249 3.3335 11.79 3.507 12.5943 3.85401C13.3986 4.20102 14.1048 4.67849 14.713 5.28643C15.3212 5.89436 15.7989 6.60028 16.1461 7.40419C16.4933 8.2081 16.6668 9.07299 16.6668 9.99888C16.6668 10.9127 16.4933 11.7748 16.1463 12.5851C15.7993 13.3955 15.3218 14.1048 14.7139 14.713C14.106 15.3212 13.4 15.7989 12.5961 16.1461C11.7922 16.4933 10.9273 16.6668 10.0014 16.6668Z" fill="currentColor"/>
</g>
</svg>                    </span>
                </button>
                    </div>
    </section>
<script>
    (function () {
        var els = document.querySelectorAll('.reveal');
        if (!('IntersectionObserver' in window)) {
            els.forEach(function (el) { el.classList.add('reveal-visible'); });
            return;
        }
        var observer = new IntersectionObserver(function (entries) {
            entries.forEach(function (entry) {
                if (entry.isIntersecting) {
                    entry.target.classList.add('reveal-visible');
                    observer.unobserve(entry.target);
                }
            });
        }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });
        els.forEach(function (el) { observer.observe(el); });
    })();
</script>
                </main>

                                        <footer class="flex flex-col gap-8 p-4 w-full bg-white border-t lg:p-8 font-jakarta border-surface-stroke">
    <div class="flex flex-col gap-6 py-1 lg:flex-row lg:flex-wrap lg:justify-between lg:items-center">
        <a class="flex items-center shrink-0" href="https://www.jobberman.com">
            <img
                class="h-auto w-[180px]"
                width="180"
                height="47"
                src="/static-assets/img/ng/landscape.svg"
                alt="Jobberman"
                loading="lazy"
                decoding="async"
            />
        </a>
        <ul class="flex flex-col lg:flex-row lg:flex-wrap lg:items-center">
            <li>
                <a class="flex items-center py-2 h-10 text-base rounded-xl lg:px-4 text-text-link hover:text-btn-tertiary-hover" href="https://www.jobberman.com/about" data-cy="about-nav-footer">
                    About
                </a>
            </li>
                            <li>
                    <a class="flex items-center py-2 h-10 text-base rounded-xl lg:px-4 text-text-link hover:text-btn-tertiary-hover" href="https://www.jobberman.com/companies">
                        Companies Hiring
                    </a>
                </li>
                                        <li>
                    <a class="flex items-center py-2 h-10 text-base rounded-xl lg:px-4 text-text-link hover:text-btn-tertiary-hover" href="https://www.jobberman.com/privacy-policy">
                        Privacy Policy
                    </a>
                </li>
                        <li>
                <a class="flex items-center py-2 h-10 text-base rounded-xl lg:px-4 text-text-link hover:text-btn-tertiary-hover" href="https://www.jobberman.com/terms">
                    Terms
                </a>
            </li>
                            <li>
                    <a
                        href="https://www.jobberman.com/account/cv-services"
                        rel="nofollow"
                        class="flex items-center py-2 h-10 text-base rounded-xl lg:px-4 text-text-link hover:text-btn-tertiary-hover"
                    >
                        AI Career Tool
                    </a>
                </li>
                                                    <li>
                    <a href="https://www.jobberman.com/employer/skills-assessments" class="flex items-center py-2 h-10 text-base rounded-xl lg:px-4 text-text-link hover:text-btn-tertiary-hover">
                        Skills Assessments
                    </a>
                </li>
                                        <li>
                    <a
                        class="flex items-center py-2 h-10 text-base rounded-xl lg:px-4 text-text-link hover:text-btn-tertiary-hover"
                        href="https://static.jobberman.com/Jobberman_Nigeria_Product_Brochure_2025.pdf"
                        target="_blank"
                        rel="noopener noreferrer"
                        download
                    >
                        Product Brochure
                    </a>
                </li>
                    </ul>
    </div>

    <div class="flex flex-col gap-8 items-start lg:flex-row-reverse lg:justify-between lg:items-center">
                    <ul class="flex flex-wrap gap-2 items-center lg:gap-4">
                                    <li>
                        <a href="https://www.facebook.com/jobbermannigeria">
                            <img loading="lazy" decoding="async" src="/static-assets/img/social/facebook.svg" alt="Follow us on Facebook" width="48" height="48" />
                        </a>
                    </li>
                                                    <li>
                        <a href="https://www.instagram.com/jobbermannigeria/">
                            <img loading="lazy" decoding="async" src="/static-assets/img/social/instagram.svg" alt="Follow us on Instagram" width="48" height="48" />
                        </a>
                    </li>
                                                    <li>
                        <a href="https://www.linkedin.com/company/jobberman">
                            <img loading="lazy" decoding="async" src="/static-assets/img/social/linkedin.svg" alt="Follow us on LinkedIn" width="48" height="48" />
                        </a>
                    </li>
                                                    <li>
                        <a href="https://www.twitter.com/jobbermandotcom">
                            <img loading="lazy" decoding="async" src="/static-assets/img/social/x.svg" alt="Follow us on X" width="48" height="48" />
                        </a>
                    </li>
                                                    <li>
                        <a href="https://www.youtube.com/Jobbermandotcom">
                            <img loading="lazy" decoding="async" src="/static-assets/img/social/youtube.svg" alt="Follow us on YouTube" width="48" height="48" />
                        </a>
                    </li>
                                                    <li>
                        <a href="https://api.whatsapp.com/send/?phone=2348097202945&amp;text=Hi&amp;type=phone_number&amp;app_absent=0">
                            <img loading="lazy" decoding="async" src="/static-assets/img/social/whatsapp.svg" alt="Chat with us on Whatsapp" width="48" height="48" />
                        </a>
                    </li>
                                                    <li>
                        <a
                            rel="noopener noreferrer"
                            href="https://play.google.com/store/apps/details?id=com.jobberman&amp;utm_source=jobberman.com&amp;utm_campaign=google-play-badge&amp;pcampaignid=MKT-Other-global-all-co-prtnr-py-2artBadge-Mar2515-1"
                        >
                            <img loading="lazy" decoding="async" src="/static-assets/img/social/google-play.svg" alt="Get it on Google Play" width="48" height="48" />
                        </a>
                    </li>
                            </ul>
        
                    <a href="https://services.ndpc.gov.ng/portal/?page=verify-c&amp;d=ang41743642653&amp;id=60635&amp;sn=da35b9eb1a73f27543fcfb247660cd9e&amp;t=audit_filing&amp;tp=nwp_audit" class="flex justify-center items-center rounded-2xl bg-brand-tertiary-50 w-[90px] h-[90px] shrink-0">
                <img
                    loading="lazy"
                    decoding="async"
                    src="/static-assets/img/ng/ndpa.png"
                    alt="ndpa"
                    class="w-auto h-[60px]"
                />
            </a>
            </div>

    <p class="text-base lg:text-center text-text-secondary">
        &copy; 2026 Jobberman
    </p>
</footer>
                        
<script async src="https://www.jobberman.com/build/jobberman/external/mini-xhr.umd.min.js"></script>

<script defer type="module" src="https://www.jobberman.com/build/jobberman/assets/app-CnKJQTQQ.js"></script>


<script>
    
    
    window.ga_push_event = function (event, details) {
        const payload = Object.assign({'event': event}, details);
        window.dataLayer && window.dataLayer.push(payload);

        const eventValidationRules = {
            'generate_lead': {'method': 'required', 'application_type': 'required', 'form_state': 'required', 'listing_source': 'required', 'form_step': 'required', 'listing_id': 'required'},
            'sign_up': {'method': 'required', 'form_state': 'required', 'user_classification': 'required'},
            'subscribe_newsletter': {'method': 'required', 'form_state': 'required', 'user_classification': 'required'},
            'subscribe_alert': {'method': 'required', 'form_state': 'required', 'alert_channel': 'required', 'alert_frequency': 'required'},
            'share': {'link_url': 'required', 'method': 'required'}
        };

        if (eventValidationRules[event]) {
            const rules = eventValidationRules[event];
            for (let prop in rules) {
                const vMethod = rules[prop];
                if (vMethod === 'required' && (!payload[prop])) {
                    console.error("GA PUSH EVENT Error: ", payload);
                    break;
                }
            }
        }
    }
</script>
<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "Organization",
            "@id": "https://www.jobberman.com/#/schema/Organization/1",
            "name": "Jobberman Nigeria",
            "url": "https://www.jobberman.com",
            "logo": "https://www.jobberman.com/static-assets/img/jobberman-theme/opengraph-logo.png",
            "description": "Jobberman Nigeria is a job website and app",
            "alternateName": "jobberman.com",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "214 Broad Street",
                "addressLocality": "Lagos, Nigeria",
                "addressRegion": "Marina",
                "addressCountry": "Nigeria"
            },
            "email": "info@jobberman.com",
            "legalName": "Jobberman Nigeria",
            "telephone": "+2348139859999",
            "founder": [
                {
                    "@id": "https://www.jobberman.com/#/schema/Person/olalekan-olude"
                },
                {
                    "@id": "https://www.jobberman.com/#/schema/Person/ayodeji-adewunmi"
                },
                {
                    "@id": "https://www.jobberman.com/#/schema/Person/opeyemi-awoyemi"
                }
            ],
            "employee": [
                {
                    "@id": "https://www.jobberman.com/#/schema/Person/ore-boboye"
                }
            ],
            "parentOrganization": {
                "@id": "https://www.jobberman.com/#/schema/Organization/Ringier"
            },
            "contactPoint": [
                {
                    "@type": "ContactPoint",
                    "telephone": "+2348139859999",
                    "email": "info@jobberman.com",
                    "contactType": "Customer Support"
                }
            ],
            "sameAs": [
                "https://www.facebook.com/jobbermannigeria",
                "https://www.twitter.com/jobbermandotcom",
                "https://www.instagram.com/jobbermannigeria/",
                "https://www.linkedin.com/company/jobberman",
                "https://api.whatsapp.com/send/?phone=2348097202945&text=Hi&type=phone_number&app_absent=0",
                "https://www.youtube.com/Jobbermandotcom",
                "https://www.google.com/search?kgmid=/g/11flbt8lrf",
                "https://www.google.com/search?kgmid=/g/11g9m_vkjy",
                "https://www.crunchbase.com/organization/jobberman",
                "https://pitchbook.com/profiles/company/96262-84",
                "https://www.similarweb.com/website/jobberman.com/",
                "https://www.trustpilot.com/review/www.jobberman.com",
                "https://www.glassdoor.com/Salary/Jobberman-Nigeria-Salaries-EI_IE841887.0,9_IL.10,17_IN177.htm"
            ]
        },
        {
            "@type": "Organization",
            "@id": "https://www.jobberman.com/#/schema/Organization/Ringier",
            "name": "Ringier",
            "url": "https://www.ringier.com",
            "sameAs": [
                "https://en.wikipedia.org/wiki/Ringier",
                "https://www.google.com/search?kgmid=/m/0b6fsf"
            ]
        },
        {
            "@type": "Person",
            "@id": "https://www.jobberman.com/#/schema/Person/ore-boboye",
            "givenName": "Ore",
            "familyName": "Boboye",
            "jobTitle": "CEO of Jobberman Nigeria",
            "award": [],
            "sameAs": []
        },
        {
            "@type": "Person",
            "@id": "https://www.jobberman.com/#/schema/Person/olalekan-olude",
            "givenName": "Olalekan",
            "familyName": "Olude",
            "jobTitle": "Co-founder of Jobberman",
            "award": [],
            "sameAs": []
        },
        {
            "@type": "Person",
            "@id": "https://www.jobberman.com/#/schema/Person/ayodeji-adewunmi",
            "givenName": "Ayodeji",
            "familyName": "Adewunmi",
            "jobTitle": "Co-founder of Jobberman",
            "award": [],
            "sameAs": []
        },
        {
            "@type": "Person",
            "@id": "https://www.jobberman.com/#/schema/Person/opeyemi-awoyemi",
            "givenName": "Opeyemi",
            "familyName": "Awoyemi",
            "jobTitle": "Co-founder of Jobberman",
            "award": [],
            "sameAs": []
        },
        {
            "@type": "WebPage",
            "@id": "https://www.jobberman.com",
            "url": "https://www.jobberman.com",
            "name": "Find the right job vacancies in Nigeria",
            "description": "Take your next career step. Search for jobs, read career advice and sign up for alerts on the latest vacancies from top companies.",
            "datePublished": "2026-08-22T18:34:31.137165Z",
            "dateModified": "2026-08-22T18:34:31.137165Z",
            "isPartOf": {
                "@id": "https://www.jobberman.com/#/schema/WebSite/1"
            }
        },
        {
            "@type": "WebSite",
            "@id": "https://www.jobberman.com/#/schema/WebSite/1",
            "url": "https://www.jobberman.com",
            "name": "Jobberman Nigeria",
            "alternateName": "Jobberman Nigeria",
            "publisher": {
                "@id": "https://www.jobberman.com/#/schema/Organization/1"
            }
        }
    ]
}</script>



<div x-data="notificationHandler()" x-title="Toaster" x-init="init()"
     class="fixed lg:w-80 flex justify-center bottom-0 lg:left-[calc(50%-10rem)] lg:bottom-[auto] lg:top-[76px] w-full z-60 flex-col items-center shadow-custom-mobile lg:shadow-none">

    <div @mouseenter="pauseHide"
         @mouseleave="resumeHide"
         class="self-stretch lg:self-auto"
    >
        <!-- Notification container -->
        <div x-cloak x-show="show"
             class="flex w-full lg:w-fit flex-col gap-y-2 lg:my-3">
            <div
                class="flex lg:rounded-lg px-4 py-3 gap-x-3 bg-[#389660] w-full lg:w-fit transition-opacity duration-500 gap-y-2 flex-wrap"
                x-transition:leave.duration.500ms
                x-bind:class="{
                'bg-[#389660]': ['success', 'permanent-success'].includes(type),
                'bg-[#D42B3D]': ['error', 'permanent-error'].includes(type),
                'bg-brand-secondary-600': ['info', 'warning', 'permanent-info', 'permanent-warning', 'permanent-message'].includes(type),
            }"
            >
                <div class="gap-x-4 w-full flex justify-between items-center">
                    <div class="flex gap-x-2 items-center ">
                        <!-- SUCCESS SVG -->
                        <span>
                            <svg x-cloak x-show="type === 'success'" width="24" height="24" viewBox="0 0 24 24" fill="none"
                                                         xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M8.66667 12L10.8889 14.2222L15.3333 9.77778M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
                                stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                        </span>

                        <!-- ERROR SVG -->
                        <span>
                            <svg x-cloak x-show="type === 'error'" width="24" height="24" viewBox="0 0 24 24" fill="none"
                                                         xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M12 7.55556V12M12 16.4444H12.0111M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
                                stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                        </span>

                        <!-- OTHER SVG -->
                        <span>
                            <svg x-cloak x-show="['error', 'success'].indexOf(type) === -1" width="24" height="24"
                               viewBox="0 0 24 24" fill="none"
                               xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M12 7.55556V12M12 16.4444H12.0111M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
                                stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                        </span>

                        <p class="text-sm leading-5 font-normal text-white flex-inline capitalize" x-html="message"></p>
                    </div>
                    <div @click="hideNotification">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none" class="text-white cursor-pointer" role="presentation" aria-hidden="true">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L10 8.58579L14.2929 4.29289C14.6834 3.90237 15.3166 3.90237 15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L11.4142 10L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L10 11.4142L5.70711 15.7071C5.31658 16.0976 4.68342 16.0976 4.29289 15.7071C3.90237 15.3166 3.90237 14.6834 4.29289 14.2929L8.58579 10L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z"/>
</svg>                    </div>
                </div>
            </div>
        </div>
        
        <div x-cloak x-show="show && isExtraTongue"
             class="flex flex-col p-3 lg:border lg:rounded-md bg-white gap-y-4 lg:border-[#389660]"
        >
            <div class="flex gap-y-3 flex-col">
                <div class="flex items-center gap-x-2">
            <input type="hidden" name="email_notification" value="0" />
    
    <div class="flex justify-start">
        <input
            type="checkbox"
            id="6a89ebb7235a7" class="rounded border-gray-300 transition text-brand-secondary duration-150 focus:ring-brand-secondary ease-in-out disabled:cursor-not-allowed disabled:bg-gray-300 disabled:border-gray-200 cursor-pointer text-sm not-italic font-medium leading-5 text-gray-700" name="email_notification" value="0"
        />
    </div>

            <div class="flex justify-start items-center">
            <label class="cursor-pointer text-gray-700 text-sm leading-5 font-medium " for="6a89ebb7235a7">
                Email Notification
                            </label>
        </div>
    </div>
                <div class="flex items-center gap-x-2">
            <input type="hidden" name="browser_notification" value="0" />
    
    <div class="flex justify-start">
        <input
            type="checkbox"
            id="6a89ebb7235e6" class="rounded border-gray-300 transition text-brand-secondary duration-150 focus:ring-brand-secondary ease-in-out disabled:cursor-not-allowed disabled:bg-gray-300 disabled:border-gray-200 cursor-pointer text-sm not-italic font-medium leading-5 text-gray-700" name="browser_notification" value="0"
        />
    </div>

            <div class="flex justify-start items-center">
            <label class="cursor-pointer text-gray-700 text-sm leading-5 font-medium " for="6a89ebb7235e6">
                Browser Notification
                            </label>
        </div>
    </div>
            </div>
            <div>
                <div
        x-data="multiSelect(JSON.parse('[{\u0022label\u0022:\u0022\u0022,\u0022items\u0022:[{\u0022id\u0022:\u00220\u0022,\u0022name\u0022:\u0022option one\u0022},{\u0022id\u0022:\u00221\u0022,\u0022name\u0022:\u0022option two\u0022},{\u0022id\u0022:\u00222\u0022,\u0022name\u0022:\u0022option three\u0022}]}]'), JSON.parse('[\u00220\u0022]'), 1, 'email_frequency', 1, null)"
        x-on:keydown.escape.prevent.stop="close()"
        class="relative flex flex-col space-y-1 grow"
    >

        <div class="relative flex flex-col">
            <button
                x-ref="email_frequencyButton"
                x-on:click="toggle()"
                x-on:keydown.down.prevent.stop="incrementIndex"
                x-on:keydown.up.prevent.stop="decrementIndex"
                type="button"
                style="padding-top: 0.55rem; padding-bottom: 0.60rem;"
                class="w-full h-10 flex pl-3 flex-row justify-between items-center text-left text-sm not-italic font-normal leading-5 text-gray-500 px-2 border border-gray-300 hover:border-gray-400 focus:border-gray-400 rounded-md focus-within:outline-none text-sm not-italic font-normal leading-5 text-gray-500 h-[38px]"
            >
                                <template x-if="hasSelection && true">
                    <div class="flex gap-x-1 items-center truncate">
                        <ul class="flex gap-x-1 items-center max-w-[224px]">
                            <li class="truncate">
                                <span x-text="selection[0]?.name"></span>
                            </li>
                        </ul>
                    </div>
                </template>

                                <div class="ml-auto flex gap-x-2">
                    <div
                        style="display:none"
                        x-show="selected.length > 1"
                        class="cursor-pointer text-xs font-normal leading-4 text-white bg-brand-secondary flex gap-x-1 rounded-full items-center px-2">
                        <div>+</div>
                        <span x-text="selected.length - 1"></span>
                    </div>
                    <svg
                        class="flex-shrink-0 h-5 w-5 transition-transform fill-brand-primary"
                        viewBox="0 0 20 20"
                        x-bind:class="classChevron"
                    >
                        <path
                            fill-rule="evenodd"
                            d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                            clip-rule="evenodd"
                        />
                    </svg>
                </div>
            </button>

            <ul
                role="listbox"
                x-ref="email_frequencyPanel"
                style="display:none"
                x-show="open"
                x-transition.origin.top
                x-on:click.outside="close()"
                class="z-20 bg-white rounded-md border border-gray-300 shadow-md min-w-full max-h-[266px] overflow-y-auto absolute top-[3rem]"
                x-on:scroll.passive="loadMoreOptions()"
                x-on:mouseenter.once="$nextTick(() => {
                    
                    const container = $refs['email_frequencyPanel'];
                    if (container && container.scrollHeight > container.clientHeight && container.scrollHeight > 0) {
                        loadMoreOptions();
                    }
                })"
            >
                
                
                
                <template x-for="group in visibleItems" :key="group.label">
                    <li>
                                                    <template x-if="group.label !== ''">
                                <div
                                    class="px-4 py-2 text-base not-italic font-semibold leading-6 bg-brand-primary-50"
                                    x-text="group.label">
                                </div>
                            </template>
                                                <template x-for="(item, i) in group.items" :key="item.id">
                            <li
                                role="option"
                                x-show="true || item.id !== ''"
                                x-bind:class="classes(item, i)"
                                class="flex first:rounded-t-md last:rounded-b-md grow items-center gap-x-3 py-3 px-4 text-sm leading-5"
                                @click="clearAll(false); toggleItem(item); close();"
                                                            >
                                                                    <span
                                        class="cursor-pointer text-sm not-italic text-gray-700"
                                        x-bind:class="{'font-medium text-gray-900': isSelected(item)}"
                                        x-text="item.name">
                                    </span>
                                                            </li>
                        </template>
                    </li>
                </template>

            </ul>
        </div>

                    <select x-ref="email_frequencySelect" class="absolute -left-[9999px] opacity-0 pointer-events-none text-sm not-italic font-normal leading-5 text-gray-500 h-[38px]" name="email_frequency" placeholder="Email Frequency" id="email_frequency">
                <template x-for="id in selected" :key="id">
                    <option selected :value="id"></option>
                </template>
            </select>
        
    </div>
            </div>
            <div class="flex justify-center items-center text-sm not-italic font-normal leading-5 text-gray-700">
                Or
                <button class="hover:underline text-link-500 font-semibold px-1">Manage</button>
                your alerts
            </div>
        </div>
    </div>
</div>
<script>
    function sanitize(input) {
        return input.replace(/&/g, "&amp;")    // Escape &
            .replace(/</g, "&lt;")    // Escape <
            .replace(/>/g, "&gt;")    // Escape >
            .replace(/"/g, "&quot;")  // Escape "
            .replace(/'/g, "&#039;")  // Escape '
            .replace(/&lt;br\s*\/?&gt;/gi, "<br>"); // Restore valid <br> tags
    }

    function notificationHandler() {
        return {
            show: false,
            message: '',
            type: 'info',
            timeout: null,
            isExtraTongue: false,

            init() {
                window.addEventListener('newNotification', (event) => {
                    this.showNotification(event.detail.message, event.detail.type, event.detail.extraTongue);
                });
            },

            showNotification(message, type, extraTongue) {
                this.message = !type.startsWith('permanent-') ? sanitize(message) : message;
                this.type = type;
                this.show = true;

                if (extraTongue) {
                    this.isExtraTongue = true;
                }

                if (!type.startsWith('permanent-')) {
                    if (this.timeout) {
                        clearTimeout(this.timeout);
                    }

                    this.timeout = setTimeout(() => {
                        this.hideNotification();
                    }, 3000);
                }
            },

            pauseHide() {
                if (this.timeout !== null) {
                    clearTimeout(this.timeout);
                    this.timeout = -1;
                }
            },

            resumeHide() {
                if (this.timeout === -1) {
                    this.timeout = setTimeout(() => {
                        this.hideNotification();
                    }, 5000);
                }
            },

            hideNotification() {
                this.show = false;
                this.isExtraTongue = false;
            }
        }
    }
</script>



<style>
/* Onetrust LCP hack */
#onetrust-banner-sdk{animation-duration:.2s!important;animation-delay:0s!important;transition-duration:.2s!important;transition-delay:0s!important}

/* Make overlay fade quickly if you use it */
.onetrust-pc-dark-filter{animation:none!important}
/* MOBILE-ONLY OneTrust tweaks */
@media (max-width:768px){
    #onetrust-banner-sdk{position:fixed!important;bottom:12px!important;right:12px!important;left:12px!important;top:auto!important;max-width:none!important;width:auto!important;max-height:min(280px,45vh)!important;overflow-y:auto!important;padding:14px 16px!important;box-sizing:border-box!important;border-radius:10px!important;box-shadow:0 6px 16px rgba(0,0,0,.18)!important;font-size:.9rem!important;line-height:1.35!important;z-index:2147483647!important;background-color:#fff!important}

    #onetrust-banner-sdk #onetrust-policy-text{margin-bottom:10px!important;max-height:none!important;overflow:visible!important}

    #onetrust-banner-sdk .ot-sdk-container,
    #onetrust-banner-sdk .ot-sdk-row,
    #onetrust-banner-sdk .ot-sdk-column{margin:0!important;padding:0!important}

    #onetrust-banner-sdk #onetrust-button-group{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:flex-start!important}

    #onetrust-banner-sdk .ot-sdk-button,
    #onetrust-banner-sdk button{font-size:.9rem!important;padding:7px 12px!important;min-width:auto!important;white-space:nowrap!important}
}
</style>
</body>
</html>
