/* Container for design tokens */
/* =========================
   Solid Redesign Tokens
   ========================= */
:root{
  --ppl-navy: #102d6c;
  --ppl-navy-700: #1b3d86;
  --ppl-cobalt: #1c46a5;
  --ppl-cobalt-bright: #2a64c5;
  --ppl-lime: #dcf465;
  --ppl-orange: #ec9652;
  --ppl-cream: #fffbf6;
  --ppl-white: #ffffff;
  --ppl-peri: #a5b1f8;
  --ppl-ink: #14213d;
  --ppl-slate: #2a3550;
  --ppl-muted: #7a7f8c;
  --ppl-border-solid: #e2e8f4;
  --ppl-soft-blue: #eef3ff;

  --ppl-deep-sea-green: var(--ppl-cobalt);
  --ppl-mirage: var(--ppl-ink);
  --ppl-blaze-orange: var(--ppl-orange);
  --ppl-wild-sand: var(--ppl-cream);
  --ppl-page-bg: var(--ppl-cream);
  --ppl-surface: var(--ppl-white);
  --ppl-text: var(--ppl-ink);
  --ppl-text-muted: var(--ppl-muted);
  --ppl-border: var(--ppl-border-solid);
}

/* Container for global page styles */
/* =========================
   Global Solid Surfaces
   ========================= */
html,
body{
  box-sizing: border-box;
  margin: 0 !important;
  min-width: 100%;
  overflow-x: hidden;
  width: 100%;
}

*,
*::before,
*::after{
  box-sizing: inherit;
}

body{
  background: var(--ppl-cream) !important;
  color: var(--ppl-ink);
  font-family: 'Raleway', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.main-area{
  margin-top: 0;
  max-width: none;
}

/* Container for buttons */
/* =========================
   Shared Buttons
   ========================= */
.ppl-btn{
  border-radius: 999px;
  box-shadow: none !important;
  letter-spacing: 0;
  min-height: 40px;
}

.ppl-btn__shine{
  display: none !important;
}

.ppl-btn--primary{
  background: var(--ppl-cobalt-bright) !important;
  border-color: var(--ppl-cobalt-bright) !important;
  color: var(--ppl-white) !important;
}

.ppl-btn--primary:hover{
  background: var(--ppl-cobalt) !important;
  border-color: var(--ppl-cobalt) !important;
}

.ppl-btn--accent{
  background: var(--ppl-lime) !important;
  border-color: var(--ppl-lime) !important;
  color: var(--ppl-navy) !important;
  font-weight: 900;
}

.ppl-btn--accent:hover{
  background: #d2ef4a !important;
  border-color: #d2ef4a !important;
  color: var(--ppl-navy) !important;
}

.ppl-btn--secondary{
  background: var(--ppl-white) !important;
  border-color: var(--ppl-border-solid) !important;
  color: var(--ppl-navy) !important;
}

/* Container for the announcement bar */
/* =========================
   Global Announcement Bar
   ========================= */
.ppl-announce{
  background: var(--ppl-lime);
  border-bottom: 0;
  color: var(--ppl-navy);
  box-sizing: border-box;
  left: 0;
  position: relative;
  right: 0;
  top: auto;
  width: 100%;
  z-index: 1040;
}

.ppl-announce__inner{
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: center;
  min-height: 38px;
  padding: 7px 18px;
  text-align: center;
}

.ppl-announce__pill{
  background: var(--ppl-navy);
  border-radius: 999px;
  color: var(--ppl-lime);
  flex: none;
  font-size: 0.72rem;
  font-weight: 900;
  padding: 3px 9px;
}

.ppl-announce__cta{
  color: var(--ppl-navy);
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.ppl-announce__x{
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--ppl-navy);
  display: inline-flex;
  font-size: 1.35rem;
  height: 30px;
  justify-content: center;
  line-height: 1;
  width: 30px;
}

/* Container for the navbar */
/* =========================
   Target Responsive Navbar
   ========================= */
.navbar-top{
  background: var(--ppl-navy) !important;
  box-sizing: border-box;
  display: block !important;
  inset-inline: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  position: sticky;
  right: 0 !important;
  top: 0;
  z-index: 1030;
  width: 100% !important;
}

body > .navbar-top,
body > .ppl-announce{
  margin-inline: 0 !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  transform: none !important;
}

.navbar{
  background: var(--ppl-navy) !important;
  border-bottom: 1px solid rgba(255,255,255,0.14);
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none !important;
  inset-inline: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-height: 66px;
  padding: 0;
  position: relative !important;
  right: 0 !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
}

.ppl-nav{
  background: var(--ppl-navy) !important;
  display: block !important;
}

.ppl-nav__inner{
  align-items: center;
  display: flex;
  gap: 22px;
  margin: 0;
  min-height: 66px;
  padding: 0 26px;
  position: relative;
  width: 100%;
}

.navbar > .container,
.navbar > .container-fluid{
  align-items: center;
  display: flex;
  gap: clamp(14px, 2vw, 28px);
  min-height: 66px;
  max-width: none;
  padding: 0 clamp(16px, 2vw, 28px);
  width: 100%;
}

.ppl-navbar__inner{
  position: relative;
}

.navbar a.text-decoration-none,
.ppl-nav__brand{
  align-items: center;
  display: flex;
  flex: none;
  gap: 10px;
  text-decoration: none;
}

.ppl-navBrand{
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  min-width: max-content;
  text-decoration: none;
}

.ppl-brandMark{
  align-items: center;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 12px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 38px;
  justify-content: center;
  padding: 4px;
  width: 38px;
}

.ppl-brandMark img{
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.icon-large{
  margin: 0;
}

.icon-large img{
  height: 38px;
  object-fit: contain;
  width: 38px;
}

.navbar a.text-decoration-none .icon-large.ms-2{
  display: none;
}

.navbar .text-center{
  text-align: left !important;
}

.pharma-brand{
  background: none !important;
  color: var(--ppl-white) !important;
  display: block;
  font-size: 1.05rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
}

.pharma-brand span{
  color: var(--ppl-lime);
}

.navbar .text-muted,
.navbar a.text-decoration-none p.text-muted,
.ppl-nav__tag{
  color: var(--ppl-peri) !important;
  display: block;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 3px 0 0;
  text-transform: uppercase;
}

.navbar-collapse{
  flex: 1 1 auto;
  min-width: 0;
}

.ppl-nav .navbar-collapse{
  align-items: center;
  gap: 18px;
  justify-content: center;
}

.navbar-nav{
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 3px;
  justify-content: center !important;
  min-width: 0;
}

.ppl-links{
  flex: 0 1 auto;
  justify-content: center !important;
  margin: 0;
  padding: 0;
}

.nav-item{
  margin: 0;
}

.nav-link{
  align-items: center;
  border-radius: 10px;
  color: #d7def2 !important;
  display: inline-flex;
  font-size: clamp(0.78rem, 0.9vw, 0.88rem);
  font-weight: 800;
  gap: 5px;
  letter-spacing: 0;
  line-height: 1.1;
  min-height: 40px;
  padding: 10px clamp(10px, 1vw, 14px) !important;
  position: relative;
  white-space: nowrap;
}

.nav-link i{
  font-size: 0.72rem;
}

.nav-link:hover,
.nav-link:focus,
.nav-link.show{
  background: var(--ppl-navy-700);
  color: var(--ppl-white) !important;
}

.nav-link.dropdown-toggle{
  padding-right: clamp(8px, 0.9vw, 12px) !important;
}

.nav-link.dropdown-toggle::after{
  display: none !important;
}

.navbar form{
  margin: 0 !important;
}

.ppl-navActions{
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 14px;
  margin-left: auto;
}

.ppl-navSignin{
  color: var(--ppl-white);
  font-size: 0.88rem;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.ppl-navTrial{
  background: var(--ppl-cobalt-bright);
  border-radius: 999px;
  color: var(--ppl-white);
  display: inline-flex;
  font-size: 0.88rem;
  font-weight: 900;
  min-height: 40px;
  padding: 10px 20px;
  text-decoration: none;
  white-space: nowrap;
}

.ppl-navIcon{
  align-items: center;
  background: var(--ppl-navy-700);
  border: 1.5px solid rgba(255,255,255,0.25);
  border-radius: 999px;
  color: var(--ppl-lime);
  display: inline-flex;
  height: 40px;
  justify-content: center;
  text-decoration: none;
  width: 40px;
}

.ppl-navLogout{
  display: inline-flex;
}

.navbar .ppl-btn{
  min-height: 38px;
  padding: 9px 18px;
  white-space: nowrap;
}

.ppl-nav__cta,
.navbar-nav + a.ppl-btn,
.navbar-nav + form{
  align-items: center;
  display: flex;
  gap: 14px;
  margin-left: auto;
}

.navbar .navbar-toggler{
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.28);
  border-radius: 10px;
  box-shadow: none;
  color: var(--ppl-white);
}

.navbar .navbar-toggler-icon{
  filter: brightness(0) invert(1);
}

/* Container for dropdown menus */
/* =========================
   Resources And Exam Menus
   ========================= */
.dropdown-menu{
  background: var(--ppl-cream) !important;
  border: 1px solid #ece7dd !important;
  border-radius: 18px;
  box-shadow: 0 26px 64px rgba(8,20,50,0.24) !important;
  padding: 20px;
}

.ppl-navDrop{
  position: static;
}

.ppl-navDrop > .dropdown-menu{
  display: block;
  left: 24px !important;
  margin-top: 0 !important;
  opacity: 0;
  pointer-events: none;
  right: 24px !important;
  top: 62px !important;
  transform: translateY(8px);
  transition: opacity 0.15s ease, transform 0.15s ease;
  visibility: hidden;
  z-index: 1080;
}

/* Container for dropdown hover bridge */
/* =========================
   Sticky Dropdown Access
   ========================= */
.ppl-navDrop > .dropdown-menu::before{
  content: "";
  display: block;
  height: 24px;
  left: 0;
  position: absolute;
  right: 0;
  top: -24px;
}

.ppl-navDrop.is-click-open > .nav-link,
.ppl-navDrop.is-hovering > .nav-link{
  background: var(--ppl-navy-700);
  color: var(--ppl-white) !important;
}

.ppl-navDrop:hover > .dropdown-menu,
.ppl-navDrop:focus-within > .dropdown-menu,
.ppl-navDrop.is-hovering > .dropdown-menu,
.ppl-navDrop.is-click-open > .dropdown-menu,
.ppl-navDrop > .dropdown-menu.show{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

.ppl-navDrop--small > .dropdown-menu{
  left: 50% !important;
  min-width: 760px;
  right: auto !important;
  transform: translate(-50%, 8px);
  width: min(760px, calc(100vw - 32px));
}

.ppl-navDrop--small:hover > .dropdown-menu,
.ppl-navDrop--small:focus-within > .dropdown-menu,
.ppl-navDrop--small.is-hovering > .dropdown-menu,
.ppl-navDrop--small.is-click-open > .dropdown-menu,
.ppl-navDrop--small > .dropdown-menu.show{
  transform: translate(-50%, 0);
}

.multi-column,
.ppl-mega-menu{
  min-width: min(1080px, calc(100vw - 48px));
}

.ppl-mega-menu__grid,
.multi-column .row{
  display: grid !important;
  gap: 22px;
  grid-template-columns: 1fr 1fr 1.05fr;
}

.multi-column .row > [class*="col-"]{
  max-width: none;
  width: auto;
}

.ppl-mega-menu__col h4,
.dropdown-header{
  border: 0;
  color: var(--ppl-cobalt) !important;
  font-size: 0.86rem;
  font-weight: 900;
  letter-spacing: 0;
  margin: 0 0 8px;
  padding: 0 10px;
  text-align: left;
}

.dropdown-item{
  border-radius: 11px;
  color: var(--ppl-ink) !important;
  font-size: 0.88rem;
  font-weight: 800;
  padding: 9px 10px;
  text-align: left;
}

.dropdown-item:hover,
.dropdown-item:focus{
  background: var(--ppl-white) !important;
  color: var(--ppl-cobalt) !important;
  transform: none;
}

.ppl-dropItem{
  align-items: flex-start !important;
  display: flex !important;
  gap: 12px;
  padding: 10px !important;
  white-space: normal;
}

.ppl-dropItem > i{
  align-items: center;
  border-radius: 10px;
  display: grid;
  flex: 0 0 auto;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.ppl-examMenu{
  padding: 16px !important;
}

.ppl-examMenu__grid{
  display: grid;
  gap: 14px 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ppl-examMenu__col{
  display: grid;
  gap: 5px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ppl-examMenu__col--side{
  background: #eef3ff;
  border: 1px solid #dbe6fb;
  border-radius: 14px;
  padding: 10px;
}

.ppl-examMenu__viewAll{
  align-items: center;
  background: var(--ppl-navy);
  border-radius: 13px;
  color: var(--ppl-white);
  display: inline-flex;
  font-size: 0.88rem;
  font-weight: 900;
  gap: 8px;
  grid-column: 1 / -1;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px;
  text-decoration: none;
}

.ppl-examMenu__viewAll:hover,
.ppl-examMenu__viewAll:focus{
  background: var(--ppl-cobalt);
  color: var(--ppl-white);
}

.ppl-examMenu .dropdown-header{
  padding: 0 8px 8px;
}

.ppl-examMenu .ppl-dropItem{
  padding: 9px !important;
}

.ppl-examMenu .ppl-dropItem > i{
  display: grid;
  height: 34px;
  width: 34px;
}

/* Container for exam dropdown refinement */
/* =========================
   Navbar Exam Board Cards
   ========================= */
.ppl-examMenu{
  border-radius:18px !important;
}

.ppl-examMenu__panel{
  background:var(--ppl-white);
  border:1px solid var(--ppl-border-solid);
  border-radius:16px;
  padding:10px;
}

.ppl-examMenu__col{
  align-content:start;
}

.ppl-examMenu .ppl-dropItem{
  border:1px solid transparent;
  min-height:62px;
}

.ppl-examMenu .ppl-dropItem:hover,
.ppl-examMenu .ppl-dropItem:focus{
  border-color:#dbe6fb;
}

.ppl-examMenu .ppl-dropItem b{
  align-items:center;
  display:flex;
  gap:7px;
}

.ppl-examMenu .ppl-dropItem[href*="kenya-ppb"]{
  background:#f7fbd9 !important;
  border-color:#e7f0b0;
}

.ppl-examMenu .ppl-dropItem[href*="kenya-ppb"]::after{
  align-self:center;
  background:var(--ppl-navy);
  border-radius:999px;
  color:var(--ppl-lime);
  content:"Start";
  font-size:.68rem;
  font-weight:900;
  margin-left:auto;
  padding:4px 8px;
}

.ppl-examMenu__col--side{
  background:#eef3ff;
}

.ppl-dropItem b{
  color: var(--ppl-ink);
  display: block;
  font-size: 0.88rem;
  font-weight: 900;
  line-height: 1.2;
}

.ppl-dropItem small{
  color: var(--ppl-muted);
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 2px;
}

.ppl-dropItem--blue > i{
  background: #aecbff;
  color: var(--ppl-cobalt);
}

.ppl-dropItem--orange > i{
  background: #fbc388;
  color: #c2691f;
}

.ppl-dropItem--peri > i{
  background: #c0c8fb;
  color: #4b3fb0;
}

.ppl-dropItem--lime > i{
  background: var(--ppl-lime);
  color: var(--ppl-navy);
}

.ppl-dropItem--navy > i{
  background: #b6c2ee;
  color: var(--ppl-navy);
}

.ppl-mega-menu__feature{
  background: var(--ppl-navy);
  border-radius: 14px;
  color: var(--ppl-white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}

.ppl-mega-menu__feature h5{
  font-size: 1.05rem;
  font-weight: 900;
  margin: 0 0 8px;
}

.ppl-mega-menu__feature p{
  color: #c6cfec;
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 16px;
}

.ppl-navFeature{
  background: var(--ppl-navy);
  border-radius: 14px;
  color: var(--ppl-white);
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: space-between;
  padding: 18px !important;
}

html[data-theme="dark"] .ppl-navFeature{
  background: #0b1835;
}

.ppl-navFeature h5{
  color: var(--ppl-white);
  font-size: 1.05rem;
  font-weight: 900;
  margin: 0;
}

.ppl-navFeature p{
  color: #c6cfec;
  font-size: 0.86rem;
  font-weight: 650;
  line-height: 1.5;
  margin: 0;
}

/* Container for reusable mini tutorial popups */
/* =========================
   Sitewide Mini Tutorial Popups
   ========================= */
.ppl-miniModal{
  align-items:center;
  background:rgba(8,20,50,.58);
  display:none;
  inset:0;
  justify-content:center;
  padding:20px;
  position:fixed;
  z-index:2500;
}

.ppl-miniModal.is-open{
  display:flex;
}

.ppl-miniModal-open{
  overflow:hidden;
}

.ppl-miniModal__panel{
  background:var(--ppl-white);
  border:1px solid var(--ppl-border-solid);
  border-radius:18px;
  box-shadow:0 28px 70px rgba(8,20,50,.28);
  color:var(--ppl-ink);
  max-height:calc(100vh - 40px);
  max-width:720px;
  overflow:auto;
  padding:24px;
  position:relative;
  width:min(100%,720px);
}

.ppl-miniModal__close{
  align-items:center;
  background:var(--ppl-soft-blue);
  border:0;
  border-radius:999px;
  color:var(--ppl-cobalt);
  display:inline-flex;
  height:38px;
  justify-content:center;
  position:absolute;
  right:16px;
  top:16px;
  width:38px;
}

.ppl-miniModal__badge{
  background:var(--ppl-lime);
  border-radius:999px;
  color:var(--ppl-navy);
  display:inline-flex;
  font-size:.78rem;
  font-weight:900;
  margin-bottom:12px;
  padding:7px 12px;
}

.ppl-miniModal h2{
  color:var(--ppl-navy);
  font-size:clamp(1.45rem,3vw,2rem);
  font-weight:1000;
  letter-spacing:0;
  margin:0 48px 16px 0;
}

.ppl-miniModal__steps{
  display:grid;
  gap:12px;
}

.ppl-miniModal__steps article{
  background:var(--ppl-cream);
  border:1px solid #f1dfc2;
  border-radius:14px;
  padding:14px;
}

.ppl-miniModal__steps b{
  color:var(--ppl-navy);
  display:block;
  font-weight:1000;
  margin-bottom:4px;
}

.ppl-miniModal__steps span{
  color:var(--ppl-muted);
  display:block;
  font-size:.92rem;
  font-weight:700;
  line-height:1.5;
}

html[data-theme="dark"] .ppl-miniModal__panel{
  background:#172b56;
  border-color:rgba(245,247,255,.16);
  color:#f5f7ff;
}

html[data-theme="dark"] .ppl-miniModal h2,
html[data-theme="dark"] .ppl-miniModal__steps b{
  color:#f5f7ff;
}

html[data-theme="dark"] .ppl-miniModal__steps article{
  background:#0f1e3d;
  border-color:rgba(245,247,255,.16);
}

html[data-theme="dark"] .ppl-miniModal__steps span{
  color:#c8d1ea;
}

/* Container for footer */
/* =========================
   Simple Footer
   ========================= */
.ppl-footer-simple{
  background: var(--ppl-white) !important;
  border-top: 1px solid var(--ppl-border-solid);
  color: var(--ppl-ink);
  padding: 38px 0 24px;
}

.ppl-footer-simple__grid{
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr);
  margin-bottom: 26px;
}

.ppl-footer-simple__col{
  min-width: 0;
}

.ppl-footer-simple a{
  color: var(--ppl-ink);
  display: inline-flex;
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 8px;
  text-decoration: none;
}

.ppl-footer-simple a:hover{
  color: var(--ppl-cobalt);
  opacity: 1;
  transform: none;
}

.ppl-footer-simple__title{
  color: var(--ppl-muted);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.ppl-footer-simple__list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.ppl-footer-simple__list li{
  margin: 0 0 8px;
}

.ppl-footer-simple__disclaimer,
.ppl-footer-simple__copy{
  color: var(--ppl-muted);
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.55;
}

.ppl-footer-simple__bottom{
  border-top: 1px solid var(--ppl-border-solid);
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-top: 26px;
  padding-top: 18px;
}

.ppl-footer-simple__socials a{
  align-items: center;
  background: var(--ppl-soft-blue);
  border-radius: 999px;
  color: var(--ppl-cobalt);
  display: inline-flex;
  height: 38px;
  justify-content: center;
  margin: 0;
  width: 38px;
}

.ppl-footer-simple__socials--inline{
  display: flex;
  gap: 10px;
  margin-top: 14px;
}

#installBtn,
#installBtn:hover{
  background: var(--ppl-cobalt) !important;
}

/* Container for coming soon pages */
/* =========================
   Coming Soon Template
   ========================= */
.ppl-comingSoon{
  align-items: center;
  background: var(--ppl-cream);
  display: grid;
  min-height: min(680px, calc(100vh - 104px));
  padding: clamp(42px, 8vw, 92px) 20px;
}

.ppl-comingSoon__panel{
  background: var(--ppl-navy);
  border-radius: 18px;
  color: var(--ppl-white);
  margin: 0 auto;
  max-width: 720px;
  padding: clamp(28px, 5vw, 54px);
  text-align: center;
  width: min(100%, 720px);
}

.ppl-comingSoon__eyebrow{
  background: var(--ppl-lime);
  border-radius: 999px;
  color: var(--ppl-navy);
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 900;
  margin-bottom: 14px;
  padding: 6px 12px;
  text-transform: uppercase;
}

.ppl-comingSoon h1{
  color: var(--ppl-white);
  font-size: clamp(2rem, 5vw, 3.7rem);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.04;
  margin: 0 0 12px;
}

.ppl-comingSoon p{
  color: #c6cfec;
  font-weight: 650;
  line-height: 1.65;
  margin: 0 auto 22px;
  max-width: 520px;
}

.ppl-comingSoon__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

/* Container for dark mode */
/* =========================
   Dark Mode
   ========================= */
html[data-theme="dark"]{
  --ppl-page-bg: #0f1e3d;
  --ppl-surface: #172b56;
  --ppl-text: #f5f7ff;
  --ppl-text-muted: #c8d1ea;
  --ppl-border: rgba(245,247,255,0.16);
}

html[data-theme="dark"] body{
  background: #0f1e3d !important;
  color: var(--ppl-text);
}

html[data-theme="dark"] .navbar{
  background: #0b1835 !important;
  border-color: rgba(245,247,255,0.16);
}

html[data-theme="dark"] .ppl-announce{
  background: var(--ppl-lime) !important;
  color: var(--ppl-navy);
}

html[data-theme="dark"] .dropdown-menu{
  background: #172b56 !important;
  border-color: rgba(245,247,255,0.16) !important;
}

html[data-theme="dark"] .dropdown-item{
  color: #f5f7ff !important;
}

html[data-theme="dark"] .ppl-dropItem b{
  color: #f5f7ff;
}

html[data-theme="dark"] .ppl-dropItem small{
  color: #c8d1ea;
}

html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus{
  background: rgba(255,255,255,0.08) !important;
}

/* Container for desktop navbar behavior */
/* =========================
   Desktop Expanded Navbar
   ========================= */
@media (min-width: 993px){
  .ppl-nav .navbar-collapse{
    display: flex !important;
    flex: 1 1 auto;
    min-height: 66px;
    padding: 0;
  }

  .ppl-links{
    left: 50%;
    max-width: calc(100vw - 470px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
  }

  .ppl-navActions{
    margin-left: auto;
    position: relative;
    z-index: 2;
  }

  .ppl-navBrand{
    position: relative;
    z-index: 2;
  }

  .navbar .navbar-toggler{
    display: none;
  }
}

/* Container for responsive behavior */
/* =========================
   Mobile Navbar
   ========================= */
@media (max-width: 992px){
  .ppl-announce__inner{
    justify-content: flex-start;
    text-align: left;
  }

  .navbar > .container,
  .navbar > .container-fluid{
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 16px;
  }

  .ppl-nav__inner{
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 16px;
  }

  .ppl-nav .navbar-collapse{
    align-items: stretch;
    flex-basis: 100%;
    gap: 10px;
    width: 100%;
  }

  .navbar-collapse{
    flex-basis: 100%;
    padding-top: 8px;
    width: 100%;
  }

  .navbar-nav{
    align-items: stretch;
    gap: 6px;
    justify-content: flex-start !important;
  }

  .ppl-links{
    width: 100%;
  }

  .ppl-navDrop{
    position: relative;
  }

  .nav-link{
    justify-content: space-between;
    width: 100%;
  }

  .dropdown-menu{
    box-shadow: none !important;
    margin-top: 6px;
    max-width: 100%;
    min-width: 100%;
  }

  .ppl-navDrop--small > .dropdown-menu{
    min-width: 0;
    width: 100%;
  }

  .ppl-examMenu__grid{
    grid-template-columns: 1fr;
  }

  .ppl-examMenu__col--side{
    background: rgba(255,255,255,0.62);
  }

  .ppl-mega-menu__grid,
  .multi-column .row{
    grid-template-columns: 1fr;
  }

  .navbar .ppl-btn,
  .navbar form{
    width: 100%;
  }

  .ppl-navActions{
    align-items: stretch;
    display: grid;
    gap: 8px;
    margin-left: 0;
    width: 100%;
  }

  .ppl-navSignin,
  .ppl-navTrial,
  .ppl-navIcon,
  .ppl-navLogout .ppl-btn{
    justify-content: center;
    width: 100%;
  }

  .ppl-navIcon{
    border-radius: 12px;
  }

  .ppl-navDrop > .dropdown-menu{
    display: none;
    left: 0 !important;
    opacity: 1;
    pointer-events: auto;
    position: static !important;
    right: 0 !important;
    top: auto !important;
    transform: none !important;
    visibility: visible;
    width: 100%;
  }

  .ppl-navDrop:hover > .dropdown-menu,
  .ppl-navDrop:focus-within > .dropdown-menu,
  .ppl-navDrop > .dropdown-menu.show{
    display: block;
    transform: none !important;
  }

  .ppl-navFeature{
    display: none;
  }

  .ppl-footer-simple{
    padding: 32px 0 22px;
  }

  .ppl-footer-simple__grid{
    gap: 24px 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-bottom: 22px;
  }

  .ppl-footer-simple__title{
    margin-bottom: 10px;
  }

  .ppl-footer-simple__list li{
    margin-bottom: 7px;
  }
}

@media (max-width: 640px){
  .ppl-announce__inner{
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
  }

  .ppl-announce__x{
    margin-left: auto;
  }

  .pharma-brand{
    font-size: 0.95rem;
  }

  .icon-large img{
    height: 32px;
    width: 32px;
  }

  .ppl-brandMark{
    height: 34px;
    width: 34px;
  }

  .ppl-footer-simple{
    padding: 28px 0 20px;
  }

  .ppl-footer-simple__grid{
    gap: 22px 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ppl-footer-simple__title{
    font-size: 0.72rem;
  }

  .ppl-footer-simple a{
    font-size: 0.82rem;
  }

  .ppl-footer-simple__disclaimer,
  .ppl-footer-simple__copy{
    font-size: 0.78rem;
  }

  .ppl-footer-simple__socials a{
    height: 34px;
    width: 34px;
  }

  .ppl-footer-simple__socials--inline{
    gap: 8px;
    margin-top: 12px;
  }

  .ppl-footer-simple__bottom{
    align-items: flex-start;
    flex-direction: column;
    margin-top: 22px;
    padding-top: 16px;
  }
}

/* Container for navbar mockup polish */
/* =========================
   Mockup Navbar Menus
   ========================= */
.ppl-announce__inner{
  font-size:14px;
  font-weight:850;
  min-height:36px;
}

.ppl-nav__inner{
  min-height:66px;
  padding-inline:30px;
}

.nav-link{
  position:relative;
}

.nav-link > i{
  font-size:.76rem;
  opacity:.9;
}

.nav-link.ppl-navLink--active{
  color:#ffffff !important;
}

.nav-link.ppl-navLink--active::before{
  background:#dcf465;
  border-radius:999px;
  bottom:2px;
  content:"";
  height:3px;
  left:50%;
  position:absolute;
  transform:translateX(-50%);
  width:44px;
}

.dropdown-menu.multi-column{
  border-radius:0 0 18px 18px !important;
  box-shadow:0 18px 48px rgba(8,20,50,.16) !important;
  padding:0 !important;
}

.multi-column .row.navfit{
  gap:24px !important;
  grid-template-columns:1fr 1fr 340px !important;
  padding:0 !important;
}

.multi-column .row.navfit > [class*="col-"]{
  padding:18px 14px !important;
}

.multi-column .row.navfit > .col-md-6,
.multi-column .row.navfit > .col-md-12{
  min-width:0;
}

.ppl-navFeature{
  border-radius:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  min-height:190px;
  padding:20px !important;
}

.ppl-navFeature h5{
  line-height:1.18 !important;
  margin:0 !important;
}

.ppl-navFeature p{
  line-height:1.55 !important;
  margin:0 0 8px !important;
}

.ppl-navFeature .ppl-btn{
  justify-content:center;
  margin-top:auto;
  width:100%;
}

.dropdown-header{
  color:#0f43a2 !important;
  font-size:14px !important;
  margin-bottom:12px !important;
}

.ppl-dropItem{
  border:1px solid transparent;
  border-radius:12px !important;
  margin-bottom:8px;
  min-height:58px;
}

.ppl-dropItem:hover,
.ppl-dropItem:focus{
  border-color:#b6c2ee;
  background:#ffffff !important;
}

.ppl-dropItem > i{
  height:36px;
  width:36px;
}

.ppl-dropItem b{
  font-size:15px;
}

.ppl-dropItem small{
  font-size:12.5px;
}

.ppl-examMenu{
  border-radius:0 0 18px 18px !important;
}

/* Container for navbar exam and feature card refinement */
/* =========================
   Navbar Exam Menu Polish
   ========================= */
.ppl-navFeature{
  background:
    radial-gradient(circle at top right, rgba(220, 244, 101, 0.24), transparent 34%),
    linear-gradient(145deg, #102d6c 0%, #173d90 100%) !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.ppl-navFeature .ppl-mega__badge,
.ppl-examMenu__feature .ppl-mega__badge{
  align-items:center;
  display:inline-flex;
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:var(--ppl-lime);
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ppl-dropItem{
  background:#f9fbff;
  border-color:#edf2fb;
}

.ppl-dropItem:hover,
.ppl-dropItem:focus{
  border-color:#aecbff;
  background:#ffffff !important;
}

.ppl-dropItem--blue > i{
  background:linear-gradient(180deg, #dbe9ff 0%, #aecbff 100%);
  color:var(--ppl-cobalt);
}

.ppl-examMenu__grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.multi-column .row.navfit > .col-md-6 + .col-md-6,
.ppl-examMenu__col--side{
  border-left:1px solid #e7eefb;
  padding-left:22px;
}

.ppl-examMenu__feature{
  display:grid;
  gap:12px;
  grid-column:1 / -1;
  padding:18px;
  border-radius:16px;
  background:
    radial-gradient(circle at top right, rgba(220, 244, 101, 0.18), transparent 36%),
    linear-gradient(145deg, #102d6c 0%, #173d90 100%);
  border:1px solid rgba(16,45,108,.12);
  color:#ffffff;
}

.ppl-examMenu__feature h5{
  margin:0;
  color:#ffffff;
  font-size:22px;
  font-weight:950;
}

.ppl-examMenu__feature p{
  margin:0;
  max-width:56ch;
  color:#d7def2;
  font-size:13px;
  font-weight:750;
  line-height:1.6;
}

.ppl-examMenu__featureActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.ppl-examMenu__featureLink{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#ffffff;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}

.ppl-examMenu__featureLink:hover,
.ppl-examMenu__featureLink:focus{
  color:var(--ppl-lime);
}

@media (min-width: 993px){
  .ppl-navDrop > .dropdown-menu{
    left:0 !important;
    right:0 !important;
    top:66px !important;
  }

  .ppl-navDrop--small > .dropdown-menu{
    left:50% !important;
    right:auto !important;
  }
}

@media (max-width: 992px){
  .nav-link.ppl-navLink--active::before{
    left:12px;
    right:auto;
    transform:none;
    width:38px;
  }

  .multi-column .row.navfit{
    grid-template-columns:1fr !important;
  }

  .ppl-examMenu__featureActions{
    flex-direction:column;
    align-items:stretch;
  }

  .ppl-examMenu__featureLink,
  .ppl-examMenu__feature .ppl-btn{
    justify-content:center;
    width:100%;
  }

  .multi-column .row.navfit > [class*="col-"]{
    padding:12px !important;
  }

  .multi-column .row.navfit > .col-md-6 + .col-md-6,
  .ppl-examMenu__col--side{
    border-left:0;
    padding-left:12px;
  }

  .ppl-navFeature{
    display:flex;
    min-height:0;
  }
}

/* Container for navbar structure refinement */
/* =========================
   Mockup Panel Alignment
   ========================= */
.dropdown-menu.multi-column.ppl-megaMenu{
  background:#fbf7ef;
  border:1px solid #ece4d6 !important;
  border-radius:20px !important;
  box-shadow:0 24px 56px rgba(8,20,50,.22) !important;
  padding:0 !important;
}

.ppl-megaMenu__grid{
  align-items:stretch;
  gap:0 !important;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) 340px !important;
}

.ppl-megaMenu__col{
  padding:18px 16px !important;
}

.ppl-megaMenu__col--split{
  border-left:1px solid #e7decf;
}

.ppl-megaMenu__feature,
.ppl-navFeature{
  background:#102d6c !important;
  border:0 !important;
  border-left:1px solid rgba(255,255,255,.08);
  border-radius:0 20px 20px 0 !important;
  box-shadow:none !important;
  color:#ffffff !important;
  min-height:200px;
  padding:20px !important;
}

.ppl-navFeature h5,
.ppl-megaMenu__feature h5{
  color:#ffffff !important;
  font-size:28px;
  font-weight:950;
  letter-spacing:-.03em;
}

.ppl-navFeature p,
.ppl-megaMenu__feature p{
  color:#d7def2 !important;
  font-size:13px;
  font-weight:750;
  line-height:1.65 !important;
}

.ppl-navFeature .ppl-btn,
.ppl-examMenu__feature .ppl-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.ppl-mega__badge{
  background:#dcf465 !important;
  color:#102d6c !important;
  letter-spacing:0 !important;
  font-size:10.5px !important;
}

.dropdown-menu.ppl-examMenu{
  width:min(760px, calc(100vw - 36px));
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.ppl-examMenu__panel{
  background:#fbf7ef;
  border:1px solid #ece4d6;
  border-radius:20px;
  box-shadow:0 24px 56px rgba(8,20,50,.22);
  overflow:hidden;
}

.ppl-examMenu__grid{
  gap:0;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
}

.ppl-examMenu__col{
  padding:18px 16px;
}

.ppl-examMenu__col--side{
  border-left:1px solid #e7decf;
  padding-left:16px;
}

.ppl-examMenu .dropdown-item,
.ppl-megaMenu .dropdown-item{
  min-height:68px;
}

@media (max-width: 992px){
  .dropdown-menu.multi-column.ppl-megaMenu,
  .ppl-examMenu__panel{
    border-radius:18px !important;
  }

  .ppl-megaMenu__grid{
    grid-template-columns:1fr !important;
  }

  .ppl-megaMenu__col--split,
  .ppl-examMenu__col--side{
    border-left:0;
    border-top:1px solid #e7decf;
  }

  .ppl-megaMenu__feature,
  .ppl-navFeature{
    border-left:0 !important;
    border-top:1px solid rgba(255,255,255,.08);
    border-radius:0 0 18px 18px !important;
  }

  .dropdown-menu.ppl-examMenu{
    width:100%;
  }

  .ppl-examMenu__grid{
    grid-template-columns:1fr;
  }
}

html[data-theme="dark"] .dropdown-menu.multi-column.ppl-megaMenu,
html[data-theme="dark"] .ppl-examMenu__panel{
  background:#132244 !important;
  border-color:rgba(219,230,251,.14) !important;
}

html[data-theme="dark"] .ppl-megaMenu__col--split,
html[data-theme="dark"] .ppl-examMenu__col--side{
  border-color:rgba(219,230,251,.14) !important;
}

/* Container for final navbar exam menu overrides */
/* =========================
   Exam Menu Click Targets
   ========================= */
.ppl-examMenu .ppl-dropItem b{
  align-items:center;
  display:flex;
  gap:7px;
}

.ppl-examMenu .ppl-dropItem{
  border:1px solid transparent;
}

.ppl-examMenu .ppl-dropItem:hover,
.ppl-examMenu .ppl-dropItem:focus{
  border-color:#dbe6fb;
}

.ppl-examMenu .ppl-dropItem[href*="kenya-ppb"]{
  background:#f7fbd9 !important;
  border-color:#e7f0b0;
}

.ppl-examMenu .ppl-dropItem[href*="kenya-ppb"]::after{
  align-self:center;
  background:var(--ppl-navy);
  border-radius:999px;
  color:var(--ppl-lime);
  content:"Start";
  flex:0 0 auto;
  font-size:.68rem;
  font-weight:900;
  margin-left:auto;
  padding:4px 8px;
}

html[data-theme="dark"] .ppl-examMenu .ppl-dropItem[href*="kenya-ppb"]{
  background:#25364a !important;
  border-color:rgba(220,244,101,.34);
}

/* =========================
   Seamless Navbar-To-Hero Join
   =========================
   Remove the pale divider between the global navbar and solid hero banners.
*/
.navbar-top,
.navbar-top .navbar,
.ppl-nav{
  border-bottom:0 !important;
  box-shadow:none !important;
  margin-bottom:0 !important;
  position:relative;
}

.navbar-top::after,
.ppl-nav::after{
  background:var(--ppl-cream);
  bottom:0;
  content:"";
  height:1px;
  left:0;
  opacity: 0.2;
  position:absolute;
  right:0;
  transform:scaleY(.5);
  transform-origin:bottom;
  pointer-events:none;
}

.ppl-announce + .navbar-top{
  margin-top:0 !important;
}

.navbar-top + .pricing-page,
.navbar-top + .ppl-newsPage,
.navbar-top + .ppl-partners,
.navbar-top + main[class*="ppl-"]{
  margin-top:-1px !important;
}


/* =========================================================
   FINAL NAVBAR + DROPDOWN PATCH
   Fixes:
   - uses the real navbar stylesheet/classes
   - keeps navbar centered/full-width
   - normalizes main navbar font sizing
   - centers desktop dropdown panels under the navbar
   - gives mega menus proper edge padding
   - keeps Resources/Careers/Partnerships as 3 real columns
   - keeps mobile dropdowns inside the collapsed navbar
   ========================================================= */

/* Keep the whole navbar bar full-width, then center the inner content. */
.navbar-top,
.navbar-top .navbar,
.navbar-top .ppl-nav{
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

.ppl-nav__inner{
  width: min(100%, 1480px) !important;
  max-width: 1480px !important;
  margin-inline: auto !important;
  padding-inline: clamp(14px, 2vw, 30px) !important;
}

/* Main navbar item typography must be consistent across normal links and dropdown toggles. */
.ppl-nav .nav-link,
.ppl-nav .nav-link.dropdown-toggle,
.ppl-nav .ppl-navSignin,
.ppl-nav .ppl-navTrial,
.ppl-nav .navbar .ppl-btn{
  font-family: 'Raleway', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
}

/* The HTML already contains the chevron icon, so keep Bootstrap's pseudo-caret disabled. */
.ppl-nav .nav-link.dropdown-toggle::after{
  display: none !important;
  content: none !important;
}

/* Desktop navbar layout: brand left, link group centered, actions right. */
@media (min-width: 993px){
  .ppl-nav__inner{
    display: flex !important;
    align-items: center !important;
    gap: clamp(14px, 1.8vw, 26px) !important;
    min-height: 66px !important;
  }

  .ppl-navBrand{
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .ppl-nav .navbar-collapse{
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    gap: clamp(12px, 1.4vw, 22px) !important;
    min-width: 0 !important;
    min-height: 66px !important;
    padding: 0 !important;
  }

  /*
    Important:
    The earlier stylesheet absolutely positioned .ppl-links.
    That was fragile and caused layout drift/overlap when the brand/actions changed.
    Keep the links in normal flex flow and center them using auto margins.
  */
  .ppl-links{
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .ppl-navActions{
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .ppl-nav .nav-link{
    min-height: 40px !important;
    padding: 10px clamp(9px, 0.85vw, 13px) !important;
    white-space: nowrap !important;
  }

  .ppl-nav .nav-link.dropdown-toggle{
    padding-right: clamp(9px, 0.85vw, 13px) !important;
  }

  .ppl-nav .navbar-toggler{
    display: none !important;
  }
}

/* Dropdown panel positioning:
   Center all large dropdowns under the navbar, not under the hovered item.
*/
@media (min-width: 993px){
  .ppl-navDrop{
    position: static !important;
  }

  .ppl-navDrop > .dropdown-menu{
    position: absolute !important;
    top: 66px !important;
    left: 50% !important;
    right: auto !important;
    width: min(1180px, calc(100vw - 48px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 48px) !important;
    margin: 0 !important;
    transform: translate(-50%, 8px) !important;
  }

  .ppl-navDrop:hover > .dropdown-menu,
  .ppl-navDrop:focus-within > .dropdown-menu,
  .ppl-navDrop.is-hovering > .dropdown-menu,
  .ppl-navDrop.is-click-open > .dropdown-menu,
  .ppl-navDrop > .dropdown-menu.show{
    transform: translate(-50%, 0) !important;
  }

  .ppl-navDrop--small > .dropdown-menu{
    width: min(820px, calc(100vw - 48px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 48px) !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, 8px) !important;
  }

  .ppl-navDrop--small:hover > .dropdown-menu,
  .ppl-navDrop--small:focus-within > .dropdown-menu,
  .ppl-navDrop--small.is-hovering > .dropdown-menu,
  .ppl-navDrop--small.is-click-open > .dropdown-menu,
  .ppl-navDrop--small > .dropdown-menu.show{
    transform: translate(-50%, 0) !important;
  }
}

/* Mega menu container padding and structure. */
.dropdown-menu.multi-column.ppl-megaMenu{
  width: min(1180px, calc(100vw - 48px)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 48px) !important;
  padding: 14px !important;
  overflow: hidden !important;
}

/*
  Three real columns:
  column 1 = first link group
  column 2 = second link group
  column 3 = feature card
*/
.dropdown-menu.multi-column.ppl-megaMenu > .row.navfit,
.ppl-megaMenu__grid{
  display: grid !important;
  grid-template-columns:
    minmax(240px, 1fr)
    minmax(240px, 1fr)
    minmax(300px, 0.95fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.dropdown-menu.multi-column.ppl-megaMenu > .row.navfit > [class*="col-"],
.ppl-megaMenu__grid > [class*="col-"]{
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: initial !important;
}

/* Explicit placement prevents Bootstrap .col-md-12 from occupying a whole row. */
.ppl-megaMenu__grid > .ppl-megaMenu__col:nth-of-type(1){
  grid-column: 1 !important;
}

.ppl-megaMenu__grid > .ppl-megaMenu__col:nth-of-type(2){
  grid-column: 2 !important;
}

.ppl-megaMenu__grid > .ppl-megaMenu__feature,
.ppl-megaMenu__grid > .ppl-navFeature,
.ppl-megaMenu__grid > .col-md-12.ppl-navFeature{
  grid-column: 3 !important;
  grid-row: 1 !important;
}

/* Inner spacing: more breathing room between dropdown edges and items. */
.ppl-megaMenu__col{
  padding: 22px 20px !important;
}

.ppl-megaMenu__col--split{
  border-left: 1px solid #e7decf !important;
}

.ppl-megaMenu__feature,
.ppl-navFeature{
  border-radius: 16px !important;
  min-width: 0 !important;
  padding: 24px !important;
}

.ppl-megaMenu .dropdown-header,
.ppl-examMenu .dropdown-header{
  padding-inline: 4px !important;
  margin-bottom: 12px !important;
}

.ppl-megaMenu .dropdown-item,
.ppl-examMenu .dropdown-item{
  padding: 12px 13px !important;
}

.ppl-megaMenu .ppl-dropItem,
.ppl-examMenu .ppl-dropItem{
  gap: 13px !important;
  margin-bottom: 10px !important;
  min-height: 66px !important;
}

.ppl-megaMenu .ppl-dropItem > i,
.ppl-examMenu .ppl-dropItem > i{
  flex: 0 0 38px !important;
  height: 38px !important;
  width: 38px !important;
}

.ppl-megaMenu .ppl-dropItem b,
.ppl-examMenu .ppl-dropItem b{
  font-size: 0.92rem !important;
}

.ppl-megaMenu .ppl-dropItem small,
.ppl-examMenu .ppl-dropItem small{
  font-size: 0.76rem !important;
  line-height: 1.38 !important;
}

/* Exam dropdown spacing. */
.dropdown-menu.ppl-examMenu{
  width: min(820px, calc(100vw - 48px)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 48px) !important;
}

.ppl-examMenu__panel{
  padding: 14px !important;
}

.ppl-examMenu__grid{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 0 !important;
}

.ppl-examMenu__col{
  padding: 18px 16px !important;
}

.ppl-examMenu__col--side{
  border-left: 1px solid #e7decf !important;
  padding-left: 20px !important;
}

/* Mobile: dropdowns must live inside the opened navbar, not float over the page. */
@media (max-width: 992px){
  .ppl-nav__inner{
    width: 100% !important;
    max-width: none !important;
    flex-wrap: wrap !important;
    padding: 10px 16px !important;
  }

  .ppl-nav .navbar-collapse{
    flex-basis: 100% !important;
    width: 100% !important;
  }

  .ppl-links{
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .ppl-nav .nav-link,
  .ppl-nav .nav-link.dropdown-toggle{
    font-size: 0.9rem !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  .ppl-navDrop{
    position: relative !important;
  }

  .ppl-navDrop > .dropdown-menu,
  .ppl-navDrop--small > .dropdown-menu{
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    transform: none !important;
  }

  .dropdown-menu.multi-column.ppl-megaMenu{
    padding: 10px !important;
  }

  .dropdown-menu.multi-column.ppl-megaMenu > .row.navfit,
  .ppl-megaMenu__grid{
    grid-template-columns: 1fr !important;
  }

  .ppl-megaMenu__grid > .ppl-megaMenu__col,
  .ppl-megaMenu__grid > .ppl-megaMenu__feature,
  .ppl-megaMenu__grid > .ppl-navFeature,
  .ppl-megaMenu__grid > .col-md-12.ppl-navFeature{
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .ppl-megaMenu__col{
    padding: 14px 12px !important;
  }

  .ppl-megaMenu__col--split,
  .ppl-examMenu__col--side{
    border-left: 0 !important;
    border-top: 1px solid #e7decf !important;
    padding-left: 12px !important;
  }

  .ppl-megaMenu__feature,
  .ppl-navFeature{
    border-radius: 14px !important;
    min-height: 0 !important;
    padding: 18px !important;
  }

  .dropdown-menu.ppl-examMenu{
    width: 100% !important;
    max-width: 100% !important;
  }

  .ppl-examMenu__grid{
    grid-template-columns: 1fr !important;
  }

  .ppl-examMenu__panel{
    padding: 10px !important;
  }

  .ppl-examMenu__col{
    padding: 14px 12px !important;
  }
}

/* Very tight desktop widths: reduce link pressure before the mobile breakpoint. */
@media (min-width: 993px) and (max-width: 1180px){
  .ppl-nav__inner{
    gap: 10px !important;
    padding-inline: 14px !important;
  }

  .ppl-nav .nav-link,
  .ppl-nav .nav-link.dropdown-toggle{
    font-size: 0.78rem !important;
    padding-inline: 8px !important;
  }

  .ppl-navActions{
    gap: 8px !important;
  }

  .ppl-navTrial,
  .navbar .ppl-btn{
    padding-inline: 14px !important;
  }
}

/* =========================================================
   FINAL MOBILE NAVBAR POLISH
   Put this AFTER the desktop navbar/dropdown fixes.
   This turns the mobile nav into a clean drawer/card layout
   instead of a squeezed desktop mega menu.
   ========================================================= */
@media (max-width: 992px){
  html,
  body{
    overflow-x: hidden !important;
  }

  .navbar-top{
    width: 100% !important;
    max-width: 100% !important;
  }

  .navbar,
  .ppl-nav{
    min-height: 0 !important;
    width: 100% !important;
  }

  .ppl-nav__inner{
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: space-between !important;
    min-height: 60px !important;
    padding: 10px 14px !important;
    width: 100% !important;
  }

  .ppl-nav__inner > .d-flex.align-items-center{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .ppl-navBrand{
    flex: 1 1 auto !important;
    gap: 8px !important;
    max-width: calc(100vw - 92px) !important;
    min-width: 0 !important;
  }

  .ppl-brandMark,
  .ppl-navBrand .ppl-brandMark.ppl-brandMark--cream{
    border-radius: 12px !important;
    flex: 0 0 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 6px !important;
    width: 38px !important;
  }

  .ppl-navBrand .text-center{
    min-width: 0 !important;
    text-align: left !important;
  }

  .pharma-brand{
    display: block !important;
    font-size: 0.95rem !important;
    max-width: 190px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .navbar .text-muted,
  .navbar a.text-decoration-none p.text-muted,
  .ppl-nav__tag{
    font-size: 0.55rem !important;
    letter-spacing: 0.065em !important;
    max-width: 170px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #navOpen,
  #navClose,
  .navbar .navbar-toggler{
    align-items: center !important;
    border-radius: 13px !important;
    display: inline-flex;
    flex: 0 0 42px !important;
    height: 42px !important;
    justify-content: center !important;
    margin-left: auto !important;
    padding: 0 !important;
    width: 42px !important;
  }

  #navClose i{
    font-size: 1.15rem !important;
    line-height: 1 !important;
  }

  .ppl-nav .navbar-collapse,
  .navbar-collapse{
    flex: 0 0 100% !important;
    min-width: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
  }

  .ppl-nav .navbar-collapse.show,
  .ppl-nav .navbar-collapse.collapsing{
    display: block !important;
  }

  .ppl-nav .navbar-collapse.show{
    background: rgba(255,255,255,0.075) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 18px !important;
    margin-top: 8px !important;
    overflow: hidden !important;
    padding: 10px !important;
  }

  .ppl-links,
  .navbar-nav{
    align-items: stretch !important;
    display: grid !important;
    flex: none !important;
    gap: 6px !important;
    grid-template-columns: 1fr !important;
    justify-content: start !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
  }

  .nav-item{
    margin: 0 !important;
    width: 100% !important;
  }

  .ppl-nav .nav-link,
  .ppl-nav .nav-link.dropdown-toggle{
    align-items: center !important;
    background: rgba(255,255,255,0.055) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 13px !important;
    color: #ffffff !important;
    display: flex !important;
    font-size: 0.92rem !important;
    font-weight: 850 !important;
    gap: 10px !important;
    justify-content: space-between !important;
    line-height: 1.15 !important;
    min-height: 46px !important;
    padding: 12px 13px !important;
    text-align: left !important;
    width: 100% !important;
  }

  .ppl-nav .nav-link:hover,
  .ppl-nav .nav-link:focus,
  .ppl-nav .nav-link.show,
  .ppl-navDrop.is-click-open > .nav-link,
  .ppl-navDrop.is-hovering > .nav-link{
    background: rgba(255,255,255,0.115) !important;
    border-color: rgba(255,255,255,0.18) !important;
    color: #ffffff !important;
  }

  .ppl-nav .nav-link.ppl-navLink--active{
    background: rgba(220,244,101,0.16) !important;
    border-color: rgba(220,244,101,0.34) !important;
    color: var(--ppl-lime) !important;
  }

  .nav-link.ppl-navLink--active::before{
    display: none !important;
  }

  .nav-link > i{
    flex: 0 0 auto !important;
    font-size: 0.78rem !important;
    margin-left: auto !important;
  }

  .ppl-navDrop{
    position: relative !important;
  }

  .ppl-navDrop > .dropdown-menu::before{
    display: none !important;
  }

  .ppl-navDrop > .dropdown-menu,
  .ppl-navDrop--small > .dropdown-menu,
  .dropdown-menu.multi-column.ppl-megaMenu,
  .dropdown-menu.ppl-examMenu{
    background: #fbf7ef !important;
    border: 1px solid #ece4d6 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    display: none !important;
    left: auto !important;
    margin: 6px 0 10px !important;
    max-height: none !important;
    max-width: 100% !important;
    min-width: 0 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    padding: 8px !important;
    pointer-events: auto !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    visibility: visible !important;
    width: 100% !important;
  }

  /* Prevent sticky mobile :hover from opening menus accidentally. */
  .ppl-navDrop:hover > .dropdown-menu{
    display: none !important;
  }

  .ppl-navDrop:focus-within > .dropdown-menu,
  .ppl-navDrop.is-hovering > .dropdown-menu,
  .ppl-navDrop.is-click-open > .dropdown-menu,
  .ppl-navDrop > .dropdown-menu.show,
  .ppl-navDrop:hover.is-click-open > .dropdown-menu,
  .ppl-navDrop:hover.is-hovering > .dropdown-menu,
  .ppl-navDrop:hover:focus-within > .dropdown-menu{
    display: block !important;
  }

  .ppl-megaMenu__grid,
  .multi-column .row,
  .multi-column .row.navfit{
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: 1fr !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .ppl-megaMenu__grid > .ppl-megaMenu__col,
  .ppl-megaMenu__grid > .ppl-megaMenu__feature,
  .ppl-megaMenu__grid > .ppl-navFeature,
  .ppl-megaMenu__grid > .col-md-12.ppl-navFeature,
  .multi-column .row.navfit > [class*="col-"]{
    grid-column: auto !important;
    grid-row: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .ppl-megaMenu__col,
  .multi-column .row.navfit > .ppl-megaMenu__col,
  .multi-column .row.navfit > [class*="col-"]{
    border: 0 !important;
    padding: 10px !important;
  }

  .ppl-megaMenu__col--split,
  .multi-column .row.navfit > .col-md-6 + .col-md-6,
  .ppl-examMenu__col--side{
    border-left: 0 !important;
    border-top: 1px solid #e7decf !important;
    padding-left: 10px !important;
  }

  .dropdown-header{
    border: 0 !important;
    color: var(--ppl-cobalt) !important;
    font-size: 0.75rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.04em !important;
    margin: 0 0 7px !important;
    padding: 4px 8px 6px !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  .dropdown-item,
  .ppl-examMenu .dropdown-item,
  .ppl-megaMenu .dropdown-item{
    min-height: 0 !important;
  }

  .ppl-dropItem,
  .dropdown-item.ppl-dropItem{
    align-items: flex-start !important;
    background: #ffffff !important;
    border: 1px solid #edf2fb !important;
    border-radius: 12px !important;
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 6px !important;
    min-height: 54px !important;
    padding: 9px !important;
    white-space: normal !important;
  }

  .ppl-dropItem:hover,
  .ppl-dropItem:focus{
    background: #ffffff !important;
    border-color: #aecbff !important;
  }

  .ppl-dropItem > i{
    border-radius: 10px !important;
    flex: 0 0 32px !important;
    height: 32px !important;
    width: 32px !important;
  }

  .ppl-dropItem span{
    min-width: 0 !important;
  }

  .ppl-dropItem b{
    font-size: 0.86rem !important;
    line-height: 1.15 !important;
  }

  .ppl-dropItem small{
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
    margin-top: 2px !important;
  }

  /* On phones, keep navigation fast. Feature cards are great on desktop but too heavy inside a collapsed menu. */
  .ppl-navFeature,
  .ppl-megaMenu__feature,
  .ppl-examMenu__feature{
    display: none !important;
  }

  .dropdown-menu.ppl-examMenu{
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
  }

  .ppl-examMenu__panel{
    background: #fbf7ef !important;
    border: 1px solid #ece4d6 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    padding: 8px !important;
  }

  .ppl-examMenu__grid{
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: 1fr !important;
  }

  .ppl-examMenu__col{
    gap: 0 !important;
    padding: 10px !important;
  }

  .ppl-examMenu__col--side{
    background: transparent !important;
    border-left: 0 !important;
    border-top: 1px solid #e7decf !important;
    padding-left: 10px !important;
  }

  .ppl-examMenu .ppl-dropItem[href*="kenya-ppb"]::after{
    font-size: 0.64rem !important;
    padding: 3px 7px !important;
  }

  .ppl-navActions{
    align-items: stretch !important;
    background: rgba(255,255,255,0.055) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;
    display: grid !important;
    gap: 8px !important;
    margin: 8px 0 0 !important;
    padding: 8px !important;
    width: 100% !important;
  }

  .ppl-navSignin,
  .ppl-navTrial,
  .ppl-navLogout .ppl-btn,
  .navbar .ppl-btn{
    border-radius: 13px !important;
    justify-content: center !important;
    min-height: 44px !important;
    width: 100% !important;
  }

  .ppl-navIcon{
    border-radius: 13px !important;
    height: 44px !important;
    width: 100% !important;
  }

  .navbar form,
  .ppl-navLogout{
    width: 100% !important;
  }

  html[data-theme="dark"] .ppl-nav .navbar-collapse.show,
  html[data-theme="dark"] .ppl-navActions{
    background: rgba(255,255,255,0.055) !important;
    border-color: rgba(245,247,255,0.12) !important;
  }

  html[data-theme="dark"] .ppl-navDrop > .dropdown-menu,
  html[data-theme="dark"] .ppl-navDrop--small > .dropdown-menu,
  html[data-theme="dark"] .dropdown-menu.multi-column.ppl-megaMenu,
  html[data-theme="dark"] .ppl-examMenu__panel{
    background: #132244 !important;
    border-color: rgba(219,230,251,0.14) !important;
  }

  html[data-theme="dark"] .ppl-megaMenu__col--split,
  html[data-theme="dark"] .multi-column .row.navfit > .col-md-6 + .col-md-6,
  html[data-theme="dark"] .ppl-examMenu__col--side{
    border-color: rgba(219,230,251,0.14) !important;
  }

  html[data-theme="dark"] .ppl-dropItem,
  html[data-theme="dark"] .dropdown-item.ppl-dropItem{
    background: rgba(255,255,255,0.055) !important;
    border-color: rgba(219,230,251,0.11) !important;
  }

  html[data-theme="dark"] .ppl-dropItem:hover,
  html[data-theme="dark"] .ppl-dropItem:focus{
    background: rgba(255,255,255,0.09) !important;
    border-color: rgba(174,203,255,0.35) !important;
  }
}

@media (max-width: 420px){
  .ppl-nav__inner{
    padding: 9px 10px !important;
  }

  .ppl-navBrand{
    max-width: calc(100vw - 78px) !important;
  }

  .pharma-brand{
    font-size: 0.88rem !important;
    max-width: 155px !important;
  }

  .navbar .text-muted,
  .navbar a.text-decoration-none p.text-muted,
  .ppl-nav__tag{
    display: none !important;
  }

  #navOpen,
  #navClose,
  .navbar .navbar-toggler{
    flex-basis: 40px !important;
    height: 40px !important;
    width: 40px !important;
  }

  .ppl-nav .navbar-collapse.show{
    border-radius: 16px !important;
    padding: 8px !important;
  }

  .ppl-nav .nav-link,
  .ppl-nav .nav-link.dropdown-toggle{
    min-height: 44px !important;
    padding: 11px 12px !important;
  }

  .ppl-dropItem,
  .dropdown-item.ppl-dropItem{
    min-height: 50px !important;
  }

  .ppl-dropItem small{
    display: none !important;
  }
}
/* =========================================================
   CAREERS MEGA MENU DESCRIPTIONS
   Supports stacked dropdown titles + muted helper copy:
   <a class="dropdown-item"><span>Title</span><small>Description</small></a>
   ========================================================= */

.ppl-megaMenu__hint{
  color: rgba(42, 53, 80, .62) !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  line-height: 1.42 !important;
  margin: -4px 4px 14px !important;
  max-width: 34ch !important;
}

.ppl-megaMenu .dropdown-item:not(.ppl-dropItem){
  align-items: flex-start !important;
  background: #ffffff !important;
  border: 1px solid #edf2fb !important;
  border-radius: 13px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  justify-content: center !important;
  margin-bottom: 10px !important;
  min-height: 68px !important;
  padding: 13px 14px !important;
  white-space: normal !important;
}

.ppl-megaMenu .dropdown-item:not(.ppl-dropItem):hover,
.ppl-megaMenu .dropdown-item:not(.ppl-dropItem):focus{
  background: var(--ppl-soft-blue) !important;
  border-color: #aecbff !important;
  color: var(--ppl-cobalt) !important;
}

.ppl-megaMenu .dropdown-item:not(.ppl-dropItem) span{
  color: var(--ppl-ink) !important;
  display: block !important;
  font-size: .92rem !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
  line-height: 1.16 !important;
}

.ppl-megaMenu .dropdown-item:not(.ppl-dropItem) small{
  color: rgba(42, 53, 80, .64) !important;
  display: block !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  line-height: 1.32 !important;
  margin: 0 !important;
}

.ppl-megaMenu .dropdown-item:not(.ppl-dropItem):hover span,
.ppl-megaMenu .dropdown-item:not(.ppl-dropItem):focus span{
  color: var(--ppl-cobalt) !important;
}

.ppl-megaMenu .dropdown-item:not(.ppl-dropItem):hover small,
.ppl-megaMenu .dropdown-item:not(.ppl-dropItem):focus small{
  color: rgba(16, 45, 108, .74) !important;
}

/* Keep generic stacked career items clean inside the two-column careers menu. */
.ppl-megaMenu__col .dropdown-header + .ppl-megaMenu__hint + li .dropdown-item:not(.ppl-dropItem){
  margin-top: 0 !important;
}

/* Dark mode support for stacked career menu items. */
html[data-theme="dark"] .ppl-megaMenu__hint{
  color: rgba(200, 209, 234, .74) !important;
}

html[data-theme="dark"] .ppl-megaMenu .dropdown-item:not(.ppl-dropItem){
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(219,230,251,.11) !important;
}

html[data-theme="dark"] .ppl-megaMenu .dropdown-item:not(.ppl-dropItem):hover,
html[data-theme="dark"] .ppl-megaMenu .dropdown-item:not(.ppl-dropItem):focus{
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(174,203,255,.35) !important;
}

html[data-theme="dark"] .ppl-megaMenu .dropdown-item:not(.ppl-dropItem) span{
  color: #f5f7ff !important;
}

html[data-theme="dark"] .ppl-megaMenu .dropdown-item:not(.ppl-dropItem) small{
  color: rgba(200, 209, 234, .78) !important;
}

html[data-theme="dark"] .ppl-megaMenu .dropdown-item:not(.ppl-dropItem):hover span,
html[data-theme="dark"] .ppl-megaMenu .dropdown-item:not(.ppl-dropItem):focus span{
  color: #ffffff !important;
}

html[data-theme="dark"] .ppl-megaMenu .dropdown-item:not(.ppl-dropItem):hover small,
html[data-theme="dark"] .ppl-megaMenu .dropdown-item:not(.ppl-dropItem):focus small{
  color: rgba(220,244,101,.86) !important;
}

/* Mobile stacked career menu copy. */
@media (max-width: 992px){
  .ppl-megaMenu__hint{
    font-size: .74rem !important;
    line-height: 1.35 !important;
    margin: -2px 8px 10px !important;
    max-width: none !important;
  }

  .ppl-megaMenu .dropdown-item:not(.ppl-dropItem){
    min-height: 58px !important;
    padding: 10px 11px !important;
    margin-bottom: 7px !important;
  }

  .ppl-megaMenu .dropdown-item:not(.ppl-dropItem) span{
    font-size: .86rem !important;
  }

  .ppl-megaMenu .dropdown-item:not(.ppl-dropItem) small{
    font-size: .72rem !important;
    line-height: 1.28 !important;
  }
}

@media (max-width: 420px){
  .ppl-megaMenu__hint{
    display: none !important;
  }

  .ppl-megaMenu .dropdown-item:not(.ppl-dropItem){
    min-height: 50px !important;
  }

  .ppl-megaMenu .dropdown-item:not(.ppl-dropItem) small{
    display: block !important;
    font-size: .68rem !important;
  }
}

/* =========================================================
   NAVBAR INTERACTION + MOBILE DRAWER
   Source-of-truth behavior:
   - desktop hover is driven by .is-hovering from ppl-navbar.js
   - desktop click is driven by .is-click-open
   - same-toggle click closes immediately using .is-force-closed
   - chevrons follow the real open state only
   ========================================================= */
.ppl-nav .nav-link.dropdown-toggle > i.fa-chevron-down{
  align-items:center;
  display:inline-flex;
  justify-content:center;
  transform:rotate(0deg) !important;
  transform-origin:center;
  transition:transform .18s ease, color .18s ease, background .18s ease;
}

.ppl-navDrop.is-hovering:not(.is-force-closed) > .nav-link.dropdown-toggle > i.fa-chevron-down,
.ppl-navDrop.is-click-open:not(.is-force-closed) > .nav-link.dropdown-toggle > i.fa-chevron-down,
.ppl-navDrop:not(.is-force-closed) > .nav-link.dropdown-toggle[aria-expanded="true"] > i.fa-chevron-down{
  transform:rotate(180deg) !important;
}

.ppl-navDrop.is-force-closed > .nav-link.dropdown-toggle > i.fa-chevron-down,
.ppl-navDrop.is-force-closed:hover > .nav-link.dropdown-toggle > i.fa-chevron-down,
.ppl-navDrop.is-force-closed:focus-within > .nav-link.dropdown-toggle > i.fa-chevron-down,
.ppl-navDrop:not(.is-hovering):not(.is-click-open) > .nav-link.dropdown-toggle > i.fa-chevron-down{
  transform:rotate(0deg) !important;
}

@media (min-width: 993px){
  /* Neutralize pure-CSS hover/focus open rules. JS adds .is-hovering intentionally. */
  .ppl-navDrop:not(.is-hovering):not(.is-click-open) > .dropdown-menu,
  .ppl-navDrop:not(.is-hovering):not(.is-click-open):hover > .dropdown-menu,
  .ppl-navDrop:not(.is-hovering):not(.is-click-open):focus-within > .dropdown-menu,
  .ppl-navDrop.is-force-closed > .dropdown-menu,
  .ppl-navDrop.is-force-closed:hover > .dropdown-menu,
  .ppl-navDrop.is-force-closed:focus-within > .dropdown-menu,
  .ppl-navDrop.is-force-closed.is-hovering > .dropdown-menu,
  .ppl-navDrop.is-force-closed.is-click-open > .dropdown-menu,
  .ppl-navDrop.is-force-closed > .dropdown-menu.show{
    opacity:0 !important;
    pointer-events:none !important;
    transform:translate(-50%, 8px) !important;
    visibility:hidden !important;
  }

  .ppl-navDrop--small:not(.is-hovering):not(.is-click-open) > .dropdown-menu,
  .ppl-navDrop--small:not(.is-hovering):not(.is-click-open):hover > .dropdown-menu,
  .ppl-navDrop--small:not(.is-hovering):not(.is-click-open):focus-within > .dropdown-menu,
  .ppl-navDrop--small.is-force-closed > .dropdown-menu,
  .ppl-navDrop--small.is-force-closed:hover > .dropdown-menu,
  .ppl-navDrop--small.is-force-closed:focus-within > .dropdown-menu,
  .ppl-navDrop--small.is-force-closed.is-hovering > .dropdown-menu,
  .ppl-navDrop--small.is-force-closed.is-click-open > .dropdown-menu,
  .ppl-navDrop--small.is-force-closed > .dropdown-menu.show{
    transform:translate(-50%, 8px) !important;
  }

  .ppl-navDrop.is-hovering:not(.is-force-closed) > .dropdown-menu,
  .ppl-navDrop.is-click-open:not(.is-force-closed) > .dropdown-menu,
  .ppl-navDrop:not(.is-force-closed) > .dropdown-menu.show{
    opacity:1 !important;
    pointer-events:auto !important;
    transform:translate(-50%, 0) !important;
    visibility:visible !important;
  }

  .ppl-navDrop--small.is-hovering:not(.is-force-closed) > .dropdown-menu,
  .ppl-navDrop--small.is-click-open:not(.is-force-closed) > .dropdown-menu,
  .ppl-navDrop--small:not(.is-force-closed) > .dropdown-menu.show{
    transform:translate(-50%, 0) !important;
  }

  .ppl-navDrop.is-hovering:not(.is-force-closed) > .nav-link,
  .ppl-navDrop.is-click-open:not(.is-force-closed) > .nav-link{
    background:var(--ppl-navy-700) !important;
    color:var(--ppl-white) !important;
  }
}

@media (max-width: 992px){
  .ppl-nav__inner{
    padding-inline:clamp(10px, 3.8vw, 18px) !important;
  }

  .ppl-nav.is-mobile-open .ppl-nav__inner{
    padding-bottom:12px !important;
  }

  .ppl-nav .navbar-collapse.show{
    background:#17366f !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:20px !important;
    box-shadow:0 18px 42px rgba(4, 13, 34, .28) !important;
    margin-top:8px !important;
    overflow:visible !important;
    padding:10px !important;
  }

  .ppl-nav .nav-link,
  .ppl-nav .nav-link.dropdown-toggle{
    background:#1a3c7d !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:15px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
    min-height:48px !important;
  }

  .ppl-nav .nav-link.dropdown-toggle > i.fa-chevron-down{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;
    color:var(--ppl-lime);
    height:26px;
    margin-left:10px !important;
    width:26px;
  }

  .ppl-navDrop.is-click-open > .nav-link,
  .ppl-nav .nav-link.dropdown-toggle[aria-expanded="true"]{
    background:#214a96 !important;
    border-color:rgba(220,244,101,.32) !important;
    color:#ffffff !important;
  }

  .ppl-navDrop:not(.is-click-open) > .nav-link.dropdown-toggle > i.fa-chevron-down,
  .ppl-navDrop:not(.is-click-open) > .nav-link.dropdown-toggle[aria-expanded="true"] > i.fa-chevron-down,
  .ppl-navDrop > .nav-link.dropdown-toggle[aria-expanded="false"] > i.fa-chevron-down,
  .ppl-navDrop.is-force-closed > .nav-link.dropdown-toggle > i.fa-chevron-down,
  .ppl-navDrop.is-force-closed > .nav-link.dropdown-toggle[aria-expanded="true"] > i.fa-chevron-down,
  .ppl-navDrop.is-force-closed.is-click-open > .nav-link.dropdown-toggle > i.fa-chevron-down,
  .ppl-navDrop.is-force-closed.is-click-open > .nav-link.dropdown-toggle[aria-expanded="true"] > i.fa-chevron-down{
    transform:rotate(0deg) !important;
  }

  .ppl-navDrop:hover > .dropdown-menu,
  .ppl-navDrop:focus-within > .dropdown-menu,
  .ppl-navDrop.is-hovering > .dropdown-menu,
  .ppl-navDrop.is-force-closed > .dropdown-menu,
  .ppl-navDrop.is-force-closed:hover > .dropdown-menu,
  .ppl-navDrop.is-force-closed:focus-within > .dropdown-menu,
  .ppl-navDrop.is-force-closed > .dropdown-menu.show{
    display:none !important;
  }

  .ppl-navDrop.is-click-open:not(.is-force-closed) > .dropdown-menu,
  .ppl-navDrop.is-click-open:not(.is-force-closed):hover > .dropdown-menu,
  .ppl-navDrop.is-click-open:not(.is-force-closed):focus-within > .dropdown-menu,
  .ppl-navDrop:not(.is-force-closed) > .dropdown-menu.show{
    display:block !important;
  }

  .ppl-navDrop > .dropdown-menu,
  .ppl-navDrop--small > .dropdown-menu,
  .dropdown-menu.multi-column.ppl-megaMenu,
  .dropdown-menu.ppl-examMenu{
    border-radius:18px !important;
    margin:7px -2px 11px !important;
    max-height:min(68vh, 620px) !important;
    max-width:calc(100% + 4px) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    padding:8px !important;
    width:calc(100% + 4px) !important;
  }

  .ppl-megaMenu__grid,
  .multi-column .row,
  .multi-column .row.navfit,
  .ppl-examMenu__grid{
    align-items:stretch !important;
  }

  .ppl-megaMenu__col,
  .multi-column .row.navfit > [class*="col-"],
  .ppl-examMenu__col{
    padding:10px !important;
  }

  .ppl-megaMenu__col--split,
  .multi-column .row.navfit > .col-md-6 + .col-md-6,
  .ppl-examMenu__col--side{
    padding-top:12px !important;
  }

  .dropdown-header{
    color:#174aa4 !important;
    font-size:.72rem !important;
    letter-spacing:.08em !important;
    padding-inline:4px !important;
  }

  .ppl-dropItem,
  .dropdown-item.ppl-dropItem,
  .ppl-megaMenu .dropdown-item:not(.ppl-dropItem){
    border-radius:14px !important;
    margin-bottom:8px !important;
    width:100% !important;
  }

  .ppl-dropItem,
  .dropdown-item.ppl-dropItem{
    min-height:58px !important;
    padding:10px !important;
  }

  .ppl-dropItem > i{
    height:34px !important;
    width:34px !important;
  }

  .ppl-navActions{
    background:#1a3c7d !important;
    border-radius:16px !important;
  }
}

@media (min-width: 641px) and (max-width: 992px){
  .ppl-megaMenu__grid,
  .multi-column .row.navfit{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:0 !important;
  }

  .ppl-megaMenu__grid > .ppl-megaMenu__col:nth-of-type(1),
  .ppl-megaMenu__grid > .ppl-megaMenu__col:nth-of-type(2){
    grid-column:auto !important;
  }

  .ppl-megaMenu__col--split,
  .multi-column .row.navfit > .col-md-6 + .col-md-6{
    border-left:1px solid #e7decf !important;
    border-top:0 !important;
  }

  .ppl-examMenu__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .ppl-examMenu__col--side{
    border-left:1px solid #e7decf !important;
    border-top:0 !important;
  }

  .ppl-megaMenu .dropdown-item:not(.ppl-dropItem){
    min-height:62px !important;
  }
}

@media (max-width: 640px){
  .ppl-nav .navbar-collapse.show{
    margin-inline:0 !important;
    padding:8px !important;
  }

  .ppl-navDrop > .dropdown-menu,
  .ppl-navDrop--small > .dropdown-menu,
  .dropdown-menu.multi-column.ppl-megaMenu,
  .dropdown-menu.ppl-examMenu{
    margin-inline:-1px !important;
    max-width:calc(100% + 2px) !important;
    width:calc(100% + 2px) !important;
  }

  .ppl-megaMenu__grid,
  .multi-column .row.navfit,
  .ppl-examMenu__grid{
    grid-template-columns:1fr !important;
  }

  .ppl-megaMenu__col--split,
  .multi-column .row.navfit > .col-md-6 + .col-md-6,
  .ppl-examMenu__col--side{
    border-left:0 !important;
    border-top:1px solid #e7decf !important;
  }
}

@media (max-width: 420px){
  .ppl-nav .navbar-collapse.show{
    border-radius:18px !important;
  }

  .ppl-nav .nav-link,
  .ppl-nav .nav-link.dropdown-toggle{
    border-radius:14px !important;
  }

  .ppl-nav .nav-link.dropdown-toggle > i.fa-chevron-down{
    height:24px;
    width:24px;
  }
}

/* =========================================================
   FINAL COMPACT NAVBAR + DROPDOWN SIZE PATCH
   Keep navbar styling in the shared/global stylesheet only.
   Homepage CSS should not target navbar/dropdown selectors.
   ========================================================= */

@media (min-width: 993px){
  .ppl-nav__inner{
    min-height: 62px !important;
    padding-inline: clamp(14px, 1.7vw, 26px) !important;
  }

  .ppl-nav .navbar-collapse{
    min-height: 62px !important;
  }

  .ppl-nav .nav-link,
  .ppl-nav .nav-link.dropdown-toggle,
  .ppl-nav .ppl-navSignin,
  .ppl-nav .ppl-navTrial,
  .ppl-nav .navbar .ppl-btn{
    font-size: 0.8rem !important;
    font-weight: 820 !important;
    line-height: 1.1 !important;
  }

  .ppl-nav .nav-link,
  .ppl-nav .nav-link.dropdown-toggle{
    min-height: 36px !important;
    padding: 8px clamp(7px, 0.72vw, 10px) !important;
  }

  .ppl-nav .nav-link > i,
  .ppl-nav .nav-link.dropdown-toggle > i{
    font-size: 0.68rem !important;
  }

  .ppl-navActions{
    gap: 10px !important;
  }

  .ppl-navSignin{
    font-size: 0.8rem !important;
  }

  .ppl-navTrial,
  .navbar .ppl-btn{
    font-size: 0.8rem !important;
    min-height: 36px !important;
    padding: 8px 16px !important;
  }

  .ppl-navIcon{
    height: 36px !important;
    width: 36px !important;
  }

  .ppl-navDrop > .dropdown-menu,
  .ppl-navDrop--small > .dropdown-menu{
    top: 62px !important;
  }

  .ppl-navDrop > .dropdown-menu{
    width: min(1040px, calc(100vw - 56px)) !important;
    max-width: calc(100vw - 56px) !important;
  }

  .ppl-navDrop--small > .dropdown-menu,
  .dropdown-menu.ppl-examMenu{
    width: min(720px, calc(100vw - 56px)) !important;
    max-width: calc(100vw - 56px) !important;
  }

  .dropdown-menu.multi-column.ppl-megaMenu.ppl-megaMenu--resources{
    width: min(1020px, calc(100vw - 56px)) !important;
  }

  .dropdown-menu.multi-column.ppl-megaMenu.ppl-megaMenu--careers{
    width: min(920px, calc(100vw - 56px)) !important;
  }

  .dropdown-menu.multi-column.ppl-megaMenu.ppl-megaMenu--partnerships{
    width: min(980px, calc(100vw - 56px)) !important;
  }

  .dropdown-menu.multi-column.ppl-megaMenu{
    border-radius: 16px !important;
    padding: 10px !important;
  }

  .dropdown-menu.multi-column.ppl-megaMenu > .row.navfit,
  .ppl-megaMenu__grid{
    grid-template-columns:
      minmax(210px, 1fr)
      minmax(210px, 1fr)
      minmax(255px, 0.86fr) !important;
  }

  .ppl-megaMenu__col{
    padding: 14px 14px !important;
  }

  .ppl-megaMenu__col--split{
    border-left-color: #e7decf !important;
  }

  .ppl-megaMenu .dropdown-header,
  .ppl-examMenu .dropdown-header{
    font-size: 0.72rem !important;
    letter-spacing: 0.045em !important;
    margin-bottom: 8px !important;
    padding-inline: 3px !important;
  }

  .ppl-megaMenu .ppl-dropItem,
  .ppl-examMenu .ppl-dropItem{
    border-radius: 10px !important;
    gap: 10px !important;
    margin-bottom: 7px !important;
    min-height: 52px !important;
    padding: 8px 9px !important;
  }

  .ppl-megaMenu .ppl-dropItem > i,
  .ppl-examMenu .ppl-dropItem > i{
    border-radius: 9px !important;
    flex-basis: 31px !important;
    height: 31px !important;
    width: 31px !important;
  }

  .ppl-megaMenu .ppl-dropItem b,
  .ppl-examMenu .ppl-dropItem b{
    font-size: 0.82rem !important;
    line-height: 1.14 !important;
  }

  .ppl-megaMenu .ppl-dropItem small,
  .ppl-examMenu .ppl-dropItem small{
    font-size: 0.68rem !important;
    line-height: 1.28 !important;
    margin-top: 1px !important;
  }

  .ppl-megaMenu .dropdown-item:not(.ppl-dropItem){
    border-radius: 11px !important;
    gap: 3px !important;
    margin-bottom: 7px !important;
    min-height: 54px !important;
    padding: 9px 10px !important;
  }

  .ppl-megaMenu .dropdown-item:not(.ppl-dropItem) span{
    font-size: 0.82rem !important;
    line-height: 1.14 !important;
  }

  .ppl-megaMenu .dropdown-item:not(.ppl-dropItem) small{
    font-size: 0.68rem !important;
    line-height: 1.28 !important;
  }

  .ppl-megaMenu__hint{
    font-size: 0.68rem !important;
    line-height: 1.32 !important;
    margin: -2px 3px 9px !important;
  }

  .ppl-megaMenu__feature,
  .ppl-navFeature{
    border-radius: 13px !important;
    min-height: 168px !important;
    padding: 16px !important;
  }

  .ppl-navFeature h5,
  .ppl-megaMenu__feature h5{
    font-size: 1.02rem !important;
    letter-spacing: -0.015em !important;
    line-height: 1.18 !important;
  }

  .ppl-navFeature p,
  .ppl-megaMenu__feature p{
    font-size: 0.76rem !important;
    line-height: 1.45 !important;
  }

  .ppl-mega__badge{
    font-size: 0.62rem !important;
    padding: 5px 9px !important;
  }

  .ppl-examMenu__panel{
    border-radius: 16px !important;
    padding: 10px !important;
  }

  .ppl-examMenu__col{
    padding: 13px 12px !important;
  }

  .ppl-examMenu__col--side{
    padding-left: 14px !important;
  }
}

@media (min-width: 993px) and (max-width: 1180px){
  .ppl-nav .nav-link,
  .ppl-nav .nav-link.dropdown-toggle{
    font-size: 0.76rem !important;
    padding-inline: 7px !important;
  }

  .ppl-navTrial,
  .navbar .ppl-btn{
    padding-inline: 12px !important;
  }
}