/* Jabal Al Shaheen — Careers V7.3. All styles are limited to the Careers page. */
#jas-app.jas-page-careers .jas-careers-hero{
  min-height:510px;
  background-position:center center;
}
#jas-app.jas-page-careers .jas-careers-hero::before{
  background:linear-gradient(100deg,rgba(2,24,97,.95) 0%,rgba(2,24,97,.89) 30%,rgba(2,24,97,.30) 70%,rgba(2,24,97,.09) 100%);
}
#jas-app.jas-page-careers .jas-careers-hero .jas-hero-inner{min-height:510px;position:relative;z-index:2}
#jas-app.jas-page-careers .jas-careers-hero h1,
#jas-app.jas-page-careers .jas-careers-hero h1 span{color:#fff!important;font-size:clamp(36px,4.1vw,58px)!important;line-height:1.1!important;letter-spacing:-.045em}
#jas-app.jas-page-careers .jas-careers-hero h1 span{color:#fff!important}
#jas-app.jas-page-careers .jas-careers-hero .jas-hero-copy{max-width:615px}
#jas-app.jas-page-careers .jas-careers-hero .jas-hero-description{max-width:540px}
#jas-app .jas-career-anchor{scroll-margin-top:110px}
#jas-app .jas-career-openings{padding-top:66px!important;padding-bottom:68px!important}
#jas-app .jas-career-openings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1310px;margin:0 auto}
#jas-app .jas-career-role{background:linear-gradient(145deg,#fff 20%,#f5faff 100%);border:1px solid #d7e4f3;border-radius:18px;box-shadow:0 12px 26px rgba(2,24,97,.075);padding:30px 33px 32px;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden}
#jas-app .jas-career-role:before{content:"";position:absolute;left:0;top:0;height:5px;width:100%;background:linear-gradient(90deg,#021861 0%,#255DCE 70%,#8BCEF7 70%)}
#jas-app .jas-career-role-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}
#jas-app .jas-career-icon{display:inline-flex;width:64px;height:64px;align-items:center;justify-content:center;border-radius:15px;background:#8BCEF7;box-shadow:0 7px 16px rgba(139,206,247,.17)}
#jas-app .jas-career-icon img{display:block;width:33px!important;height:33px!important;filter:brightness(0) invert(1)!important}
#jas-app .jas-career-category{font-size:11px;line-height:1.3;letter-spacing:.11em;font-weight:900;color:#255DCE;text-align:right}
#jas-app .jas-career-role h3{font-size:clamp(25px,2.15vw,32px)!important;line-height:1.12!important;letter-spacing:-.035em;color:#021861!important;margin:0 0 11px!important;font-weight:900}
#jas-app .jas-career-role .jas-career-summary{font-size:15px!important;line-height:1.55!important;color:#273f63!important;margin:0 0 18px!important}
#jas-app .jas-career-role-detail{flex:1;display:flex;flex-direction:column}
#jas-app .jas-career-role-detail h4{font-size:14px;color:#021861;font-weight:900;margin:12px 0 9px}
#jas-app .jas-career-role-detail ul{padding:0 0 0 22px;margin:0 0 9px;color:#23385a;display:grid;gap:8px;font-size:14px;line-height:1.45}
#jas-app .jas-career-role-detail li::marker{color:#8BCEF7}
#jas-app .jas-career-apply-link{align-self:flex-start;margin-top:23px;padding:13px 23px!important}
#jas-app .jas-career-values{padding:62px 0!important}
#jas-app .jas-career-form-section{padding-top:65px!important;padding-bottom:68px!important}
#jas-app .jas-career-form-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);max-width:1370px;margin:auto;border-radius:20px;overflow:hidden;border:1px solid #d7e4f2;background:#fff;box-shadow:0 15px 32px rgba(2,24,97,.11);scroll-margin-top:100px}
#jas-app .jas-career-form-aside{position:relative;min-height:720px;background:linear-gradient(145deg,#01144e 0%,#021861 50%,#1645a1 100%);padding:60px 46px;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate;overflow:hidden}
#jas-app .jas-career-form-aside:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;border:55px solid rgba(255,255,255,.055);right:-125px;bottom:-100px;z-index:-1}
#jas-app .jas-career-form-aside:before{content:"";position:absolute;width:5px;height:160px;right:18%;top:0;background:#8BCEF7;transform:skewX(-30deg)}
#jas-app .jas-career-form-aside .jas-kicker{color:#fff!important;letter-spacing:.1em;font-size:11px;font-weight:900}
#jas-app .jas-career-form-aside h2{font-size:clamp(33px,3.3vw,48px)!important;line-height:1.13!important;letter-spacing:-.04em;color:#fff!important;font-weight:900;margin:18px 0 16px!important;max-width:480px}
#jas-app .jas-career-form-aside p{font-size:16px;line-height:1.7;color:#e4edff;max-width:455px;margin:0}
#jas-app .jas-career-form-steps{display:grid;gap:23px;margin-top:48px}
#jas-app .jas-career-form-steps span{display:flex;align-items:center;gap:13px;color:#fff;font-weight:750;font-size:15px}
#jas-app .jas-career-form-steps b{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);border-radius:50%;font-size:13px}
#jas-app .jas-career-form-aside-icon{margin-top:auto;padding-top:45px;opacity:.30}
#jas-app .jas-career-form-aside-icon img{width:92px!important;height:92px!important;filter:brightness(0) invert(1)}
#jas-app .jas-career-form-wrap{padding:40px 45px 45px;min-width:0}
#jas-app .jas-career-form-wrap>.jas-kicker{color:#8BCEF7;font-weight:900;letter-spacing:.12em;font-size:11px}
#jas-app .jas-career-form-wrap h2{color:#021861!important;font-weight:900;font-size:clamp(29px,2.4vw,36px)!important;letter-spacing:-.04em;line-height:1.12!important;margin:12px 0!important}
#jas-app .jas-career-form-wrap>p{color:#395070;font-size:14px;line-height:1.6;margin:0 0 26px}
#jas-app .jas-career-form{gap:18px}
#jas-app .jas-career-form label{color:#102755;font-size:13px;font-weight:800}
#jas-app .jas-career-form label em{color:#8BCEF7;font-style:normal}
#jas-app .jas-career-form input:not([type="checkbox"]):not([type="hidden"]),
#jas-app .jas-career-form select,#jas-app .jas-career-form textarea{border-radius:9px;border:1px solid #c8d8ec;padding:13px 14px;font-family:inherit;background:#fbfdff;color:#102755}
#jas-app .jas-career-form input:focus,#jas-app .jas-career-form select:focus,#jas-app .jas-career-form textarea:focus{outline:2px solid rgba(37,93,206,.24);border-color:#255DCE}
#jas-app .jas-career-cv-label{margin-top:0}
#jas-app .jas-career-cv-input{display:flex;align-items:center;gap:13px;padding:10px 15px;margin-top:9px;border:1px dashed #9ab8db;border-radius:10px;background:#f4f9ff;min-width:0}
#jas-app .jas-career-cv-input>span{flex:0 0 27px}
#jas-app .jas-career-cv-input img{width:24px!important;height:24px!important}
#jas-app .jas-career-cv-input input[type="file"]{margin:0!important;padding:10px 4px!important;min-width:0!important;min-height:42px!important;width:100%!important;background:transparent!important;border:0!important;font-size:13px!important;color:#173366!important}
#jas-app .jas-career-cv-label small{display:block;margin-top:7px;color:#58718f;font-weight:500;font-size:12px}
#jas-app .jas-career-form label.jas-career-consent{display:flex;align-items:flex-start;gap:11px;font-weight:500;font-size:13px;line-height:1.5;color:#344765;cursor:pointer}
#jas-app .jas-career-consent input[type="checkbox"]{appearance:auto!important;display:block!important;flex:0 0 18px!important;min-width:18px!important;width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;margin:1px 0 0!important;accent-color:#8BCEF7}
#jas-app .jas-career-consent strong{color:#8BCEF7}
#jas-app .jas-career-form button.jas-submit{min-height:49px!important;font-size:15px!important}
#jas-app .jas-career-form .jas-form-response{font-size:14px!important;line-height:1.4!important;margin:0!important}
#jas-app .jas-career-form .jas-form-response.jas-success{color:#13623b!important}
#jas-app .jas-career-faq{padding:55px 0 70px!important}
@media(max-width:1100px){
  #jas-app .jas-career-form-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
  #jas-app .jas-career-form-aside{padding:42px 32px;min-height:690px}
  #jas-app .jas-career-form-wrap{padding:34px 30px}
}
@media(max-width:900px){
  #jas-app.jas-page-careers .jas-careers-hero .jas-hero-inner{min-height:480px}
  #jas-app .jas-career-openings-grid{grid-template-columns:1fr}
  #jas-app .jas-career-form-layout{grid-template-columns:1fr}
  #jas-app .jas-career-form-aside{min-height:300px;padding:38px 32px}
  #jas-app .jas-career-form-steps{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:25px}
  #jas-app .jas-career-form-aside-icon{display:none}
}
@media(max-width:620px){
  #jas-app.jas-page-careers .jas-careers-hero{min-height:680px;background-position:61% center}
  #jas-app.jas-page-careers .jas-careers-hero .jas-hero-inner{min-height:680px}
  #jas-app.jas-page-careers .jas-careers-hero::before{background:linear-gradient(180deg,rgba(2,24,97,.10) 0%,rgba(2,24,97,.36) 35%,rgba(2,24,97,.98) 69%)}
  #jas-app.jas-page-careers .jas-careers-hero .jas-hero-copy{max-width:100%}
  #jas-app.jas-page-careers .jas-careers-hero h1{font-size:clamp(31px,8vw,42px)!important}
  #jas-app .jas-career-openings{padding:43px 0!important}
  #jas-app .jas-career-role{padding:24px 22px}
  #jas-app .jas-career-role-top{margin-bottom:14px}
  #jas-app .jas-career-icon{height:54px;width:54px}
  #jas-app .jas-career-icon img{height:27px!important;width:27px!important}
  #jas-app .jas-career-category{font-size:10px}
  #jas-app .jas-career-form-section{padding:30px 0!important}
  #jas-app .jas-career-form-aside{min-height:0;padding:30px 23px}
  #jas-app .jas-career-form-aside h2{font-size:32px!important}
  #jas-app .jas-career-form-aside p{font-size:14px}
  #jas-app .jas-career-form-steps{gap:12px;flex-direction:column}
  #jas-app .jas-career-form-wrap{padding:29px 20px}
  #jas-app .jas-career-cv-input{padding:7px;gap:8px}
  #jas-app .jas-career-faq{padding:33px 0 55px!important}
}
/* Fit the extra Careers navigation item before switching to the mobile menu. */
@media(min-width:901px) and (max-width:1250px){
  #jas-app .jas-header-row{position:relative}
  #jas-app .jas-menu-toggle{display:block!important;margin-left:auto}
  #jas-app .jas-nav{display:none!important;position:absolute;left:0;right:0;top:83px;background:#fff;box-shadow:0 12px 24px rgba(2,24,97,.13);padding:18px 25px 22px;flex-direction:column;align-items:stretch;gap:12px;z-index:200}
  #jas-app .jas-header.jas-menu-open .jas-nav{display:flex!important}
  #jas-app .jas-nav ul{flex-direction:column;align-items:stretch;gap:0}
  #jas-app .jas-nav ul a{min-height:36px!important;padding:9px 0!important}
  #jas-app .jas-nav ul a.jas-active::after{bottom:3px;width:46px;right:auto}
  #jas-app .jas-nav-actions{flex-wrap:wrap}
}