/* NextJobPortal responsive overrides - layout only, no content or functionality changes. Loaded after the main stylesheet. Desktop widths above 992px are untouched except for global no-overflow safeguards. */
html,body{max-width:100%;overflow-x:hidden;}
body{min-width:0;}
img,video,iframe,svg{max-width:100%;height:auto;}
table{max-width:100%;}
h1,h2,h3,h4,h5,h6,p,a,li,span,td,th{overflow-wrap:break-word;word-break:break-word;}
.container,.container-fluid{max-width:100%;}
.row{margin-left:0;margin-right:0;}
.row>*{min-width:0;}
input,select,textarea,button{max-width:100%;min-width:0;}
form{max-width:100%;}
.btn,.page-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
.navbar-brand img{max-width:100%;height:auto;}
.navbar{flex-wrap:wrap;}
.navbar-nav{flex-wrap:wrap;}
.pagination{flex-wrap:wrap;gap:4px;}
.pagination .page-item{flex:0 0 auto;}
@media (max-width:1024px){
.display-1{font-size:clamp(2rem,6vw,3.5rem);}
.display-2{font-size:clamp(1.9rem,5.5vw,3rem);}
.display-3{font-size:clamp(1.7rem,5vw,2.6rem);}
.display-4{font-size:clamp(1.6rem,4.5vw,2.4rem);}
h1{font-size:clamp(1.6rem,4.5vw,2.5rem);}
section{padding-left:1rem;padding-right:1rem;}
}
@media (max-width:991.98px){
.container{padding-left:1rem;padding-right:1rem;}
.navbar-brand{max-width:70vw;}
.navbar-brand img{max-width:220px;}
.navbar-collapse{width:100%;}
.navbar-nav{flex-direction:column;width:100%;}
.navbar-nav .nav-link{padding:.75rem .5rem;}
main .row>[class*='col-']{flex:0 0 100%;max-width:100%;}
.card{width:100%;}
.card-body{padding:1rem;}
.d-flex,.flex-row{flex-wrap:wrap;}
form .row>[class*='col-']{margin-bottom:.5rem;}
.form-control,.form-select{font-size:1rem;min-height:44px;}
.btn{white-space:normal;text-align:center;}
.pagination .page-link{padding:.375rem .6rem;font-size:.9rem;}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;}
table{display:block;overflow-x:auto;}
footer .row>[class*='col-']{margin-bottom:1rem;}
}
@media (max-width:767.98px){
body{font-size:1rem;}
.navbar-brand img{max-width:180px;}
.navbar-toggler{min-height:44px;min-width:44px;}
h1{font-size:clamp(1.5rem,7vw,2rem);line-height:1.25;}
h2{font-size:clamp(1.3rem,6vw,1.75rem);}
h3{font-size:clamp(1.15rem,5vw,1.4rem);}
section{padding-top:1.5rem!important;padding-bottom:1.5rem!important;}
.row>.col-6{flex:0 0 50%;max-width:50%;}
form{width:100%;}
form input,form select,form textarea{width:100%;}
form .btn,form button[type='submit']{width:100%;min-height:48px;}
.input-group{flex-wrap:wrap;}
.home-hero__panel{width:92%;max-width:100%;margin-left:auto;margin-right:auto;overflow:visible;box-sizing:border-box;}form{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;}form input{width:100%;flex:1 1 auto;max-width:100%;}form button{width:100%;flex:0 0 auto;margin-top:8px;max-width:100%;}.home-hero__search-form{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;}.home-hero__search-row{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;max-width:100%;height:auto;box-sizing:border-box;}.home-hero__search-input{width:100%;flex:1 1 auto;max-width:100%;}.home-hero__search-btn{width:100%;flex:0 0 auto;margin-top:8px;max-width:100%;}.home-hero__search-icon{display:none;}.home-hero__panel{height:auto!important;border-radius:16px!important;overflow:visible!important;padding:12px!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;}.home-hero__search-row,.home-hero__search-form{display:flex!important;flex-direction:column!important;gap:12px!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important;}.home-hero__search-input{width:100%!important;max-width:100%!important;padding:12px 14px!important;border-radius:8px!important;box-sizing:border-box!important;background:fff!important;border:1px solid d1d5db!important;}.home-hero__search-input{padding:12px!important;}.home-hero__search-btn{width:100%!important;max-width:100%!important;border-radius:12px!important;margin-top:0!important;height:auto!important;padding:14px!important;}.home-hero__pills,.home-hero__badges,.home-hero__features{background:transparent!important;box-shadow:none!important;}.home-hero__search-input{background:white!important;border:1px solid grey!important;}
.input-group>*{flex:1 1 100%;border-radius:.375rem!important;margin-bottom:.5rem;}
.btn{padding:.65rem 1rem;font-size:1rem;}
.card-title{font-size:1.05rem;line-height:1.4;}
.pagination{justify-content:center;}
.alert{word-break:break-word;}
footer .d-flex{flex-direction:column;align-items:flex-start!important;}
}
@media (max-width:400px){
.navbar-brand img{max-width:150px;}
.container{padding-left:.75rem;padding-right:.75rem;}
h1{font-size:1.45rem;}
.row>.col-6{flex:0 0 100%;max-width:100%;}
.btn,.page-link{min-height:46px;}
.pagination .page-link{padding:.3rem .45rem;font-size:.85rem;}
}
@media (min-width:1400px){
img,video,iframe{max-width:100%;}
}
/* End of responsive overrides. */
/* Blog article body tightening: line-height 1.48, margin-bottom 0.6rem. Headings, font family and font sizes unchanged. */
main article p{line-height:1.48;margin-bottom:.6rem;}
main article p:empty{margin-bottom:0;}
main article p{line-height:1.48 !importantimportant;margin-bottom:.6rem !importantimportant;}main article p:not(.no-tighten){line-height:1.48;margin-bottom:.6rem;}main article p:has(>br:only-child){margin-bottom:0;line-height:0;}

/* === NextJobPortal Navy/Cyan Theme (official logo colours) - CSS only, no layout or content changes === */
:root{--njp-navy:#0C2D63;--njp-cyan:#1A9FD6;}
body{color:#1f2937;}
h1,h2,h3{color:#0C2D63;}
header h1,header h2,header h3,footer h1,footer h2,footer h3,.site-header h1,.site-header h2,.site-header h3,.site-footer h1,.site-footer h2,.site-footer h3{color:#0C2D63;}
a{color:#1A9FD6;}
a:hover,a:focus{color:#0C2D63;}
.btn-primary,.btn.btn-primary,button.btn-primary,input[type="submit"].btn-primary,.search-btn,button[type="submit"].btn-primary,form button[type="submit"],.btn-search{ background-color:#0C2D63!important;border-color:#0C2D63!important;color:#ffffff!important;}
.btn-primary:hover,.btn.btn-primary:hover,button.btn-primary:hover,.search-btn:hover{ background-color:#0C2D63!important;border-color:#0C2D63!important;color:#ffffff!important;}
.text-primary,.highlight,.accent{color:#1A9FD6!important;}
/* === End Navy/Cyan Theme === */


/* === Navy/Cyan Theme - search and primary button gradient override === */
button[type="submit"],input[type="submit"],.btn-primary,.btn.btn-primary,.search-btn,.btn-search{ background:#0C2D63!important;background-image:none!important;border-color:#0C2D63!important;color:#ffffff!important;}
a{color:#1A9FD6!important;}
/* === End gradient override === */


/* === Header logo alignment - remove the logo link's one-off left padding so the header uses only the standard container's equal left/right padding === */
header .navbar-brand, nav .navbar-brand, .navbar-brand { padding-left: 0 !important; }
/* === End header logo alignment === */


.home-hero__lead {
      text-align: center !important;
        margin-left: auto !important;
          margin-right: auto !important;
}        
      
}/* MOBILE HERO ORDER FIX */
@media (max-width:767.98px){.home-hero .row{display:flex;flex-direction:column;}.home-hero .row>[class*=col-]{flex:0 0 auto;}.home-hero .container .row>.col-lg-10{order:1;}.home-hero .container .row>.col-12{order:2;}}
/* === HERO H1 CONTRAST FIX (2026-11-02) - hero H1 must stay WHITE on the dark hero background, accent span stays cyan === */
.home-hero h1,
.home-hero__title,
h1.home-hero__title {
  color: #ffffff !important;
}
.home-hero h1 span,
.home-hero__title span,
h1.home-hero__title span {
  color: #1A9FD6 !important;
}
/* === End HERO H1 CONTRAST FIX === */

/* === HERO H1 ACCENT - specific .accent selector, same cyan/teal as above === */
.home-hero h1 .accent,
.home-hero__title .accent,
h1.home-hero__title .accent {
  color: #1A9FD6 !important;
}
/* === End HERO H1 ACCENT === */

/* === HERO H1 ACCENT - highest specificity === */
html body main section.home-hero h1.home-hero__title span.accent,
html body section.home-hero h1.home-hero__title span.accent {
  color: #1A9FD6 !important;
}
/* === End HERO H1 ACCENT - highest specificity === */

/*TALENT-SEARCH-WIDTH-FIX*/
html body .home-hero .col-12{width:75%;max-width:900px;margin-left:auto;margin-right:auto;position:static;margin-top:1.25rem;flex:0 1 75%}
html body .home-hero form{width:100%;max-width:900px;margin-left:auto;margin-right:auto;position:static;box-sizing:border-box}
html body .home-hero form input{flex:1 1 auto;min-width:0;width:auto;box-sizing:border-box}
html body .home-hero form button{flex:0 0 auto;width:auto;max-width:45%;position:static;white-space:nowrap;box-sizing:border-box}
@media(max-width:767.98px){html body .home-hero .col-12{width:92%;flex:0 1 92%;margin-top:1.25rem;position:static}html body .home-hero form{width:100%;display:flex;flex-wrap:nowrap;align-items:center;gap:8px}html body .home-hero{padding-bottom:2rem}};
/* === UNIFIED FONT COLOUR THEME (2026-11-02) - one scheme site-wide === */
/* Headings on light backgrounds: deep navy. Body: dark readable grey. */
/* Links and accents: cyan/teal. Primary buttons: solid navy, white text, no gradient. */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #0C2D63 !important; background-image: none !important; -webkit-text-fill-color: #0C2D63 !important; }
body { color: #1F2937 !important; }
p, li, td, th, label, small, .text-muted, .text-secondary, .text-gray, .text-grey { color: #1F2937 !important; }
a, a:link, a:visited { color: #1A9FD6 !important; }
.accent, .text-accent, .text-primary, .eyebrow, .kicker, .section-label, .section-eyebrow { color: #1A9FD6 !important; background-image: none !important; -webkit-text-fill-color: #1A9FD6 !important; }
h1 span[class*="gradient"], h2 span[class*="gradient"], h3 span[class*="gradient"], span[class*="gradient-text"], .gradient-text { color: #1A9FD6 !important; background-image: none !important; -webkit-text-fill-color: #1A9FD6 !important; }
.text-success, .badge-success, .badge, .category-pill { color: #0C2D63 !important; background-color: #E6F4FB !important; background-image: none !important; border-color: #1A9FD6 !important; }
.avatar { background-color: #0C2D63 !important; background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
.btn-primary, a.btn-primary, button.btn-primary, .btn-search, .search-btn, button[type="submit"], input[type="submit"], .home-hero button, section[class*="hero"] button, div[class*="hero"] button { background-color: #0C2D63 !important; background-image: none !important; background: #0C2D63 !important; border-color: #0C2D63 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
.btn-primary:hover, a.btn-primary:hover, button.btn-primary:hover, .btn-search:hover, button[type="submit"]:hover, input[type="submit"]:hover, .home-hero button:hover, section[class*="hero"] button:hover { background-color: #0C2D63 !important; background-image: none !important; background: #0C2D63 !important; border-color: #0C2D63 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
.btn-outline, .btn-outline-primary, a.btn-outline, a.btn-outline-primary { background-color: #ffffff !important; background-image: none !important; border-color: #1A9FD6 !important; color: #1A9FD6 !important; -webkit-text-fill-color: #1A9FD6 !important; }
/* Dark hero exception: white H1 with cyan accent, light subtext. */
.home-hero h1, section[class*="hero"] h1, div[class*="hero"] h1, .hero h1 { color: #ffffff !important; background-image: none !important; -webkit-text-fill-color: #ffffff !important; }
.home-hero h1 span, section[class*="hero"] h1 span, div[class*="hero"] h1 span, .hero h1 span, .home-hero h1 .accent, section[class*="hero"] h1 .accent { color: #1A9FD6 !important; background-image: none !important; -webkit-text-fill-color: #1A9FD6 !important; }
.home-hero p, section[class*="hero"] p, div[class*="hero"] p, .hero p, .home-hero__lead { color: #EAF6FD !important; }
/* Dark footer exception: white headings, light body text, cyan links. */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 { color: #ffffff !important; background-image: none !important; -webkit-text-fill-color: #ffffff !important; }
footer p, footer li, footer small, footer .text-muted, .footer p, .footer li, .footer small, .site-footer p, .site-footer li { color: #D7E3EE !important; }
footer a, footer a:link, footer a:visited, .footer a, .site-footer a { color: #1A9FD6 !important; }
/* === End UNIFIED FONT COLOUR THEME === */

/* === UNIFIED THEME FIX 2 - class-based stray colours === */
[class*="category"], [class*="pill"], [class*="tag"], [class*="badge"] { color: #0C2D63 !important; background-color: #E6F4FB !important; background-image: none !important; border-color: #1A9FD6 !important; -webkit-text-fill-color: #0C2D63 !important; }
[class*="avatar"] { background-color: #0C2D63 !important; background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
[class*="footer"] h1, [class*="footer"] h2, [class*="footer"] h3, [class*="footer"] h4, [class*="footer"] h5, [class*="footer"] h6, [class*="footer-title"], [class*="footer-heading"] { color: #ffffff !important; background-image: none !important; -webkit-text-fill-color: #ffffff !important; }
nav a, .navbar a, .nav-link, header a { color: #1A9FD6 !important; }
dt, [class*="label"] { color: #1F2937 !important; }
/* === End UNIFIED THEME FIX 2 === */

.home-hero,.hero,.hero-section{border-radius:0!important;border-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;clip-path:none!important;}
.home-hero::after,.home-hero::before,.hero::after,.hero::before{display:none!important;border:0!important;}
.home-hero__wave,.hero-wave,.hero-shape,.hero-divider,.shape-divider,.hero-bottom{display:none!important;border:0!important;}
.home-hero__pills,.home-hero__badges,.home-hero__features{background:transparent!important;background-color:transparent!important;box-shadow:none!important;}
[class*="pills"]{background:transparent!important;background-color:transparent!important;box-shadow:none!important;}
.hero-curve,.hero-slant,.hero-section::after,.hero-section::before{display:none!important;}
[class*="pill"]:has([class*="pill"]){background:transparent!important;background-color:transparent!important;box-shadow:none!important;}
.home-hero .bg-light,.home-hero .bg-white{background:transparent!important;background-color:transparent!important;box-shadow:none!important;}
.home-hero div:has(.badge){background:transparent!important;background-color:transparent!important;box-shadow:none!important;}
section.home-hero ul.home-hero__pills,.home-hero ul.home-hero__pills,ul.home-hero__pills{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:none!important;}
.home-hero .bg-light,.home-hero .bg-white{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:none!important;}