.oba-program-page .program-detail-hero {
  width: 100%;
  height: 290px;
  min-height: 290px;
  padding: 0 !important;
  background: #ffffff !important;
}

.oba-program-page .program-detail-hero>img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center top !important;
  transform: none !important;
  filter: none !important;
}

/* Higher-specificity guard: a later-loaded shared stylesheet sets
   object-fit: cover and a fixed height for all program-detail heroes,
   which cropped this banner (and hid the ZettaCognition logo) and, once
   contain was applied, left mismatched letterbox bars behind the title
   on short mobile heights. Match the box to the banner's own aspect
   ratio so the full image always shows with no crop and no letterboxing.
   Scoped to this page only — other program pages keep their existing
   fixed-height, cover-crop banners untouched. */
body[data-page="oba-program"] .program-detail-hero {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1440 / 446 !important;
}

body[data-page="oba-program"] .program-detail-hero>img {
  object-fit: contain !important;
  object-position: center !important;
}

.oba-program-page .program-detail-content {
  padding-top: 42px;
}

.oba-program-page .oba-list-intro {
  margin: 14px 0 0;
  color: #234a54;
  font-size:var(--type-body-lg);
  font-weight:var(--type-weight-bold);
}

.oba-program-page .objectives-card-detail ul {
  margin-top: 8px;
}

.oba-program-page .program-price strong {
  font-family:var(--type-font);
}

@media (min-width: 721px) and (max-width: 900px) {
  .oba-program-page .program-detail-hero {
    height: 245px;
    min-height: 245px;
  }
}

@media (max-width: 720px) {
  .oba-program-page .program-detail-hero {
    height: 210px;
    min-height: 210px;
  }

  .oba-program-page .program-detail-content {
    padding-top: 32px;
  }
}

/* Revision 3 — program title over the hero banner. */
.oba-program-page .program-detail-hero {
  position: relative;
}

.oba-hero-title {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  pointer-events: none;
}

.oba-hero-title h1 {
  max-width: 780px;
  margin: 0;
  padding: 18px 28px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 3px 12px rgba(0, 0, 0, .34);
}

.oba-hero-title h1 span,
.oba-hero-title h1 strong {
  display: block;
}

.oba-hero-title h1 span {
  direction: ltr;
  unicode-bidi: isolate;
  font-family:var(--type-font);
  font-size:clamp(22px, 2.5vw, 36px);
  font-weight:var(--type-weight-bold);
  line-height:var(--leading-subheading);
}

.oba-hero-title h1 strong {
  margin-top: 6px;
  font-size:clamp(21px, 2.3vw, 33px);
  font-weight:var(--type-weight-bold);
  line-height:var(--leading-card);
}

@media (max-width: 720px) {
  .oba-hero-title h1 {
    padding: 12px 16px;
  }


  .oba-hero-title h1 strong {
    margin-top: 4px;
  }
}

@font-face {
  font-family: "Almaarefa";
  src: url("../../fonts/almaarefaRegular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Almaarefa";
  src: url("../../fonts/almaarefaBold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}

.actuarial-simple-page {
  --admin-dark: #4a3828;
  --admin-brown: #74583b;
  --admin-gold: #c69c53;
  --admin-gold-soft: #e7d5b3;
  --admin-cream: #f8f4ed;
  --admin-line: rgba(93, 68, 42, .12);
  margin: 0;
  color: #3d332a;
  background: #fff;
}

/* Same white programme header, with a warm administrative accent. */
.actuarial-simple-page .site-header.program-white-header {
  position: relative;
  z-index: 30;
  color: var(--admin-dark);
  background: #fff;
  box-shadow: 0 1px 0 rgba(74, 56, 40, .08);
}

.actuarial-simple-page .site-header .header-inner {
  min-height: 96px;
  grid-template-columns: 235px 1fr auto;
  gap: 28px;
}

.actuarial-simple-page .site-header .brand {
  height: auto;
  display: flex;
  align-items: center;
}

.actuarial-simple-page .site-header .brand img {
  width: 210px;
  height: 58px;
  object-fit: contain;
  transform: none;
}

.actuarial-simple-page .desktop-nav {
  gap: 31px;
  font-size:var(--type-nav);
}

.actuarial-simple-page .desktop-nav a {
  padding: 14px 0;
  color: #4b5558;
}

.actuarial-simple-page .desktop-nav a::after {
  bottom: 8px;
  height: 2px;
  background: var(--admin-gold);
}

.actuarial-simple-page .desktop-nav a:hover,
.actuarial-simple-page .desktop-nav a.active {
  color: var(--admin-dark);
}

.actuarial-simple-page .account-button {
  min-height: 40px;
  padding: 8px 20px;
  color: #fff;
  background: var(--admin-brown);
  box-shadow: 0 4px 10px rgba(74, 56, 40, .18);
}

.actuarial-simple-page .mobile-menu summary {
  border-color: rgba(74, 56, 40, .22);
  background: #fff;
}

.actuarial-simple-page .mobile-menu summary i {
  background: var(--admin-dark);
}

.actuarial-program-hero {
  position: relative;
  min-height: 310px;
  display: grid;
  align-items: center;
  overflow: hidden;
  background: var(--admin-dark);
}

.actuarial-program-hero>img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
}

.actuarial-program-hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(48, 34, 23, .88), rgba(82, 57, 35, .62), rgba(72, 51, 33, .45));
}

.actuarial-program-hero-content {
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: right;
}

.actuarial-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, .82);
  font-size:var(--type-breadcrumb);
}

.actuarial-breadcrumb span {
  color: var(--admin-gold-soft);
}

.actuarial-track-label {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 13px;
  border: 1px solid rgba(255, 255, 255, .36);
  border-radius: 999px;
  color: #fff;
  font-size:var(--type-body-small);
}

.actuarial-program-hero h1 {
  max-width: 760px;
  margin: 0;


}

.actuarial-program-hero h1 small {
  font-size: .7em;
  font-weight:var(--type-weight-bold);
}

.actuarial-program-hero p {
  max-width: 720px;
  margin: 14px 0 0;
  color: rgba(255, 255, 255, .88);

  line-height:var(--leading-body);
}

.actuarial-program-content {
  padding: 58px 0 52px;
  background: #ffffff;
}

.actuarial-layout {
  direction: ltr;
  display: grid;
  grid-template-columns: minmax(285px, .78fr) minmax(0, 1.35fr);
  gap: 30px;
  align-items: start;
}

.actuarial-side,
.actuarial-main {
  direction: rtl;
  display: grid;
  gap: 24px;
}

.actuarial-card {
  padding: 27px 30px;
  border: 1px solid var(--admin-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 12px rgba(74, 56, 40, .09);
}

.actuarial-card-title {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 14px;
}

.actuarial-card-title img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  filter: sepia(.35) saturate(.85) hue-rotate(350deg);
}

.actuarial-card h2 {
  margin: 0;
  color: var(--admin-dark);
  font-size:var(--type-card-title);
  line-height:var(--leading-card);
}

.actuarial-card p {
  margin: 0 0 11px;
  color: #62594f;
  font-size:var(--type-body-small);
  line-height:var(--leading-small);
}

.actuarial-card p:last-child {
  margin-bottom: 0;
}

.actuarial-list {
  margin: 0;
  padding-right: 22px;
  color: #5d544b;
  font-size:var(--type-body-lg);
  line-height:var(--leading-body);
}

.actuarial-list li::marker {
  color: var(--admin-gold);
}

.actuarial-stages {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: stage;
}

.actuarial-stages li {
  counter-increment: stage;
  position: relative;
  padding: 13px 48px 13px 12px;
  border-radius: 10px;
  background: #fbf8f2;
}

.actuarial-stages li::before {
  content: counter(stage, decimal-leading-zero);
  position: absolute;
  top: 12px;
  right: 12px;
  color: var(--admin-gold);
  font-weight:var(--type-weight-bold);
}

.actuarial-stages b,
.actuarial-stages span {
  display: block;
}

.actuarial-stages b {
  color: var(--admin-dark);
  font-size:var(--type-body);
}

.actuarial-stages span {
  margin-top: 2px;
  color: #74695e;
  font-size:var(--type-body-small);
  line-height:var(--leading-small);
}

.actuarial-cta {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  border-radius: 8px;
  color: #fff;
  background: var(--admin-brown);
  font-weight:var(--type-weight-bold);
}

.actuarial-partner-card {
  text-align: center;
}

.actex-mark {
  display: inline-grid;
  min-width: 112px;
  min-height: 50px;
  place-items: center;
  margin-bottom: 13px;
  border-radius: 8px;
  color: #fff;
  background: var(--admin-dark);
  font-size:var(--type-card-title);
  font-weight:var(--type-weight-bold);
  letter-spacing: 2px;
}

.actuarial-partner-card h2 {
  margin-bottom: 12px;
  font-size:var(--type-section-title);
}

.actuarial-partner-card strong {
  display: block;
  margin-top: 13px;
  color: var(--admin-gold);
  font-size:var(--type-card-title);
}

.actuarial-opportunities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.actuarial-opportunities span {
  position: relative;
  padding: 12px 39px 12px 13px;
  border-radius: 9px;
  color: #5b5148;
  background: #fbf8f2;
}

.actuarial-opportunities span::before {
  content: "✓";
  position: absolute;
  right: 14px;
  color: var(--admin-gold);
  font-weight:var(--type-weight-bold);
}

.actuarial-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 15px;
}

.actuarial-tags span {
  padding: 8px 13px;
  border: 1px solid rgba(116, 88, 59, .14);
  border-radius: 999px;
  color: var(--admin-dark);
  background: #fbf8f2;
  font-weight:var(--type-weight-bold);
}

.actuarial-interest-card {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 38px;
  align-items: start;
  margin-top: 30px;
  padding: 34px;
  border: 1px solid var(--admin-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 12px rgba(74, 56, 40, .09);
}

.actuarial-interest-copy>span {
  color: var(--admin-gold);
  font-weight:var(--type-weight-bold);
}

.actuarial-interest-copy h2 {
  margin: 8px 0 11px;
  color: var(--admin-dark);
  font-size:var(--type-section-title);
}

.actuarial-interest-copy p {
  margin: 0;
  color: #665c52;
  font-size:var(--type-body);
  line-height:var(--leading-body);
}

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

.actuarial-form label {
  display: grid;
  gap: 7px;
  color: var(--admin-dark);
  font-weight:var(--type-weight-bold);
}

.actuarial-form input,
.actuarial-form select {
  width: 100%;
  min-height: 46px;
  padding: 9px 12px;
  border: 1px solid rgba(116, 88, 59, .2);
  border-radius: 8px;
  color: var(--admin-dark);
  background: #fffdf9;
  font-size:var(--type-input);
  outline: none;
}

.actuarial-form input:focus,
.actuarial-form select:focus {
  border-color: var(--admin-gold);
  box-shadow: 0 0 0 3px rgba(198, 156, 83, .14);
}

.actuarial-form button {
  width: 100%;
  min-height: 48px;
  margin-top: 16px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: var(--admin-brown);
  font-size:var(--type-button);
  font-weight:var(--type-weight-bold);
  cursor: pointer;
}

.actuarial-form-status {
  min-height: 22px;
  margin: 10px 0 0;
  color: #26734d;
  text-align: center;

}

.actuarial-simple-page .site-footer {
  margin-top: 0;
}

@media (max-width: 980px) {
  .actuarial-simple-page .site-header .header-inner {
    grid-template-columns: 200px 1fr;
  }

  .actuarial-simple-page .site-header .account-button {
    display: none;
  }

  .actuarial-simple-page .desktop-nav {
    gap: 18px;
    justify-content: flex-end;
  }

  .actuarial-layout {
    grid-template-columns: 1fr;
    direction: rtl;
  }

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

  .actuarial-interest-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .actuarial-simple-page .site-header .header-inner {
    min-height: 76px;
    grid-template-columns: 1fr auto;
  }

  .actuarial-simple-page .site-header .brand img {
    width: 172px;
    height: 48px;
  }

  .actuarial-simple-page .desktop-nav,
  .actuarial-simple-page .account-button {
    display: none;
  }

  .actuarial-simple-page .mobile-menu {
    display: block;
  }

  .actuarial-program-hero {
    min-height: 285px;
  }

  .actuarial-program-hero h1 {
    font-size:var(--type-page-title);
  }

  .actuarial-program-hero p {
    font-size:var(--type-body);
  }

  .actuarial-program-content {
    padding-top: 40px;
    background-size: 80px auto, 80px auto;
  }

  .actuarial-side {
    grid-template-columns: 1fr;
  }

  .actuarial-card,
  .actuarial-interest-card {
    padding: 23px 20px;
  }

  .actuarial-card h2 {
    font-size:var(--type-card-title);
  }

  .actuarial-opportunities,
  .actuarial-form-grid {
    grid-template-columns: 1fr;
  }
}


/* Revision 3 — bright white page, restrained brown/gold accents, centered hero, ACTEX logo. */
.actuarial-simple-page {
  --admin-dark: #563f2b;
  --admin-brown: #76563a;
  --admin-gold: #bd9550;
  --admin-gold-soft: #e7d6b8;
  --admin-cream: #ffffff;
  --admin-line: rgba(116, 86, 58, .15);
  color: #3d3f40;
  background: #ffffff;
}

/* Keep the approved top header untouched in structure and placement. */
.actuarial-simple-page .site-header.program-white-header {
  background: #ffffff;
}

.actuarial-program-hero {
  min-height: 285px;
  background: #4f3928;
}

.actuarial-program-hero-shade {
  background: linear-gradient(90deg, rgba(84, 57, 35, .78), rgba(105, 76, 49, .50), rgba(77, 54, 36, .58));
}

.actuarial-program-hero-content {
  display: grid;
  justify-items: center;
  text-align: center;
}

.actuarial-breadcrumb {
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 28px;
  direction: rtl;
  text-align: right;
}

.actuarial-breadcrumb span {
  color: #f1d7a8;
  font-size:var(--type-breadcrumb);
  line-height:var(--leading-control);
}

.actuarial-track-label {
  display: none !important;
}

.actuarial-program-hero h1 {
  max-width: 840px;
  margin-inline: auto;
  font-size:var(--type-page-title);
  line-height:var(--leading-heading);
  text-align: center;
}

.actuarial-program-hero h1 small {
  font-size: .72em;
}

.actuarial-program-hero p {
  max-width: 760px;
  margin: 12px auto 0;
  font-size:var(--type-body);
  text-align: center;
}

.actuarial-program-content {
  padding: 54px 0 50px;
  background: #ffffff;
}

.actuarial-card,
.actuarial-interest-card {
  border-color: var(--admin-line);
  background: #ffffff;
  box-shadow: 0 5px 13px rgba(66, 50, 37, .075);
}

.actuarial-stages li,
.actuarial-opportunities span,
.actuarial-tags span {
  background: #ffffff;
  border: 1px solid rgba(189, 149, 80, .22);
}

.actuarial-card-title img {
  filter: sepia(.95) saturate(1.05) hue-rotate(350deg) brightness(.85);
}

.actuarial-card h2,
.actuarial-interest-copy h2,
.actuarial-form label,
.actuarial-stages b {
  color: var(--admin-dark);
}

/* Use the supplied ACTEX identity instead of a text badge. */
.actex-logo {
  display: block;
  width: 112px;
  height: 112px;
  margin: 0 auto 14px;
  padding: 7px;
  border-radius: 16px;
  object-fit: contain;
  background: #ffffff;
}

.actex-mark {
  display: none !important;
}

/* Keep the form select arrow inside the field in RTL layout. */
.actuarial-form select {
  appearance: none;
  -webkit-appearance: none;
  direction: rtl;
  padding-right: 12px;
  padding-left: 42px;
  background-color: #ffffff;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--admin-brown) 50%),
    linear-gradient(135deg, var(--admin-brown) 50%, transparent 50%);
  background-position:
    left 18px center,
    left 12px center;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.actuarial-form input {
  background: #ffffff;
}

@media (max-width: 720px) {
  .actuarial-program-hero {
    min-height: 265px;
  }

  .actuarial-breadcrumb {
    margin-bottom: 20px;
    font-size:var(--type-breadcrumb);
  }

  .actuarial-program-hero h1 {
    font-size:var(--type-page-title);
  }

  .actuarial-program-hero p {
    font-size:var(--type-body);
  }

  .actex-logo {
    width: 96px;
    height: 96px;
  }
}


/* Revision 4 — restore the approved white top header and use a proper downward select chevron. */
.actuarial-simple-page .site-header.program-white-header {
  position: relative !important;
  inset: auto !important;
  z-index: 30 !important;
  color: #264c56 !important;
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(2, 45, 56, .10) !important;
}

.actuarial-simple-page .site-header.program-white-header .header-inner {
  min-height: 102px;
  grid-template-columns: 235px 1fr auto;
  gap: 28px;
}

.actuarial-simple-page .site-header.program-white-header .brand {
  height: auto;
  display: flex;
  align-items: center;
}

.actuarial-simple-page .site-header.program-white-header .brand img {
  width: 210px;
  height: 58px;
  object-fit: contain;
  transform: none !important;
}

.actuarial-simple-page .site-header.program-white-header .desktop-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 31px;
  font-size:var(--type-nav);
}

.actuarial-simple-page .site-header.program-white-header .desktop-nav a {
  color: #264c56 !important;
  padding: 14px 0;
}

.actuarial-simple-page .site-header.program-white-header .desktop-nav a::after {
  bottom: 8px;
  height: 2px;
  background: #2b8ba0 !important;
}

.actuarial-simple-page .site-header.program-white-header .desktop-nav a:hover,
.actuarial-simple-page .site-header.program-white-header .desktop-nav a.active {
  color: #022d38 !important;
}

.actuarial-simple-page .site-header.program-white-header .account-button {
  min-height: 40px;
  padding: 8px 20px;
  border-radius: 999px;
  color: #ffffff !important;
  background: #2b8ba0 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .18) !important;
  font-size:var(--type-button);
}

.actuarial-simple-page .site-header.program-white-header .mobile-menu summary {
  border-color: rgba(2, 45, 56, .20);
  background: #ffffff;
}

.actuarial-simple-page .site-header.program-white-header .mobile-menu summary i {
  background: #022d38;
}

@media (max-width: 980px) {
  .actuarial-simple-page .site-header.program-white-header .header-inner {
    grid-template-columns: 200px 1fr;
    gap: 18px;
  }

  .actuarial-simple-page .site-header.program-white-header .account-button {
    display: none;
  }

  .actuarial-simple-page .site-header.program-white-header .desktop-nav {
    gap: 18px;
    justify-content: flex-end;
  }
}

@media (max-width: 720px) {
  .actuarial-simple-page .site-header.program-white-header .header-inner {
    min-height: 76px;
    grid-template-columns: 1fr auto;
  }

  .actuarial-simple-page .site-header.program-white-header .brand img {
    width: 172px;
    height: 48px;
  }

  .actuarial-simple-page .site-header.program-white-header .desktop-nav,
  .actuarial-simple-page .site-header.program-white-header .account-button {
    display: none;
  }

  .actuarial-simple-page .site-header.program-white-header .mobile-menu {
    display: block;
  }
}

/* Revision 7 — full-width About section, white heading strip, and pure CSS select arrow. */
.actuarial-layout {
  direction: ltr;
  display: grid;
  grid-template-columns: minmax(285px, .78fr) minmax(0, 1.35fr);
  gap: 30px;
  align-items: start;
}

.actuarial-intro-card {
  grid-column: 1 / -1;
  direction: rtl;
  padding: 0 !important;
  overflow: hidden;
}

.actuarial-about-strip {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 60px;
  padding: 14px 24px;
  border-bottom: 1px solid rgba(189, 149, 80, .24);
  background: #ffffff;
  color: var(--admin-dark);
  box-shadow: inset -4px 0 0 var(--admin-gold);
}

.actuarial-about-strip img {
  width: 29px;
  height: 29px;
  object-fit: contain;
  filter: sepia(.95) saturate(1.05) hue-rotate(350deg) brightness(.82);
}

.actuarial-about-strip h2 {
  margin: 0 !important;
  color: var(--admin-dark) !important;
  font-size:var(--type-section-title);
  line-height:var(--leading-heading);
}

.actuarial-about-body {
  padding: 26px 30px 30px;
  background: #ffffff;
}

.actuarial-about-group {
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid rgba(189, 149, 80, .20);
}

.actuarial-about-group:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.actuarial-about-group h3 {
  position: relative;
  margin: 0 0 10px;
  padding-right: 13px;
  color: var(--admin-dark);
  font-size:var(--type-card-title);
  line-height:var(--leading-card);
}

.actuarial-about-group h3::before {
  content: "";
  position: absolute;
  top: .32em;
  right: 0;
  width: 3px;
  height: 1.15em;
  border-radius: 3px;
  background: var(--admin-gold);
}

.actuarial-about-group>p {
  margin: 0 0 9px;
  color: #62594f;
  font-size:var(--type-body);
  line-height:var(--leading-body);
}

.actuarial-about-group>p:last-of-type {
  margin-bottom: 0;
}

.actuarial-stage-rows {
  margin-top: 13px;
  border: 1px solid rgba(189, 149, 80, .22);
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
}

.actuarial-stage-row {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr);
  border-bottom: 1px solid rgba(189, 149, 80, .18);
}

.actuarial-stage-row:last-child {
  border-bottom: 0;
}

.actuarial-stage-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 17px;
  background: var(--admin-brown);
  color: #ffffff;
}

.actuarial-stage-label span {
  font-size:var(--type-button);
  font-weight:var(--type-weight-bold);
}

.actuarial-stage-label small {
  margin-top: 3px;
  color: #f2dfbd;
  font-size:var(--type-caption);
}

.actuarial-stage-copy {
  padding: 14px 18px 15px;
}

.actuarial-stage-copy strong {
  display: block;
  color: var(--admin-brown);
  font-size:var(--type-body-small);
  line-height:var(--leading-small);
}

.actuarial-stage-copy h4 {
  margin: 4px 0 5px;
  color: #4e463f;
  font-size:var(--type-card-title);
}

.actuarial-stage-copy p {
  margin: 0;
  color: #70675f;
  font-size:var(--type-body-small);
  line-height:var(--leading-small);
}

.actuarial-about-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 18px;
  margin: 11px 0 0;
  padding: 0;
  list-style: none;
}

.actuarial-about-points li {
  position: relative;
  padding-right: 19px;
  color: #5f564e;
  font-size:var(--type-body);
  line-height:var(--leading-body);
}

.actuarial-about-points li::before {
  content: "✓";
  position: absolute;
  right: 0;
  color: var(--admin-gold);
  font-weight:var(--type-weight-bold);
}

/* A visible downward chevron fully contained inside the RTL select. */
.actuarial-form .stage-select-label {
  position: relative;
}

.actuarial-form .stage-select-label::after {
  content: "";
  position: absolute;
  left: 18px;
  bottom: 19px;
  width: 9px;
  height: 9px;
  border-right: 2px solid var(--admin-brown);
  border-bottom: 2px solid var(--admin-brown);
  transform: rotate(45deg);
  transform-origin: center;
  pointer-events: none;
  z-index: 2;
}

.actuarial-form .stage-select-label select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 12px;
  padding-left: 46px;
  background-color: #ffffff;
  background-image: none !important;
  cursor: pointer;
}

@media (max-width: 980px) {
  .actuarial-intro-card {
    grid-column: 1;
  }
}

@media (max-width: 720px) {
  .actuarial-about-strip {
    min-height: 55px;
    padding: 12px 19px;
  }

  .actuarial-about-strip h2 {
    font-size:var(--type-section-title);
  }

  .actuarial-about-body {
    padding: 21px 19px 24px;
  }

  .actuarial-about-group h3 {
    font-size:var(--type-card-title);
  }

  .actuarial-about-group>p {
    font-size:var(--type-body);
    line-height:var(--leading-body);
  }

  .actuarial-stage-row {
    grid-template-columns: 1fr;
  }

  .actuarial-stage-label {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
  }

  .actuarial-stage-label small {
    margin-top: 0;
  }

  .actuarial-about-points {
    grid-template-columns: 1fr;
  }
}


/* Revision 11 — simple right-aligned introduction with no box or extra labels. */
.actuarial-opening {
  position: relative;
  margin: 0 0 30px;
  padding: 0 0 26px;
  border: 0;
  border-bottom: 1px solid rgba(189, 149, 80, .18);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: right;
}

.actuarial-opening::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 82px;
  height: 3px;
  border-radius: 999px;
  background: var(--admin-gold);
}

.actuarial-opening h3 {
  max-width: 880px;
  margin: 0 0 13px;
  padding: 0;
  color: var(--admin-dark);
  font-size:var(--type-card-title);
  line-height:var(--leading-card);
}

.actuarial-opening h3::before {
  display: none;
}

.actuarial-opening-question {
  max-width: 900px;
  margin: 0 0 7px;
  color: #4f463e;
  font-size:var(--type-body-lg);
  font-weight:var(--type-weight-bold);
  line-height:var(--leading-body);
}

.actuarial-opening-text {
  max-width: 900px;
  margin: 0;
  color: #6a6058;
  font-size:var(--type-body-lg);
  line-height:var(--leading-body);
}

@media (max-width: 720px) {
  .actuarial-opening {
    margin-bottom: 24px;
    padding-bottom: 22px;
  }

  .actuarial-opening h3 {
    font-size:var(--type-card-title);
    line-height:var(--leading-card);
  }

  .actuarial-opening-question,
  .actuarial-opening-text {
    font-size:var(--type-body-lg);
    line-height:var(--leading-body);
  }

  .actuarial-opening::before {
    width: 60px;
  }
}

/* Revision 12 — full-width Why strip and side-by-side jobs/audience cards. */
.actuarial-layout {
  grid-template-columns: minmax(0, 1fr) !important;
}

.actuarial-details-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.actuarial-why-card {
  grid-column: 1 / -1;
  padding: 0 !important;
  overflow: hidden;
}

.actuarial-why-strip {
  width: 100%;
  min-height: 66px;
  margin: 0 !important;
  padding: 16px 30px;
  border-bottom: 1px solid rgba(189, 149, 80, .24);
  background: #ffffff;
  box-shadow: inset -4px 0 0 var(--admin-gold);
}

.actuarial-why-card .actuarial-list {
  margin: 0;
  padding: 24px 52px 27px 30px;
}

.actuarial-jobs-card,
.actuarial-audience-card {
  height: 100%;
}

.actuarial-jobs-card .actuarial-opportunities {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.actuarial-interest-copy h2 {
  margin-top: 0;
}

@media (max-width: 900px) {
  .actuarial-details-grid {
    grid-template-columns: 1fr;
  }

  .actuarial-why-card {
    grid-column: 1;
  }
}

@media (max-width: 620px) {
  .actuarial-why-strip {
    min-height: 58px;
    padding: 13px 19px;
  }

  .actuarial-why-card .actuarial-list {
    padding: 21px 39px 23px 19px;
  }

  .actuarial-jobs-card .actuarial-opportunities {
    grid-template-columns: 1fr;
  }
}

/* Revision 13 — audience note, required stars, and green submission confirmation. */
.actuarial-audience-note {
  margin: 17px 0 0;
  padding-top: 15px;
  border-top: 1px solid rgba(189, 149, 80, .18);
  color: #5d534a;
  font-size:var(--type-body-small);
  font-weight:var(--type-weight-bold);
  line-height:var(--leading-small);
  text-align: center;
}

.required-star {
  display: inline;
  margin-right: 3px;
  color: #d62828;
  font-size:var(--type-body-lg);

  line-height:var(--leading-body);
}

.actuarial-form-status {
  min-height: 0;
  margin: 0;
}

.actuarial-form-status:empty {
  display: none;
}

.actuarial-form-status:not(:empty) {
  display: block;
  margin-top: 14px;
  padding: 13px 16px;
  border: 1px solid rgba(31, 143, 79, .28);
  border-radius: 9px;
  color: #166534;
  background: #ecfdf3;


  text-align: center;
}

@media (max-width: 620px) {
  .actuarial-audience-note {
    font-size:var(--type-body-small);
  }

  .actuarial-form-status:not(:empty) {
    padding: 12px 13px;
    font-size:var(--type-body-small);
  }
}

/* Revision 14 — target-audience note as a pill and plain confirmation text. */
.actuarial-audience-wide-tag {
  flex-basis: auto;
  max-width: 100%;
  padding-inline: 24px !important;
  text-align: center;
}

.actuarial-form-status {
  min-height: 0;
  margin: 0;
}

.actuarial-form-status:empty {
  display: none;
}

.actuarial-form-status:not(:empty) {
  display: block;
  margin-top: 13px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #15803d;
  background: transparent;
  box-shadow: none;
  font-size:var(--type-button);
  font-weight:var(--type-weight-bold);
  line-height:var(--leading-control);
  text-align: center;
}

@media (max-width: 620px) {
  .actuarial-audience-wide-tag {
    width: 100%;
    flex-basis: 100%;
  }

  .actuarial-form-status:not(:empty) {
    font-size:var(--type-body-small);
  }
}

/* Revision 15 — keep each required star directly beside its field title. */
.actuarial-field-title {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  direction: rtl;
  white-space: nowrap;
}

.actuarial-field-title .required-star {
  display: inline-block;
  margin: 0;
  flex: 0 0 auto;
  vertical-align: middle;
}

/* تحويل علامات الصح إلى نقاط تعداد عادية */
.actuarial-about-points,
.actuarial-list {
  list-style: disc;
  padding-right: 22px;
  margin-right: 0;
}

.actuarial-about-points li,
.actuarial-list li {
  display: list-item;
  padding-right: 4px;
}

/* إخفاء علامة الصح المضافة سابقًا */
.actuarial-about-points li::before,
.actuarial-list li::before {
  content: none !important;
  display: none !important;
}

/* لون نقطة التعداد */
.actuarial-about-points li::marker,
.actuarial-list li::marker {
  color: #bd9550;
  font-size:var(--type-body);
}

/* الفرص الوظيفية كنقاط تعداد */
.actuarial-opportunities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 30px;
  margin: 0;
  padding-right: 24px;
  list-style: disc;
}

.actuarial-opportunities li {
  display: list-item;
  padding: 0;
  color: #5f564e;
  font-size:var(--type-body);
  line-height:var(--leading-body);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.actuarial-opportunities li::before {
  content: none !important;
  display: none !important;
}

.actuarial-opportunities li::marker {
  color: #bd9550;
  font-size:var(--type-body);
}

@media (max-width: 620px) {
  .actuarial-opportunities {
    grid-template-columns: 1fr;
  }
}

/* ==============================
   قسم تسجيل الاهتمام – برنامج OBA
============================== */

.actuarial-interest-card {
  width: 100%;
  margin: 28px auto 0;
  padding: 28px 32px;
  border: 1px solid rgba(205, 177, 128, 0.35);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(2, 45, 56, 0.12);
  text-align: center;
}

/* عنوان القسم */
.actuarial-interest-card>h2 {
  margin: 0 0 8px;
  color: #022d38;
  font-size:var(--type-section-title);
  font-weight:var(--type-weight-bold);
  line-height:var(--leading-heading);
}

/* العبارة أسفل العنوان */
.actuarial-interest-card>h4 {
  max-width: 620px;
  margin: 0 auto 24px;
  color: #5d6e73;
  font-size:var(--type-card-title);
  font-weight:var(--type-weight-regular);
  line-height:var(--leading-card);
}

/* إخفاء العنصر الفارغ */
.actuarial-interest-copy:empty {
  display: none;
}

/* شبكة الحقول */
.actuarial-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 18px;
  margin-bottom: 20px;
}

/* عنوان كل حقل */
.actuarial-form-grid label {
  display: grid;
  gap: 7px;
  color: #153c47;
  font-size:var(--type-label);
  font-weight:var(--type-weight-bold);
  text-align: right;
}

.actuarial-field-title {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

/* النجمة الحمراء */
.required-star {
  margin: 0;
  color: #dc2626;
  font-size:var(--type-body);
  font-weight:var(--type-weight-bold);
}

/* الحقول */
.actuarial-form-grid input {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #dde4e7;
  border-radius: 9px;
  outline: none;
  color: #173e49;
  background: #fafbfc;
  font-family: inherit;
  font-size:var(--type-input);
  text-align: right;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}

.actuarial-form-grid input:focus {
  border-color: #318da1;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(49, 141, 161, 0.1);
}

.actuarial-form-grid input::placeholder {
  color: #9aa4a8;
}

/* زر تسجيل الاهتمام */
.actuarial-form>button[type="submit"] {
  min-width: 230px;
  min-height: 44px;
  padding: 10px 28px;
  border: 0;
  border-radius: 9px;
  color: #ffffff;
  background: #178c55;
  font-family: inherit;
  font-size:var(--type-button);
  font-weight:var(--type-weight-bold);
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(23, 140, 85, 0.2);
  transition:
    transform 0.2s ease,
    background 0.2s ease;
}

.actuarial-form>button[type="submit"]:hover {
  background: #117548;
  transform: translateY(-1px);
}

.actuarial-form>button[type="submit"]:active {
  transform: translateY(0);
}

/* رسالة نجاح التسجيل */
.actuarial-form-status {
  display: none;
  margin: 14px 0 0;
  color: #15803d;
  font-size:var(--type-body-small);
  font-weight:var(--type-weight-bold);
  line-height:var(--leading-small);
  text-align: center;
}

.actuarial-form-status:not(:empty) {
  display: block;
}

/* ترتيب حقول تسجيل الاهتمام تحت بعض وفي المنتصف */
.actuarial-form {
  width: 100%;
}

.actuarial-form-grid {
  width: min(100%, 560px);
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 0 auto 22px;
}

/* تمديد كل حقل */
.actuarial-form-grid label {
  width: 100%;
  display: grid;
  gap: 7px;
  text-align: right;
}

.actuarial-form-grid input {
  width: 100%;
  height: 47px;
  padding: 0 15px;
}

/* إبقاء الزر في المنتصف */
.actuarial-form>button[type="submit"] {
  display: block;
  min-width: 260px;
  margin: 0 auto;
}

@media (max-width: 620px) {
  .actuarial-form-grid {
    width: 100%;
  }

  .actuarial-form>button[type="submit"] {
    width: 100%;
    min-width: 0;
  }
}

/* تمديد حقول تسجيل الاهتمام وترتيبها تحت بعض */
.oba-program-page #interest-form {
  width: 100% !important;
  max-width: none !important;
}

.oba-program-page #interest-form .actuarial-form {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.oba-program-page #interest-form .actuarial-form-grid {
  width: min(100%, 700px) !important;
  max-width: 700px !important;
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  gap: 18px !important;
  margin: 0 auto 25px !important;
}

.oba-program-page #interest-form .actuarial-form-grid label {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  text-align: right !important;
}

.oba-program-page #interest-form .actuarial-form-grid input {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 54px !important;
  padding: 0 17px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

/* الزر في المنتصف */
.oba-program-page #interest-form .actuarial-form>button[type="submit"] {
  width: min(100%, 300px) !important;
  min-height: 48px !important;
  margin: 0 auto !important;
  display: block !important;
}

@media (max-width: 720px) {
  .oba-program-page #interest-form .actuarial-form-grid {
    width: 100% !important;
  }

  .oba-program-page #interest-form .actuarial-form-grid input {
    height: 50px !important;
  }

  .oba-program-page #interest-form .actuarial-form>button[type="submit"] {
    width: 100% !important;
  }
}

/* Revision 16 — إصلاح نهائي لقسم تسجيل الاهتمام في صفحة OBA */
#interest-form.actuarial-interest-card {
  width: 100% !important;
  max-width: 900px !important;
  display: block !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto !important;
  gap: 0 !important;
  margin: 30px auto 0 !important;
  padding: 34px 46px 38px !important;
  text-align: center !important;
}

/* جعل العنوان والوصف بعرض كامل وفي المنتصف */
#interest-form > h2,
#interest-form > h4,
#interest-form > .actuarial-interest-copy,
#interest-form > .actuarial-form {
  width: 100% !important;
  max-width: none !important;
  grid-column: 1 / -1 !important;
}

#interest-form > h2 {
  margin: 0 0 10px !important;
  text-align: center !important;
}

#interest-form > h4 {
  max-width: 680px !important;
  margin: 0 auto 26px !important;
  text-align: center !important;
}

/* النموذج كامل العرض */
#interest-form .actuarial-form {
  width: 100% !important;
  display: block !important;
  margin: 0 auto !important;
}

/* الاسم والجوال والإيميل تحت بعض وفي المنتصف */
#interest-form .actuarial-form-grid {
  width: 100% !important;
  max-width: 720px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
  margin: 0 auto 24px !important;
}

/* كل حقل يمتد بعرض الشبكة */
#interest-form .actuarial-form-grid label {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin: 0 !important;
  text-align: right !important;
}

#interest-form .actuarial-field-title {
  justify-self: end !important;
}

/* تمديد البوكسات فعليًا */
#interest-form .actuarial-form-grid input {
  width: 100% !important;
  max-width: none !important;
  min-width: 100% !important;
  height: 54px !important;
  padding: 0 17px !important;
  box-sizing: border-box !important;
  border-radius: 10px !important;
}

/* زر واحد في المنتصف وبنفس عرض الحقول تقريبًا */
#interest-form .actuarial-form > button[type="submit"] {
  width: 100% !important;
  max-width: 720px !important;
  min-height: 50px !important;
  display: block !important;
  margin: 0 auto !important;
}

/* إخفاء الرابط المكرر إن كان موجودًا */
#interest-form .register-button {
  display: none !important;
}

@media (max-width: 720px) {
  #interest-form.actuarial-interest-card {
    max-width: 100% !important;
    padding: 26px 18px 30px !important;
  }

  #interest-form .actuarial-form-grid,
  #interest-form .actuarial-form > button[type="submit"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  #interest-form .actuarial-form-grid input {
    min-width: 0 !important;
    height: 50px !important;
  }
}

/* OBA interest section — actuarial layout, placed after trainer. */
.oba-program-page .oba-interest-card {
  display: grid;
  grid-template-columns: minmax(250px, .75fr) minmax(0, 1.25fr);
  gap: 38px;
  align-items: start;
  width: 100%;
  margin: 30px 0 0;
  padding: 34px;
  border: 1px solid rgba(116, 86, 58, .15);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 5px 12px rgba(74, 56, 40, .09);
  text-align: right;
}

.oba-program-page .oba-interest-copy h2 {
  margin: 8px 0 11px;
  color: #563f2b;
  font-size:var(--type-section-title);
  font-weight:var(--type-weight-bold);
  line-height:var(--leading-heading);
}

.oba-program-page .oba-interest-copy p {
  margin: 0;
  color: #665c52;
  font-size:var(--type-body);
  line-height:var(--leading-body);
}

.oba-program-page .oba-interest-form {
  width: 100%;
}

.oba-program-page .oba-interest-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.oba-program-page .oba-interest-form-grid label {
  display: grid;
  gap: 7px;
  color: #563f2b;
  font-weight:var(--type-weight-bold);
  text-align: right;
}

.oba-program-page .oba-interest-email {
  grid-column: 1 / -1;
}

.oba-program-page .oba-interest-field-title {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.oba-program-page .oba-interest-form input {
  width: 100%;
  min-height: 46px;
  padding: 9px 12px;
  border: 1px solid rgba(116, 88, 59, .20);
  border-radius: 8px;
  color: #563f2b;
  background: #fffdf9;
  font-family: inherit;
  font-size:var(--type-input);
  text-align: right;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.oba-program-page .oba-interest-form input:focus {
  border-color: #bd9550;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(198, 156, 83, .14);
}

.oba-program-page .oba-interest-form button[type="submit"] {
  width: 100%;
  min-height: 48px;
  margin-top: 16px;
  padding: 10px 24px;
  border: 0;
  border-radius: 8px;
  color: #ffffff;
  background: #2b8ba0;
  font-family: inherit;
  font-size:var(--type-button);
  font-weight:var(--type-weight-bold);
  cursor: pointer;
  box-shadow: none;
  transition: transform .2s ease, background .2s ease;
}

.oba-program-page .oba-interest-form button[type="submit"]:hover {
  background: #236f80;
  transform: translateY(-1px);
}

.oba-program-page .oba-interest-form button[type="submit"]:active {
  transform: translateY(0);
}

.oba-program-page .oba-interest-form-status {
  min-height: 22px;
  margin: 10px 0 0;
  color: #26734d;
  text-align: center;
  font-weight:var(--type-weight-bold);
}

@media (max-width: 980px) {
  .oba-program-page .oba-interest-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .oba-program-page .oba-interest-card {
    gap: 24px;
    margin-top: 24px;
    padding: 23px 20px;
  }

  .oba-program-page .oba-interest-copy h2 {
    margin-top: 0;
    font-size:var(--type-section-title);
  }

  .oba-program-page .oba-interest-copy p {
    font-size:var(--type-body);
  }

  .oba-program-page .oba-interest-form-grid {
    grid-template-columns: 1fr;
  }

  .oba-program-page .oba-interest-email {
    grid-column: auto;
  }
}


/* OBA interest section — use the same dark text tone as the rest of the page. */
.oba-program-page .oba-interest-copy h2,
.oba-program-page .oba-interest-copy p,
.oba-program-page .oba-interest-form-grid label,
.oba-program-page .oba-interest-field-title,
.oba-program-page .oba-interest-form input,
.oba-program-page .oba-interest-form button[type="submit"] {
  color: #111111 !important;
}

/* Keep required-field stars visually distinct. */
.oba-program-page .oba-interest-field-title .required-star {
  color: #b42318 !important;
}

/* OBA interest button label must stay white on the blue button. */
.oba-program-page .oba-interest-form button[type="submit"] {
  color: #ffffff !important;
}