/* Quartz v1.9.4 — standalone /training/ page opening hero.
   Mirrors the existing About Quartz shell while keeping the original training photo.
   All rules are scoped; no global Elementor/container overrides. */
html body .quartz-enhancer.qe-section.qe-training-intro {
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  padding-block:clamp(18px,2.2vw,34px);
  color:var(--qe-ink);
}
html body .quartz-enhancer.qe-training-intro::before {display:none!important}
html body .quartz-enhancer.qe-section.qe-training-intro > .qe-container {
  isolation:isolate;
  position:relative;
  box-sizing:border-box;
  border-radius:var(--qe-ref-radius,28px);
  padding:clamp(30px,4.3vw,65px);
  overflow:hidden;
  border:1px solid rgba(137,198,244,.25);
  box-shadow:0 20px 55px rgba(6,25,49,.14);
}
html body .quartz-enhancer.qe-training-intro.qe-theme--dark > .qe-container {
  background:radial-gradient(ellipse at 96% 5%,rgba(88,163,228,.22),transparent 50%),linear-gradient(135deg,#0a1b34,#153761 65%,#214b78);
  color:#fff;
}
html body .quartz-enhancer.qe-training-intro.qe-theme--light > .qe-container {
  background:radial-gradient(ellipse at 93% 7%,rgba(118,178,230,.25),transparent 52%),linear-gradient(138deg,#f9fcff,#eaf4fc);
  color:var(--qe-ink);
}
html body .quartz-enhancer.qe-training-intro > .qe-container::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(90deg,rgba(125,185,226,.16) 1px,transparent 1px),linear-gradient(0deg,rgba(125,185,226,.11) 1px,transparent 1px);
  background-size:86px 86px;
  opacity:.55;
  mask-image:linear-gradient(90deg,transparent,#000 28%,#000);
  animation:qe-ti-drift 19s linear infinite;
}
html body .quartz-enhancer.qe-training-intro.qe-theme--light > .qe-container::before {opacity:.70}
.quartz-enhancer.qe-training-intro .qe-training-intro-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(24px,4.2vw,65px);
  align-items:center;
  position:relative;
  z-index:1;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-copy {min-width:0}
.quartz-enhancer.qe-training-intro .qe-training-intro-kicker {
  display:inline-block;
  font-weight:800;
  font-size:11px;
  line-height:1.65;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#a8deff;
  margin-bottom:16px;
}
.quartz-enhancer.qe-training-intro h1 {
  font-family:inherit;
  font-size:clamp(35px,4.55vw,65px);
  font-weight:750;
  letter-spacing:-.05em;
  line-height:1.08;
  color:#fff;
  margin:0 0 24px;
  text-wrap:balance;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-lead {
  font-size:clamp(18px,1.68vw,22px);
  line-height:1.55;
  color:#e7f3ff;
  font-weight:540;
  margin:0 0 17px;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-description {
  font-size:15px;
  line-height:1.75;
  color:#c3d9ed;
  margin:0 0 24px;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-courses {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  border-top:1px solid rgba(173,218,250,.22);
  padding-top:22px;
  margin-bottom:29px;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-track {
  display:inline-flex;
  min-height:34px;
  align-items:center;
  border-radius:999px;
  padding:6px 12px;
  font-size:12px;
  font-weight:650;
  letter-spacing:.015em;
  white-space:nowrap;
  color:#d7efff;
  border:1px solid rgba(181,224,250,.28);
  background:rgba(133,194,232,.09);
}
.quartz-enhancer.qe-training-intro .qe-training-intro-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-button {
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:11px;
  font-size:13px;
  font-weight:750;
  padding:12px 18px;
  text-decoration:none;
  transition:transform .38s cubic-bezier(.22,1,.36,1),background .35s,border-color .35s,box-shadow .35s;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-button:hover {transform:translateY(-3px)}
.quartz-enhancer.qe-training-intro .qe-training-intro-button:focus-visible {outline:3px solid var(--qe-accent);outline-offset:3px}
.quartz-enhancer.qe-training-intro .qe-training-intro-button--primary {
  color:#123657!important;
  background:linear-gradient(120deg,#c1e5fb,#edf8ff);
  box-shadow:0 12px 28px rgba(3,21,43,.17);
}
.quartz-enhancer.qe-training-intro .qe-training-intro-button--secondary {
  color:#e8f6ff!important;
  border:1px solid rgba(188,228,252,.4);
  background:rgba(123,191,239,.09);
}
.quartz-enhancer.qe-training-intro .qe-training-intro-button--secondary:hover{background:rgba(146,211,251,.17)}
.quartz-enhancer.qe-training-intro .qe-training-intro-media {
  position:relative;
  min-width:0;
  aspect-ratio:4/3;
  min-height:360px;
  border-radius:clamp(19px,2vw,26px);
  border:1px solid rgba(166,219,252,.28);
  box-shadow:0 22px 52px rgba(4,20,43,.24);
  overflow:hidden;
  background:#14335b;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-media > img {
  display:block;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center;
  position:absolute;
  inset:0;
  transition:transform 1s cubic-bezier(.22,1,.36,1);
}
.quartz-enhancer.qe-training-intro .qe-training-intro-media:hover > img {transform:scale(1.035)}
.quartz-enhancer.qe-training-intro .qe-training-intro-media::after {
  content:"";
  position:absolute;inset:48% 0 0;
  background:linear-gradient(0deg,rgba(6,21,43,.77),transparent);
  pointer-events:none;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-media-caption {
  position:absolute;
  z-index:2;
  bottom:22px;
  left:24px;
  right:20px;
  display:flex;
  gap:10px;
  align-items:center;
  font-size:11px;
  font-weight:750;
  letter-spacing:.14em;
  color:#fff;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-media-caption i {
  width:9px;height:9px;border-radius:50%;background:#86d9ff;
  box-shadow:0 0 0 6px rgba(130,213,254,.14);
  flex:0 0 auto;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-image-missing {padding:35px;color:#fff}
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-kicker {color:#235684}
.quartz-enhancer.qe-training-intro.qe-theme--light h1 {color:#162e48}
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-lead {color:#29455e}
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-description {color:#60778c}
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-courses {border-color:rgba(29,89,143,.18)}
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-track {background:rgba(169,210,242,.19);color:#235684;border-color:rgba(35,86,132,.18)}
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-button--secondary {color:#15446b!important;border-color:rgba(35,86,132,.23);background:rgba(255,255,255,.55)}
@keyframes qe-ti-drift {from{background-position:0 0,0 0}to{background-position:86px 0,-86px 0}}
@media(max-width:980px){
  .quartz-enhancer.qe-training-intro .qe-training-intro-layout{grid-template-columns:1fr;gap:25px}
  .quartz-enhancer.qe-training-intro .qe-training-intro-media{aspect-ratio:16/10;min-height:0}
}
@media(max-width:767px){
  html body .quartz-enhancer.qe-section.qe-training-intro > .qe-container{
    box-sizing:border-box!important;
    padding:clamp(23px,6vw,30px)!important;
    margin-inline:0!important;
    width:100%!important;
    min-width:0!important;
    border-radius:clamp(19px,5.7vw,25px)!important;
  }
  .quartz-enhancer.qe-training-intro .qe-training-intro-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:12px}
  .quartz-enhancer.qe-training-intro h1{font-size:clamp(32px,9vw,44px);line-height:1.11;margin-bottom:17px}
  .quartz-enhancer.qe-training-intro .qe-training-intro-lead{font-size:16px;line-height:1.55}
  .quartz-enhancer.qe-training-intro .qe-training-intro-description{font-size:13.5px;line-height:1.65;margin-bottom:18px}
  .quartz-enhancer.qe-training-intro .qe-training-intro-courses{padding-top:17px;margin-bottom:21px}
  .quartz-enhancer.qe-training-intro .qe-training-intro-track{font-size:11px;padding:6px 10px}
  .quartz-enhancer.qe-training-intro .qe-training-intro-actions{gap:9px}
  .quartz-enhancer.qe-training-intro .qe-training-intro-button{flex:1 1 135px;min-height:45px;padding:11px 12px;font-size:12px}
  .quartz-enhancer.qe-training-intro .qe-training-intro-media{aspect-ratio:4/3;min-height:0;border-radius:19px}
  .quartz-enhancer.qe-training-intro .qe-training-intro-media-caption{font-size:9px;letter-spacing:.07em;left:15px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){
  .quartz-enhancer.qe-training-intro > .qe-container::before{animation:none!important}
  .quartz-enhancer.qe-training-intro .qe-training-intro-media > img,
  .quartz-enhancer.qe-training-intro .qe-training-intro-button{transition:none!important}
}

/* v1.9.5 — training achievements and trainer qualification panel.
   Both belong to the same navy About-style shell. */
.quartz-enhancer.qe-training-intro .qe-training-intro-stats{
  position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.8vw,22px);
  margin-top:clamp(29px,3.5vw,49px);
  padding-top:clamp(24px,3vw,35px);
  border-top:1px solid rgba(184,222,250,.24);
}
.quartz-enhancer.qe-training-intro .qe-training-intro-stat{
  min-width:0;min-height:112px;
  position:relative;display:flex;flex-direction:column;justify-content:center;
  padding:clamp(16px,2vw,24px);
  border:1px solid rgba(178,225,253,.20);
  border-radius:clamp(16px,1.6vw,22px);
  background:linear-gradient(145deg,rgba(182,223,251,.11),rgba(93,163,216,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.quartz-enhancer.qe-training-intro .qe-training-intro-stat strong{
  display:block;color:#fff;font-size:clamp(31px,3.25vw,47px);
  line-height:1.12;font-weight:760;letter-spacing:-.055em;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-stat span{
  margin-top:10px;color:#c8e3f6;font-size:clamp(12px,1.05vw,15px);
  line-height:1.4;font-weight:560;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-qualifications{
  position:relative;z-index:1;
  margin-top:clamp(22px,2.9vw,36px);
  padding:clamp(25px,3.3vw,43px);
  border:1px solid rgba(177,222,251,.22);
  border-radius:clamp(18px,2vw,26px);
  background:linear-gradient(140deg,rgba(6,26,52,.39),rgba(54,119,177,.14));
  box-shadow:0 12px 32px rgba(6,22,44,.1);
}
.quartz-enhancer.qe-training-intro .qe-training-intro-qualifications-top{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:14px;margin-bottom:23px;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-qualifications-kicker{
  color:#a6daf9;font-size:10px;font-weight:800;letter-spacing:.18em;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-qualifications h2{
  margin:9px 0 0;color:#fff;font-size:clamp(23px,2.75vw,36px);
  font-weight:720;letter-spacing:-.035em;line-height:1.15;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-qualification-badge{
  border:1px solid rgba(185,228,253,.36);
  border-radius:999px;padding:10px 17px;
  color:#d6effe;background:rgba(156,211,251,.1);
  font-size:12px;font-weight:750;letter-spacing:.025em;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-qualifications h3{
  margin:0 0 13px;color:#fff;font-size:clamp(19px,1.7vw,25px);font-weight:700;
}
.quartz-enhancer.qe-training-intro .qe-training-intro-qualifications p{
  max-width:1000px;color:#d6e6f6;font-size:clamp(13.5px,1.1vw,16px);
  line-height:1.8;margin:0;
}
/* The light variant must have strong contrast as well. */
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-stats{border-color:rgba(29,85,133,.20)}
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-stat{
  background:rgba(255,255,255,.75);border-color:rgba(35,86,132,.16)
}
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-stat strong,
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-qualifications h2,
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-qualifications h3{color:#152f4a}
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-stat span,
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-qualifications p{color:#526d86}
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-qualifications{
  background:rgba(255,255,255,.58);border-color:rgba(35,86,132,.17)
}
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-qualifications-kicker{color:#235684}
.quartz-enhancer.qe-training-intro.qe-theme--light .qe-training-intro-qualification-badge{
  color:#235684;background:rgba(120,169,214,.14);border-color:rgba(35,86,132,.20)
}
@media(max-width:767px){
  .quartz-enhancer.qe-training-intro .qe-training-intro-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
    margin-top:25px;padding-top:22px;
  }
  .quartz-enhancer.qe-training-intro .qe-training-intro-stat{min-height:96px;padding:15px 13px;border-radius:16px}
  .quartz-enhancer.qe-training-intro .qe-training-intro-stat:nth-child(3){grid-column:1/-1}
  .quartz-enhancer.qe-training-intro .qe-training-intro-stat strong{font-size:clamp(28px,8vw,37px)}
  .quartz-enhancer.qe-training-intro .qe-training-intro-stat span{font-size:12px;margin-top:7px}
  .quartz-enhancer.qe-training-intro .qe-training-intro-qualifications{padding:23px 19px;margin-top:20px;border-radius:18px}
  .quartz-enhancer.qe-training-intro .qe-training-intro-qualifications-top{gap:12px;margin-bottom:19px}
  .quartz-enhancer.qe-training-intro .qe-training-intro-qualifications h2{font-size:clamp(22px,7vw,29px)}
  .quartz-enhancer.qe-training-intro .qe-training-intro-qualification-badge{font-size:11px;padding:9px 13px}
  .quartz-enhancer.qe-training-intro .qe-training-intro-qualifications p{font-size:13.5px;line-height:1.72}
}