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

            <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" 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/inter-v11-latin-700.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-Dy8304B2.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")}@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}*,: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:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";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,Liberation Mono,Courier New,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}.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-\[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-\[276px\]{top:-276px}.-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-\[-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-\[-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%}.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}.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}.\!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}.\!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}.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-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}.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-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-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-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-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[208px\]{height:208px}.h-\[225px\]{height:225px}.h-\[248px\]{height:248px}.h-\[24px\]{height:24px}.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-\[45px\]{height:45px}.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-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-\[240px\]{min-height:240px}.min-h-\[32px\]{min-height:32px}.min-h-\[340px\]{min-height:340px}.min-h-\[390px\]{min-height:390px}.min-h-\[452px\]{min-height:452px}.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-\[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\/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-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-\[390px\]{width:390px}.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-\[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-16{max-width:4rem}.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-72{max-width:18rem}.max-w-7xl{max-width:80rem}.max-w-96{max-width:24rem}.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-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-sm{max-width:640px}.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-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-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-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-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 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}.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-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-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-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-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-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}.whitespace-pre-wrap{white-space:pre-wrap}.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-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.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-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.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:.5rem;border-bottom-right-radius:.5rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.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-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.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:.5rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.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:.5rem}.rounded-br-md{border-bottom-right-radius:.375rem}.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:.5rem}.rounded-tl-md{border-top-left-radius:.375rem}.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:.5rem}.rounded-tr-md{border-top-right-radius:.375rem}.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-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-\[rgba\(0\,0\,0\,0\.05\)\]{border-color:#0000000d}.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,.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-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-blue-600{--tw-border-opacity: 1;border-top-color:rgb(0 131 230 / var(--tw-border-opacity, 1))}.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-\[\#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-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\/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-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-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-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-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-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-300{--tw-bg-opacity: 1;background-color:rgb(238 170 177 / 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-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-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-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-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-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-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)}.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)}.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-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-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}.\!px-0{padding-left:0!important;padding-right:0!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-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-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-3\.5{padding-bottom:.875rem}.pb-4{padding-bottom:1rem}.pb-40{padding-bottom:10rem}.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}.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-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-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.\!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-\[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-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-\[24px\]{line-height:24px}.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.375}.leading-tight{line-height:1.25}.tracking-normal{letter-spacing:0em}.tracking-tight{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-\[\#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-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-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-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-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.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}.underline-offset-8{text-underline-offset:8px}.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))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.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 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -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 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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)}.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 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 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-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-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-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}.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)}.shadow-top{box-shadow:0 -1px 4px -1px #0000000f,0 0 1px -1px #0000001a}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;transition:all .3s ease;transform:translateY(-20px)}.dropdown-parent:hover .dropdown-child{visibility:visible;opacity:1;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 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:.375rem}.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-b-none:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.first\:rounded-t-lg:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.first\:rounded-t-md:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.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:.375rem}.last\:rounded-b-lg:last-child{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.last\:rounded-b-md:last-child{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.last\:rounded-t-none:last-child{border-top-left-radius:0;border-top-right-radius:0}.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\:-mb-0\.5:hover{margin-bottom:-.125rem}.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:.5rem}.hover\:rounded-md:hover{border-radius:.375rem}.hover\:border:hover{border-width:1px}.hover\:border-b-2:hover{border-bottom-width:2px}.hover\:border-none:hover{border-style:none}.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-gray-500:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / 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-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-\[\#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-50:hover{--tw-bg-opacity: 1;background-color:rgb(242 250 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-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(0 109 191 / 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-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-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-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\: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-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-90:hover{opacity:.9}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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)}.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\: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:.375rem;border-bottom-left-radius:.375rem}.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-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-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-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-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-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-link-500: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))}.disabled\:pointer-events-none:disabled{pointer-events:none}.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\: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-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\: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-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-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 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:.375rem;border-bottom-left-radius:.375rem}.max-lg\:rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.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: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-\[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-72{width:18rem}.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\: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-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:.5rem}.sm\:rounded-md{border-radius:.375rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:rounded-bl-lg{border-bottom-left-radius:.5rem}.sm\:rounded-br-lg{border-bottom-right-radius:.5rem}.sm\:rounded-tl-lg{border-top-left-radius:.5rem}.sm\:rounded-tr-lg{border-top-right-radius:.5rem}.sm\:object-contain{object-fit:contain}.sm\:p-0{padding:0}.sm\:p-10{padding:2.5rem}.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-16{padding-left:4rem;padding-right:4rem}.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-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-6{line-height:1.5rem}.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\:shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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)}.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\: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\: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\: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-\[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:.5rem}.md\:rounded-md{border-radius:.375rem}.md\:rounded-none{border-radius:0}.md\:rounded-xl{border-radius:.75rem}.md\:rounded-bl-lg{border-bottom-left-radius:.5rem}.md\:rounded-br-lg{border-bottom-right-radius:.5rem}.md\:rounded-br-md{border-bottom-right-radius:.375rem}.md\:rounded-tl-lg{border-top-left-radius:.5rem}.md\:rounded-tr-lg{border-top-right-radius:.5rem}.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-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-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-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\: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-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-15{line-height:3.75rem}.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 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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)}.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-\[18rem\]{left:18rem}.lg\:left-\[calc\(50\%-10rem\)\]{left:calc(50% - 10rem)}.lg\:right-0{right:0}.lg\:top-0{top:0}.lg\:top-24{top:6rem}.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-4{margin-left:-1rem;margin-right:-1rem}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-3{margin-left:.75rem;margin-right:.75rem}.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-4{margin-left:1rem}.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-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\: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-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-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-\[528px\]{height:528px}.lg\:h-\[688px\]{height:688px}.lg\:h-\[calc\(100\%-160px\)\]{height:calc(100% - 160px)}.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-\[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-auto{width:auto}.lg\:w-fit{width:fit-content}.lg\:w-full{width:100%}.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\:grid-cols-1{grid-template-columns:repeat(1,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-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.lg\:flex-row{flex-direction:row}.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-3{gap:.75rem}.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-3xl{border-radius:1.5rem}.lg\:rounded-full{border-radius:9999px}.lg\:rounded-lg{border-radius:.5rem}.lg\:rounded-md{border-radius:.375rem}.lg\:rounded-none{border-radius:0}.lg\:rounded-xl{border-radius:.75rem}.lg\:rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.lg\:rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.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-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-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-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-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-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-\[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-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-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.375}.lg\:leading-tight{line-height:1.25}.lg\:shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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)}.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-6{margin-left:1.5rem;margin-right:1.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-10{margin-right:2.5rem}.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-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-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-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\:px-48{padding-left:12rem;padding-right:12rem}.xl\:px-8{padding-left:2rem;padding-right:2rem}.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}}@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}}.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))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-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}
</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="qFpXL8XkL6jEdxtub8C7CTxXWHzSW9vfA8oOz8lM">

    <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-04-05T00: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="//" />
            
    <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-6703","page_country_code":"NG","page_language":"en-ng","content_type":"home","session_hash":"6bdde946ba26fdab056879fe548551f7","timestamp":1775393270,"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">
    <div class="flex px-4 w-full bg-white shadow lg:px-8">
        <div class="flex flex-col w-full h-16 bg-white lg:items-center lg:justify-between lg:flex-row">
            <div class="flex flex-row justify-between items-center w-full h-full whitespace-nowrap lg:justify-start overflow-hidden">
                
                <a class="flex items-center h-full" href="https://www.jobberman.com">
                    <img
                        class="mr-10 shrink-0"
                                                                                width="180"
                            height="47"
                                                    src="/static-assets/img/ng/landscape.svg"
                        alt="Jobberman"
                        fetchpriority="high"
                        loading="eager"
                        decoding="async"
                    />
                </a>

                <div class="flex flex-row justify-between items-center h-full">
                    
                    
                    <div class="hidden z-50 lg:flex mx-2 lg:mx-3 xl:mx-6 items-center hover:border-b-2 hover:border-brand-primary hover:-mb-0.5 h-16">
    <div class="dropdown-parent">
                                    
                <a
                    href="https://www.jobberman.com/job-seeker"
                    class=" inline-flex items-center mt-2 w-full md:w-auto md:inline md:mt-0
                 text-sm text-gray-500 whitespace-nowrap hover:text-brand-primary focus:text-brand-primary cursor-pointer"
                    data-cy="Job Seekers"
                >
                    <span>Job Seekers</span>
                    <svg aria-hidden="true" viewBox="0 0 20 20"
                         class="inline mt-1 ml-1 w-4 h-4 transition-transform duration-200 transform dropdown-indicator md:-mt-1">
                        <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"></path>
                    </svg>
                </a>
                    
        <div class="absolute lg:pt-4 w-full rounded-md dropdown-child md:w-64 z-40" role="menu">
            <div class="bg-white rounded-md"
                 style="box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.05); z-index: 999;">
                <a href="https://www.jobberman.com/jobs"
                           class="block p-4 mt-2 text-sm text-gray-500 rounded-t-md rounded-b-md lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary first:rounded-b-none last:rounded-md">
                            Job Vacancies
                        </a>
                                                    <a href="https://www.jobberman.com/account/cv-services"
                               rel="nofollow"
                               class="block p-4 mt-2 text-sm text-gray-500 lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary last:rounded-t-none last:rounded-md">
                                AI Career Tool
                            </a>
                                                                            <a href="/discover/job-search-advice"
                               class="block p-4 mt-2 text-sm text-gray-500 lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary last:rounded-t-none last:rounded-md">
                                Job Search Advice
                            </a>
                                                                            <a href="https://www.jobberman.com/learning"
                               class="block p-4 mt-2 text-sm text-gray-500 lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary last:rounded-t-none last:rounded-md">
                                My Learning
                            </a> 
            </div>
        </div>
    </div>
</div>

                    
                                                                    <div class="hidden z-50 lg:flex mx-2 lg:mx-3 xl:mx-6 items-center hover:border-b-2 hover:border-brand-primary hover:-mb-0.5 h-16">
    <div class="dropdown-parent">
                                    
                <a
                    href="/discover"
                    class=" inline-flex items-center mt-2 w-full md:w-auto md:inline md:mt-0
                 text-sm text-gray-500 whitespace-nowrap hover:text-brand-primary focus:text-brand-primary cursor-pointer"
                    data-cy="Career"
                >
                    <span>Career</span>
                    <svg aria-hidden="true" viewBox="0 0 20 20"
                         class="inline mt-1 ml-1 w-4 h-4 transition-transform duration-200 transform dropdown-indicator md:-mt-1">
                        <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"></path>
                    </svg>
                </a>
                    
        <div class="absolute lg:pt-4 w-full rounded-md dropdown-child md:w-64 z-40" role="menu">
            <div class="bg-white rounded-md"
                 style="box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.05); z-index: 999;">
                <a
                                    href="/discover/career-development"
                                    class="block p-4 mt-2 text-sm text-gray-500 rounded-t-md rounded-b-md lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary"
                                >
                                    Career Development
                                </a>
                                                            <a
                                    href="/discover/life-at-work"
                                    class="block p-4 mt-2 text-sm text-gray-500 rounded-t-md rounded-b-md lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary"
                                >
                                    Life at Work
                                </a>
                                                            <a
                                    href="/discover/job-market-news"
                                    class="block p-4 mt-2 text-sm text-gray-500 rounded-t-md rounded-b-md lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary"
                                >
                                    Job Market News
                                </a> 
            </div>
        </div>
    </div>
</div>
                    
                    
                                                <div class="hidden z-50 lg:flex mx-2 lg:mx-3 xl:mx-6 items-center hover:border-b-2 hover:border-brand-primary hover:-mb-0.5 h-16">
    <div class="dropdown-parent">
                                    
                <a
                    href="https://www.jobberman.com/employer"
                    class=" inline-flex items-center mt-2 w-full md:w-auto md:inline md:mt-0
                 text-sm text-gray-500 whitespace-nowrap hover:text-brand-primary focus:text-brand-primary cursor-pointer"
                    data-cy="Employers"
                >
                    <span>Employers</span>
                    <svg aria-hidden="true" viewBox="0 0 20 20"
                         class="inline mt-1 ml-1 w-4 h-4 transition-transform duration-200 transform dropdown-indicator md:-mt-1">
                        <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"></path>
                    </svg>
                </a>
                    
        <div class="absolute lg:pt-4 w-full rounded-md dropdown-child md:w-64 z-40" role="menu">
            <div class="bg-white rounded-md"
                 style="box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.05); z-index: 999;">
                <a href="https://www.jobberman.com/employer/skills-assessments"
                                   class="block p-4 mt-2 text-sm text-gray-500 lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary first:rounded-t-md last:rounded-b-md">
                                    Skills Assessments
                                </a>
                                                                                        <a href="https://www.jobberman.com/employer/executive-recruitment"
                                   class="block p-4 mt-2 text-sm text-gray-500 lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary first:rounded-t-md last:rounded-b-md">
                                    Executive Recruitment
                                </a>
                                                                                        <a href="https://www.jobberman.com/employer/pro-recruit"
                                   class="block p-4 mt-2 text-sm text-gray-500 lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary first:rounded-t-md last:rounded-b-md">
                                    Pro Recruit
                                </a>
                                                                                        <a href="https://www.jobberman.com/employer/standard-listing"
                                   class="block p-4 mt-2 text-sm text-gray-500 lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary first:rounded-t-md last:rounded-b-md">
                                    Standard Listing
                                </a>
                            
                                                                                        <a href="/discover/employers"
                                   class="block p-4 mt-2 text-sm text-gray-500 border-gray-300 border-1 lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary first:rounded-t-md last:rounded-b-md">
                                    Employers Corner
                                </a> 
            </div>
        </div>
    </div>
</div>
                    
                    
                                            <div class="hidden z-50 lg:flex mx-2 lg:mx-3 xl:mx-6 items-center hover:border-b-2 hover:border-brand-primary hover:-mb-0.5 h-16">
    <div class="dropdown-parent">
                                    
                <a
                    href="https://help-center.jobberman.com/portal/en/home"
                    class=" inline-flex items-center mt-2 w-full md:w-auto md:inline md:mt-0
                 text-sm text-gray-500 whitespace-nowrap hover:text-brand-primary focus:text-brand-primary cursor-pointer"
                    data-cy="Help Center"
                >
                    <span>Help Center</span>
                    <svg aria-hidden="true" viewBox="0 0 20 20"
                         class="inline mt-1 ml-1 w-4 h-4 transition-transform duration-200 transform dropdown-indicator md:-mt-1">
                        <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"></path>
                    </svg>
                </a>
                    
        <div class="absolute lg:pt-4 w-full rounded-md dropdown-child md:w-64 z-40" role="menu">
            <div class="bg-white rounded-md"
                 style="box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.05); z-index: 999;">
                <a href="https://www.jobberman.com/about#faq"
                               class="block p-4 mt-2 text-sm text-gray-500 rounded-t-md rounded-b-md lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary first:rounded-b-none last:rounded-b-md">
                                Frequently Asked Questions
                            </a>
                            <a href="https://www.jobberman.com/about#contact"
                               class="block p-4 mt-2 text-sm text-gray-500 rounded-b-md lg:mt-0 hover:text-brand-primary hover:bg-tri-hover focus:text-brand-primary first:rounded-b-none last:rounded-b-md">
                                Contact Us
                            </a> 
            </div>
        </div>
    </div>
</div>
                                    </div>
            </div>
            <div class="hidden flex-row justify-end items-center w-1/2 lg:flex lg:h-full">
                                    <a href="https://www.jobberman.com/account/login"
                       data-cy="login-button-navbar"
                       class="flex items-center mx-3 text-sm text-gray-500 cursor-pointer lg:mx-4 hover:text-brand-primary focus:text-brand-primary">
                        Log In
                    </a>
                    <span class="h-3 border-r border-gray-300 border-1"></span>
                    <a href="https://www.jobberman.com/account/sign-up"
                       rel="nofollow"
                       data-cy="sign-up-button-navbar"
                       class="flex items-center mx-3 text-sm text-gray-500 cursor-pointer lg:mx-4 hover:text-brand-primary focus:text-brand-primary">
                        Sign Up
                    </a>
                    <a href="https://www.jobberman.com/account/employer/jobs/create"
        class="flex items-center justify-center appearance-none font-medium text-center rounded-md text-sm px-4 h-10 bg-brand-primary border border-transparent text-white hover:bg-brand-primary-700 focus:outline-none focus:ring-2 focus:ring-brand-primary flex" title="Post A Job" aria-label="Post A Job" rel="nofollow">
        Post A Job
    </a>
                            </div>
        </div>
        <button
            class="ml-auto rounded-md lg:hidden focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-primary"
            @click="open = !open"
            :aria-label="open ? 'Close Menu' : 'Open Menu'"
            :title="open ? 'Close Menu' : 'Open Menu'"
        >
            <!-- Open Icon -->
            <svg x-show="!open" fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6" aria-hidden="true">
                <path fill-rule="evenodd"
                      d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
                      clip-rule="evenodd"></path>
            </svg>

            <!-- Close Icon -->
            <svg x-show="open" x-cloak fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6" aria-hidden="true">
                <path fill-rule="evenodd"
                      d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                      clip-rule="evenodd"></path>
            </svg>
        </button>
    </div>
    
    <nav x-show="open"
         x-cloak
         :class="{'flex': open, 'hidden': !open}"
         x-transition:enter="transition ease-out duration-150 transform"
         x-transition:enter-start="opacity-0 -translate-y-5"
         x-transition:enter-end="opacity-100 translate-y-0"
         x-transition:leave="transition ease-in duration-150 transform"
         x-transition:leave-start="opacity-100 translate-y-0"
         x-transition:leave-end="opacity-0 -translate-y-5"
         class="flex overflow-y-scroll absolute right-0 left-0 flex-col px-4 top-16 w-full h-screen bg-white lg:hidden"
    >
        <div class="flex flex-col justify-between">
            <div class="flex flex-row justify-between">
                <a href="https://www.jobberman.com/account/login"
        class="flex items-center justify-center appearance-none font-medium text-center rounded-md text-sm px-4 h-10 bg-brand-primary border border-transparent text-white hover:bg-brand-primary-700 focus:outline-none focus:ring-2 focus:ring-brand-primary mr-1 w-full text-center" title="Log In" aria-label="Log In">
        Log In
    </a>
                <a href="https://www.jobberman.com/account/sign-up"
        class="flex items-center justify-center appearance-none font-medium text-center rounded-md text-sm px-4 h-10 bg-white border border-brand-secondary text-brand-secondary hover:bg-brand-secondary-100 focus:outline-none focus:ring-2 focus:ring-brand-secondary ml-1 w-full text-center" title="Sign Up" aria-label="Sign Up">
        Sign Up
    </a>
            </div>
            <div class="flex flex-col py-5 space-y-5">
                <span class="flex flex-row items-center">
                    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="#000000" class="mr-2" role="presentation" aria-hidden="true"><path d="M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z"/></svg>                    <a href="https://www.jobberman.com/account/employer/jobs/create" class="text-base font-medium text-gray-500">
                        Post A Job
                    </a>
                </span>
                <span class="flex flex-row items-center">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="currentColor" class="mr-2" 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>                    <a href="https://www.jobberman.com/jobs" class="text-base font-medium text-gray-500">
                        Find a Job
                    </a>
                </span>
            </div>

            
            <div class="flex flex-col">
                <div class="pb-4">
                    <div class="py-2">
                        <a href="https://www.jobberman.com/job-seeker"
                           class="py-2 text-base font-medium text-link-500">
                            Job Seekers
                        </a>
                    </div>
                    <div class="flex flex-col pl-3 space-y-4 border-l-4 border-gray-300">
                        <a href="https://www.jobberman.com/jobs" class="text-gray-500">
                            Job Vacancies
                        </a>
                                                    <a href="https://www.jobberman.com/account/cv-services"
                               class="text-gray-500">
                                AI Career Tool
                            </a>
                                                                            <a href="/discover/job-search-advice"
                               class="text-gray-500">
                                Job Search Advice
                            </a>
                                                                            <a href="https://www.jobberman.com/learning"
                               class="text-gray-500">
                                My Learning
                            </a>
                                                                    </div>
                </div>

                
                                    <div class="pb-4">
                        <div class="py-2">
                            <a href="/discover"
                               class="py-2 text-base font-medium text-link-500">
                                Career
                            </a>
                        </div>
                        <div class="flex flex-col pl-3 space-y-4 border-l-4 border-gray-300">
                                                            <a
                                    href="/discover/career-development"
                                    class="text-gray-500"
                                >
                                    Career Development
                                </a>
                                                            <a
                                    href="/discover/life-at-work"
                                    class="text-gray-500"
                                >
                                    Life at Work
                                </a>
                                                            <a
                                    href="/discover/job-market-news"
                                    class="text-gray-500"
                                >
                                    Job Market News
                                </a>
                                                    </div>
                    </div>
                
                
                                    <div class="pb-4">
                        <div class="py-2">
                            <a href="https://www.jobberman.com/employer" class="text-base font-medium text-link-500">
                                Employers
                            </a>
                        </div>
                        <div class="flex flex-col pl-3 space-y-4 border-l-4 border-gray-300">
                                                            <a href="https://www.jobberman.com/employer/skills-assessments" class="text-gray-500">
                                    Skills Assessments
                                </a>
                                                                                        <a href="https://www.jobberman.com/employer/executive-recruitment" class="text-gray-500">
                                    Executive Recruitment
                                </a>
                            
                                                            <a href="https://www.jobberman.com/employer/pro-recruit" class="text-gray-500">
                                    Pro Recruit
                                </a>
                            
                                                            <a href="https://www.jobberman.com/employer/standard-listing" class="text-gray-500">
                                    Standard Listing
                                </a>
                                                                                                                                                <a href="/discover/employers"
                                   class="text-gray-500">
                                    Employers Corner
                                </a>
                                                    </div>
                    </div>
                
                
                                    <div class="pb-4">
                        <div class="py-2">
                            <a href="https://help-center.jobberman.com/portal/en/home"
                               class="text-base font-medium text-link-500">
                                Help Center
                            </a>
                        </div>
                        <div class="flex flex-col pl-3 space-y-4 border-l-4 border-gray-300">
                            <a href="https://www.jobberman.com/about#faq" class="text-gray-500">
                                Frequently Asked Questions
                            </a>
                            <a href="https://www.jobberman.com/about#contact" class="text-gray-500">
                                Contact Us
                            </a>
                        </div>
                    </div>
                            </div>
        </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:70,\u0022icon\u0022:\u0022lightning-bolt\u0022,\u0022rank\u0022:1,\u0022domain_id\u0022:5,\u0022banner_text\u0022:\u0022Skip the long forms. Upload your CV, complete your profile in seconds and apply for jobs.\u0022,\u0022banner_cta_text\u0022:\u0022Start now!\u0022,\u0022banner_cta_url\u0022:\u0022https:\\\/\\\/www.jobberman.com\\\/account\\\/customer\\\/job-seeker\u0022,\u0022online_at\u0022:\u00222026-03-26\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-03-26 08:19:03\u0022,\u0022updated_at\u0022:\u00222026-04-03 00:56:21\u0022}]'))"
        x-init="init()"
        class="flex flex-col sm:flex-row items-center p-4 lg:px-8 border-b shadow border-gray-200"
        style="background-color: #fff;"
        :style="(banners[activeSlide - 1] && banners[activeSlide - 1].background_style)
            ? banners[activeSlide - 1].background_style
            : 'background-color: #fff;'"
    >
        <div
            class="sm:flex-1 w-full sm:w-auto 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"
                    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 inline-flex items-center justify-center bg-brand-secondary h-fit p-2 rounded-md mr-3">
                                    <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="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                                </span>

                                <div class="flex items-center flex-wrap gap-2">
                                    <span class="text-gray-700">
                                        Skip the long forms. Upload your CV, complete your profile in seconds and apply for jobs.
                                    </span>

                                    
                                                                            <span class="text-link-500 font-medium">
                                            <a href="#">Start now!</a>
                                        </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 inline-flex items-center justify-center bg-brand-secondary h-fit p-2 rounded-md mr-3">
                                                                                            <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="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                                                                                    </span>
                                    
                                    <div class="flex items-center flex-wrap gap-2">
                                        <span class="text-gray-700">
                                            Skip the long forms. Upload your CV, complete your profile in seconds and apply for jobs.
                                        </span>

                                        
                                                                                    <span class="text-link-500 font-medium">
                                                <a
                                                    href="https://www.jobberman.com/account/customer/job-seeker"
                                                    target="_self"
                                                    rel="nofollow"
                                                >
                                                    Start now!
                                                </a>
                                            </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 inline-flex items-center justify-center bg-brand-secondary h-fit p-2 rounded-md mr-3'">
                                                    <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="white" 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="white" 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="white" 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="white" 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="white"/>
</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="white" 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="white" 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="white" stroke-width="1.5"/>
</g>
<defs>
<clipPath id="clip0_2957_3458">
<rect width="24" height="24" fill="white"/>
</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="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M12 5.75V8.5" stroke="white" 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="white" 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="white" 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="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M4 21H20" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
    </g>
    <defs>
        <clipPath id="clip0_celebration_cake">
            <rect width="24" height="24" fill="white"/>
        </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="white" stroke-width="1.5" stroke-linejoin="round"/>
        <path d="M4.75 5.25L6.5 7" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M19.25 5.25L17.5 7" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M4.75 8.75L6.5 7" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M19.25 8.75L17.5 7" stroke="white" 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="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M12 2.75V4.5" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
    </g>
    <defs>
        <clipPath id="clip0_independence_day">
            <rect width="24" height="24" fill="white"/>
        </clipPath>
    </defs>
</svg>                                                    </template>
                                                </span>
                                            </template>

                                            <div class="flex items-center flex-wrap gap-2">
                                                <span class="text-gray-700" 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-brand-primary text-white text-sm py-2 px-4 rounded"
                                                    >
                                                        Verify Employer Account Now
                                                    </button>
                                                </template>

                                                <template x-if="item.banner_cta_text && item.banner_cta_url">
                                                    <span class="text-link-500 font-medium">
                                                        <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>
                                                    </span>
                                                </template>

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

        
        <template x-if="banners.length > 1">
            <div class="flex items-center justify-end mt-4 sm:mt-0 min-h-[32px]">
                <span @click="prevSlide()" class="cursor-pointer mr-4 flex items-center">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="text-brand-primary" width="20" height="20" role="presentation" aria-hidden="true">
    <path d="M12.5 4.66667L6.66667 10.5L12.5 16.3333" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                </span>

                <template x-for="(item, idx) in banners" :key="idx">
                    <svg
                        @click="setSlide(idx+1)"
                        class="mr-3 cursor-pointer"
                        width="8"
                        height="8"
                        viewBox="0 0 8 8"
                    >
                        <circle
                            cx="4"
                            cy="4"
                            r="3.5"
                            :fill="activeSlide === idx+1 ? '#004AB9' : '#F9FAFB'"
                            :stroke="activeSlide === idx+1 ? '#004AB9' : '#D1D5DB'"
                        />
                    </svg>
                </template>

                <span @click="nextSlide()" class="cursor-pointer ml-4 flex items-center">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="text-brand-primary" width="20" height="20" role="presentation" aria-hidden="true">
    <path d="M7.5 4.66667L13.3333 10.5L7.5 16.3333" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                </span>
            </div>
        </template>
    </div>


<script>
    let hasCheckedBrowserAlert = false;

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

            init() {
                this.hydrated = true;

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

                            },

            loop() {
                if (this.banners.length > 1 && !this.timer) {
                    this.timer = setInterval(() => {
                        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.activeSlide = num;
                this.resetLoop();
            },

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

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

                this.resetLoop();
            },

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

                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);
                }
            },

            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>
                <div class="flex flex-col justify-center items-center" style="background: linear-gradient(95.54deg, #6013ab 0.2%, #46008B 38.18%, #1B2095 94.08%);">
    <div class="my-12 text-3xl text-white md:text-5xl">
        <p class="font-semibold leading-10 md:leading-15 text-center text-white">
            Explore and discover<br/> the right job for you!
        </p>
    </div>
    <div class="w-full bg-[#F3F4F63D] py-6 md:py-auto">
    <div class="container my-0">
        <form
    method="GET" action="https://www.jobberman.com/jobs" accept-charset="UTF-8" class="search_form flex flex-col md:flex-row md:items-center w-full gap-4" x-data="TopSearch" x-on:submit="handleSubmit"
>
    
    
    <div class="flex flex-col md:flex-row gap-y-4 md:gap-x-3 md:w-4/5 my-auto">
    <div class="md:w-1/4">
    <div class="flex flex-col gap-y-1 grow">
        <div class="flex">
            <div
        x-data="multiSelect(JSON.parse('[{\u0022label\u0022:\u0022\u0022,\u0022items\u0022:[{\u0022id\u0022:\u0022\u0022,\u0022name\u0022:\u0022Any Job Functions\u0022}]},{\u0022label\u0022:\u0022(All)\u0022,\u0022items\u0022:[{\u0022id\u0022:\u0022accounting-auditing-finance\u0022,\u0022name\u0022:\u0022Accounting, Auditing \\u0026 Finance\u0022},{\u0022id\u0022:\u0022admin-office\u0022,\u0022name\u0022:\u0022Admin \\u0026 Office\u0022},{\u0022id\u0022:\u0022creative-design\u0022,\u0022name\u0022:\u0022Creative \\u0026 Design\u0022},{\u0022id\u0022:\u0022building-architecture\u0022,\u0022name\u0022:\u0022Building \\u0026 Architecture\u0022},{\u0022id\u0022:\u0022consulting-strategy\u0022,\u0022name\u0022:\u0022Consulting \\u0026 Strategy\u0022},{\u0022id\u0022:\u0022customer-service-support\u0022,\u0022name\u0022:\u0022Customer Service \\u0026 Support\u0022},{\u0022id\u0022:\u0022engineering-technology\u0022,\u0022name\u0022:\u0022Engineering \\u0026 Technology\u0022},{\u0022id\u0022:\u0022farming-agriculture\u0022,\u0022name\u0022:\u0022Farming \\u0026 Agriculture\u0022},{\u0022id\u0022:\u0022food-services-catering\u0022,\u0022name\u0022:\u0022Food Services \\u0026 Catering\u0022},{\u0022id\u0022:\u0022hospitality-leisure\u0022,\u0022name\u0022:\u0022Hospitality \\u0026 Leisure\u0022},{\u0022id\u0022:\u0022software-data\u0022,\u0022name\u0022:\u0022Software \\u0026 Data\u0022},{\u0022id\u0022:\u0022legal-services\u0022,\u0022name\u0022:\u0022Legal Services\u0022},{\u0022id\u0022:\u0022marketing-communications\u0022,\u0022name\u0022:\u0022Marketing \\u0026 Communications\u0022},{\u0022id\u0022:\u0022medical-pharmaceutical\u0022,\u0022name\u0022:\u0022Medical \\u0026 Pharmaceutical\u0022},{\u0022id\u0022:\u0022product-project-management\u0022,\u0022name\u0022:\u0022Product \\u0026 Project Management\u0022},{\u0022id\u0022:\u0022estate-agent-property-management\u0022,\u0022name\u0022:\u0022Estate Agents \\u0026 Property Management\u0022},{\u0022id\u0022:\u0022quality-control-assurance\u0022,\u0022name\u0022:\u0022Quality Control \\u0026 Assurance\u0022},{\u0022id\u0022:\u0022human-resources\u0022,\u0022name\u0022:\u0022Human Resources\u0022},{\u0022id\u0022:\u0022management-business-development\u0022,\u0022name\u0022:\u0022Management \\u0026 Business Development\u0022},{\u0022id\u0022:\u0022community-social-services\u0022,\u0022name\u0022:\u0022Community \\u0026 Social Services\u0022},{\u0022id\u0022:\u0022sales\u0022,\u0022name\u0022:\u0022Sales\u0022},{\u0022id\u0022:\u0022supply-chain-procurement\u0022,\u0022name\u0022:\u0022Supply Chain \\u0026 Procurement\u0022},{\u0022id\u0022:\u0022research-teaching-training\u0022,\u0022name\u0022:\u0022Research, Teaching \\u0026 Training\u0022},{\u0022id\u0022:\u0022trades-services\u0022,\u0022name\u0022:\u0022Trades \\u0026 Services\u0022},{\u0022id\u0022:\u0022driver-transport-services\u0022,\u0022name\u0022:\u0022Driver \\u0026 Transport Services\u0022},{\u0022id\u0022:\u0022health-safety\u0022,\u0022name\u0022:\u0022Health \\u0026 Safety\u0022}]}]'), JSON.parse('[\u0022\u0022]'), 1, 'job_function__', 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="job_function__Button"
                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 w-full md:mb-0 md:mr-3 bg-white"
            >
                                <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="job_function__Panel"
                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['job_function__Panel'];
                    if (container && container.scrollHeight > container.clientHeight && container.scrollHeight > 0) {
                        loadMoreOptions();
                    }
                })"
            >
                                    <li class="flex first:rounded-t-md last:rounded-b-md grow items-center gap-x-3 py-3 px-4 text-sm leading-5 cursor-pointer sticky top-0 bg-white z-30">
                        <div class="flex relative items-center border rounded-md border-gray-400 w-full hover:border-gray-400 focus-within:border-gray-400 grow">
                            <div class="flex cursor-default absolute inset-y-0 left-0 items-center pl-2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="#9CA3AF" class="ml-1" 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
                                x-ref="job_function__Search"
                                x-model="searchTerm"
                                placeholder="Search"
                                type="text"
                                class="appearance-none flex-1 h-10 py-3 px-2 pl-10 rounded-md text-gray-700 outline-none focus:ring-0 placeholder-gray-400 text-sm not-italic font-normal leading-5 border-none w-full"
                            />
                            <button
                                type="button"
                                x-show="searchTerm.length"
                                x-on:click="clearSearch()"
                                class="py-2 px-4 rounded-r-md">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none" class="fill-brand-primary-700" role="presentation" aria-hidden="true">
<path 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>                            </button>
                        </div>
                    </li>
                
                
                
                <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="job_function__Select" class="absolute -left-[9999px] opacity-0 pointer-events-none w-full md:mb-0 md:mr-3 bg-white" name="job_function[]" aria-label="Select a job function" id="job_function__">
                <template x-for="id in selected" :key="id">
                    <option selected :value="id"></option>
                </template>
            </select>
        
    </div>
        </div>
    </div>
</div>

        <div class="md:w-1/4">
    <div class="flex flex-col gap-y-1 grow">
        <div class="flex">
            <div
        x-data="multiSelect(JSON.parse('[{\u0022label\u0022:\u0022\u0022,\u0022items\u0022:[{\u0022id\u0022:\u0022\u0022,\u0022name\u0022:\u0022Any Industries\u0022}]},{\u0022label\u0022:\u0022(All)\u0022,\u0022items\u0022:[{\u0022id\u0022:\u0022agriculture-fishing-forestry\u0022,\u0022name\u0022:\u0022Agriculture, Fishing \\u0026 Forestry\u0022},{\u0022id\u0022:\u0022construction\u0022,\u0022name\u0022:\u0022Construction\u0022},{\u0022id\u0022:\u0022banking-finance-insurance\u0022,\u0022name\u0022:\u0022Banking, Finance \\u0026 Insurance\u0022},{\u0022id\u0022:\u0022education\u0022,\u0022name\u0022:\u0022Education\u0022},{\u0022id\u0022:\u0022energy-utilities\u0022,\u0022name\u0022:\u0022Energy \\u0026 Utilities\u0022},{\u0022id\u0022:\u0022government\u0022,\u0022name\u0022:\u0022Government\u0022},{\u0022id\u0022:\u0022healthcare\u0022,\u0022name\u0022:\u0022Healthcare\u0022},{\u0022id\u0022:\u0022hospitality-hotel\u0022,\u0022name\u0022:\u0022Hospitality \\u0026 Hotel\u0022},{\u0022id\u0022:\u0022recruitment\u0022,\u0022name\u0022:\u0022Recruitment\u0022},{\u0022id\u0022:\u0022it-telecoms\u0022,\u0022name\u0022:\u0022IT \\u0026 Telecoms\u0022},{\u0022id\u0022:\u0022law-compliance\u0022,\u0022name\u0022:\u0022Law \\u0026 Compliance\u0022},{\u0022id\u0022:\u0022shipping-logistics\u0022,\u0022name\u0022:\u0022Shipping \\u0026 Logistics\u0022},{\u0022id\u0022:\u0022manufacturing-warehousing\u0022,\u0022name\u0022:\u0022Manufacturing \\u0026 Warehousing\u0022},{\u0022id\u0022:\u0022advertising-media-communications\u0022,\u0022name\u0022:\u0022Advertising, Media \\u0026 Communications\u0022},{\u0022id\u0022:\u0022mining-energy-metals\u0022,\u0022name\u0022:\u0022Mining, Energy \\u0026 Metals\u0022},{\u0022id\u0022:\u0022ngo-npo-charity\u0022,\u0022name\u0022:\u0022NGO, NPO \\u0026 Charity\u0022},{\u0022id\u0022:\u0022retail-fashion-fmcg\u0022,\u0022name\u0022:\u0022Retail, Fashion \\u0026 FMCG\u0022},{\u0022id\u0022:\u0022enforcement-security\u0022,\u0022name\u0022:\u0022Enforcement \\u0026 Security\u0022},{\u0022id\u0022:\u0022real-estate\u0022,\u0022name\u0022:\u0022Real Estate\u0022},{\u0022id\u0022:\u0022tourism-travel\u0022,\u0022name\u0022:\u0022Tourism \\u0026 Travel\u0022},{\u0022id\u0022:\u0022automotive-aviation\u0022,\u0022name\u0022:\u0022Automotive \\u0026 Aviation\u0022},{\u0022id\u0022:\u0022entertainment-events-sport\u0022,\u0022name\u0022:\u0022Entertainment, Events \\u0026 Sport\u0022}]}]'), JSON.parse('[\u0022\u0022]'), 1, 'industry', 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="industryButton"
                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 w-full md:mb-0 md:mr-3 bg-white"
            >
                                <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="industryPanel"
                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['industryPanel'];
                    if (container && container.scrollHeight > container.clientHeight && container.scrollHeight > 0) {
                        loadMoreOptions();
                    }
                })"
            >
                                    <li class="flex first:rounded-t-md last:rounded-b-md grow items-center gap-x-3 py-3 px-4 text-sm leading-5 cursor-pointer sticky top-0 bg-white z-30">
                        <div class="flex relative items-center border rounded-md border-gray-400 w-full hover:border-gray-400 focus-within:border-gray-400 grow">
                            <div class="flex cursor-default absolute inset-y-0 left-0 items-center pl-2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="#9CA3AF" class="ml-1" 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
                                x-ref="industrySearch"
                                x-model="searchTerm"
                                placeholder="Search"
                                type="text"
                                class="appearance-none flex-1 h-10 py-3 px-2 pl-10 rounded-md text-gray-700 outline-none focus:ring-0 placeholder-gray-400 text-sm not-italic font-normal leading-5 border-none w-full"
                            />
                            <button
                                type="button"
                                x-show="searchTerm.length"
                                x-on:click="clearSearch()"
                                class="py-2 px-4 rounded-r-md">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none" class="fill-brand-primary-700" role="presentation" aria-hidden="true">
<path 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>                            </button>
                        </div>
                    </li>
                
                
                
                <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="industrySelect" class="absolute -left-[9999px] opacity-0 pointer-events-none w-full md:mb-0 md:mr-3 bg-white" name="industry" aria-label="Select an industry" id="industry">
                <template x-for="id in selected" :key="id">
                    <option selected :value="id"></option>
                </template>
            </select>
        
    </div>
        </div>
    </div>
</div>

        <div class="md:w-1/4">
    <div class="flex flex-col gap-y-1 grow">
        <div class="flex">
            <div
        x-data="multiSelect(JSON.parse('[{\u0022label\u0022:\u0022\u0022,\u0022items\u0022:[{\u0022id\u0022:\u0022\u0022,\u0022name\u0022:\u0022Any Locations\u0022}]},{\u0022label\u0022:\u0022(All)\u0022,\u0022items\u0022:[{\u0022id\u0022:\u0022abeokuta-ogun\u0022,\u0022name\u0022:\u0022Abeokuta \\u0026 Ogun State\u0022},{\u0022id\u0022:\u0022abuja\u0022,\u0022name\u0022:\u0022Abuja\u0022},{\u0022id\u0022:\u0022enugu\u0022,\u0022name\u0022:\u0022Enugu\u0022},{\u0022id\u0022:\u0022ibadan-oyo\u0022,\u0022name\u0022:\u0022Ibadan \\u0026 Oyo State\u0022},{\u0022id\u0022:\u0022imo\u0022,\u0022name\u0022:\u0022Imo\u0022},{\u0022id\u0022:\u0022lagos\u0022,\u0022name\u0022:\u0022Lagos\u0022},{\u0022id\u0022:\u0022maiduguri-borno\u0022,\u0022name\u0022:\u0022Maiduguri \\u0026 Borno State\u0022},{\u0022id\u0022:\u0022port-harcourt-rivers\u0022,\u0022name\u0022:\u0022Port Harcourt \\u0026 Rivers State\u0022},{\u0022id\u0022:\u0022rest-nigeria\u0022,\u0022name\u0022:\u0022Rest of Nigeria\u0022},{\u0022id\u0022:\u0022outside-nigeria\u0022,\u0022name\u0022:\u0022Outside Nigeria\u0022},{\u0022id\u0022:\u0022remote\u0022,\u0022name\u0022:\u0022Remote (Work From Home)\u0022}]}]'), JSON.parse('[\u0022\u0022]'), 1, 'location', 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="locationButton"
                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 w-full md:mb-0 md:mr-3 bg-white"
            >
                                <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="locationPanel"
                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['locationPanel'];
                    if (container && container.scrollHeight > container.clientHeight && container.scrollHeight > 0) {
                        loadMoreOptions();
                    }
                })"
            >
                                    <li class="flex first:rounded-t-md last:rounded-b-md grow items-center gap-x-3 py-3 px-4 text-sm leading-5 cursor-pointer sticky top-0 bg-white z-30">
                        <div class="flex relative items-center border rounded-md border-gray-400 w-full hover:border-gray-400 focus-within:border-gray-400 grow">
                            <div class="flex cursor-default absolute inset-y-0 left-0 items-center pl-2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="#9CA3AF" class="ml-1" 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
                                x-ref="locationSearch"
                                x-model="searchTerm"
                                placeholder="Search"
                                type="text"
                                class="appearance-none flex-1 h-10 py-3 px-2 pl-10 rounded-md text-gray-700 outline-none focus:ring-0 placeholder-gray-400 text-sm not-italic font-normal leading-5 border-none w-full"
                            />
                            <button
                                type="button"
                                x-show="searchTerm.length"
                                x-on:click="clearSearch()"
                                class="py-2 px-4 rounded-r-md">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none" class="fill-brand-primary-700" role="presentation" aria-hidden="true">
<path 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>                            </button>
                        </div>
                    </li>
                
                
                
                <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="locationSelect" class="absolute -left-[9999px] opacity-0 pointer-events-none w-full md:mb-0 md:mr-3 bg-white" name="location" aria-label="Select a location" id="location">
                <template x-for="id in selected" :key="id">
                    <option selected :value="id"></option>
                </template>
            </select>
        
    </div>
        </div>
    </div>
</div>

        <div class="md:w-1/4">
    <div class="flex flex-col gap-y-1 grow">
        <div class="flex">
            <div
        x-data="multiSelect(JSON.parse('[{\u0022label\u0022:\u0022\u0022,\u0022items\u0022:[{\u0022id\u0022:\u0022\u0022,\u0022name\u0022:\u0022Any Experience Levels\u0022},{\u0022id\u0022:\u0022no-experience\u0022,\u0022name\u0022:\u0022No Experience\u0022},{\u0022id\u0022:\u0022graduate-trainee\u0022,\u0022name\u0022:\u0022Internship \\u0026 Graduate\u0022},{\u0022id\u0022:\u0022entry-level\u0022,\u0022name\u0022:\u0022Entry level\u0022},{\u0022id\u0022:\u0022mid-level\u0022,\u0022name\u0022:\u0022Mid level\u0022},{\u0022id\u0022:\u0022senior-level\u0022,\u0022name\u0022:\u0022Senior level\u0022},{\u0022id\u0022:\u0022executive-level\u0022,\u0022name\u0022:\u0022Executive level\u0022}]}]'), JSON.parse('[\u0022\u0022]'), 1, 'experience', 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="experienceButton"
                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 w-full md:mb-0 md:mr-3 bg-white"
            >
                                <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="experiencePanel"
                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['experiencePanel'];
                    if (container && container.scrollHeight > container.clientHeight && container.scrollHeight > 0) {
                        loadMoreOptions();
                    }
                })"
            >
                                    <li class="flex first:rounded-t-md last:rounded-b-md grow items-center gap-x-3 py-3 px-4 text-sm leading-5 cursor-pointer sticky top-0 bg-white z-30">
                        <div class="flex relative items-center border rounded-md border-gray-400 w-full hover:border-gray-400 focus-within:border-gray-400 grow">
                            <div class="flex cursor-default absolute inset-y-0 left-0 items-center pl-2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="#9CA3AF" class="ml-1" 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
                                x-ref="experienceSearch"
                                x-model="searchTerm"
                                placeholder="Search"
                                type="text"
                                class="appearance-none flex-1 h-10 py-3 px-2 pl-10 rounded-md text-gray-700 outline-none focus:ring-0 placeholder-gray-400 text-sm not-italic font-normal leading-5 border-none w-full"
                            />
                            <button
                                type="button"
                                x-show="searchTerm.length"
                                x-on:click="clearSearch()"
                                class="py-2 px-4 rounded-r-md">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none" class="fill-brand-primary-700" role="presentation" aria-hidden="true">
<path 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>                            </button>
                        </div>
                    </li>
                
                
                
                <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="experienceSelect" class="absolute -left-[9999px] opacity-0 pointer-events-none w-full md:mb-0 md:mr-3 bg-white" name="experience" aria-label="Select an experience level" id="experience">
                <template x-for="id in selected" :key="id">
                    <option selected :value="id"></option>
                </template>
            </select>
        
    </div>
        </div>
    </div>
</div>
</div>

    <button
        type="submit" class="flex items-center justify-center appearance-none font-medium text-center text-nowrap rounded-md text-sm px-4 h-10 bg-brand-primary border border-transparent text-white hover:bg-brand-primary-700 focus:outline-none focus:ring-2 focus:ring-brand-primary  disabled:bg-gray-300 disabled:text-white disabled:opacity-50 disabled:hover:bg-gray-300 disabled:hover:text-white disabled:focus:ring-0 disabled:pointer-events-none grow" title="Find a Job" aria-label="Find a Job"
    >
        <span class="mr-2" data-cy="search-button-top">Find a Job</span>
    </button>
</form>

<script>
    const TopSearch = {
        handleSubmit: function (event) {
            event.preventDefault();
            event.stopPropagation();

            const form = event.target;

            const getValue = (name) => {
                if (form[name]) {
                    if (form[name].type) {
                        if (["select-one", "text", "hidden"].indexOf(form[name].type) > -1) {
                            return form[name].value;
                        }
                        if (["checkbox", "radio"].indexOf(form[name].type) > -1 && form[name].checked) {
                            return form[name].value;
                        }
                    } else if (form[name].length) {
                        return form[name].value;
                    }
                }

                return "";
            };

            const experienceLevel = getValue("experience[]") || getValue("experience");
            const jobFunction = getValue("job_function[]") || getValue("job_function");
            const industry = getValue("industry[]") || getValue("industry");
            const location = getValue("location[]") || getValue("location");
            const workType = getValue("work_type");
            const term = getValue("q");
            const sortBy = getValue("sort_by");

            // If the logged in user is authenticated
            // Append authenticated value to make url unique/different to logged out url
            // same action is happening in SearchFilterViewComposer
            // line 589 in the multiSearchFilterHref function
            const authenticated = document.getElementById("authenticated").value;
            let toUrl = "";
            if (industry.trim() && jobFunction.trim()) {
                const segments = [jobFunction, location, workType].filter((x) => x);
                toUrl = `${segments.join("/")}?industry=${industry}`;
            } else {
                const segments = [jobFunction, industry, location, workType].filter((x) => x);
                toUrl = segments.join("/");
            }

            if (experienceLevel) {
                toUrl += `${toUrl.indexOf("?") === -1 ? "?" : "&"}experience=${experienceLevel}`;
            }

            if (term.trim()) {
                toUrl += `${toUrl.indexOf("?") === -1 ? "?" : "&"}q=${encodeURI(term.replace(" ", "+"))}`;
            }

            if (sortBy.trim()) {
                toUrl += `${toUrl.indexOf("?") === -1 ? "?" : "&"}sort=${sortBy}`;
            }

            if (authenticated === "true") {
                toUrl += `${toUrl.indexOf("?") === -1 ? "?" : "&"}authenticated=${Date.now()}`;
            }

            const wholeUrl = `${form.getAttribute("action")}/${toUrl.toLocaleLowerCase()}`;
            window.location.assign(wholeUrl.replace(/\/$/, ""));

            return false;
        },
    };
</script>
    </div>
</div>

    <div class="container flex relative flex-col mt-10 mb-12" id="recent-searches-slider">
        <h2 class="mb-6 text-brand-secondary-300">
                            Popular searches
                    </h2>

                    <script>
    const Slider = {
        atStart: true,
        atEnd: false,
        scrollAmount: 0,

        main() {
            this.updateScrollState();
            this.scrollAmount = Math.max(this.$refs.track.clientWidth * 0.8, 240);
        },
        updateScrollState() {
            const track = this.$refs.track;
            this.atStart = track.scrollLeft <= 0;
            this.atEnd = Math.ceil(track.scrollLeft + track.clientWidth) >= track.scrollWidth;
        },
        scroll(direction) {
            const track = this.$refs.track;
            const delta = direction === "left" ? -this.scrollAmount : this.scrollAmount;
            track.scrollBy({ left: delta, behavior: "smooth" });
        },
        onScroll() {
            this.updateScrollState();
        },
    };
</script>

<div
    x-data="Slider"
    x-init="main()"
    x-on:keydown.arrow-right.window="scroll('right')"
    x-on:keydown.arrow-left.window="scroll('left')"
    x-on:resize.window.debounce.150ms="main()"
    class="relative w-full"
>
            <div
            class="flex absolute top-0 h-full left-arrow-container"
            x-show="!atStart"
        >
            <button
                type="button"
                class="absolute left-0 z-10 h-full text-white focus:outline-none focus:ring-2 focus:ring-brand-primary"
                aria-label="Previous"
                title="Previous"
                x-on:click="scroll('left')"
            >
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                     xmlns="http://www.w3.org/2000/svg">
                    <path d="M15 19L8 12L15 5" stroke="white" stroke-width="2" stroke-linecap="round"
                          stroke-linejoin="round" />
                </svg>
            </button>
        </div>
        <div
        class="overflow-x-auto mx-auto scroll-smooth no-scrollbar"
        x-ref="track"
        x-on:scroll="onScroll"
    >
        <div
            class="whitespace-nowrap slider-test"
        >
            <a
                            href="https://www.jobberman.com/jobs/lagos"
                            class="select-none inline-block text-white capitalize bg-[#F3F4F63D] rounded-md mr-2 px-4 py-2.5 whitespace-nowrap"
                        >
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="inline mr-4 text-white" 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>                            <span>Lagos</span>
                        </a>
                                                                                <a
                            href="https://www.jobberman.com/jobs/hospitality-hotel"
                            class="select-none inline-block text-white capitalize bg-[#F3F4F63D] rounded-md mr-2 px-4 py-2.5 whitespace-nowrap"
                        >
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="inline mr-4 text-white" 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>                            <span>Hospitality &amp; Hotel</span>
                        </a>
                                                                                <a
                            href="https://www.jobberman.com/jobs/manufacturing-warehousing"
                            class="select-none inline-block text-white capitalize bg-[#F3F4F63D] rounded-md mr-2 px-4 py-2.5 whitespace-nowrap"
                        >
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="inline mr-4 text-white" 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>                            <span>Manufacturing &amp; Warehousing</span>
                        </a>
                                                                                <a
                            href="https://www.jobberman.com/jobs/port-harcourt-rivers"
                            class="select-none inline-block text-white capitalize bg-[#F3F4F63D] rounded-md mr-2 px-4 py-2.5 whitespace-nowrap"
                        >
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="inline mr-4 text-white" 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>                            <span>Port Harcourt &amp; Rivers State</span>
                        </a>
                                                                                <a
                            href="https://www.jobberman.com/jobs/it-telecoms"
                            class="select-none inline-block text-white capitalize bg-[#F3F4F63D] rounded-md mr-2 px-4 py-2.5 whitespace-nowrap"
                        >
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="inline mr-4 text-white" 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>                            <span>IT &amp; Telecoms</span>
                        </a>
                                                                                <a
                            href="https://www.jobberman.com/jobs/banking-finance-insurance"
                            class="select-none inline-block text-white capitalize bg-[#F3F4F63D] rounded-md mr-2 px-4 py-2.5 whitespace-nowrap"
                        >
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="inline mr-4 text-white" 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>                            <span>Banking, Finance &amp; Insurance</span>
                        </a>
                                                                                <a
                            href="https://www.jobberman.com/jobs/contract"
                            class="select-none inline-block text-white capitalize bg-[#F3F4F63D] rounded-md mr-2 px-4 py-2.5 whitespace-nowrap"
                        >
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="inline mr-4 text-white" 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>                            <span>Contract</span>
                        </a>
                                                                                <a
                            href="https://www.jobberman.com/jobs/remote"
                            class="select-none inline-block text-white capitalize bg-[#F3F4F63D] rounded-md mr-2 px-4 py-2.5 whitespace-nowrap"
                        >
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="inline mr-4 text-white" 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>                            <span>Remote (Work From Home)</span>
                        </a>
                                                                                <a
                            href="https://www.jobberman.com/jobs/full-time"
                            class="select-none inline-block text-white capitalize bg-[#F3F4F63D] rounded-md mr-2 px-4 py-2.5 whitespace-nowrap"
                        >
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="inline mr-4 text-white" 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>                            <span>Full Time</span>
                        </a>
                                                                                <a
                            href="https://www.jobberman.com/jobs/abuja"
                            class="select-none inline-block text-white capitalize bg-[#F3F4F63D] rounded-md mr-2 px-4 py-2.5 whitespace-nowrap"
                        >
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" class="inline mr-4 text-white" 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>                            <span>Abuja</span>
                        </a>
        </div>
    </div>
            <div
            class="right-arrow-container absolute top-0 flex right-[-24px] h-full"
            x-show="!atEnd"
        >
            <button
                class="absolute right-0 z-10 h-full text-white focus:outline-none focus:ring-2 focus:ring-brand-primary"
                x-on:click="scroll('right')"
                aria-label="Next"
                title="Next"
            >
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                     xmlns="http://www.w3.org/2000/svg">
                    <path d="M9 5L16 12L9 19" stroke="white" stroke-width="2" stroke-linecap="round"
                          stroke-linejoin="round" />
                </svg>
            </button>
        </div>
    </div>

<style>
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }

    .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    /*Mobile*/
    .right-arrow-container {
        left: 100%;
    }

    .right-arrow-container:before {
        background: linear-gradient(to right, rgb(243 244 246 / 0%), #1c2095 100%);
        height: 100%;
        content: "";
        pointer-events: none;
        width: 50px;
        position: absolute;
        right: 0;
    }

    .left-arrow-container {
        left: 0;
    }

    .left-arrow-container:after {
        background: linear-gradient(to right, #580aa1, rgb(243 244 246 / 0%) 100%);
        height: 100%;
        content: "";
        pointer-events: none;
        width: 50px;
        position: absolute;
    }

    /*Desktop*/
    @media screen and (min-width: 768px) {
        .right-arrow-container:before {
            width: 147px;
            position: absolute;
            right: 0;
            background: linear-gradient(to right, rgb(243 244 246 / 0%), #1e1e95 100%);
        }

        .left-arrow-container:after {
            width: 147px;
            background: linear-gradient(to right, #5c10a6, rgb(243 244 246 / 0%) 100%);
            position: absolute;
            left: 0;
        }

        .right-arrow-container {
            right: 0;
        }

        .left-arrow-container {
            left: 0;
        }
    }
</style>
            </div>
</div>
<div x-data="experienceLevelSlider()" class="container flex flex-col my-12" id="top-job-functions">
    <h1 class="mb-6 text-2xl-plus font-semibold text-center text-gray-700 md:text-3xl">
        Find the right job vacancies in Nigeria
    </h1>
    <h2 class="text-3xl leading-9 font-semibold mb-6">Experience-based filtering.</h2>
    <div class="flex justify-between">
        <p class="text-gray-500 text-lg leading-7">Find jobs that suit your experience level</p>
                    <div class="hidden md:flex gap-3">
                <p class="text-gray-700 leading-6 font-medium">
                    View More Experience Levels
                </p>

                <button
                    type="button"
                    @click="loadPrevLevels"
                    aria-label="Previous experience levels"
                    title="Previous"
                    :disabled="isAtLeftEnd"
                    class="focus:outline-none focus:ring-2 focus:ring-brand-primary disabled:opacity-50"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
                        <path d="M15.5 19L8.5 12L15.5 5"
                              :stroke="isAtLeftEnd ? '#D1D5DB' : '#004AB9'"
                              stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>

                <button
                    type="button"
                    @click="loadNextLevels"
                    aria-label="Next experience levels"
                    title="Next"
                    :disabled="isAtRightEnd"
                    class="focus:outline-none focus:ring-2 focus:ring-brand-primary disabled:opacity-50"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
                        <path d="M9.5 5L16.5 12L9.5 19"
                              :stroke="isAtRightEnd ? '#D1D5DB' : '#004AB9'"
                              stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>
            </div>
            </div>

    <ul x-ref="experienceLevelSlidesContainer" class="experience-level-slides-container flex-col md:flex-row flex justify-between justify-items-center items-center my-12 gap-4 snap-x snap-mandatory overflow-hidden overflow-x-auto rounded scroll-smooth grow hide-scroll-bar">
                    <li class="experience-level-slide  md:flex flex-col flex-wrap justify-center items-center p-4 w-full h-full bg-white rounded-lg border border-gray-300 hover:border-gray-400 grow">
                <div class="flex justify-between space-y-2.5 flex-col flex-grow-0 flex-shrink-0 items-center basis-full w-full md:w-[266px]">
                    <h3 class="font-semibold text-center text-gray-900">
                        Internship &amp; Graduate
                    </h3>
                    <div class="flex flex-col items-center mt-auto space-y-2.5">
                        <span class="text-sm text-gray-700">
                            116 Jobs
                        </span>
                        <div class="flex">
                            <a class="text-link-500" rel="nofollow" href="https://www.jobberman.com/jobs?experience=graduate-trainee">
                                Explore Jobs
                            </a>
                            <svg
                                class="ml-auto"
                                width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M15.2519 6.35147C15.7205 5.88284 16.4803 5.88284 16.9489 6.35147L21.7489 11.1515C22.2176 11.6201 22.2176 12.3799 21.7489 12.8485L16.9489 17.6485C16.4803 18.1171 15.7205 18.1171 15.2519 17.6485C14.7832 17.1799 14.7832 16.4201 15.2519 15.9515L18.0033 13.2H4.10039C3.43765 13.2 2.90039 12.6627 2.90039 12C2.90039 11.3373 3.43765 10.8 4.10039 10.8H18.0033L15.2519 8.04853C14.7832 7.5799 14.7832 6.8201 15.2519 6.35147Z"
                                    fill="#0284C7"/>
                            </svg>
                        </div>
                    </div>
                </div>
            </li>
                    <li class="experience-level-slide  md:flex flex-col flex-wrap justify-center items-center p-4 w-full h-full bg-white rounded-lg border border-gray-300 hover:border-gray-400 grow">
                <div class="flex justify-between space-y-2.5 flex-col flex-grow-0 flex-shrink-0 items-center basis-full w-full md:w-[266px]">
                    <h3 class="font-semibold text-center text-gray-900">
                        Executive level
                    </h3>
                    <div class="flex flex-col items-center mt-auto space-y-2.5">
                        <span class="text-sm text-gray-700">
                            32 Jobs
                        </span>
                        <div class="flex">
                            <a class="text-link-500" rel="nofollow" href="https://www.jobberman.com/jobs?experience=executive-level">
                                Explore Jobs
                            </a>
                            <svg
                                class="ml-auto"
                                width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M15.2519 6.35147C15.7205 5.88284 16.4803 5.88284 16.9489 6.35147L21.7489 11.1515C22.2176 11.6201 22.2176 12.3799 21.7489 12.8485L16.9489 17.6485C16.4803 18.1171 15.7205 18.1171 15.2519 17.6485C14.7832 17.1799 14.7832 16.4201 15.2519 15.9515L18.0033 13.2H4.10039C3.43765 13.2 2.90039 12.6627 2.90039 12C2.90039 11.3373 3.43765 10.8 4.10039 10.8H18.0033L15.2519 8.04853C14.7832 7.5799 14.7832 6.8201 15.2519 6.35147Z"
                                    fill="#0284C7"/>
                            </svg>
                        </div>
                    </div>
                </div>
            </li>
                    <li class="experience-level-slide  md:flex flex-col flex-wrap justify-center items-center p-4 w-full h-full bg-white rounded-lg border border-gray-300 hover:border-gray-400 grow">
                <div class="flex justify-between space-y-2.5 flex-col flex-grow-0 flex-shrink-0 items-center basis-full w-full md:w-[266px]">
                    <h3 class="font-semibold text-center text-gray-900">
                        Senior level
                    </h3>
                    <div class="flex flex-col items-center mt-auto space-y-2.5">
                        <span class="text-sm text-gray-700">
                            387 Jobs
                        </span>
                        <div class="flex">
                            <a class="text-link-500" rel="nofollow" href="https://www.jobberman.com/jobs?experience=senior-level">
                                Explore Jobs
                            </a>
                            <svg
                                class="ml-auto"
                                width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M15.2519 6.35147C15.7205 5.88284 16.4803 5.88284 16.9489 6.35147L21.7489 11.1515C22.2176 11.6201 22.2176 12.3799 21.7489 12.8485L16.9489 17.6485C16.4803 18.1171 15.7205 18.1171 15.2519 17.6485C14.7832 17.1799 14.7832 16.4201 15.2519 15.9515L18.0033 13.2H4.10039C3.43765 13.2 2.90039 12.6627 2.90039 12C2.90039 11.3373 3.43765 10.8 4.10039 10.8H18.0033L15.2519 8.04853C14.7832 7.5799 14.7832 6.8201 15.2519 6.35147Z"
                                    fill="#0284C7"/>
                            </svg>
                        </div>
                    </div>
                </div>
            </li>
                    <li class="experience-level-slide  md:flex flex-col flex-wrap justify-center items-center p-4 w-full h-full bg-white rounded-lg border border-gray-300 hover:border-gray-400 grow">
                <div class="flex justify-between space-y-2.5 flex-col flex-grow-0 flex-shrink-0 items-center basis-full w-full md:w-[266px]">
                    <h3 class="font-semibold text-center text-gray-900">
                        Mid level
                    </h3>
                    <div class="flex flex-col items-center mt-auto space-y-2.5">
                        <span class="text-sm text-gray-700">
                            1155 Jobs
                        </span>
                        <div class="flex">
                            <a class="text-link-500" rel="nofollow" href="https://www.jobberman.com/jobs?experience=mid-level">
                                Explore Jobs
                            </a>
                            <svg
                                class="ml-auto"
                                width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M15.2519 6.35147C15.7205 5.88284 16.4803 5.88284 16.9489 6.35147L21.7489 11.1515C22.2176 11.6201 22.2176 12.3799 21.7489 12.8485L16.9489 17.6485C16.4803 18.1171 15.7205 18.1171 15.2519 17.6485C14.7832 17.1799 14.7832 16.4201 15.2519 15.9515L18.0033 13.2H4.10039C3.43765 13.2 2.90039 12.6627 2.90039 12C2.90039 11.3373 3.43765 10.8 4.10039 10.8H18.0033L15.2519 8.04853C14.7832 7.5799 14.7832 6.8201 15.2519 6.35147Z"
                                    fill="#0284C7"/>
                            </svg>
                        </div>
                    </div>
                </div>
            </li>
                    <li class="experience-level-slide  hidden  md:flex flex-col flex-wrap justify-center items-center p-4 w-full h-full bg-white rounded-lg border border-gray-300 hover:border-gray-400 grow">
                <div class="flex justify-between space-y-2.5 flex-col flex-grow-0 flex-shrink-0 items-center basis-full w-full md:w-[266px]">
                    <h3 class="font-semibold text-center text-gray-900">
                        No Experience
                    </h3>
                    <div class="flex flex-col items-center mt-auto space-y-2.5">
                        <span class="text-sm text-gray-700">
                            121 Jobs
                        </span>
                        <div class="flex">
                            <a class="text-link-500" rel="nofollow" href="https://www.jobberman.com/jobs?experience=no-experience">
                                Explore Jobs
                            </a>
                            <svg
                                class="ml-auto"
                                width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M15.2519 6.35147C15.7205 5.88284 16.4803 5.88284 16.9489 6.35147L21.7489 11.1515C22.2176 11.6201 22.2176 12.3799 21.7489 12.8485L16.9489 17.6485C16.4803 18.1171 15.7205 18.1171 15.2519 17.6485C14.7832 17.1799 14.7832 16.4201 15.2519 15.9515L18.0033 13.2H4.10039C3.43765 13.2 2.90039 12.6627 2.90039 12C2.90039 11.3373 3.43765 10.8 4.10039 10.8H18.0033L15.2519 8.04853C14.7832 7.5799 14.7832 6.8201 15.2519 6.35147Z"
                                    fill="#0284C7"/>
                            </svg>
                        </div>
                    </div>
                </div>
            </li>
                    <li class="experience-level-slide  hidden  md:flex flex-col flex-wrap justify-center items-center p-4 w-full h-full bg-white rounded-lg border border-gray-300 hover:border-gray-400 grow">
                <div class="flex justify-between space-y-2.5 flex-col flex-grow-0 flex-shrink-0 items-center basis-full w-full md:w-[266px]">
                    <h3 class="font-semibold text-center text-gray-900">
                        Entry level
                    </h3>
                    <div class="flex flex-col items-center mt-auto space-y-2.5">
                        <span class="text-sm text-gray-700">
                            2157 Jobs
                        </span>
                        <div class="flex">
                            <a class="text-link-500" rel="nofollow" href="https://www.jobberman.com/jobs?experience=entry-level">
                                Explore Jobs
                            </a>
                            <svg
                                class="ml-auto"
                                width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M15.2519 6.35147C15.7205 5.88284 16.4803 5.88284 16.9489 6.35147L21.7489 11.1515C22.2176 11.6201 22.2176 12.3799 21.7489 12.8485L16.9489 17.6485C16.4803 18.1171 15.7205 18.1171 15.2519 17.6485C14.7832 17.1799 14.7832 16.4201 15.2519 15.9515L18.0033 13.2H4.10039C3.43765 13.2 2.90039 12.6627 2.90039 12C2.90039 11.3373 3.43765 10.8 4.10039 10.8H18.0033L15.2519 8.04853C14.7832 7.5799 14.7832 6.8201 15.2519 6.35147Z"
                                    fill="#0284C7"/>
                            </svg>
                        </div>
                    </div>
                </div>
            </li>
            </ul>

            <button
        type="button" class="flex items-center justify-center appearance-none font-medium text-center text-nowrap rounded-md text-sm px-4 h-10 bg-white border border-brand-secondary text-brand-secondary hover:bg-brand-secondary-100 focus:outline-none focus:ring-2 focus:ring-brand-secondary  disabled:bg-gray-300 disabled:text-white disabled:opacity-50 disabled:hover:bg-gray-300 disabled:hover:text-white disabled:focus:ring-0 disabled:pointer-events-none m-auto mb-3 block md:hidden" title="" aria-label="" @click="handleViewMoreLevels"
    >
        <span x-text="viewMoreLevelsText"></span>
            <template x-if="viewMoreLevels">
                <svg xmlns="http://www.w3.org/2000/svg" height="18" viewBox="0 0 24 24" width="18" fill="#000000" class="text-brand-primary ml-2" role="presentation" aria-hidden="true"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"/></svg>            </template>
            <template x-if="!viewMoreLevels">
                <svg xmlns="http://www.w3.org/2000/svg" height="18" viewBox="0 0 24 24" width="18" fill="currentColor" class="text-brand-primary ml-2" role="presentation" aria-hidden="true"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"/></svg>            </template>
    </button>
    
    <a href="https://www.jobberman.com/jobs"
        class="flex items-center justify-center appearance-none font-medium text-center rounded-md text-sm px-4 h-10 bg-brand-primary border border-transparent text-white hover:bg-brand-primary-700 focus:outline-none focus:ring-2 focus:ring-brand-primary m-auto" title="Explore All Jobs" aria-label="Explore All Jobs" type="submit">
        Explore All Jobs
    </a>
</div>

<script>
    function experienceLevelSlider() {
        return {
            isAtLeftEnd: true,
            isAtRightEnd: false,
            scrollPosition: 0,
            viewMoreLevels: false,
            slidesContainer: "",
            slideWidth: 0,
            viewMoreLevelsText: "View More Experience Levels",

            init() {
                this.slidesContainer = this.$refs.experienceLevelSlidesContainer
                this.slideWidth = this.slidesContainer.querySelector(".experience-level-slide").clientWidth;
            },

            handleScrollAction(el) {
                if (this.scrollPosition === 0) {
                    this.isAtLeftEnd = true;
                } else if (Math.abs(this.scrollPosition) === el.scrollWidth - el.clientWidth) {
                    this.isAtRightEnd = true;
                } else {
                    this.isAtLeftEnd = false;
                    this.isAtRightEnd = false;
                }
            },

            loadNextLevels() {
                this.scrollPosition += this.slideWidth+18;
                this.slidesContainer.scrollLeft = this.scrollPosition;
                this.handleScrollAction(this.slidesContainer);
            },

            loadPrevLevels() {
                this.scrollPosition -= this.slideWidth+18;
                this.slidesContainer.scrollLeft = this.scrollPosition;
                this.handleScrollAction(this.slidesContainer);
            },

            handleViewMoreLevels() {
                this.viewMoreLevels = !this.viewMoreLevels;
                if (this.viewMoreLevels) {
                    this.viewMoreLevelsText = "View Less Experience Levels";
                    const allJobLevels = document.querySelectorAll(".experience-level-slide");
                    allJobLevels.forEach((level, index) => {
                        level.classList.remove("hidden");
                    });
                } else {
                    this.viewMoreLevelsText = "View More Experience Levels";
                    const allJobLevels = document.querySelectorAll(".experience-level-slide");
                    allJobLevels.forEach((level, index) => {
                        if (index > 3) {
                            level.classList.add("hidden");
                        }
                    });
                }
            },
        }
    }
</script>

<section class="container flex flex-col my-12">
    <div class="banner-ad-fixed">
        <div
        x-data="bannerAd()"
        x-init="trackImpression()"
        @click="trackClick()"
        class="banner-ad banner-ad--desktop"
        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"
        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>
<div class="container flex flex-col mb-6">
    <h2 class="text-center text-gray-900 text-3xl leading-9 font-semibold mb-12">
        Companies currently hiring in Nigeria
    </h2>
    <div class="relative mb-6 w-full carousel-wrapper max-w-5xl mx-auto">
            <div class="relative mb-6 w-full carousel-wrapper bg-gray-50 py-5 px-5 rounded-lg">
            <div class="relative overflow-hidden">

                <!-- Always include the Prev button -->
                <button id="carousel__button--prev"
                        class="absolute top-[50%] translate-y-[-50%] flex items-center justify-center w-12 h-12 rounded-lg bg-white hover:bg-btn-primary-hover text-white font-bold cursor-pointer border-0 left-[6px]"
                        aria-label="Previous slide">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="fill-brand-primary" width="24" height="24" role="presentation" aria-hidden="true">
    <path d="M12.5 4.66667L6.66667 10.5L12.5 16.3333" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                </button>

                <ul class="flex overflow-y-hidden overflow-x-scroll gap-10 cursor-pointer whitespace-no-wrap scroll-smooth scroll-bar-improved carousel mx-auto w-[calc(100%-156px)]">
                                                                <li class="flex w-24 h-24 carousel__item bg-white shrink-0 rounded-lg">
                                                            <a class="h-full w-full flex items-center justify-center p-2"
                                   href="https://www.jobberman.com/company/sence">
                                                                    <img
                                        class="object-contain"
                                        src="https://i.roamcdn.net/kazi/ng/base/1afe50e652722b1f24b64adf8593faef/-/advertiser-img-ng-jobs-prod/dealer-images/advid291402/adv291402_1717493062.jpg"
                                        loading="lazy"
                                        alt="SENCE (Skill Enhancement Centre)"
                                    />
                                </a>
                        </li>
                                            <li class="flex w-24 h-24 carousel__item bg-white shrink-0 rounded-lg">
                                                            <a class="h-full w-full flex items-center justify-center p-2"
                                   href="https://www.jobberman.com/company/hr-on-wheels">
                                                                    <img
                                        class="object-contain"
                                        src="https://i.roamcdn.net/kazi/ng/base/4b1aa16248d029e998e4c5325c6f1a46/-/advertiser-img-ng-jobs-prod/dealer-images/advid297651/adv297651_1717492533.jpg"
                                        loading="lazy"
                                        alt="HR On Wheels"
                                    />
                                </a>
                        </li>
                                            <li class="flex w-24 h-24 carousel__item bg-white shrink-0 rounded-lg">
                                                            <a class="h-full w-full flex items-center justify-center p-2"
                                   href="https://www.jobberman.com/company/impeccable-skills">
                                                                    <img
                                        class="object-contain"
                                        src="https://i.roamcdn.net/kazi/ng/base/945c8a80c454bcd99aa20dba90b4cb6c/-/advertiser-img-ng-jobs-prod/dealer-images/advid27159/adv27159_1668649390.jpg"
                                        loading="lazy"
                                        alt="The Impeccable Skills Company"
                                    />
                                </a>
                        </li>
                                            <li class="flex w-24 h-24 carousel__item bg-white shrink-0 rounded-lg">
                                                            <a class="h-full w-full flex items-center justify-center p-2"
                                   href="https://www.jobberman.com/company/stresert-integrated-limited">
                                                                    <img
                                        class="object-contain"
                                        src="https://i.roamcdn.net/kazi/ng/base/1f82b64060aee04f2f231134fa4ad19b/-/advertiser-img-ng-jobs-prod/dealer-images/advid286859/adv286859_1710853130.jpg"
                                        loading="lazy"
                                        alt="StreSERT Integrated Limited (SIL)"
                                    />
                                </a>
                        </li>
                                            <li class="flex w-24 h-24 carousel__item bg-white shrink-0 rounded-lg">
                                                            <a class="h-full w-full flex items-center justify-center p-2"
                                   href="https://www.jobberman.com/company/e-direct">
                                                                    <img
                                        class="object-contain"
                                        src="https://i.roamcdn.net/kazi/ng/base/d22ae013ba86b6839a37d29decd79540/-/advertiser-img-ng-jobs-prod/dealer-images/advid286741/adv286741_1710845244.jpg"
                                        loading="lazy"
                                        alt="E-direct"
                                    />
                                </a>
                        </li>
                                            <li class="flex w-24 h-24 carousel__item bg-white shrink-0 rounded-lg">
                                                            <a class="h-full w-full flex items-center justify-center p-2"
                                   href="https://www.jobberman.com/company/lopterra-services">
                                                                    <img
                                        class="object-contain"
                                        src="https://i.roamcdn.net/kazi/ng/base/a6562bee0b6b8355b96dcb282f5116f6/-/advertiser-img-ng-jobs-prod/dealer-images/advid281026/adv281026_1709816773.jpg"
                                        loading="lazy"
                                        alt="Lopterra Services"
                                    />
                                </a>
                        </li>
                                    </ul>

                <!-- Always include the Next button -->
                <button id="carousel__button--next"
                        class="absolute top-[50%] translate-y-[-50%] flex items-center justify-center w-12 h-12 rounded-lg bg-white hover:bg-btn-primary-hover text-white font-bold cursor-pointer border-0 right-[6px]"
                        aria-label="Next slide">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="fill-brand-primary" width="24" height="24" role="presentation" aria-hidden="true">
    <path d="M7.5 4.66667L13.3333 10.5L7.5 16.3333" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                </button>
            </div>
        </div>
    </div>
<script>
    (function () {
        const runWhenIdle = (callback) => {
            if ("requestIdleCallback" in window) {
                requestIdleCallback(callback, {timeout: 200});
            } else {
                setTimeout(callback, 0);
            }
        };

        let initialized = false;

        const initCarousel = () => {
            if (initialized) return;

            const carousel = document.querySelector(".carousel");
            const carouselItem = carousel?.querySelector(".carousel__item");

            if (!carousel || !carouselItem) return;

            initialized = true;

            const nextBtn = document.querySelector("#carousel__button--next");
            const prevBtn = document.querySelector("#carousel__button--prev");

            const computeScrollAmount = () => {
                const carouselStyles = window.getComputedStyle(carousel);
                const gap = parseFloat(carouselStyles.columnGap) || 0;

                return carouselItem.getBoundingClientRect().width + gap;
            };

            let scrollAmount = computeScrollAmount();

            function updateButtonVisibility() {
                const maxScrollLeft = carousel.scrollWidth - carousel.clientWidth;

                if (prevBtn) {
                    prevBtn.style.display = carousel.scrollLeft <= 0 ? "none" : "flex";
                }

                if (nextBtn) {
                    nextBtn.style.display = carousel.scrollLeft >= maxScrollLeft ? "none" : "flex";
                }
            }

            function adjustAlignment() {
                if (carousel.scrollWidth <= carousel.clientWidth) {
                    carousel.style.justifyContent = "center";
                } else {
                    carousel.style.justifyContent = "flex-start";
                }
            }

            if (nextBtn) {
                nextBtn.addEventListener("click", function () {
                    carousel.scrollLeft += scrollAmount;
                });
            }

            if (prevBtn) {
                prevBtn.addEventListener("click", () => {
                    carousel.scrollLeft -= scrollAmount;
                });
            }

            carousel.addEventListener("scroll", updateButtonVisibility);

            window.addEventListener("resize", () => {
                scrollAmount = computeScrollAmount();
                adjustAlignment();
                updateButtonVisibility();
            });

            updateButtonVisibility();
            adjustAlignment();
        };

        const scheduleInit = () => runWhenIdle(() => window.requestAnimationFrame(initCarousel));

        const observeCarousel = () => {
            const carousel = document.querySelector(".carousel");

            if (!carousel) return;

            if (!("IntersectionObserver" in window)) {
                scheduleInit();
                return;
            }

            const observer = new IntersectionObserver((entries, obs) => {
                if (entries.some((entry) => entry.isIntersecting)) {
                    obs.disconnect();
                    scheduleInit();
                }
            }, {rootMargin: "200px"});

            observer.observe(carousel);
        };

        if (document.readyState === "loading") {
            document.addEventListener("DOMContentLoaded", observeCarousel);
        } else {
            observeCarousel();
        }
    })();
</script>
    <a href="https://www.jobberman.com/companies"
        class="flex items-center justify-center appearance-none font-medium text-center rounded-md text-sm px-4 h-10 bg-white border border-brand-secondary text-brand-secondary hover:bg-brand-secondary-100 focus:outline-none focus:ring-2 focus:ring-brand-secondary m-auto" title="View All Companies Hiring" aria-label="View All Companies Hiring">
        View All Companies Hiring
    </a>
</div>
<div class="flex bg-gray-900">
    <div
        class="container flex flex-col md:flex-row gap-6 mb-12 my-16">
        <div class="basis-6/12 flex-1">
            <h2 class="text-white text-2xl md:text-3xl leading-9 mb-4 font-semibold">
                Advance your career <br/>with Jobberman
            </h2>
            <p class="mb-8 text-lg text-gray-400">
                Create a free account, complete your profile,<br/> and get matched with your dream job.
            </p>
            <div class="flex">
                                    <a href="https://www.jobberman.com/account/customer/sign-up"
        class="flex items-center justify-center appearance-none font-medium text-center rounded-md text-sm px-4 h-10 bg-brand-primary border border-transparent text-white hover:bg-brand-primary-700 focus:outline-none focus:ring-2 focus:ring-brand-primary mr-4" title="Get Started" aria-label="Get Started" rel="nofollow">
        Get Started
    </a>
                                <a href="https://www.jobberman.com/job-seeker" class="flex justify-center items-center">
                    <span class="text-white mr-2.5">
                        Learn More
                    </span>
                    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                              d="M15.2515 6.35147C15.7201 5.88284 16.4799 5.88284 16.9485 6.35147L21.7485 11.1515C22.2172 11.6201 22.2172 12.3799 21.7485 12.8485L16.9485 17.6485C16.4799 18.1171 15.7201 18.1171 15.2515 17.6485C14.7828 17.1799 14.7828 16.4201 15.2515 15.9515L18.0029 13.2H4.1C3.43726 13.2 2.9 12.6627 2.9 12C2.9 11.3373 3.43726 10.8 4.1 10.8H18.0029L15.2515 8.04853C14.7828 7.5799 14.7828 6.8201 15.2515 6.35147Z"
                              fill="white"/>
                    </svg>
                </a>
            </div>
            <div class="flex flex-col md:flex-row gap-6 mt-20">
                <div class="basis-6/12 flex flex-col">
                    <div class="flex justify-center items-center mb-4 w-12 h-12 bg-gray-600 rounded-md ">
                        <svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewBox="0 0 40 40" fill="none" class="" role="presentation" aria-hidden="true">
<path d="M13.2 31.7V30.7C13.2 30 13.7 29.5 14.4 29.5H19.1H20.8H25.5C26.2 29.5 26.7 30 26.7 30.7V31.7" stroke="white" stroke-width="0.8929" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.8999 24.7C21.8999 26 22.6999 26.9 23.7999 27.5C25.1999 28.2 25.2999 28.5 25.2999 29.2V29.5" stroke="white" stroke-width="0.8929" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.7 29.5V29.2C14.7 28.5 14.8 28.2 16.2 27.5C17.3 27 18.1 26 18.1 24.8" stroke="white" stroke-width="0.8929" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.0999 31.7H12.8999C11.9999 31.7 11.2999 32.4 11.2999 33.3V34.3H19.0999H20.7999H28.5999V33.3C28.5999 32.4 27.8999 31.7 26.9999 31.7H20.7999H19.0999V31.7Z" stroke="white" stroke-width="0.8929" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20.8999 7.69999L22.8999 11.8C22.9999 12.1 23.2999 12.3 23.6999 12.4L28.1999 13.1C28.9999 13.2 29.3999 14.2 28.7999 14.8L25.4999 18C25.2999 18.2 25.1999 18.6 25.1999 18.9L25.9999 23.4C26.0999 24.2 25.2999 24.9 24.4999 24.5L20.4999 22.4C20.1999 22.2 19.8999 22.2 19.5999 22.4L15.5999 24.5C14.8999 24.9 13.9999 24.3 14.0999 23.4L14.8999 18.9C14.9999 18.6 14.7999 18.2 14.5999 18L11.2999 14.8C10.6999 14.2 10.9999 13.2 11.8999 13.1L16.3999 12.4C16.6999 12.4 16.9999 12.1 17.1999 11.8L19.1999 7.69999C19.4999 6.99999 20.4999 6.99999 20.8999 7.69999Z" stroke="white" stroke-width="0.8929" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.2 10.2L27.5 10.3" stroke="white" stroke-width="0.8929" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M23.7 7.00001L24.2 5.70001" stroke="white" stroke-width="0.8929" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M25.7 8.10001L27.2 6.70001" stroke="white" stroke-width="0.8929" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.8 10.2L12.5 10.3" stroke="white" stroke-width="0.8929" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.2999 7.00001L15.7999 5.70001" stroke="white" stroke-width="0.8929" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.2999 8.10001L12.7999 6.70001" stroke="white" stroke-width="0.8929" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                    </div>
                    <h3 class="leading-6 text-white">
                        Get seen by employers
                    </h3>
                    <p class="leading-6 text-gray-400">
                        With a complete profile, your applications and profile are promoted to top employers, so you stand out.
                    </p>
                </div>
                <div class="basis-6/12 flex flex-col">
                    <div class="flex justify-center items-center mb-4 w-12 h-12 bg-gray-600 rounded-md">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 28 28" fill="none" class="" role="presentation" aria-hidden="true">
<path d="M6.29999 17.2C9.28233 17.2 11.7 14.7824 11.7 11.8C11.7 8.81769 9.28233 6.40002 6.29999 6.40002C3.31766 6.40002 0.899994 8.81769 0.899994 11.8C0.899994 14.7824 3.31766 17.2 6.29999 17.2Z" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.29999 14.2999V11.2" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.29999 9.39993V9.29993" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.5 0.599976C24.3 2.29998 26.4 4.89998 27.4 8.09998" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21 3.79993C22.3 4.79993 23.3 6.09993 24 7.59993" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.49999 19C6.09999 19.7 5.69999 20.3 5.09999 20.8C4.59999 21.3 4.99999 22.3 5.69999 22.3H14.6H23.5C24.3 22.3 24.7 21.4 24.1 20.8C22.7 19.4 21.9 17.6 21.9 15.6V14.9V12.1C21.9 8.10002 18.8 4.70002 14.8 4.60002C13.2 4.50002 11.6 5.00002 10.4 5.90002" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 22.2999C12 23.7999 13.2 25.0999 14.8 25.0999C16.3 25.0999 17.6 23.8999 17.6 22.2999" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.6 11C18.4 9.80002 17.5 8.80002 16.3 8.40002" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.8 27.2C18.8 26.6 19.6 25.7 20 24.6" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.7 27.2C10.7 26.6 9.9 25.7 9.5 24.6" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.9 4.7C16.4 4.3 16.8 3.7 16.8 3C16.8 1.9 15.9 1 14.8 1C13.7 1 12.8 1.9 12.8 3C12.8 3.7 13.2 4.3 13.7 4.7" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>                    </div>
                    <h3 class="leading-6 text-white">
                        Access the best jobs for you
                    </h3>
                    <p class="leading-6 text-gray-400">
                        Sign up for customised job alerts matching your experience, preferred industry, function and location.
                    </p>
                </div>
            </div>
        </div>
        <div class="basis-6/12 flex flex-1 items-center justify-center md:pt-0 pt-10 relative">
            <picture>
                <source
                  srcset="/static-assets/img/jobberman-theme/home-page/advance-your-career.webp"
                  type="image/webp"
                  loading="lazy"
                />

                <img
                  src="/static-assets/img/jobberman-theme/home-page/advance-your-career.png"
                  loading="lazy"
                  alt="Advance your career"
                />
            </picture>
        </div>
    </div>
</div>
    <div class="bg-gray-50 w-full">
        <div class="container py-6">
            <div class="flex flex-col lg:flex-row gap-y-6 lg:gap-x-6 justify-center">
                <div class="flex justify-center lg:justify-start">
                    <img
                        loading="lazy"
                        class="w-full max-w-full h-auto sm:w-auto"
                        alt="Promotional image encouraging a CV upgrade, offering expert assistance in showcasing skills and accomplishments."
                        src="/static-assets/img/jobberman-theme/write-sea/level-up-your-cv-game-banner.webp"
                    />
                </div>
                <div class=" flex justify-center flex-col gap-y-3 max-w-2xl">
                    <div class="flex flex-col gap-y-4">
                        <h2 class="text-3xl leading-9 font-semibold text-gray-700">
                            Job Hunting? Use AI to Boost Your Career
                        </h2>
                        <p class="text-lg leading-6 font-normal text-gray-700">
                            Create a compelling CV and cover Letter, practice for mock interviews, and negotiate your salary offers with one tool.
                        </p>
                    </div>
                    <div class="flex justify-start">
                        <a href="https://www.jobberman.com/account/cv-services"
        class="flex items-center justify-center appearance-none font-medium text-center rounded-md text-sm px-3 h-10 bg-brand-primary border border-transparent text-white hover:bg-brand-primary-700 focus:outline-none focus:ring-2 focus:ring-brand-primary" title="Try It Now" aria-label="Try It Now" rel="nofollow">
        Try It Now
    </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="container flex flex-col my-12">
    <div class="banner-ad-fixed">
        <div
        x-data="bannerAd()"
        x-init="trackImpression()"
        @click="trackClick()"
        class="banner-ad banner-ad--desktop"
        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"
        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>
<div class="container">
    <div class="flex p-6 my-16 rounded-2xl md:flex-row flex-col-reverse" style="background: linear-gradient(95.54deg, #6013ab 0.2%, #46008B 38.18%, #1B2095 94.08%);">
        <div class="flex flex-col md:mr-10 w-full md:w-1/2 mr-auto">
            <h2 class="mb-6 text-sm text-white">
                FOR EMPLOYERS
            </h2>
            <h2 class="mb-4 text-3xl font-semibold text-white">
                Searching for the right talent?
            </h2>
            <p class="mb-5 text-lg text-brand-secondary-300">
                We have over 3 million+ job-seekers across all levels, right for your organisation!
            </p>
                            <a href="https://www.jobberman.com/employer"
        class="flex items-center justify-center appearance-none font-medium text-center rounded-md text-sm px-4 h-10 bg-brand-tertiary text-brand-primary hover:bg-brand-tertiary-700 focus:outline-none focus:ring-2 focus:ring-brand-primary md:w-[142px] mt-auto" title="Learn More" aria-label="Learn More">
        Learn More
    </a>
                    </div>
        <div class="hidden lg:block md:ml-auto h-[225px]">
            <img
                loading="lazy"
                src="/static-assets/img/jobberman-theme/home-page/right-talent-desktop.png"
                class="object-cover h-full rounded-lg"
                alt="Advance your career"
            />
        </div>
        <div class="block lg:hidden md:ml-auto mb-6 md:mb-0 h-[280px]">
            <img
                loading="lazy"
                src="/static-assets/img/jobberman-theme/home-page/right-talent-mobile.png"
                class="object-cover h-full rounded-lg w-full md:w-auto"
                alt="Advance your career"
            />
        </div>
    </div>
</div>
<div
    class="container flex flex-col my-16"
    id="jobs-by-job-function"
>
    <h2 class="hidden w-full text-3xl font-semibold text-center text-gray-700 md:block">
        Explore jobs in Nigeria by job function
    </h2>
    <h3 class="block w-full text-3xl font-semibold text-center text-gray-700 md:hidden">
        Explore jobs in <br/> Nigeria by job <br/> function
    </h3>
    <div class="flex flex-col justify-center items-center mt-12 md:items-start md:justify-start">
        <ul class="space-y-6 w-full text-center md:text-left columns-1 md:columns-3">
                            <li>
                    <a href="https://www.jobberman.com/jobs/accounting-auditing-finance" class="text-sm text-gray-500 hover:text-link-500">
                        Accounting, Auditing &amp; Finance
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/admin-office" class="text-sm text-gray-500 hover:text-link-500">
                        Admin &amp; Office
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/creative-design" class="text-sm text-gray-500 hover:text-link-500">
                        Creative &amp; Design
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/building-architecture" class="text-sm text-gray-500 hover:text-link-500">
                        Building &amp; Architecture
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/consulting-strategy" class="text-sm text-gray-500 hover:text-link-500">
                        Consulting &amp; Strategy
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/customer-service-support" class="text-sm text-gray-500 hover:text-link-500">
                        Customer Service &amp; Support
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/engineering-technology" class="text-sm text-gray-500 hover:text-link-500">
                        Engineering &amp; Technology
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/farming-agriculture" class="text-sm text-gray-500 hover:text-link-500">
                        Farming &amp; Agriculture
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/food-services-catering" class="text-sm text-gray-500 hover:text-link-500">
                        Food Services &amp; Catering
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/hospitality-leisure" class="text-sm text-gray-500 hover:text-link-500">
                        Hospitality &amp; Leisure
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/software-data" class="text-sm text-gray-500 hover:text-link-500">
                        Software &amp; Data
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/legal-services" class="text-sm text-gray-500 hover:text-link-500">
                        Legal Services
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/marketing-communications" class="text-sm text-gray-500 hover:text-link-500">
                        Marketing &amp; Communications
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/medical-pharmaceutical" class="text-sm text-gray-500 hover:text-link-500">
                        Medical &amp; Pharmaceutical
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/product-project-management" class="text-sm text-gray-500 hover:text-link-500">
                        Product &amp; Project Management
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/estate-agent-property-management" class="text-sm text-gray-500 hover:text-link-500">
                        Estate Agents &amp; Property Management
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/quality-control-assurance" class="text-sm text-gray-500 hover:text-link-500">
                        Quality Control &amp; Assurance
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/human-resources" class="text-sm text-gray-500 hover:text-link-500">
                        Human Resources
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/management-business-development" class="text-sm text-gray-500 hover:text-link-500">
                        Management &amp; Business Development
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/community-social-services" class="text-sm text-gray-500 hover:text-link-500">
                        Community &amp; Social Services
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/supply-chain-procurement" class="text-sm text-gray-500 hover:text-link-500">
                        Supply Chain &amp; Procurement
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/sales" class="text-sm text-gray-500 hover:text-link-500">
                        Sales
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/research-teaching-training" class="text-sm text-gray-500 hover:text-link-500">
                        Research, Teaching &amp; Training
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/trades-services" class="text-sm text-gray-500 hover:text-link-500">
                        Trades &amp; Services
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/driver-transport-services" class="text-sm text-gray-500 hover:text-link-500">
                        Driver &amp; Transport Services
                    </a>
                </li>
                            <li>
                    <a href="https://www.jobberman.com/jobs/health-safety" class="text-sm text-gray-500 hover:text-link-500">
                        Health &amp; Safety
                    </a>
                </li>
                    </ul>
    </div>
</div>
                </main>

                                        <div class="float-left w-full relative border-[rgba(0,0,0,0.05)] border-t-2">
    <div class="flex flex-col container relative pt-[60px]">
        <div class="flex flex-col flex-wrap justify-between items-center w-full md:flex-row gap-4">
            <a class="py-2 text-sm text-link-500" href="https://www.jobberman.com/about" data-cy="about-nav-footer">
                About
            </a>
            <span class="hidden text-gray-300 gray-dash md:block">|</span>

                            <a class="py-2 text-sm text-link-500" href="https://www.jobberman.com/companies">
                    Companies Hiring
                </a>
                <span class="hidden text-gray-300 gray-dash md:block">|</span>
            
                            <a class="py-2 text-sm text-link-500" href="https://www.jobberman.com/privacy-policy">
                    Privacy Policy
                </a>
                <span class="hidden text-gray-300 md:block gray-dash">|</span>
            
            <a class="py-2 text-sm text-link-500" href="https://www.jobberman.com/terms">
                Terms
            </a>
            <span class="hidden text-gray-300 gray-dash md:block">|</span>
                            <a href="https://www.jobberman.com/account/cv-services"
                   rel="nofollow"
                   class="py-2 text-sm text-link-500">
                    AI Career Tool
                </a>
                <span class="hidden text-gray-300 gray-dash md:block">|</span>
                                                    <a href="https://www.jobberman.com/employer/skills-assessments" class="py-2 text-sm text-link-500">
                    Skills Assessments
                </a>
                <span class="hidden text-gray-300 gray-dash md:block">|</span>
                                        <a
                    class="py-2 text-sm text-link-500" href="https://static.jobberman.com/Jobberman_Nigeria_Product_Brochure_2025.pdf"
                    target="_blank"
                    rel="noopener noreferrer"
                    download
                >
                    Product Brochure
                </a>
                <span class="hidden text-gray-300 gray-dash md:block">|</span>
                    </div>


                    <div class="flex flex-row justify-center md:justify-start">
                <span class="pt-5 text-sm text-gray-700">
                    Follow us On:
                </span>
            </div>
            <div class="flex flex-row justify-center md:justify-start items-center py-5 w-full">
                                    <a class="mr-2 lg:mr-4" href="https://www.facebook.com/jobbermannigeria">
                        <img
                            loading="lazy"
                            src="/static-assets/img/icon-facebook.svg"
                            alt="Follow us on Facebook"
                            width="32"
                            height="32"
                        />
                    </a>
                
                                    <a class="mr-2 lg:mr-4" href="https://www.instagram.com/jobbermannigeria/">
                        <img
                            loading="lazy"
                            src="/static-assets/img/icon-instagram.svg"
                            alt="Follow us on Instagram"
                            width="32"
                            height="32"
                        />
                    </a>
                
                                    <a class="mr-2 lg:mr-4" href="https://www.linkedin.com/company/jobberman">
                        <img
                            loading="lazy"
                            src="/static-assets/img/icon-linkedin.svg"
                            alt="Follow us on LinkedIn"
                            width="32"
                            height="32"
                        />
                    </a>
                
                                    <a class="mr-2 lg:mr-4" href="https://www.twitter.com/jobbermandotcom">
                        <img
                            loading="lazy"
                            src="/static-assets/img/icon-x.svg"
                            alt="Follow us on Twitter"
                            width="32"
                            height="32"
                        />
                    </a>
                
                                    <a class="mr-2 lg:mr-4" href="https://www.youtube.com/Jobbermandotcom">
                        <img
                            loading="lazy"
                            src="/static-assets/img/icon-youtube.svg"
                            alt="Follow us on YouTube"
                            width="32"
                            height="32"
                        />
                    </a>
                
                                    <a class="mr-0 lg:mr-4" href="https://api.whatsapp.com/send/?phone=2348097202945&amp;text=Hi&amp;type=phone_number&amp;app_absent=0">
                        <img
                            loading="lazy"
                            src="/static-assets/img/icon-whatsapp.svg"
                            alt="Chat with us on Whatsapp"
                            width="32"
                            height="32"
                        />
                    </a>
                
                                <a
                    class="hidden md:block"
                    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"
                        src="/static-assets/img/play-badge.png"
                        alt="Get it on Google Play"
                        width="180"
                        height="70"
                        style="width: 180px;"
                    />
                </a>
                
                                    <a class="mr-0 lg:ml-4" href="https://services.ndpc.gov.ng/portal/?page=verify-c&amp;d=ang38422515044&amp;id=69165&amp;sn=8bcc6621f9f0cb47cfb229acd6dd6a95&amp;t=audit_filing&amp;tp=nwp_audit">
                        <img
                            loading="lazy"
                            src="/static-assets/img/ng/ndpr.png"
                            alt="ndpr"
                            width="100"
                            height="70"
                        />
                    </a>
                            </div>
                <a
            class="block self-center py-5 md:hidden"
            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"
                src="/static-assets/img/play-badge.png"
                alt="Get it on Google Play"
                width="180"
                height="70"
                style="width: 180px;"
            />
        </a>
        <div class="flex flex-row justify-center items-center py-5 w-full border-t-2 border-gray-300">
            <span class="pr-2">
                <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="18" viewBox="0 0 24 24" width="18" fill="#9CA3AF" class="text-gray-500" role="presentation" aria-hidden="true"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14 c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14 C10,9.25,11.28,9.16,11.88,9.14z M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M12,20c-4.41,0-8-3.59-8-8 s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z"/></g></g></g></svg>            </span>
            <span class="text-base font-medium text-gray-500">
                2026 Jobberman
            </span>
        </div>
    </div>
</div>


                        
<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-Dy8304B2.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-04-05T12:47:50.197849Z",
            "dateModified": "2026-04-05T12:47:50.197849Z",
            "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="fill-white cursor-pointer" role="presentation" aria-hidden="true">
<path 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="69d259f6322b1" 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="69d259f6322b1">
                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="69d259f6322da" 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="69d259f6322da">
                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>
