/* ===================================================================
   Pramukh Academy - utility bar, navigation bar and mega menus.
   Loaded only on the pages listed in the pa_mega_pages option.
   =================================================================== */
:root{
  --mm-navy:#003860;
  --mm-navy-9:#00263F;
  --mm-gold:#D5943A;
  --mm-ink:#13283B;
  --mm-muted:#5A6B7C;
  --mm-line:#E3E8EE;
  --mm-line-2:#EDF1F5;
  --mm-wash:#F6F8FA;
  --mm-radius:20px;
}

/* ===== Utility bar ================================================= */
.fusion-fullwidth.pa-utilbar{
  background:var(--mm-navy) !important;
  padding:0 !important;
  position:relative;
  z-index:21;
}
/* Same cap as the header row, and Avada's own row margins left alone so the
   two rows land in the same place at every width (the header's row reaches
   past its padding by the column gutter below ~1340px). */
.pa-utilbar .fusion-builder-row{
  max-width:1280px !important;
}
.pa-utilbar .fusion-layout-column,
.pa-utilbar .fusion-column-wrapper{ margin:0 !important; padding:0 !important; }
.pa-utilbar .fusion-text,
.pa-utilbar .fusion-text p{ margin:0 !important; }

.pa-ub{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:34px;
  font-family:var(--pa-f-ui,"Inter",system-ui,sans-serif);
  font-size:12.5px;
  line-height:1.2;
  color:#DCE6EF;
}
.pa-ub-l,.pa-ub-r{ display:flex; align-items:center; flex-wrap:wrap; gap:2px 14px; min-width:0; }
.pa-ub a{
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 0;
  color:#DCE6EF !important;
  text-decoration:none; white-space:nowrap;
  transition:color .2s ease;
}
.pa-ub a:hover{ color:#fff !important; }
.pa-ub a b{ font-weight:600; color:#fff; font-variant-numeric:tabular-nums; }
.pa-ub .pa-ub-lab{ color:#A9BFD3; }
.pa-ub a:hover .pa-ub-lab{ color:#DCE6EF; }
.pa-ub i{ font-size:13px; }
.pa-ub-sep{ width:1px; height:12px; background:rgba(220,230,239,.28); }
.pa-ub a:focus-visible{ outline:2px solid var(--mm-gold); outline-offset:3px; border-radius:4px; }
.pa-ub .pa-ub-todo{ opacity:.75; }

@media (max-width:1179px){
  .fusion-fullwidth.pa-utilbar{ display:none !important; }
}

/* ===== Navigation bar ==============================================
   Lighter and tighter than Avada's default: the accent is spent on the
   open item and the call to action, not on every label at once.        */
@media (min-width:1180px){
  .fusion-fullwidth.pa-header > .fusion-builder-row{
    padding-top:8px;
    padding-bottom:4px;
    max-width:1280px !important;
  }
  .pa-header .awb-menu__main-ul{ gap:2px !important; column-gap:2px !important; }
  .pa-header .awb-menu__main-li{ margin:0 !important; }
  .pa-header .awb-menu__main-li > a{ margin:0 !important; }
  .pa-header .awb-menu__main-li > a{
    padding:0 13px !important;
    height:40px;
    border-radius:999px;
    font-size:15.5px !important;
    font-weight:500 !important;
    color:#44586B !important;
    transition:background-color .18s ease,color .18s ease;
  }
  .pa-header .awb-menu__main-li > a .menu-text{ font-weight:500; }
  .pa-header .awb-menu__main-li:hover > a{
    background:rgba(0,56,96,.05);
    color:var(--mm-navy) !important;
  }
  /* The open item: tinted pill, the one place the accent is used. */
  .pa-header .awb-menu__main-li.menu-item-has-children:hover > a,
  .pa-header .awb-menu__main-li.menu-item-has-children:focus-within > a{
    background:rgba(213,148,58,.12);
    color:var(--mm-navy) !important;
  }
  .pa-header .awb-menu__main-li.current-menu-item > a{ color:var(--mm-navy) !important; }
}

/* Chevron: up while the menu is shut, rotating down as it opens. Avada
   ships an empty span drawn from its icon font, so the glyph is replaced
   with a mask that can be rotated predictably. */
.pa-header .awb-menu__open-nav-submenu-hover{
  width:13px !important;
  height:13px !important;
  margin-left:5px;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") center / 13px 13px no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") center / 13px 13px no-repeat;
  transform:rotate(180deg);
  transition:transform .25s cubic-bezier(.22,.61,.36,1);
  font-size:0 !important;
}
.pa-header .awb-menu__open-nav-submenu-hover::before,
.pa-header .awb-menu__open-nav-submenu-hover::after{ content:none !important; }
.pa-header .awb-menu__main-li:hover > a .awb-menu__open-nav-submenu-hover,
.pa-header .awb-menu__main-li:focus-within > a .awb-menu__open-nav-submenu-hover{
  transform:rotate(0deg);
}

/* ===== The panel ===================================================
   A floating card rather than a full-width band: inset, rounded on all
   four corners, sitting just below the bar.                            */
.awb-menu__mega-wrap{
  --awb-megamenu-width:1280px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  padding-top:10px;
  transform:translateY(-10px);
  transition:opacity .26s cubic-bezier(.22,.61,.36,1),
             transform .26s cubic-bezier(.22,.61,.36,1),
             visibility 0s linear .26s;
}
.awb-menu__main-li:hover > .awb-menu__mega-wrap,
.awb-menu__main-li:focus-within > .awb-menu__mega-wrap{
  transform:none;
  transition:opacity .26s cubic-bezier(.22,.61,.36,1),
             transform .26s cubic-bezier(.22,.61,.36,1),
             visibility 0s;
}
.awb-menu__mega-wrap .fusion-fullwidth{
  width:100% !important;
  background:transparent !important;
}
.awb-menu__mega-wrap .fusion-builder-row,
.awb-menu__mega-wrap .fusion-row{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
.awb-menu__mega-wrap .fusion-layout-column,
.awb-menu__mega-wrap .fusion-column-wrapper{ margin:0 !important; padding:0 !important; }
.awb-menu__mega-wrap .fusion-text{ margin:0 !important; }

/* the card itself */
/* Avada runs wpautop over the panel markup and leaves empty paragraphs
   behind. Left alone they occupy grid and flex cells of their own. */
.pa-mm p:empty{ display:none !important; }

.pa-mm{
  position:relative;
  background:#fff;
  border:1px solid var(--mm-line);
  border-radius:var(--mm-radius);
  box-shadow:0 24px 48px -20px rgba(0,38,63,.28),0 2px 6px rgba(0,38,63,.05);
  font-family:var(--pa-f-ui,"Inter",system-ui,sans-serif);
  color:var(--mm-ink);
  overflow:visible;
}
/* small tail joining the card to its menu item */
.pa-mm--v2::before{
  content:"";
  position:absolute;
  z-index:2;
  top:-7px;
  left:var(--pa-mm-tail,96px);
  width:13px; height:13px;
  background:#fff;
  border-left:1px solid var(--mm-line);
  border-top:1px solid var(--mm-line);
  transform:rotate(45deg);
  border-top-left-radius:3px;
}

.pa-mm2{
  border-radius:inherit;
  overflow:hidden;
  display:grid;
  grid-template-columns:292px minmax(0,1fr);
  grid-template-areas:"rail body" "rail feat";
  grid-template-rows:1fr auto;
}

/* ===== Rail ======================================================== */
.pa-mm-rail{
  grid-area:rail;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  padding:18px 14px 16px;
  background:var(--mm-wash);
  border-right:1px solid var(--mm-line);
}
.pa-mm-railk{
  margin:0 0 8px 10px !important;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--mm-muted);
}
.pa-mm-tabs{ display:grid; gap:2px; }
.pa-mm-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 16px;
  align-items:center;
  gap:11px;
  width:100%;
  padding:9px 11px;
  border:0;
  border-radius:12px;
  background:none;
  text-align:left;
  cursor:pointer;
  position:relative;
  font:inherit;
  transition:background-color .16s ease,box-shadow .16s ease;
}
.pa-mm-row:hover{ background:rgba(0,56,96,.05); }
.pa-mm-row[aria-selected="true"]{
  background:#fff;
  box-shadow:0 0 0 1px var(--mm-line),0 1px 3px rgba(0,38,63,.06);
}
.pa-mm-row[aria-selected="true"]::before{
  content:"";
  position:absolute;
  left:0; top:10px; bottom:10px;
  width:3px;
  border-radius:0 3px 3px 0;
  background:var(--mm-gold);
}
.pa-mm-row:focus-visible{ outline:2px solid var(--mm-navy); outline-offset:2px; }
.pa-mm-ico{
  width:34px; height:34px;
  display:grid; place-items:center;
  border-radius:10px;
  background:#fff;
  box-shadow:inset 0 0 0 1px var(--mm-line);
  color:var(--mm-navy);
  transition:background-color .16s ease,color .16s ease;
}
.pa-mm-ico svg{ width:17px; height:17px; }
.pa-mm-row[aria-selected="true"] .pa-mm-ico{
  background:rgba(213,148,58,.14);
  box-shadow:inset 0 0 0 1px rgba(213,148,58,.3);
  color:#8F5D16;
}
.pa-mm-rtx{ min-width:0; display:grid; gap:1px; }
.pa-mm-rt{
  font-family:var(--pa-f-head,"Poppins",sans-serif);
  font-weight:600;
  font-size:14.5px;
  line-height:1.3;
  color:var(--mm-navy);
}
.pa-mm-rd{ font-size:12px; line-height:1.35; color:var(--mm-muted); }
.pa-mm-row > svg{ width:15px; height:15px; color:#9AAABA; transition:transform .16s ease,color .16s ease; }
.pa-mm-row[aria-selected="true"] > svg{ color:var(--mm-navy); transform:translateX(2px); }

.pa-mm-railfoot{ margin-top:auto; padding-top:12px; }
.pa-mm-railfoot a{
  display:grid;
  grid-template-columns:20px minmax(0,1fr) 15px;
  align-items:center;
  gap:9px;
  padding:10px 11px;
  border-top:1px solid var(--mm-line);
  border-radius:0;
  font-family:var(--pa-f-head,"Poppins",sans-serif);
  font-weight:600;
  font-size:13px;
  color:var(--mm-navy);
  text-decoration:none;
}
.pa-mm-railfoot a:hover{ color:#8F5D16; }
.pa-mm-railfoot svg{ width:16px; height:16px; }

/* ===== Body ======================================================== */
.pa-mm-body{ grid-area:body; padding:20px 22px 2px; min-width:0; align-self:start; }
.pa-mm-pane:focus{ outline:none; }
.pa-mm-panehead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin:0 0 15px;
}
.pa-mm-headtx{ min-width:0; }
.pa-mm-kicker{
  margin:0 !important;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--mm-gold);
}
.pa-mm-panehead h3{
  margin:4px 0 0 !important;
  font-family:var(--pa-f-head,"Poppins",sans-serif);
  font-weight:600;
  font-size:20px;
  line-height:1.25;
  color:var(--mm-navy);
  letter-spacing:-.01em;
  text-transform:none !important;
}
.pa-mm-lead{
  margin:4px 0 0 !important;
  font-size:13px;
  line-height:1.5;
  color:var(--mm-muted);
  max-width:64ch;
}
.pa-mm-viewall{
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:34px;
  padding:0 14px;
  border:1px solid var(--mm-line);
  border-radius:999px;
  font-family:var(--pa-f-head,"Poppins",sans-serif);
  font-weight:600;
  font-size:12.5px;
  color:var(--mm-navy);
  text-decoration:none;
  white-space:nowrap;
  transition:border-color .16s ease,background-color .16s ease;
}
.pa-mm-viewall:hover{ border-color:var(--mm-navy); background:var(--mm-wash); }
.pa-mm-viewall svg{ width:14px; height:14px; }

/* ===== Cards ======================================================= */
.pa-mm-cards{ list-style:none; margin:0 !important; padding:0 !important; display:grid; gap:14px; }
.pa-mm-cards li{ margin:0 !important; }
.pa-mm-cards.cols1{ grid-template-columns:minmax(0,300px); }
.pa-mm-cards.cols2{ grid-template-columns:repeat(2,minmax(0,280px)); }
.pa-mm-cards.cols3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.pa-mm-cards.cols4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.pa-mm-cards.cols5{ grid-template-columns:repeat(5,minmax(0,1fr)); }

.pa-mm-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"img img" "body go";
  gap:0 8px;
  padding-bottom:2px;
  text-decoration:none;
  color:inherit;
  border-radius:14px;
  transition:transform .2s ease;
}
.pa-mm-card:hover{ transform:translateY(-2px); }
.pa-mm-img{
  grid-area:img;
  position:relative;
  display:block;
  border-radius:12px;
  overflow:hidden;
  background:var(--mm-wash);
  box-shadow:inset 0 0 0 1px rgba(0,38,63,.12);
}
.pa-mm-img img{
  display:block;
  width:100%; height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  transition:transform .45s ease;
}
.pa-mm-card:hover .pa-mm-img img{ transform:scale(1.045); }
.pa-mm-chip{
  position:absolute;
  left:9px; bottom:9px;
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 9px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 1px 3px rgba(0,38,63,.18);
  font-size:11px;
  font-weight:600;
  color:var(--mm-navy);
  letter-spacing:.01em;
}
.pa-mm-cbody{ grid-area:body; display:block; padding:9px 0 0 1px; min-width:0; }
.pa-mm-ct{
  display:block;
  font-family:var(--pa-f-head,"Poppins",sans-serif);
  font-weight:600;
  font-size:14px;
  line-height:1.3;
  color:var(--mm-navy);
}
.pa-mm-card:hover .pa-mm-ct{
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:var(--mm-gold);
}
.pa-mm-cd{
  display:block;
  margin-top:3px;
  font-size:12.5px;
  line-height:1.45;
  color:var(--mm-muted);
}
.pa-mm-meta{
  display:flex;
  flex-wrap:wrap;
  gap:2px 8px;
  margin-top:7px;
  font-size:11px;
  line-height:1.3;
  color:var(--mm-muted);
}
.pa-mm-meta span{ display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
.pa-mm-meta svg{ width:12px; height:12px; color:#8FA2B3; flex:none; }
.pa-mm-go{
  grid-area:go;
  align-self:start;
  margin-top:9px;
  width:30px; height:30px;
  display:grid; place-items:center;
  border-radius:999px;
  border:1px solid var(--mm-line);
  background:#fff;
  color:var(--mm-navy);
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.pa-mm-go svg{ width:14px; height:14px; }
.pa-mm-card:hover .pa-mm-go{
  background:var(--mm-gold);
  border-color:var(--mm-gold);
  color:var(--mm-navy-9);
}

/* ===== Link lists (panes with no artwork) ========================== */
.pa-mm-plinks{
  list-style:none;
  margin:0 !important;
  padding:0 !important;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px 18px;
  max-width:660px;
}
.pa-mm-plinks li{ margin:0 !important; }
.pa-mm-plink{
  display:grid;
  grid-template-columns:minmax(0,1fr) 14px;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  margin-left:-10px;
  border-radius:9px;
  font-size:13.5px;
  line-height:1.4;
  color:var(--mm-ink);
  text-decoration:none;
  transition:background-color .15s ease,color .15s ease;
}
.pa-mm-plink svg{ width:14px; height:14px; color:#9AAABA; opacity:0; transition:opacity .15s ease,transform .15s ease; }
.pa-mm-plink:hover{ background:rgba(0,56,96,.05); color:var(--mm-navy); }
.pa-mm-plink:hover svg{ opacity:1; transform:translateX(2px); }

/* ===== Banner ====================================================== */
.pa-mm--v2 .pa-mm-feat{
  grid-area:feat;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 18px;
  margin:14px 22px 18px;
  padding:14px 18px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--mm-navy-9),var(--mm-navy) 60%,#0a4b7a);
  color:#DCE6EF;
}
.pa-mm-feat-ico{
  flex:none;
  width:44px; height:44px;
  display:grid; place-items:center;
  border-radius:12px;
  background:rgba(213,148,58,.18);
  color:#F3D9A8;
}
.pa-mm-feat-ico svg{ width:22px; height:22px; }
.pa-mm-feat-tx{ flex:1 1 340px; min-width:0; display:grid; gap:2px; }
.pa-mm-feat-tx b{
  font-family:var(--pa-f-head,"Poppins",sans-serif);
  font-weight:600;
  font-size:14.5px;
  color:#fff;
}
.pa-mm-feat-tx > span{ font-size:12.5px; line-height:1.5; }
.pa-mm-note{
  justify-self:start;
  margin-top:3px;
  padding:3px 8px;
  border-radius:6px;
  background:rgba(243,217,168,.14);
  font-size:11.5px !important;
  color:#F3D9A8;
}
.pa-mm-feat-act{ flex:none; display:flex; flex-wrap:wrap; align-items:center; gap:9px; }
.pa-mm-btn,.pa-mm-ghost{
  display:inline-flex;
  align-items:center;
  gap:7px;
  height:38px;
  padding:0 16px;
  border-radius:9px;
  font-family:var(--pa-f-head,"Poppins",sans-serif);
  font-weight:600;
  font-size:13px;
  text-decoration:none;
  white-space:nowrap;
  transition:background-color .18s ease,border-color .18s ease;
}
.pa-mm-btn{ background:var(--mm-gold); color:var(--mm-navy-9) !important; border:1px solid var(--mm-gold); }
.pa-mm-btn:hover{ background:#C4822A; border-color:#C4822A; }
.pa-mm-ghost{ background:transparent; color:#fff !important; border:1px solid rgba(255,255,255,.55); }
.pa-mm-ghost:hover{ background:rgba(255,255,255,.12); border-color:#fff; }
.pa-mm-btn svg,.pa-mm-ghost svg{ width:14px; height:14px; }

/* Items whose menu entry still points nowhere */
.pa-mm .is-todo{ opacity:.5; pointer-events:none; }

/* ===== Motion ====================================================== */
@keyframes paMmPaneIn{
  from{ opacity:0; transform:translateY(5px); }
  to  { opacity:1; transform:none; }
}
.pa-mm-pane.is-in{ animation:paMmPaneIn .24s cubic-bezier(.22,.61,.36,1) both; }

@media (prefers-reduced-motion:reduce){
  .awb-menu__mega-wrap{ transform:none !important; transition:none !important; }
  .pa-mm-pane.is-in{ animation:none !important; }
  .pa-mm-row,.pa-mm-row svg,.pa-mm-plink,.pa-mm-img img,.pa-mm-card,
  .pa-mm-go,.pa-header .awb-menu__open-nav-submenu-hover{ transition:none !important; }
}

/* ===== Narrower desktops =========================================== */
@media (max-width:1320px){
  .awb-menu__mega-wrap{ --awb-megamenu-width:calc(100vw - 48px) !important; }
  .pa-mm2{ grid-template-columns:260px minmax(0,1fr); }
  .pa-mm-cards.cols4,
  .pa-mm-cards.cols5{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:1240px){
  .pa-mm-cards.cols3,.pa-mm-cards.cols4,
  .pa-mm-cards.cols5{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pa-mm-plinks{ grid-template-columns:minmax(0,1fr); }
  .pa-mm-feat-act{ flex:1 1 100%; }
}

/* ===== Panels with no rail (Exams Info, About Us) ================== */
.pa-mm--flat .pa-mm2{ grid-template-columns:minmax(0,1fr); grid-template-areas:"body" "feat"; }
.pa-mm--flat .pa-mm-body{ padding:20px 22px 2px; }
.pa-mm-fgrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px 26px;
}
.pa-mm-fcol{ min-width:0; }
.pa-mm-k2{
  margin:0 0 6px !important;
  padding-bottom:7px;
  border-bottom:1px solid var(--mm-line);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--mm-muted);
}
.pa-mm-plinks--one{ grid-template-columns:minmax(0,1fr); max-width:none; }
@media (max-width:1240px){
  .pa-mm-fgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* ===== Animated cards ==============================================
   The still loads first and remains the fallback: if the animation is
   declined for reduced motion, or never arrives, the card still reads. */
.pa-mm-img--anim{ position:relative; }
.pa-mm-lottie{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .4s ease;
}
.pa-mm-lottie.is-ready{ opacity:1; }
.pa-mm-lottie svg{ display:block; width:100% !important; height:100% !important; }
@media (prefers-reduced-motion:reduce){
  .pa-mm-lottie{ display:none !important; }
}

/* ===== Utility bar: guard against re-wrapped markup ================
   The bar's HTML lives in a Code Block so the editor leaves it alone, but
   if anything ever re-wraps it, a paragraph must not be allowed to pick up
   the site-wide `p { font-size:18px }` rule or add its own gaps.          */
.pa-ub p{
  display:contents;
  margin:0 !important;
  font-size:inherit !important;
  line-height:inherit !important;
}
.pa-ub p:empty,
.pa-ub br{ display:none !important; }
.pa-ub a,
.pa-ub b{ font-size:inherit; }

/* ===== Utility bar: line up with the bar below it ==================
   The header container carries 30px of side padding; the utility bar's
   was zero. Wide screens hid the difference (both rows are capped at
   1280px and centred) but from about 1340px down the header tucks in
   while the utility bar ran to the window edge. Same gutter here, then a
   small inset so the phone icon sits under the logo and "Contact Us"
   ends under the last nav label.                                       */
@media (min-width:1180px){
  .fusion-fullwidth.pa-utilbar{
    padding-left:30px !important;
    padding-right:30px !important;
  }
  .pa-ub{
    padding-left:15px;
    padding-right:39px;
  }
}

/* ===== Courses: sales-focused panel ================================
   The `pa-sm` design, now used by all four mega panels (Courses, Exams
   Info, Student Corner, About Us). Built from
   pramukh_sales_focused_mega_menu_v5.html, then revised: wide panel,
   Apple-Store-style tiles, DM Sans + Lato, large counting statistics,
   hover-only on pointer devices / tap on touch, and a stacked layout
   inside Avada's mobile menu. The rail runs on pa-mega.js. */

/* ---- panel width: as wide as the viewport allows ---- */
.awb-menu__main-li.menu-item-has-children > .awb-menu__mega-wrap:has(.pa-sm),
.awb-menu__main-li.menu-item-34286 > .awb-menu__mega-wrap,
.awb-menu__main-li.menu-item-34309 > .awb-menu__mega-wrap,
.awb-menu__main-li.menu-item-34316 > .awb-menu__mega-wrap,
.awb-menu__main-li.menu-item-34352 > .awb-menu__mega-wrap{
  --awb-megamenu-width:min(1600px, calc(100vw - var(--awb-scrollbar-width,0px) - 48px)) !important;
}

.pa-sm{
  --sm-navy:#073b60; --sm-gold:#d99a3b; --sm-ink:#1d1d1f; --sm-muted:#6e6e73; --sm-line:#e8ecf0;
  --sm-head:"DM Sans",system-ui,sans-serif; --sm-body:"Lato",system-ui,sans-serif;
  position:relative; display:grid; grid-template-columns:264px minmax(0,1fr);
  background:#fff; border:1px solid var(--sm-line); border-radius:24px;
  box-shadow:0 28px 80px rgba(0,35,61,.22),0 2px 8px rgba(0,35,61,.06); overflow:hidden;
  font-family:var(--sm-body); color:var(--sm-ink);
}
.pa-sm.pa-sm--flat{ grid-template-columns:minmax(0,1fr) !important; }
.pa-sm p:empty{ display:none !important; }

/* ---- rail ---- */
.pa-sm-rail{ display:flex; flex-direction:column; padding:28px 18px 24px 22px; background:#f5f7f9; border-right:1px solid var(--sm-line); }
.pa-sm-railk{ margin:0 !important; padding:0 12px 16px; font:700 11px/1.4 var(--sm-head); letter-spacing:.14em; text-transform:uppercase; color:#6b8293; }
.pa-sm-cats{ display:flex; flex-direction:column; gap:4px; }
.pa-sm-cat{
  position:relative; display:grid; grid-template-columns:minmax(0,1fr) 16px; align-items:center; gap:10px;
  width:100%; min-height:54px; padding:14px 12px; border:0; border-radius:12px; background:transparent;
  text-align:left; cursor:pointer; color:#24445c; font:inherit; transition:background-color .16s ease,box-shadow .16s ease;
}
.pa-sm-cat::after{ content:""; position:absolute; left:12px; right:12px; bottom:-2px; height:1px; background:rgba(0,56,96,.07); }
.pa-sm-name{ display:block; font:600 15px/1.3 var(--sm-head); color:#24445c; letter-spacing:-.005em; }
.pa-sm-cat > svg{ width:15px; height:15px; color:#8a9aa5; transition:color .16s ease,transform .16s ease; }
.pa-sm-cat:hover{ background:rgba(0,56,96,.045); }
.pa-sm-cat[aria-selected="true"]{ background:#fff; box-shadow:0 2px 10px rgba(0,45,76,.06),0 0 0 1px rgba(0,56,96,.08); }
.pa-sm-cat[aria-selected="true"]::before{ content:""; position:absolute; left:0; top:10px; bottom:10px; width:3px; border-radius:4px; background:var(--sm-gold); }
.pa-sm-cat[aria-selected="true"] .pa-sm-name{ color:var(--sm-navy); font-weight:700; }
.pa-sm-cat[aria-selected="true"] > svg{ color:var(--sm-gold); transform:translateX(2px); }
.pa-sm-cat:focus-visible{ outline:3px solid rgba(213,148,58,.65); outline-offset:2px; }
.pa-sm-railfoot{ margin:auto 4px 0; padding-top:18px; border-top:1px solid #e1eaf0; }
.pa-sm-railfoot a{ display:flex; align-items:center; gap:9px; padding:10px 8px; font:700 13px/1.3 var(--sm-head); color:var(--sm-navy); text-decoration:none; white-space:nowrap; }
.pa-sm-railfoot a svg{ width:15px; height:15px; margin-left:auto; color:#8a9aa5; }
.pa-sm-railfoot a:hover{ color:#a76c1f; }

/* ---- body ---- */
.pa-sm-body{ padding:32px 36px 32px; min-width:0; }
.pa-sm-pane:focus{ outline:none; }
.pa-sm-intro{ display:flex; justify-content:space-between; align-items:center; gap:18px; margin:0 0 24px; }
.pa-sm-intro h3{ margin:0 !important; font:700 clamp(24px,2vw,32px)/1.15 var(--sm-head); letter-spacing:-.02em; color:var(--sm-navy); text-transform:none !important; }

/* ---- cards: Apple-Store-style tiles ----
   Equal width via a fixed track count regardless of how many cards a
   category has, equal height via stretched flex children. */
.pa-sm-cards{ list-style:none; margin:0 !important; padding:0 !important; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; }
.pa-sm-cards.cols4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.pa-sm-cards.cols6{ grid-template-columns:repeat(6,minmax(0,1fr)); }
.pa-sm-cards li{ margin:0 !important; display:flex; }
.pa-sm-card{
  flex:1 1 auto; display:flex; flex-direction:column; min-width:0; overflow:hidden;
  border-radius:20px; background:#fff; border:1px solid rgba(0,0,0,.04);
  box-shadow:0 2px 12px rgba(0,0,0,.06); text-decoration:none; color:inherit;
  transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease;
}
.pa-sm-card:hover{ transform:translateY(-4px) scale(1.01); box-shadow:0 14px 34px rgba(0,35,61,.14); }
.pa-sm-img{ position:relative; display:block; aspect-ratio:16/9; background:#f5f5f7; overflow:hidden; }
.pa-sm-img img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.pa-sm-card:hover .pa-sm-img img{ transform:scale(1.04); }
.pa-sm-img .pa-mm-lottie svg{ border-radius:0; }
.pa-sm-img .pa-mm-lottie--solid{ background:#fff; }
.pa-sm-cbody{ display:flex; flex-direction:column; gap:6px; flex:1; padding:18px 18px 20px; }
.pa-sm-ct{ font:600 16px/1.3 var(--sm-head); letter-spacing:-.01em; color:var(--sm-ink); min-height:calc(2 * 1.3em); }
.pa-sm-cd{ font:400 13.5px/1.5 var(--sm-body); color:var(--sm-muted); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pa-sm-cfoot{ display:inline-flex; align-items:center; gap:2px; margin-top:auto; padding-top:14px; font:600 13.5px/1.2 var(--sm-head); color:var(--sm-navy); }
.pa-sm-cfoot svg{ width:14px; height:14px; transition:transform .2s ease; }
.pa-sm-card:hover .pa-sm-cfoot{ text-decoration:underline; text-underline-offset:3px; }
.pa-sm-card:hover .pa-sm-cfoot svg{ transform:translateX(3px); }
/* text tiles (no artwork): an icon chip stands in for the picture */
.pa-sm-card--text{ padding:22px 18px 20px; gap:14px; background:#fff; }
.pa-sm-card--text .pa-sm-cbody{ padding:0; }
.pa-sm-card--text .pa-sm-ct{ min-height:0; }
.pa-sm-card--text .pa-sm-cd{ -webkit-line-clamp:3; }
.pa-sm-ico{ width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:#f5f5f7; color:var(--sm-navy); }
.pa-sm-ico svg{ width:22px; height:22px; }
.pa-sm-card--text:hover .pa-sm-ico{ background:rgba(217,154,59,.16); color:#8f5d16; }

/* ---- bottom strip ---- */
.pa-sm-strip{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:20px; margin-top:28px; }
.pa-sm-res,.pa-sm-trust{ display:flex; align-items:center; gap:16px; min-width:0; padding:18px 22px; border-radius:20px; }
.pa-sm-res{ background:#f5f5f7; text-decoration:none; color:inherit; transition:background-color .16s ease; }
.pa-sm-res:hover{ background:#eef1f4; }
.pa-sm-res-ico{ flex:none; width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.08); color:var(--sm-navy); font-size:18px; }
.pa-sm-res-tx{ flex:1; min-width:0; }
.pa-sm-res-tx b{ display:block; font:600 15px/1.3 var(--sm-head); color:var(--sm-ink); }
.pa-sm-res-tx span{ display:block; margin-top:4px; font:400 13px/1.45 var(--sm-body); color:var(--sm-muted); }
.pa-sm-res-go{ flex:none; display:inline-flex; align-items:center; gap:2px; font:600 13.5px/1.3 var(--sm-head); color:var(--sm-navy); white-space:nowrap; }
.pa-sm-res-go svg{ width:14px; height:14px; }
.pa-sm-trust{ background:linear-gradient(135deg,#00263f,var(--sm-navy) 60%,#0a4b7a); color:#fff; justify-content:space-between; gap:24px; }
.pa-sm-trust-tx{ min-width:0; }
.pa-sm-trust-tx b{ display:block; font:600 15px/1.3 var(--sm-head); color:#fff; }
.pa-sm-trust-tx span{ display:block; margin-top:4px; font:400 13px/1.45 var(--sm-body); color:#cfdde8; }
/* Each figure reserves the width of its final text (--w, set inline in ch)
   so the card never reflows while the number counts up. */
.pa-sm-metrics{ display:flex; gap:30px; flex:none; }
.pa-sm-metric{ text-align:center; }
.pa-sm-metric b{ display:block; min-width:var(--w,4ch); font:700 34px/1 var(--sm-head); letter-spacing:-.02em; color:#f0bb65; font-variant-numeric:tabular-nums; }
.pa-sm-metric small{ display:block; margin-top:6px; font:600 11px/1.2 var(--sm-head); letter-spacing:.08em; text-transform:uppercase; color:#e3edf3; white-space:nowrap; }
.pa-sm-metric.is-counting b{ animation:paSmPop .55s cubic-bezier(.22,.61,.36,1) both; }
@keyframes paSmPop{
  from{ opacity:0; transform:translateY(8px) scale(.92); }
  to  { opacity:1; transform:none; }
}
.pa-sm-pane.is-in{ animation:paMmPaneIn .24s cubic-bezier(.22,.61,.36,1) both; }

/* ---- desktop widths ---- */
@media (max-width:1500px){
  .pa-sm{ grid-template-columns:240px minmax(0,1fr); }
  .pa-sm-body{ padding:28px 30px; }
  .pa-sm-cards{ gap:16px; }
  .pa-sm-cbody{ padding:16px 16px 18px; }
  .pa-sm-ct{ font-size:15px; }
  .pa-sm-metric b{ font-size:30px; }
  .pa-sm-cards.cols6{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:1320px){
  .pa-sm{ grid-template-columns:220px minmax(0,1fr); }
  .pa-sm-body{ padding:24px; }
  .pa-sm-cards,.pa-sm-cards.cols4,.pa-sm-cards.cols6{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .pa-sm-strip{ grid-template-columns:minmax(0,1fr); }
}

/* ---- touch devices at desktop width: tap to open, tap again or
   outside to close; never on hover or focus. pa-mega.js toggles
   .pa-open on the item. ---- */
@media (hover:none){
  .awb-menu.awb-menu_em-hover:not(.collapse-enabled) .awb-menu__li:hover > .awb-menu__mega-wrap,
  .awb-menu.awb-menu_em-hover:not(.collapse-enabled) .awb-menu__li.hover > .awb-menu__mega-wrap,
  .awb-menu.awb-menu_em-hover:not(.collapse-enabled) .awb-menu__li:focus-within > .awb-menu__mega-wrap{
    visibility:hidden; opacity:0; pointer-events:none; transform:translateY(-10px);
  }
  .awb-menu.awb-menu_em-hover:not(.collapse-enabled) .awb-menu__li.pa-open > .awb-menu__mega-wrap{
    visibility:visible !important; opacity:1 !important; pointer-events:auto !important; transform:none !important;
    transition:opacity .26s cubic-bezier(.22,.61,.36,1),transform .26s cubic-bezier(.22,.61,.36,1),visibility 0s;
  }
  .pa-header .awb-menu__main-li.pa-open > a{ background:rgba(213,148,58,.12); color:var(--mm-navy) !important; }
  .pa-header .awb-menu__main-li.pa-open > a .awb-menu__open-nav-submenu-hover{ transform:rotate(0deg); }
  .pa-sm-card:hover{ transform:none; }
}

/* ---- inside Avada's mobile menu (header breakpoint and below) ----
   Avada hides the mega panel and shows the plain sub-list; swap that:
   the panel renders in the accordion as a stacked block and the plain
   list is hidden for the four items that carry a panel. ---- */
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34286 > .awb-menu__sub-ul,
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34309 > .awb-menu__sub-ul,
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34316 > .awb-menu__sub-ul,
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34352 > .awb-menu__sub-ul{ display:none !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.expanded > .awb-menu__mega-wrap{
  display:block !important; position:relative !important; z-index:1 !important; width:auto !important; max-width:none !important;
  left:auto !important; right:auto !important; margin:0 !important; padding:10px 12px 14px !important;
  transform:none !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important;
  background:#f5f7f9 !important; box-shadow:none !important; transition:none !important;
  animation:paMmPaneIn .24s cubic-bezier(.22,.61,.36,1) both;
}
.awb-menu.collapse-enabled .awb-menu__mega-wrap .fusion-fullwidth{ padding:0 !important; }
.awb-menu.collapse-enabled .pa-sm{
  display:block; border-radius:16px; box-shadow:0 1px 4px rgba(0,35,61,.06); border:1px solid var(--sm-line);
}
/* rail becomes a row of chips */
.awb-menu.collapse-enabled .pa-sm-rail{
  flex-direction:row; align-items:center; gap:8px; padding:12px 14px; overflow-x:auto; overflow-y:hidden;
  border-right:0; border-bottom:1px solid var(--sm-line); background:#fafbfc; -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.awb-menu.collapse-enabled .pa-sm-rail::-webkit-scrollbar{ display:none; }
.awb-menu.collapse-enabled .pa-sm-railk{ display:none; }
.awb-menu.collapse-enabled .pa-sm-cats{ flex-direction:row; gap:8px; }
.awb-menu.collapse-enabled .pa-sm-cat{
  display:inline-flex; width:auto; min-height:38px; padding:8px 14px; border-radius:999px; gap:0;
  background:#fff; box-shadow:0 0 0 1px var(--sm-line); white-space:nowrap;
}
.awb-menu.collapse-enabled .pa-sm-cat::after,
.awb-menu.collapse-enabled .pa-sm-cat::before,
.awb-menu.collapse-enabled .pa-sm-cat > svg{ display:none; }
.awb-menu.collapse-enabled .pa-sm-name{ font-size:13.5px; }
.awb-menu.collapse-enabled .pa-sm-cat[aria-selected="true"]{ background:var(--sm-navy); box-shadow:none; }
.awb-menu.collapse-enabled .pa-sm-cat[aria-selected="true"] .pa-sm-name{ color:#fff; }
.awb-menu.collapse-enabled .pa-sm-railfoot{ margin:0 0 0 auto; padding:0 0 0 8px; border:0; flex:none; }
.awb-menu.collapse-enabled .pa-sm-railfoot a{ padding:8px 12px; border-radius:999px; box-shadow:0 0 0 1px var(--sm-line); background:#fff; font-size:12.5px; gap:6px; }
.awb-menu.collapse-enabled .pa-sm-railfoot a svg{ margin-left:2px; }
/* body */
.awb-menu.collapse-enabled .pa-sm-body{ padding:18px 16px 16px; }
.awb-menu.collapse-enabled .pa-sm-intro{ margin-bottom:14px; }
.awb-menu.collapse-enabled .pa-sm-intro h3{ font-size:20px; }
.awb-menu.collapse-enabled .pa-sm-cards,
.awb-menu.collapse-enabled .pa-sm-cards.cols4,
.awb-menu.collapse-enabled .pa-sm-cards.cols6{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.awb-menu.collapse-enabled .pa-sm-card{ border-radius:16px; box-shadow:0 1px 6px rgba(0,0,0,.06); }
.awb-menu.collapse-enabled .pa-sm-card:hover{ transform:none; box-shadow:0 1px 6px rgba(0,0,0,.06); }
.awb-menu.collapse-enabled .pa-sm-cbody{ padding:12px 14px 14px; gap:4px; }
.awb-menu.collapse-enabled .pa-sm-ct{ font-size:14.5px; min-height:0; }
.awb-menu.collapse-enabled .pa-sm-cd{ font-size:12.5px; }
.awb-menu.collapse-enabled .pa-sm-cfoot{ padding-top:10px; font-size:12.5px; }
.awb-menu.collapse-enabled .pa-sm-card--text{ padding:14px; gap:10px; }
.awb-menu.collapse-enabled .pa-sm-ico{ width:36px; height:36px; border-radius:11px; }
.awb-menu.collapse-enabled .pa-sm-ico svg{ width:18px; height:18px; }
.awb-menu.collapse-enabled .pa-sm-strip{ grid-template-columns:minmax(0,1fr); gap:12px; margin-top:16px; }
.awb-menu.collapse-enabled .pa-sm-res,
.awb-menu.collapse-enabled .pa-sm-trust{ padding:14px 16px; border-radius:16px; gap:12px; }
.awb-menu.collapse-enabled .pa-sm-trust{ flex-wrap:wrap; }
.awb-menu.collapse-enabled .pa-sm-metrics{ gap:22px; width:100%; justify-content:space-between; }
.awb-menu.collapse-enabled .pa-sm-metric b{ font-size:26px; }
/* phones: cards become a list with the picture on the left */
@media (max-width:639px){
  .awb-menu.collapse-enabled .pa-sm-cards,
  .awb-menu.collapse-enabled .pa-sm-cards.cols4,
  .awb-menu.collapse-enabled .pa-sm-cards.cols6{ grid-template-columns:minmax(0,1fr); gap:10px; }
  .awb-menu.collapse-enabled .pa-sm-card{ flex-direction:row; align-items:stretch; }
  .awb-menu.collapse-enabled .pa-sm-img{ flex:none; width:118px; aspect-ratio:auto; min-height:118px; }
  .awb-menu.collapse-enabled .pa-sm-card--text{ flex-direction:row; align-items:flex-start; }
  .awb-menu.collapse-enabled .pa-sm-cd{ -webkit-line-clamp:2; }
  .awb-menu.collapse-enabled .pa-sm-res{ flex-wrap:wrap; }
  .awb-menu.collapse-enabled .pa-sm-res-go{ margin-left:60px; }
  .awb-menu.collapse-enabled .pa-sm-metric b{ font-size:24px; }
}

@media (prefers-reduced-motion:reduce){
  .pa-sm-pane.is-in,.pa-sm-metric.is-counting b,
  .awb-menu.collapse-enabled .awb-menu__main-li.expanded > .awb-menu__mega-wrap{ animation:none !important; }
  .pa-sm-card,.pa-sm-cat,.pa-sm-img img,.pa-sm-cfoot svg{ transition:none !important; }
}

/* ===== Mobile + tablet menu v4: launcher and slide-in panels ============
   Our own pattern. Opening the menu shows a launcher: four large tiles for
   the sections that have panels, and quick pills for the rest. Tapping a tile
   slides that section in as a full panel, with a back bar, category chips
   and photo cards. Applies wherever Avada collapses the menu. */
.awb-menu.collapse-enabled{ --m-navy:#073b60; --m-ink:#00203a; --m-gold:#d5943a; --m-gold2:#a76c1f; --m-gold3:#f0bd73; --m-line:#e6e9ef; }

/* ---------- the sheet ---------- */
.awb-menu.collapse-enabled .awb-menu__main-ul{
  position:fixed !important; top:94px !important; left:0 !important; right:0 !important; bottom:auto !important; width:100vw !important; max-width:100vw !important; margin:0 !important; box-sizing:border-box !important;
  height:calc(100vh - 94px) !important; height:calc(100dvh - 94px) !important; max-height:calc(100vh - 94px) !important; max-height:calc(100dvh - 94px) !important;
  overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
  padding:22px 18px calc(104px + env(safe-area-inset-bottom,0px)) !important; border:0 !important; box-shadow:none !important;
  background:radial-gradient(420px 260px at 100% 0%,rgba(240,189,115,.28),transparent 70%),linear-gradient(180deg,#fff7e6 0,#fff 260px) !important;
  display:grid !important; grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; align-content:start;
}
body:has(.awb-menu__m-toggle[aria-expanded="true"])::after{ display:none !important; }
.awb-menu.collapse-enabled .awb-menu__main-ul::before{
  content:"Explore the academy"; grid-column:1 / -1; padding:2px 2px 6px;
  font:800 28px/1.1 "DM Sans",system-ui,sans-serif; letter-spacing:-.025em; color:var(--m-ink);
}
.awb-menu.collapse-enabled .awb-menu__main-li{ position:relative; margin:0 !important; border:0 !important; background:none !important; min-width:0; }
.awb-menu.collapse-enabled .awb-menu__main-li > .awb-menu__open-nav-submenu_mobile{
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important;
  background:transparent !important; border:0 !important; border-radius:inherit; z-index:30; opacity:0;
}

/* ---------- launcher tiles ---------- */
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34286,
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34309,
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34316,
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34352{ grid-column:span 6; order:1; }
.awb-menu.collapse-enabled .awb-menu__main-li > a.awb-menu__main-a{ text-decoration:none !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children > a.awb-menu__main-a{
  display:flex !important; flex-direction:column; align-items:flex-start !important; justify-content:flex-start; gap:2px; height:100%; min-height:140px;
  padding:16px 16px 16px !important; border:1px solid var(--m-line) !important; border-radius:22px; background:#fff !important; color:var(--m-ink) !important;
  box-shadow:0 14px 28px -20px rgba(0,35,61,.55); font:700 17px/1.2 "DM Sans",system-ui,sans-serif !important; position:relative; overflow:hidden;
}
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children > a.awb-menu__main-a::before{
  content:""; width:44px; height:44px; margin-bottom:14px; border-radius:14px; flex:none;
  background:#fff7e6 center / 24px 24px no-repeat; box-shadow:inset 0 0 0 1.5px rgba(213,148,58,.55);
}
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children > a.awb-menu__main-a::after{
  content:attr(data-sub); display:block; font:500 12.5px/1.35 "DM Sans",system-ui,sans-serif; color:#5b6b80;
}
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children > a .awb-menu__open-nav-submenu-hover{ display:none !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children > a .menu-text{ font:inherit; color:inherit; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34286 > a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23073b60' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 9 12 4 2 9l10 5 10-5Z'/%3E%3Cpath d='M6 11.2V16c0 1.4 2.7 3 6 3s6-1.6 6-3v-4.8'/%3E%3Cpath d='M22 9v6'/%3E%3C/svg%3E"); }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34309 > a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23073b60' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E"); }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34316 > a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23073b60' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3Z'/%3E%3C/svg%3E"); }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34352 > a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23073b60' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V9l7-5 7 5v12'/%3E%3Cpath d='M9 21v-6h6v6M9 11h.01M15 11h.01'/%3E%3C/svg%3E"); }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34286 > a{ --sub:"Programmes for every exam"; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34286 > a::after{ content:"Programmes for every exam" !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34309 > a::after{ content:"Patterns and syllabus" !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34316 > a::after{ content:"Resources, results, updates" !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34352 > a::after{ content:"Our people and campus" !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children > a.awb-menu__main-a > .menu-text::after{
  content:""; position:absolute; top:16px; right:16px; width:30px; height:30px; border-radius:50%; background:var(--m-ink) center / 14px no-repeat;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc94d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
}
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children:active > a.awb-menu__main-a{ transform:scale(.98); border-color:var(--m-gold) !important; }

/* ---------- quick pills ---------- */
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34285,
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34351,
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34359{ grid-column:span 4; order:2; }
.awb-menu.collapse-enabled .awb-menu__main-li:not(.menu-item-has-children) > a.awb-menu__main-a{
  display:flex !important; align-items:center; justify-content:center; min-height:48px; padding:0 8px !important; border-radius:999px; background:#fff !important; color:var(--m-ink) !important;
  border:1.5px solid rgba(7,59,96,.18) !important; font:700 15px/1 "DM Sans",system-ui,sans-serif !important; box-shadow:none;
}
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34359 > a.awb-menu__main-a{ background:linear-gradient(135deg,#f6cf8d,#d5943a) !important; border-color:transparent !important; color:#10243a !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.current-menu-item > a.awb-menu__main-a::before{ display:none; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34285.current-menu-item > a.awb-menu__main-a{ background:var(--m-ink) !important; color:#fff !important; border-color:var(--m-ink) !important; }

/* ---------- slide-in panel (JS puts .pa-drill on the list) ---------- */
.awb-menu.collapse-enabled .awb-menu__main-ul.pa-drill{ display:block !important; padding:0 0 calc(104px + env(safe-area-inset-bottom,0px)) !important; background:#f4f6fa !important; animation:paDrillIn .26s cubic-bezier(.22,.61,.36,1) both; }
.awb-menu.collapse-enabled .awb-menu__main-ul.pa-drill::before{ display:none; }
.awb-menu.collapse-enabled .awb-menu__main-ul.pa-drill > .awb-menu__main-li:not(.expanded){ display:none !important; }
@keyframes paDrillIn{ from{ opacity:.0; transform:translateX(28px); } to{ opacity:1; transform:none; } }

/* the title bar is the way back */
.awb-menu.collapse-enabled .awb-menu__main-li.expanded{ grid-column:auto; }
.awb-menu.collapse-enabled .awb-menu__main-li.expanded > a.awb-menu__main-a{
  position:sticky !important; top:0; z-index:25; flex-direction:row !important; align-items:center !important; gap:14px; width:100%; height:auto; min-height:68px !important; padding:10px 18px 10px 14px !important;
  border:0 !important; border-radius:0 !important; box-shadow:0 10px 24px -16px rgba(0,20,36,.7) !important; background:linear-gradient(120deg,#0a4775,#00203a) !important; color:#fff !important; font:800 20px/1.2 "DM Sans",system-ui,sans-serif !important; transform:none !important;
}
.awb-menu.collapse-enabled .awb-menu__main-li.expanded > a.awb-menu__main-a::before{
  content:""; width:42px; height:42px; margin:0; border-radius:50%; flex:none; background:rgba(255,255,255,.14) center / 20px no-repeat; box-shadow:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc94d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 6-6 6 6 6'/%3E%3C/svg%3E");
}
.awb-menu.collapse-enabled .awb-menu__main-li.expanded > a.awb-menu__main-a::after{ content:"Back" !important; margin-left:auto; padding:0 !important; font:600 12px/1 "DM Sans",sans-serif; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.7); }
.awb-menu.collapse-enabled .awb-menu__main-li.expanded > a.awb-menu__main-a > .menu-text::after{ display:none; }
.awb-menu.collapse-enabled .awb-menu__main-li.expanded > .awb-menu__open-nav-submenu_mobile{ height:68px !important; inset:0 0 auto 0 !important; z-index:40; }

.awb-menu.collapse-enabled .awb-menu__main-li.expanded > .awb-menu__mega-wrap{
  display:block !important; position:relative !important; width:auto !important; max-width:none !important; left:auto !important; right:auto !important; margin:0 !important; padding:0 !important;
  transform:none !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; background:transparent !important; box-shadow:none !important; transition:none !important; animation:none;
}
.awb-menu.collapse-enabled .pa-sm{ display:block !important; background:transparent; border:0; border-radius:0; box-shadow:none; overflow:visible; }

/* category chips, pinned under the title bar */
.awb-menu.collapse-enabled .pa-sm-rail{
  position:sticky; top:68px; z-index:20; display:block !important; padding:12px 14px 12px !important; margin:0; background:#f4f6fa !important; border:0 !important; border-bottom:1px solid var(--m-line) !important;
  overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.awb-menu.collapse-enabled .pa-sm-rail::-webkit-scrollbar{ display:none; }
.awb-menu.collapse-enabled .pa-sm-railk,.awb-menu.collapse-enabled .pa-sm-railfoot{ display:none !important; }
.awb-menu.collapse-enabled .pa-sm-cats{ display:flex !important; flex-direction:row !important; gap:8px; width:max-content; }
.awb-menu.collapse-enabled .pa-sm-cat{
  display:inline-flex !important; width:auto !important; min-height:42px !important; padding:0 18px !important; border-radius:999px !important; gap:0 !important; background:#fff !important; white-space:nowrap;
  box-shadow:inset 0 0 0 1.5px rgba(7,59,96,.16) !important; color:var(--m-ink); transform:none;
}
.awb-menu.collapse-enabled .pa-sm-cat::before,.awb-menu.collapse-enabled .pa-sm-cat::after,.awb-menu.collapse-enabled .pa-sm-cat > svg{ display:none !important; }
.awb-menu.collapse-enabled .pa-sm-name{ font:700 14.5px/1 "DM Sans",system-ui,sans-serif !important; color:var(--m-ink) !important; }
.awb-menu.collapse-enabled .pa-sm-cat[aria-selected="true"]{ background:var(--m-ink) !important; box-shadow:none !important; }
.awb-menu.collapse-enabled .pa-sm-cat[aria-selected="true"] .pa-sm-name{ color:#ffc94d !important; }

/* photo cards */
.awb-menu.collapse-enabled .pa-sm-body{ padding:18px 16px 8px !important; }
.awb-menu.collapse-enabled .pa-sm-pane{ padding:0 !important; }
.awb-menu.collapse-enabled .pa-sm-pane[hidden]{ display:none !important; }
.awb-menu.collapse-enabled .pa-sm-pane:not([hidden]){ display:block !important; animation:paDrillIn .22s ease both; }
.awb-menu.collapse-enabled .pa-sm-intro{ margin:0 0 14px !important; padding:0 !important; border:0 !important; }
.awb-menu.collapse-enabled .pa-sm-intro h3{ margin:0 !important; font:800 22px/1.2 "DM Sans",system-ui,sans-serif !important; letter-spacing:-.015em; text-transform:none !important; color:var(--m-ink) !important; }
.awb-menu.collapse-enabled .pa-sm-cards,
.awb-menu.collapse-enabled .pa-sm-cards.cols4,
.awb-menu.collapse-enabled .pa-sm-cards.cols6{ display:grid !important; grid-template-columns:minmax(0,1fr); gap:14px; margin:0 !important; padding:0 !important; }
.awb-menu.collapse-enabled .pa-sm-cards li{ display:block; margin:0 !important; }
.awb-menu.collapse-enabled .pa-sm-cards li > a.pa-sm-card{
  display:flex !important; flex-direction:column !important; position:relative; padding:0 !important; margin:0 !important; width:100%; min-height:0 !important; overflow:hidden;
  background:#fff !important; border:1px solid var(--m-line) !important; border-radius:22px !important; box-shadow:0 16px 30px -22px rgba(0,35,61,.6) !important; transform:none !important;
}
.awb-menu.collapse-enabled .pa-sm-cards li > a.pa-sm-card::before{ display:none !important; }
.awb-menu.collapse-enabled .pa-sm-cards li > a.pa-sm-card:active{ transform:scale(.985) !important; }
.awb-menu.collapse-enabled .pa-sm-img{ display:block !important; width:100% !important; aspect-ratio:16/9;height:auto; min-height:0 !important; flex:none; border-radius:0 !important; background:#e9edf3; overflow:hidden; }
.awb-menu.collapse-enabled .pa-sm-img img{ display:block !important; width:100% !important; height:100% !important; object-fit:cover; padding:0 !important; }
.awb-menu.collapse-enabled .pa-sm-img img[src*="praveg"],.awb-menu.collapse-enabled .pa-sm-img img[data-orig-src*="praveg"]{ object-fit:contain; background:#fff; padding:10px !important; }
.awb-menu.collapse-enabled .pa-sm-img .pa-mm-lottie{ display:none !important; }
.awb-menu.collapse-enabled .pa-sm-cbody{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:5px; padding:14px 16px 16px !important; flex:1; }
.awb-menu.collapse-enabled .pa-sm-tag{ display:inline-block !important; padding:4px 10px; border-radius:999px; background:#fff7e6; color:var(--m-gold2); font:700 10.5px/1.2 "DM Sans",sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.awb-menu.collapse-enabled .pa-sm-ct{ min-height:0 !important; text-align:left !important; font:700 17px/1.25 "DM Sans",system-ui,sans-serif !important; color:var(--m-ink); }
.awb-menu.collapse-enabled .pa-sm-cd{ display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font:400 13.5px/1.5 Lato,system-ui,sans-serif; color:#5b6b80; }
.awb-menu.collapse-enabled .pa-sm-cfoot{ display:inline-flex !important; align-items:center; gap:4px; margin-top:6px; padding:0 !important; font:700 13.5px/1 "DM Sans",sans-serif; color:var(--m-gold2); }

/* strips */
.awb-menu.collapse-enabled .pa-sm-strip{ display:block !important; margin:16px 0 4px; }
.awb-menu.collapse-enabled .pa-sm-res{ margin:0 0 12px; padding:14px 16px; background:#fff; border:1px solid var(--m-line); border-radius:18px; }
.awb-menu.collapse-enabled .pa-sm-res-tx span{ display:none; }
.awb-menu.collapse-enabled .pa-sm-trust{
  display:flex !important; align-items:center; justify-content:space-around; gap:0; padding:18px 12px; border-radius:18px; color:#fff; background:linear-gradient(135deg,#0a4775,#00203a);
}
.awb-menu.collapse-enabled .pa-sm-trust-tx{ display:none; }
.awb-menu.collapse-enabled .pa-sm-metrics{ display:flex; width:100%; justify-content:space-around; gap:0; margin:0; }
.awb-menu.collapse-enabled .pa-sm-metric{ padding:0 10px; text-align:center; }
.awb-menu.collapse-enabled .pa-sm-metric b{ font:800 28px/1 "DM Sans",sans-serif; color:#ffc94d; }
.awb-menu.collapse-enabled .pa-sm-metric small{ font-size:10.5px; letter-spacing:.1em; color:rgba(255,255,255,.8); }

/* the quick-contact bar stays above the sheet while it is open */
body:has(.awb-menu__m-toggle[aria-expanded="true"]) .pa-mbar{ z-index:20100 !important; }
body:has(.awb-menu__m-toggle[aria-expanded="true"]) .pa-wa-float,
body:has(.awb-menu__m-toggle[aria-expanded="true"]) .pa-side-tab,
body:has(.awb-menu__m-toggle[aria-expanded="true"]) a.awb-icon-telegram{ opacity:0 !important; pointer-events:none !important; }

/* ---------- tablets ---------- */
@media (min-width:640px){
  .awb-menu.collapse-enabled .awb-menu__main-ul{ padding-left:32px !important; padding-right:32px !important; gap:16px; }
  .awb-menu.collapse-enabled .awb-menu__main-ul::before{ font-size:34px; }
  .awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34286,
  .awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34309,
  .awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34316,
  .awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34352{ grid-column:span 3; }
  .awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children > a.awb-menu__main-a{ min-height:176px; padding:20px !important; font-size:19px !important; }
  .awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children > a.awb-menu__main-a::before{ width:52px; height:52px; border-radius:16px; background-size:28px; }
  .awb-menu.collapse-enabled .awb-menu__main-ul.pa-drill{ padding-left:0 !important; padding-right:0 !important; }
  .awb-menu.collapse-enabled .pa-sm-body{ padding:22px 32px 10px !important; }
  .awb-menu.collapse-enabled .pa-sm-rail{ padding:14px 32px !important; top:68px; }
  .awb-menu.collapse-enabled .awb-menu__main-li.expanded > a.awb-menu__main-a{ padding-left:28px !important; padding-right:32px !important; }
  .awb-menu.collapse-enabled .pa-sm-cards,
  .awb-menu.collapse-enabled .pa-sm-cards.cols4,
  .awb-menu.collapse-enabled .pa-sm-cards.cols6{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .awb-menu.collapse-enabled .pa-sm-img{ aspect-ratio:16/9;height:auto; }
  .awb-menu.collapse-enabled .pa-sm-strip{ display:grid !important; grid-template-columns:1fr 1fr; gap:14px; align-items:stretch; }
  .awb-menu.collapse-enabled .pa-sm-res{ margin:0; }
}
@media (min-width:900px){
  .awb-menu.collapse-enabled .pa-sm-cards,
  .awb-menu.collapse-enabled .pa-sm-cards.cols4,
  .awb-menu.collapse-enabled .pa-sm-cards.cols6{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce){ .awb-menu.collapse-enabled .awb-menu__main-ul.pa-drill,.awb-menu.collapse-enabled .pa-sm-pane:not([hidden]){ animation:none !important; } }

/* v4 fixes: icons, even tiles, text-card icons, launcher footer note */
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children{ display:flex; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children > a.awb-menu__main-a{ flex:1 1 auto; height:auto; }
.awb-menu.collapse-enabled .awb-menu__main-ul.pa-drill > .awb-menu__main-li.expanded{ display:block; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children > a.awb-menu__main-a::before{ background-repeat:no-repeat !important; background-position:center !important; background-size:24px 24px !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34286 > a.awb-menu__main-a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23073b60' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 9 12 4 2 9l10 5 10-5Z'/%3E%3Cpath d='M6 11.2V16c0 1.4 2.7 3 6 3s6-1.6 6-3v-4.8'/%3E%3Cpath d='M22 9v6'/%3E%3C/svg%3E") !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34309 > a.awb-menu__main-a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23073b60' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E") !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34316 > a.awb-menu__main-a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23073b60' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3Z'/%3E%3C/svg%3E") !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-34352 > a.awb-menu__main-a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23073b60' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V9l7-5 7 5v12'/%3E%3Cpath d='M9 21v-6h6v6M9 11h.01M15 11h.01'/%3E%3C/svg%3E") !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.expanded > a.awb-menu__main-a::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc94d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 6-6 6 6 6'/%3E%3C/svg%3E") !important; background-color:rgba(255,255,255,.14) !important; background-size:20px 20px !important; box-shadow:none !important;
}
.awb-menu.collapse-enabled .pa-sm-ico{ display:grid !important; place-items:center; width:46px !important; height:46px !important; margin-bottom:6px; border-radius:14px; background:#fff7e6; color:var(--m-navy); box-shadow:inset 0 0 0 1.5px rgba(213,148,58,.5); flex:none; }
.awb-menu.collapse-enabled .pa-sm-ico svg{ width:22px !important; height:22px !important; }
.awb-menu.collapse-enabled .pa-sm-cards li > a.pa-sm-card--text{ padding:16px 16px 14px !important; align-items:flex-start; }
.awb-menu.collapse-enabled .pa-sm-card--text .pa-sm-cbody{ padding:0 !important; }
.awb-menu.collapse-enabled .awb-menu__main-ul:not(.pa-drill)::after{
  content:"Preparing for UPSC, GPSC or Class 3 services? Start with Courses and pick your exam."; grid-column:1 / -1; order:3; margin-top:6px; padding:16px 18px; border-radius:18px;
  font:600 14px/1.45 "DM Sans",system-ui,sans-serif; color:var(--m-ink); background:#fff7e6; box-shadow:inset 0 0 0 1.5px rgba(213,148,58,.4);
}

.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children{ align-items:stretch !important; }

.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children{ align-self:stretch !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.menu-item-has-children > a.awb-menu__main-a{ text-align:left !important; justify-content:flex-start !important; align-items:flex-start !important; }
.awb-menu.collapse-enabled .awb-menu__main-li.expanded > a.awb-menu__main-a{ align-items:center !important; }

/* ===== Slimmer header on phones and tablets ===== */
@media (max-width:1100px){
  .fusion-fullwidth.pa-header{ padding-top:8px !important; padding-bottom:8px !important; }
  .pa-header .fusion-image-element{ --awb-max-width:148px !important; max-width:148px !important; }
  .pa-header .fusion-imageframe img{ width:148px !important; height:auto !important; }
  .pa-header .fusion-layout-column{ --awb-margin-top-large:0px !important; }
  .awb-menu.collapse-enabled .awb-menu__main-ul{
    top:var(--pa-hh,72px) !important; height:calc(100vh - var(--pa-hh,72px)) !important; height:calc(100dvh - var(--pa-hh,72px)) !important;
    max-height:calc(100vh - var(--pa-hh,72px)) !important; max-height:calc(100dvh - var(--pa-hh,72px)) !important;
  }
  .awb-menu__m-toggle{ --awb-trigger-padding-top:10px; --awb-trigger-padding-bottom:10px; }
}
@media (max-width:639px){
  .fusion-fullwidth.pa-header{ padding-top:6px !important; padding-bottom:6px !important; }
  .pa-header .fusion-image-element{ --awb-max-width:118px !important; max-width:118px !important; }
  .pa-header .fusion-imageframe img{ width:118px !important; }
  .awb-menu.collapse-enabled .awb-menu__main-ul{ --pa-hh:59px; }
}
@media (min-width:640px) and (max-width:1100px){
  .awb-menu.collapse-enabled .awb-menu__main-ul{ --pa-hh:75px; }
}

/* ===== Menu button: designed hamburger that morphs to a cross ===== */
.pa-header .awb-menu__m-toggle{
  position:relative; display:block; width:46px; height:46px; min-width:46px; padding:0 !important; margin:0 0 0 auto; border:0 !important; border-radius:15px; cursor:pointer;
  background:radial-gradient(28px 22px at 85% 0%,rgba(240,189,115,.45),transparent 70%),linear-gradient(145deg,#0a4775,#00203a) !important;
  box-shadow:0 10px 18px -10px rgba(0,32,58,.8),inset 0 0 0 1px rgba(255,255,255,.12); transition:transform .18s ease,box-shadow .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.pa-header .awb-menu__m-toggle:active{ transform:scale(.93); }
.pa-header .awb-menu__m-toggle:focus-visible{ outline:3px solid #d5943a; outline-offset:3px; }
.pa-header .awb-menu__m-toggle .awb-menu__m-toggle-inner > *{ display:none !important; }
.pa-header .awb-menu__m-toggle .awb-menu__m-toggle-inner{ position:absolute; inset:0; display:block; font-size:0; }
/* three bars: long, short gold, long */
.pa-header .awb-menu__m-toggle::before,
.pa-header .awb-menu__m-toggle::after,
.pa-header .awb-menu__m-toggle .awb-menu__m-toggle-inner::before{
  content:""; position:absolute; left:13px; height:3px; border-radius:3px; background:#fff;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s ease,opacity .2s ease,top .28s ease,background-color .2s ease;
}
.pa-header .awb-menu__m-toggle::before{ top:14px; width:20px; }
.pa-header .awb-menu__m-toggle .awb-menu__m-toggle-inner::before{ top:21.5px; left:13px; width:13px; background:#ffc94d; }
.pa-header .awb-menu__m-toggle::after{ top:29px; width:20px; }
.pa-header .awb-menu__m-toggle:hover .awb-menu__m-toggle-inner::before{ width:20px; }
/* open: a gold cross */
.pa-header .awb-menu__m-toggle[aria-expanded="true"]::before{ top:21.5px; width:20px; background:#ffc94d; transform:rotate(45deg); }
.pa-header .awb-menu__m-toggle[aria-expanded="true"]::after{ top:21.5px; width:20px; background:#ffc94d; transform:rotate(-45deg); }
.pa-header .awb-menu__m-toggle[aria-expanded="true"] .awb-menu__m-toggle-inner::before{ opacity:0; width:0; }
@media (prefers-reduced-motion:reduce){ .pa-header .awb-menu__m-toggle,.pa-header .awb-menu__m-toggle::before,.pa-header .awb-menu__m-toggle::after,.pa-header .awb-menu__m-toggle .awb-menu__m-toggle-inner::before{ transition:none !important; } }

/* the menu button belongs to phones and tablets only */
@media (min-width:1101px){ .pa-header .awb-menu__m-toggle{ display:none !important; } }

/* ===== Menu button, minimal: two navy lines, cross when open ===== */
.pa-header .awb-menu__m-toggle{
  width:44px; height:44px; min-width:44px; border-radius:50%; background:transparent !important; box-shadow:none !important; transition:background-color .2s ease;
}
.pa-header .awb-menu__m-toggle:active{ transform:none; background:rgba(7,59,96,.08) !important; }
.pa-header .awb-menu__m-toggle::before,
.pa-header .awb-menu__m-toggle::after{ height:2px; border-radius:2px; background:#00203a; left:10px; }
.pa-header .awb-menu__m-toggle::before{ top:16px; width:24px; }
.pa-header .awb-menu__m-toggle::after{ top:26px; width:16px; left:18px; }
.pa-header .awb-menu__m-toggle .awb-menu__m-toggle-inner::before{ display:none; }
.pa-header .awb-menu__m-toggle:hover::after{ width:24px; left:10px; }
.pa-header .awb-menu__m-toggle[aria-expanded="true"]::before,
.pa-header .awb-menu__m-toggle[aria-expanded="true"]::after{ top:21px; left:11px; width:22px; background:#00203a; }
.pa-header .awb-menu__m-toggle[aria-expanded="true"]::before{ transform:rotate(45deg); }
.pa-header .awb-menu__m-toggle[aria-expanded="true"]::after{ transform:rotate(-45deg); }

/* ===== Menu button, three right-aligned bars (long, short, long), round ends ===== */
.pa-header .awb-menu__m-toggle::before,
.pa-header .awb-menu__m-toggle::after,
.pa-header .awb-menu__m-toggle .awb-menu__m-toggle-inner::before{ height:2.5px; border-radius:3px; background:#00203a; }
.pa-header .awb-menu__m-toggle::before{ top:14px; left:14px; width:16px; }
.pa-header .awb-menu__m-toggle .awb-menu__m-toggle-inner::before{ display:block !important; top:20.75px; left:19.3px; width:10.7px; opacity:1; }
.pa-header .awb-menu__m-toggle::after{ top:27.5px; left:14px; width:16px; }
.pa-header .awb-menu__m-toggle:hover .awb-menu__m-toggle-inner::before{ left:14px; width:16px; }
.pa-header .awb-menu__m-toggle:hover::after{ left:14px; width:16px; }
.pa-header .awb-menu__m-toggle[aria-expanded="true"]::before,
.pa-header .awb-menu__m-toggle[aria-expanded="true"]::after{ top:20.75px; left:11px; width:22px; }
.pa-header .awb-menu__m-toggle[aria-expanded="true"] .awb-menu__m-toggle-inner::before{ opacity:0; width:0; left:22px; }

/* ===== Section headings on phones: label sits closer to its heading ===== */
@media (max-width:767px){
  .fusion-text.pa-head > p,
  .fusion-text.pa-head p{ margin-bottom:0 !important; line-height:1.25 !important; }
  .fusion-text.pa-head + .fusion-title.pa-h,
  .fusion-title.pa-h{ margin-top:6px !important; }
  .pa-fb-head .fusion-column-wrapper{ row-gap:8px !important; }
}

/* ===== Phones: less empty space between sections (hero and zero-padding sections untouched) ===== */
@media (max-width:767px){
  .fusion-fullwidth.pa-sec:not([class*="hero"]):not(.pa-stats-wrap):not(.pa-sticky-ui){
    padding-top:min(var(--awb-padding-top-small, var(--awb-padding-top, 0px)), 30px) !important;
    padding-bottom:min(var(--awb-padding-bottom-small, var(--awb-padding-bottom, 0px)), 30px) !important;
  }
}

/* ===== Course pages: KPI band as cards, all devices ===== */
.pa-cs.pa-statband{
  position:relative; overflow:hidden; padding:64px 0 !important;
  background:radial-gradient(540px 260px at 10% 0%,rgba(213,148,58,.24),transparent 70%),radial-gradient(520px 280px at 100% 100%,rgba(10,71,117,.75),transparent 70%),linear-gradient(180deg,#00253f,#00182c) !important;
}
.pa-cs.pa-statband::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 78%); mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 78%);
}
.pa-statband .pa-wrap{ position:relative; z-index:1; }
.pa-statband .pa-stats{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.pa-statband .pa-stat{
  position:relative; overflow:hidden; text-align:left; padding:28px 24px 24px; border:1px solid rgba(255,255,255,.14) !important; border-radius:22px;
  background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.03)); box-shadow:0 24px 40px -30px rgba(0,0,0,.7);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;
}
.pa-statband .pa-stat:hover{ transform:translateY(-6px); border-color:rgba(240,189,115,.7) !important; box-shadow:0 30px 50px -28px rgba(213,148,58,.45); }
.pa-statband .pa-stat::after{ content:""; position:absolute; left:24px; top:0; width:46px; height:3px; border-radius:0 0 4px 4px; background:linear-gradient(90deg,#f6cf8d,#d5943a); }
.pa-statband .pa-stat::before{
  content:""; display:block; width:48px; height:48px; margin-bottom:18px; border-radius:15px; background:rgba(240,189,115,.13) center / 25px 25px no-repeat; box-shadow:inset 0 0 0 1px rgba(240,189,115,.38);
}
.pa-statband .pa-stat:nth-child(1)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0bd73' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3Cpath d='M7 4h10v5a5 5 0 0 1-10 0V4Z'/%3E%3Cpath d='M17 5h3v2a3 3 0 0 1-3 3M7 5H4v2a3 3 0 0 0 3 3'/%3E%3C/svg%3E"); }
.pa-statband .pa-stat:nth-child(2)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0bd73' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M4 19a2 2 0 0 1 2-2h13'/%3E%3C/svg%3E"); }
.pa-statband .pa-stat:nth-child(3)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0bd73' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17'/%3E%3C/svg%3E"); }
.pa-statband .pa-stat:nth-child(4)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0bd73' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 9 5-9 5-9-5 9-5Z'/%3E%3Cpath d='m3 13 9 5 9-5'/%3E%3C/svg%3E"); }
.pa-statband .pa-stat strong{
  display:block; font-size:clamp(40px,4.6vw,56px); line-height:1; letter-spacing:-.025em; font-weight:800;
  background:linear-gradient(180deg,#fff 10%,#f0bd73 95%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
}
.pa-statband .pa-stat span{ display:block; margin-top:10px; font-size:14.5px; line-height:1.45; color:rgba(255,255,255,.78); }

@media (max-width:900px){
  .pa-statband .pa-stats{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
}
@media (max-width:640px){
  .pa-cs.pa-statband{ padding:40px 0 !important; }
  .pa-statband .pa-stats{ gap:12px; }
  .pa-statband .pa-stat{ padding:22px 16px 18px; border-radius:18px; }
  .pa-statband .pa-stat::after{ left:16px; width:38px; }
  .pa-statband .pa-stat::before{ width:40px; height:40px; margin-bottom:14px; border-radius:12px; background-size:21px 21px; }
  .pa-statband .pa-stat strong{ font-size:clamp(30px,9.5vw,38px); }
  .pa-statband .pa-stat span{ font-size:12.5px; margin-top:8px; }
}
@media (prefers-reduced-motion:reduce){ .pa-statband .pa-stat{ transition:none; } }

/* ===== Photo bands: the background picture fills the whole band on every screen ===== */
.pa-band{ overflow:hidden; }
.pa-band > .pa-band-bg,
.pa-band .pa-band-bg{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover !important; object-position:50% 40%; }
.pa-band > .pa-band-overlay{ inset:0; }

/* ===== Topper cards: name sits close under the photo (empty paragraphs removed) ===== */
.pa-star > p:empty, .pa-top > p:empty, .pa-star-ph + p:empty{ display:none !important; margin:0 !important; }
.pa-star > figcaption{ margin-top:8px !important; }
.pa-top .pa-top-body{ margin-top:8px !important; }

/* topper cards: the badge paragraph adds no space; name 10px under the photo */
.pa-star > p{ margin:0 !important; padding:0 !important; line-height:0; }
.pa-star > figcaption{ margin-top:10px !important; }
