/* =========================================================
   ACG ACADEMY
   Industrial Learning Platform
   ========================================================= */

.acg-academy-page{
  --academy-blue:#0c53a5;
  --academy-navy:#022041;
  --academy-deep:#04182c;
  --academy-ink:#142a40;
  --academy-muted:#6b7e90;
  --academy-line:#d8e2ea;
  --academy-soft:#f3f6f9;
  --academy-sky:#70bceb;

  overflow:hidden;
  background:#fff;
  color:var(--academy-ink);
}

.acg-academy-page *,
.acg-academy-page *:before,
.acg-academy-page *:after{
  box-sizing:border-box;
}

.acg-academy-shell{
  width:min(1360px,calc(100% - 56px));
  margin-inline:auto;
}

.acg-academy-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--academy-blue);
  font:900 10px/1 Arial,sans-serif;
  letter-spacing:.18em;
}

.acg-academy-kicker:before{
  content:"";
  width:38px;
  height:2px;
  background:currentColor;
}


/* =========================================================
   HERO
   ========================================================= */

.acg-academy-hero{
  position:relative;
  min-height:860px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(
      circle at 76% 42%,
      rgba(14,103,188,.28),
      transparent 29%
    ),
    linear-gradient(
      135deg,
      #011426 0%,
      #022041 57%,
      #073f76 145%
    );
}

.acg-academy-hero__grid-bg{
  position:absolute;
  inset:0;
  opacity:.65;
  background:
    linear-gradient(
      rgba(84,159,218,.09) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(84,159,218,.09) 1px,
      transparent 1px
    );
  background-size:64px 64px;
}

.acg-academy-hero__layout{
  position:relative;
  z-index:2;
  padding:135px 0 75px;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:90px;
  align-items:center;
}

.acg-academy-hero__brand{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:58px;
}

.acg-academy-hero__brand img{
  width:68px;
  height:auto;
}

.acg-academy-hero__brand div{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.acg-academy-hero__brand strong{
  color:#fff;
  font:900 12px Arial,sans-serif;
  letter-spacing:.14em;
}

.acg-academy-hero__brand span{
  color:#78c0ed;
  font:800 9px Arial,sans-serif;
  letter-spacing:.15em;
}

.acg-academy-hero .acg-academy-kicker{
  color:#79c3ef;
}

.acg-academy-hero h1{
  margin:22px 0 0;
  color:#fff;
  font-size:clamp(58px,7vw,102px);
  font-weight:950;
  line-height:1.02;
  letter-spacing:-.055em;
}

.acg-academy-hero__sub{
  margin-top:12px;
  color:#75bde9;
  font:900 20px Arial,sans-serif;
  letter-spacing:.04em;
}

.acg-academy-hero__lead{
  max-width:680px;
  margin:28px 0 0;
  color:#c0d2df;
  font-size:16px;
  line-height:2.1;
}

.acg-academy-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:36px;
}

.acg-academy-btn{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:0 24px;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
  transition:.25s ease;
}

.acg-academy-btn:hover{
  transform:translateY(-4px);
}

.acg-academy-btn--primary{
  color:#022041;
  background:#fff;
}

.acg-academy-btn--ghost{
  color:#fff;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.04);
}

.acg-academy-hero__meta{
  margin-top:50px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.16);
}

.acg-academy-hero__meta div{
  padding:20px 16px 0 0;
}

.acg-academy-hero__meta small,
.acg-academy-hero__meta strong{
  display:block;
}

.acg-academy-hero__meta small{
  color:#6caed8;
  font:800 8px Arial,sans-serif;
  letter-spacing:.14em;
}

.acg-academy-hero__meta strong{
  margin-top:7px;
  color:#fff;
  font-size:12px;
}


/* =========================================================
   HERO CONSOLE
   ========================================================= */

.acg-academy-console{
  overflow:hidden;
  border:1px solid rgba(150,205,239,.22);
  background:#f5f8fb;
  color:#16304a;
  box-shadow:
    0 45px 120px rgba(0,0,0,.32);
}

.acg-academy-console__top{
  height:68px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff;
  border-bottom:1px solid #dfe7ed;
}

.acg-academy-console__identity{
  display:flex;
  align-items:center;
  gap:11px;
}

.acg-academy-console__logo{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:#fff;
  background:#0c53a5;
  font:950 17px Arial;
}

.acg-academy-console__identity strong,
.acg-academy-console__identity small{
  display:block;
}

.acg-academy-console__identity strong{
  font:900 12px Arial;
}

.acg-academy-console__identity small{
  margin-top:3px;
  color:#8393a2;
  font:700 8px Arial;
}

.acg-academy-console__status{
  display:flex;
  align-items:center;
  gap:6px;
  color:#728493;
  font:800 8px Arial;
  letter-spacing:.12em;
}

.acg-academy-console__status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#2cad6f;
}

.acg-academy-console__body{
  min-height:500px;
  display:grid;
  grid-template-columns:58px 1fr;
}

.acg-academy-console__sidebar{
  padding-top:20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  border-left:1px solid #dde6ed;
  background:#edf2f6;
}

.acg-academy-console__sidebar span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:#758797;
  font-size:12px;
}

.acg-academy-console__sidebar .is-active{
  color:#fff;
  background:#0c53a5;
}

.acg-academy-console__main{
  padding:22px;
}

.acg-academy-console__course-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.acg-academy-console__course-head small,
.acg-academy-console__course-head strong{
  display:block;
}

.acg-academy-console__course-head small{
  color:#8395a4;
  font:800 8px Arial;
  letter-spacing:.12em;
}

.acg-academy-console__course-head strong{
  margin-top:6px;
  color:#022041;
  font-size:13px;
}

.acg-academy-console__course-head > span{
  color:#0c53a5;
  font:950 19px Arial;
}

.acg-academy-console__crane{
  position:relative;
  height:230px;
  margin-top:18px;
  overflow:hidden;
  background:
    linear-gradient(rgba(12,83,165,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(12,83,165,.055) 1px,transparent 1px),
    #eaf0f5;
  background-size:28px 28px;
}

.acg-academy-crane{
  position:absolute;
  inset:0;
}

.acg-academy-crane__rail{
  position:absolute;
  top:54px;
  left:11%;
  width:78%;
  height:6px;
  background:#0c53a5;
}

.acg-academy-crane__bridge{
  position:absolute;
  top:35px;
  left:23%;
  width:54%;
  height:26px;
  border:4px solid #164b80;
}

.acg-academy-crane__bridge span{
  position:absolute;
  top:7px;
  left:0;
  width:100%;
  height:3px;
  background:#68acd9;
}

.acg-academy-crane__trolley{
  position:absolute;
  top:54px;
  left:51%;
  width:30px;
  height:20px;
  background:#022041;
}

.acg-academy-crane__rope{
  position:absolute;
  top:73px;
  left:calc(51% + 14px);
  width:2px;
  height:74px;
  background:#546979;
}

.acg-academy-crane__hook{
  position:absolute;
  top:143px;
  left:calc(51% + 4px);
  color:#0c53a5;
  font-size:20px;
}

.acg-academy-crane__point{
  position:absolute;
  display:flex;
  align-items:center;
  gap:5px;
  color:#667b8e;
  font:700 7px Arial;
}

.acg-academy-crane__point b{
  width:21px;
  height:21px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#0c53a5;
  font-size:7px;
}

.acg-academy-crane__point--1{
  top:18px;
  left:19%;
}

.acg-academy-crane__point--2{
  top:81px;
  left:55%;
}

.acg-academy-crane__point--3{
  top:156px;
  left:56%;
}

.acg-academy-console__lesson-overlay{
  position:absolute;
  right:14px;
  bottom:14px;
  padding:12px 15px;
  min-width:195px;
  background:rgba(2,32,65,.94);
  color:#fff;
}

.acg-academy-console__lesson-overlay small,
.acg-academy-console__lesson-overlay strong,
.acg-academy-console__lesson-overlay span{
  display:block;
}

.acg-academy-console__lesson-overlay small{
  color:#66b5e7;
  font:800 7px Arial;
}

.acg-academy-console__lesson-overlay strong{
  margin-top:5px;
  font-size:10px;
}

.acg-academy-console__lesson-overlay span{
  margin-top:6px;
  color:#a9bdcc;
  font:700 7px Arial;
}

.acg-academy-console__progress{
  margin-top:16px;
}

.acg-academy-console__progress > div:first-child{
  display:flex;
  justify-content:space-between;
  color:#66798a;
  font-size:9px;
}

.acg-academy-console__progress > div strong{
  color:#0c53a5;
}

.acg-academy-console__progress-bar{
  position:relative;
  height:5px;
  margin-top:7px;
  background:#dbe4eb;
}

.acg-academy-console__progress-bar i{
  position:absolute;
  inset:0 auto 0 0;
  width:64%;
  background:#0c53a5;
}

.acg-academy-console__lessons{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}

.acg-academy-console__lessons > div{
  min-height:61px;
  padding:9px;
  display:grid;
  grid-template-columns:25px 1fr;
  gap:7px;
  align-items:center;
  border:1px solid #dce5ec;
  background:#fff;
}

.acg-academy-console__lessons > div > span{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#8c9ba8;
  background:#edf2f5;
  font-size:8px;
}

.acg-academy-console__lessons .is-complete > span{
  color:#fff;
  background:#2ca970;
}

.acg-academy-console__lessons .is-active{
  border-color:#86bae0;
  background:#f5faff;
}

.acg-academy-console__lessons .is-active > span{
  color:#fff;
  background:#0c53a5;
}

.acg-academy-console__lessons strong,
.acg-academy-console__lessons small{
  display:block;
}

.acg-academy-console__lessons strong{
  color:#17334e;
  font-size:8px;
}

.acg-academy-console__lessons small{
  margin-top:4px;
  color:#91a0ad;
  font:700 6px Arial;
}

.acg-academy-console__footer{
  height:45px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #dce5ec;
  background:#fff;
  color:#7b8d9c;
  font:800 7px Arial;
  letter-spacing:.08em;
}

.acg-academy-console__footer i{
  margin-left:5px;
  color:#2ca970;
}


/* =========================================================
   HERO BOTTOM
   ========================================================= */

.acg-academy-hero__bottom{
  position:relative;
  z-index:3;
  border-top:1px solid rgba(255,255,255,.13);
}

.acg-academy-hero__bottom .acg-academy-shell{
  height:64px;
  display:flex;
  align-items:center;
  gap:22px;
}

.acg-academy-hero__bottom span{
  color:#87a8bf;
  font:800 8px Arial;
  letter-spacing:.15em;
}

.acg-academy-hero__bottom i{
  flex:1;
  max-width:95px;
  height:1px;
  background:rgba(114,188,233,.32);
}


/* =========================================================
   COMMON SECTION HEAD
   ========================================================= */

.acg-academy-section-head{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:100px;
  align-items:end;
}

.acg-academy-section-head h2{
  max-width:850px;
  margin:18px 0 0;
  color:#022041;
  font-size:clamp(42px,5vw,72px);
  font-weight:950;
  line-height:1.28;
  letter-spacing:-.04em;
}

.acg-academy-section-head > p{
  max-width:580px;
  margin:0;
  color:#697c8e;
  font-size:14px;
  line-height:2.15;
}


/* =========================================================
   WHY
   ========================================================= */

.acg-academy-why{
  padding:145px 0;
  background:#fff;
}

.acg-academy-capabilities{
  margin-top:75px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #d8e2ea;
  border-right:1px solid #d8e2ea;
}

.acg-academy-capabilities article{
  position:relative;
  min-height:300px;
  padding:32px;
  border-left:1px solid #d8e2ea;
  border-bottom:1px solid #d8e2ea;
  transition:
    background .3s ease,
    transform .3s ease;
}

.acg-academy-capabilities article:hover{
  z-index:2;
  background:#f5f8fb;
  transform:translateY(-4px);
}

.acg-academy-capabilities__no{
  position:absolute;
  top:25px;
  left:25px;
  color:#8798a6;
  font:800 9px Arial;
}

.acg-academy-capabilities article > i{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  color:#0c53a5;
  background:#edf4f9;
  font-size:18px;
}

.acg-academy-capabilities h3{
  margin:42px 0 12px;
  color:#022041;
  font-size:19px;
}

.acg-academy-capabilities p{
  margin:0;
  color:#6b7e90;
  font-size:13px;
  line-height:2;
}

.acg-academy-capabilities article > strong{
  position:absolute;
  right:32px;
  bottom:27px;
  color:#8c9ba7;
  font:800 8px Arial;
  letter-spacing:.13em;
}


/* =========================================================
   TRACKS
   ========================================================= */

.acg-academy-tracks{
  padding:145px 0 155px;
  background:#06192d;
  color:#fff;
}

.acg-academy-section-head--dark h2{
  color:#fff;
}

.acg-academy-section-head--dark > p{
  color:#a9bbc9;
}

.acg-academy-tracks .acg-academy-kicker{
  color:#76bee9;
}

.acg-academy-tracks__grid{
  margin-top:80px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border-top:1px solid rgba(255,255,255,.15);
  border-right:1px solid rgba(255,255,255,.15);
}

.acg-academy-tracks__grid article{
  position:relative;
  min-height:190px;
  padding:30px;
  display:grid;
  grid-template-columns:65px 1fr 45px;
  gap:20px;
  align-items:center;
  border-left:1px solid rgba(255,255,255,.15);
  border-bottom:1px solid rgba(255,255,255,.15);
  transition:background .3s ease;
}

.acg-academy-tracks__grid article:hover{
  background:rgba(255,255,255,.055);
}

.acg-academy-tracks__icon{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border:1px solid rgba(121,191,235,.3);
  color:#72bbe8;
  font-size:19px;
}

.acg-academy-tracks__grid small{
  color:#649ec3;
  font:800 8px Arial;
  letter-spacing:.13em;
}

.acg-academy-tracks__grid h3{
  margin:7px 0 9px;
  color:#fff;
  font-size:18px;
}

.acg-academy-tracks__grid p{
  max-width:440px;
  margin:0;
  color:#99adbc;
  font-size:12px;
  line-height:1.9;
}

.acg-academy-tracks__grid article > span{
  justify-self:end;
  color:rgba(255,255,255,.11);
  font:950 38px Arial;
  transition:color .3s ease;
}

.acg-academy-tracks__grid article:hover > span{
  color:#1f6da8;
}


/* =========================================================
   LMS
   ========================================================= */

.acg-academy-lms{
  padding:155px 0;
  background:#f1f5f8;
}

.acg-academy-lms__grid{
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:100px;
  align-items:center;
}

.acg-academy-lms__content h2{
  max-width:620px;
  margin:20px 0 26px;
  color:#022041;
  font-size:clamp(42px,5vw,70px);
  line-height:1.3;
  letter-spacing:-.04em;
}

.acg-academy-lms__content > p{
  max-width:580px;
  margin:0;
  color:#6b7e90;
  font-size:14px;
  line-height:2.1;
}

.acg-academy-lms__content ul{
  margin:38px 0 0;
  padding:0;
  list-style:none;
  border-top:1px solid #ccd8e1;
}

.acg-academy-lms__content li{
  min-height:52px;
  display:flex;
  align-items:center;
  gap:12px;
  border-bottom:1px solid #ccd8e1;
  color:#244159;
  font-size:12px;
  font-weight:800;
}

.acg-academy-lms__content li i{
  color:#0c53a5;
}


/* dashboard */

.acg-academy-dashboard{
  overflow:hidden;
  border:1px solid #d3dee7;
  background:#fff;
  box-shadow:0 35px 90px rgba(2,32,65,.13);
}

.acg-academy-dashboard > header{
  height:68px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #dde6ed;
}

.acg-academy-dashboard > header > div{
  display:flex;
  align-items:center;
  gap:10px;
}

.acg-academy-dashboard__mark{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:#fff;
  background:#0c53a5;
  font:950 17px Arial;
}

.acg-academy-dashboard > header strong{
  color:#022041;
  font:900 11px Arial;
}

.acg-academy-dashboard__user{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#0c53a5;
  background:#e9f1f7;
  font:900 9px Arial;
}

.acg-academy-dashboard__body{
  padding:28px;
}

.acg-academy-dashboard__welcome{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
}

.acg-academy-dashboard__welcome small,
.acg-academy-dashboard__welcome strong{
  display:block;
}

.acg-academy-dashboard__welcome small{
  color:#8b9ba8;
  font:800 8px Arial;
  letter-spacing:.14em;
}

.acg-academy-dashboard__welcome strong{
  margin-top:6px;
  color:#022041;
  font-size:18px;
}

.acg-academy-dashboard__welcome > span{
  color:#0c53a5;
  font:900 8px Arial;
}

.acg-academy-dashboard__stats{
  margin-top:25px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid #dce5ec;
}

.acg-academy-dashboard__stats div{
  padding:18px;
  border-left:1px solid #dce5ec;
}

.acg-academy-dashboard__stats div:last-child{
  border-left:0;
}

.acg-academy-dashboard__stats strong,
.acg-academy-dashboard__stats span{
  display:block;
}

.acg-academy-dashboard__stats strong{
  color:#0c53a5;
  font:950 26px Arial;
}

.acg-academy-dashboard__stats span{
  margin-top:7px;
  color:#738594;
  font-size:9px;
}

.acg-academy-dashboard__continue{
  margin-top:28px;
}

.acg-academy-dashboard__continue > small{
  color:#8b9aa7;
  font:800 8px Arial;
  letter-spacing:.14em;
}

.acg-academy-dashboard__course{
  margin-top:10px;
  padding:17px;
  display:grid;
  grid-template-columns:45px 1fr 42px;
  gap:13px;
  align-items:center;
  background:#072442;
  color:#fff;
}

.acg-academy-dashboard__course-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  color:#80c7ef;
  background:#0b355f;
}

.acg-academy-dashboard__course strong,
.acg-academy-dashboard__course span{
  display:block;
}

.acg-academy-dashboard__course strong{
  font-size:11px;
}

.acg-academy-dashboard__course span{
  margin-top:5px;
  color:#8da9bd;
  font:700 7px Arial;
}

.acg-academy-dashboard__bar{
  position:relative;
  height:4px;
  margin-top:8px;
  background:#294967;
}

.acg-academy-dashboard__bar i{
  position:absolute;
  inset:0 auto 0 0;
  width:68%;
  background:#67b9e9;
}

.acg-academy-dashboard__course button{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  color:#022041;
  background:#fff;
}

.acg-academy-dashboard__modules{
  margin-top:15px;
}

.acg-academy-dashboard__modules > div{
  min-height:62px;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:center;
  border-bottom:1px solid #dde5eb;
}

.acg-academy-dashboard__modules > div > span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#8293a1;
  background:#edf2f5;
  font:900 8px Arial;
}

.acg-academy-dashboard__modules .is-done > span{
  color:#fff;
  background:#2daa70;
}

.acg-academy-dashboard__modules .is-active > span{
  color:#fff;
  background:#0c53a5;
}

.acg-academy-dashboard__modules strong,
.acg-academy-dashboard__modules small{
  display:block;
}

.acg-academy-dashboard__modules strong{
  color:#18354f;
  font-size:10px;
}

.acg-academy-dashboard__modules small{
  margin-top:4px;
  color:#8b9aa7;
  font:700 7px Arial;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1100px){

  .acg-academy-shell{
    width:min(100% - 40px,1360px);
  }

  .acg-academy-hero__layout,
  .acg-academy-lms__grid{
    grid-template-columns:1fr;
    gap:65px;
  }

  .acg-academy-console{
    max-width:760px;
    width:100%;
    margin-inline:auto;
  }

  .acg-academy-section-head{
    grid-template-columns:1fr;
    gap:25px;
  }

}

@media(max-width:850px){

  .acg-academy-capabilities{
    grid-template-columns:repeat(2,1fr);
  }

  .acg-academy-tracks__grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:600px){

  .acg-academy-shell{
    width:calc(100% - 28px);
  }

  .acg-academy-hero{
    min-height:auto;
  }

  .acg-academy-hero__layout{
    padding:100px 0 55px;
  }

  .acg-academy-hero h1{
    font-size:58px;
  }

  .acg-academy-hero__brand{
    margin-bottom:42px;
  }

  .acg-academy-hero__meta{
    grid-template-columns:1fr;
  }

  .acg-academy-hero__meta div{
    min-height:55px;
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .acg-academy-console__body{
    grid-template-columns:42px 1fr;
  }

  .acg-academy-console__sidebar span{
    width:31px;
    height:31px;
  }

  .acg-academy-console__main{
    padding:13px;
  }

  .acg-academy-console__crane{
    height:205px;
  }

  .acg-academy-console__lessons{
    grid-template-columns:1fr;
  }

  .acg-academy-hero__bottom{
    display:none;
  }

  .acg-academy-why,
  .acg-academy-tracks,
  .acg-academy-lms{
    padding:82px 0;
  }

  .acg-academy-section-head h2,
  .acg-academy-lms__content h2{
    font-size:39px;
  }

  .acg-academy-capabilities{
    grid-template-columns:1fr;
  }

  .acg-academy-capabilities article{
    min-height:270px;
  }

  .acg-academy-tracks__grid{
    margin-top:50px;
  }

  .acg-academy-tracks__grid article{
    grid-template-columns:52px 1fr;
    min-height:175px;
    padding:22px;
  }

  .acg-academy-tracks__grid article > span{
    display:none;
  }

  .acg-academy-tracks__icon{
    width:48px;
    height:48px;
  }

  .acg-academy-dashboard__stats{
    grid-template-columns:1fr;
  }

  .acg-academy-dashboard__stats div{
    border-left:0;
    border-bottom:1px solid #dce5ec;
  }

  .acg-academy-dashboard__stats div:last-child{
    border-bottom:0;
  }

}

@media(prefers-reduced-motion:reduce){

  .acg-academy-page *,
  .acg-academy-page *:before,
  .acg-academy-page *:after{
    transition:none!important;
  }

}


/* =========================================================
   VIDEO LEARNING
   ========================================================= */

.acg-academy-video{
  padding:150px 0;
  background:#fff;
}

.acg-academy-video__studio{
  margin-top:72px;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);
  border:1px solid #d6e0e8;
  background:#f5f8fa;
}

.acg-academy-video__player{
  padding:22px;
  border-left:1px solid #d6e0e8;
  background:#071b30;
}

.acg-academy-video__screen{
  position:relative;
  height:510px;
  overflow:hidden;
  background:
    linear-gradient(rgba(91,167,221,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,167,221,.08) 1px,transparent 1px),
    #0a2947;
  background-size:46px 46px;
}

.acg-academy-video__technical{
  position:absolute;
  inset:0;
}

.acg-academy-video__beam{
  position:absolute;
  top:32%;
  left:12%;
  width:76%;
  height:14px;
  border:3px solid #6baed9;
}

.acg-academy-video__trolley{
  position:absolute;
  top:30%;
  left:54%;
  width:48px;
  height:29px;
  background:#0c53a5;
}

.acg-academy-video__rope{
  position:absolute;
  top:36%;
  left:calc(54% + 23px);
  width:2px;
  height:120px;
  background:#7d9aaf;
}

.acg-academy-video__load{
  position:absolute;
  top:60%;
  left:calc(54% - 15px);
  width:78px;
  height:46px;
  border:2px solid #5b9dca;
}

.acg-academy-video__badge{
  position:absolute;
  top:20px;
  right:20px;
  padding:9px 12px;
  color:#9ed4f5;
  border:1px solid rgba(126,197,238,.25);
  background:rgba(2,32,65,.6);
  font:800 8px Arial;
  letter-spacing:.13em;
}

.acg-academy-video__play{
  position:absolute;
  top:50%;
  left:50%;
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.4);
  border-radius:50%;
  transform:translate(-50%,-50%);
  color:#022041;
  background:#fff;
  font-size:18px;
  cursor:pointer;
  transition:.3s ease;
}

.acg-academy-video__play:hover{
  transform:translate(-50%,-50%) scale(1.08);
}

.acg-academy-video__caption{
  position:absolute;
  right:24px;
  bottom:24px;
}

.acg-academy-video__caption small,
.acg-academy-video__caption strong{
  display:block;
}

.acg-academy-video__caption small{
  color:#74bde8;
  font:800 8px Arial;
}

.acg-academy-video__caption strong{
  margin-top:7px;
  color:#fff;
  font-size:15px;
}

.acg-academy-video__timeline{
  height:44px;
  display:grid;
  grid-template-columns:42px 1fr 42px;
  gap:10px;
  align-items:center;
  direction:ltr;
  color:#7892a5;
  font:700 7px Arial;
}

.acg-academy-video__timeline > div{
  position:relative;
  height:3px;
  background:#28435c;
}

.acg-academy-video__timeline i{
  position:absolute;
  inset:0 auto 0 0;
  width:27%;
  background:#69b8e8;
}

.acg-academy-video__timeline b{
  position:absolute;
  top:50%;
  left:27%;
  width:9px;
  height:9px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:#fff;
}

.acg-academy-video__playlist{
  background:#fff;
}

.acg-academy-video__playlist > header{
  min-height:90px;
  padding:20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #dce5ec;
}

.acg-academy-video__playlist header small,
.acg-academy-video__playlist header strong{
  display:block;
}

.acg-academy-video__playlist header small{
  color:#8a9aa7;
  font:800 8px Arial;
  letter-spacing:.12em;
}

.acg-academy-video__playlist header strong{
  margin-top:6px;
  color:#022041;
  font-size:12px;
}

.acg-academy-video__playlist header > span{
  color:#0c53a5;
  font:900 8px Arial;
}

.acg-academy-video__playlist article{
  min-height:82px;
  padding:14px 18px;
  display:grid;
  grid-template-columns:34px 1fr 40px;
  gap:10px;
  align-items:center;
  border-bottom:1px solid #e0e7ed;
  transition:.25s ease;
}

.acg-academy-video__playlist article:hover,
.acg-academy-video__playlist .is-active{
  background:#f2f7fb;
}

.acg-academy-video__playlist article > span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#7b8c9b;
  background:#edf2f5;
  font:900 8px Arial;
}

.acg-academy-video__playlist .is-complete > span{
  color:#fff;
  background:#2ca970;
}

.acg-academy-video__playlist .is-active > span{
  color:#fff;
  background:#0c53a5;
}

.acg-academy-video__playlist article small,
.acg-academy-video__playlist article strong{
  display:block;
}

.acg-academy-video__playlist article small{
  color:#8b9aa6;
  font:700 7px Arial;
}

.acg-academy-video__playlist article strong{
  margin-top:5px;
  color:#17334c;
  font-size:10px;
}

.acg-academy-video__playlist time{
  justify-self:end;
  color:#8293a1;
  font:700 8px Arial;
}


/* =========================================================
   LEARN ANYWHERE
   ========================================================= */

.acg-academy-anywhere{
  padding:155px 0;
  background:#eef3f7;
}

.acg-academy-anywhere__grid{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:110px;
  align-items:center;
}

.acg-academy-anywhere__content h2{
  max-width:600px;
  margin:20px 0 26px;
  color:#022041;
  font-size:clamp(42px,5vw,70px);
  line-height:1.3;
  letter-spacing:-.04em;
}

.acg-academy-anywhere__content > p{
  max-width:570px;
  margin:0;
  color:#6b7e90;
  font-size:14px;
  line-height:2.1;
}

.acg-academy-anywhere__features{
  margin-top:42px;
  border-top:1px solid #c9d6df;
}

.acg-academy-anywhere__features > div{
  min-height:68px;
  display:grid;
  grid-template-columns:35px 1fr;
  gap:12px;
  align-items:center;
  border-bottom:1px solid #c9d6df;
}

.acg-academy-anywhere__features i{
  color:#0c53a5;
}

.acg-academy-anywhere__features strong,
.acg-academy-anywhere__features small{
  display:block;
}

.acg-academy-anywhere__features strong{
  color:#203e58;
  font:900 10px Arial;
}

.acg-academy-anywhere__features small{
  margin-top:4px;
  color:#748696;
  font-size:10px;
}

.acg-academy-devices{
  position:relative;
  min-height:590px;
}

.acg-academy-devices__laptop{
  position:absolute;
  top:30px;
  right:0;
  width:82%;
}

.acg-academy-devices__screen{
  height:430px;
  overflow:hidden;
  border:10px solid #102a42;
  border-bottom-width:16px;
  background:#fff;
  box-shadow:0 35px 80px rgba(2,32,65,.17);
}

.acg-academy-devices__screen > header{
  height:45px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#022041;
  border-bottom:1px solid #dde6ed;
  font:900 9px Arial;
}

.acg-academy-devices__screen header small{
  color:#8b9ba8;
  font-size:7px;
}

.acg-academy-devices__dashboard{
  height:calc(100% - 45px);
  display:grid;
  grid-template-columns:45px 1fr;
}

.acg-academy-devices__dashboard aside{
  padding-top:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:22px;
  color:#718596;
  background:#edf2f5;
}

.acg-academy-devices__dashboard > div{
  padding:30px;
}

.acg-academy-devices__dashboard > div > small{
  color:#8c9ba8;
  font:800 7px Arial;
}

.acg-academy-devices__dashboard > div > strong{
  display:block;
  margin-top:8px;
  color:#022041;
  font-size:17px;
}

.acg-academy-devices__course{
  margin-top:30px;
  padding:20px;
  display:grid;
  grid-template-columns:48px 1fr;
  gap:15px;
  background:#082744;
  color:#fff;
}

.acg-academy-devices__course > span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  color:#7fc6ef;
  background:#103b62;
}

.acg-academy-devices__course b,
.acg-academy-devices__course small{
  display:block;
}

.acg-academy-devices__course b{
  font-size:10px;
}

.acg-academy-devices__course small{
  margin-top:5px;
  color:#9ab0c0;
  font:700 7px Arial;
}

.acg-academy-devices__course div > div{
  position:relative;
  height:4px;
  margin-top:12px;
  background:#31506a;
}

.acg-academy-devices__course div > div i{
  position:absolute;
  inset:0 auto 0 0;
  width:61%;
  background:#70bfea;
}

.acg-academy-devices__base{
  width:110%;
  height:13px;
  margin-right:-5%;
  border-radius:0 0 50% 50%;
  background:#173047;
}

.acg-academy-devices__phone{
  position:absolute;
  z-index:3;
  left:0;
  bottom:25px;
  width:205px;
  height:405px;
  padding:9px;
  border-radius:26px;
  background:#102a41;
  box-shadow:0 30px 60px rgba(2,32,65,.22);
}

.acg-academy-devices__phone-screen{
  height:100%;
  padding:17px;
  overflow:hidden;
  border-radius:19px;
  background:#fff;
}

.acg-academy-devices__phone-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.acg-academy-devices__phone-head span{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  color:#fff;
  background:#0c53a5;
  font:950 13px Arial;
}

.acg-academy-devices__phone-head i{
  color:#577083;
  font-size:11px;
}

.acg-academy-devices__phone-screen > small{
  display:block;
  margin-top:28px;
  color:#8999a6;
  font:800 7px Arial;
}

.acg-academy-devices__phone-screen > strong{
  display:block;
  margin-top:5px;
  color:#022041;
  font-size:15px;
}

.acg-academy-devices__phone-progress{
  margin-top:20px;
}

.acg-academy-devices__phone-progress span{
  color:#0c53a5;
  font:950 18px Arial;
}

.acg-academy-devices__phone-progress > i{
  position:relative;
  display:block;
  height:4px;
  margin-top:6px;
  background:#e1e8ed;
}

.acg-academy-devices__phone-progress b{
  position:absolute;
  inset:0 auto 0 0;
  width:72%;
  background:#0c53a5;
}

.acg-academy-devices__phone-video{
  height:115px;
  margin-top:20px;
  display:grid;
  place-items:center;
  color:#fff;
  background:
    linear-gradient(rgba(73,144,199,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(73,144,199,.12) 1px,transparent 1px),
    #082745;
  background-size:20px 20px;
}

.acg-academy-devices__phone-video i{
  width:37px;
  height:37px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#022041;
  background:#fff;
  font-size:9px;
}

.acg-academy-devices__phone-module{
  margin-top:17px;
  display:grid;
  grid-template-columns:30px 1fr;
  gap:10px;
  align-items:center;
}

.acg-academy-devices__phone-module > span{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#0c53a5;
  font:900 8px Arial;
}

.acg-academy-devices__phone-module strong,
.acg-academy-devices__phone-module small{
  display:block;
}

.acg-academy-devices__phone-module strong{
  color:#18354e;
  font:900 8px Arial;
}

.acg-academy-devices__phone-module small{
  margin-top:4px;
  color:#8d9ca8;
  font:700 6px Arial;
}

.acg-academy-devices__sync{
  position:absolute;
  right:22%;
  bottom:0;
  z-index:4;
  padding:11px 15px;
  display:flex;
  gap:8px;
  align-items:center;
  color:#0c53a5;
  border:1px solid #cad9e4;
  background:#fff;
  box-shadow:0 14px 35px rgba(2,32,65,.12);
  font:900 8px Arial;
  letter-spacing:.09em;
}


/* =========================================================
   CRANE AI
   ========================================================= */

.acg-academy-ai{
  padding:155px 0;
  color:#fff;
  background:
    radial-gradient(circle at 77% 40%,rgba(12,99,181,.25),transparent 30%),
    #051a2e;
}

.acg-academy-ai__grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:100px;
  align-items:center;
}

.acg-academy-ai .acg-academy-kicker{
  color:#73bce9;
}

.acg-academy-ai__content h2{
  max-width:630px;
  margin:20px 0 28px;
  color:#fff;
  font-size:clamp(42px,5vw,70px);
  line-height:1.3;
  letter-spacing:-.04em;
}

.acg-academy-ai__content > p{
  max-width:580px;
  margin:0;
  color:#aebfcd;
  font-size:14px;
  line-height:2.15;
}

.acg-academy-ai__status{
  margin-top:38px;
  display:flex;
  align-items:center;
  gap:12px;
}

.acg-academy-ai__status > i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e7a83d;
  box-shadow:0 0 0 6px rgba(231,168,61,.12);
}

.acg-academy-ai__status strong,
.acg-academy-ai__status small{
  display:block;
}

.acg-academy-ai__status strong{
  color:#d7e3eb;
  font:800 8px Arial;
  letter-spacing:.12em;
}

.acg-academy-ai__status small{
  margin-top:5px;
  color:#7790a4;
  font-size:9px;
}

.acg-academy-ai__chat{
  overflow:hidden;
  border:1px solid rgba(119,187,229,.24);
  background:#f6f8fa;
  box-shadow:0 40px 100px rgba(0,0,0,.28);
}

.acg-academy-ai__chat > header{
  height:70px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #dbe4eb;
  background:#fff;
}

.acg-academy-ai__chat header > div:first-child{
  display:flex;
  align-items:center;
  gap:10px;
}

.acg-academy-ai__chat header > div:first-child > span{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  color:#fff;
  background:#0c53a5;
  font:950 17px Arial;
}

.acg-academy-ai__chat header strong,
.acg-academy-ai__chat header small{
  display:block;
}

.acg-academy-ai__chat header strong{
  color:#022041;
  font:900 11px Arial;
}

.acg-academy-ai__chat header small{
  margin-top:4px;
  color:#8797a4;
  font:700 7px Arial;
}

.acg-academy-ai__online{
  display:flex;
  align-items:center;
  gap:6px;
  color:#718696;
  font:800 7px Arial;
}

.acg-academy-ai__online i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#27a66b;
}

.acg-academy-ai__conversation{
  min-height:460px;
  padding:28px;
  background:
    linear-gradient(rgba(12,83,165,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(12,83,165,.035) 1px,transparent 1px),
    #f5f8fa;
  background-size:40px 40px;
}

.acg-academy-ai__message{
  max-width:80%;
  margin-bottom:18px;
}

.acg-academy-ai__message > span{
  display:block;
  margin-bottom:7px;
  color:#8294a2;
  font:800 7px Arial;
  letter-spacing:.12em;
}

.acg-academy-ai__message p{
  margin:0;
  padding:14px 16px;
  color:#17334c;
  background:#fff;
  border:1px solid #dce5eb;
  font-size:11px;
  line-height:1.9;
}

.acg-academy-ai__message--user{
  margin-right:auto;
}

.acg-academy-ai__message--user p{
  color:#fff;
  background:#0c53a5;
  border-color:#0c53a5;
}

.acg-academy-ai__message--assistant > div{
  margin-top:8px;
  padding:11px 13px;
  display:grid;
  grid-template-columns:25px 1fr;
  gap:8px;
  align-items:center;
  border:1px solid #cddbe5;
  background:#eaf2f8;
  color:#0c53a5;
}

.acg-academy-ai__message--assistant > div strong{
  font:900 8px Arial;
}

.acg-academy-ai__suggestions{
  margin-top:25px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.acg-academy-ai__suggestions button{
  min-height:34px;
  padding:0 11px;
  border:1px solid #cfdce5;
  background:#fff;
  color:#425f76;
  font-size:9px;
  cursor:pointer;
}

.acg-academy-ai__chat > footer{
  height:63px;
  padding:0 16px;
  display:grid;
  grid-template-columns:25px 1fr 40px;
  gap:10px;
  align-items:center;
  border-top:1px solid #dbe4eb;
  background:#fff;
  color:#8495a2;
  font-size:9px;
}

.acg-academy-ai__chat > footer button{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  color:#fff;
  background:#0c53a5;
}


/* =========================================================
   KNOWLEDGE LIBRARY
   ========================================================= */

.acg-academy-library{
  padding:155px 0;
  background:#fff;
}

.acg-academy-library__layout{
  margin-top:75px;
  display:grid;
  grid-template-columns:.68fr 1.32fr;
  gap:70px;
  align-items:start;
}

.acg-academy-library__categories{
  border-top:2px solid #022041;
}

.acg-academy-library__categories article{
  min-height:82px;
  display:grid;
  grid-template-columns:35px 35px 1fr;
  gap:12px;
  align-items:center;
  border-bottom:1px solid #d5dfe7;
  transition:.25s ease;
}

.acg-academy-library__categories article:hover{
  padding-inline:10px;
  background:#f5f8fa;
}

.acg-academy-library__categories article > span{
  color:#0c53a5;
  font:900 8px Arial;
}

.acg-academy-library__categories article > i{
  color:#0c53a5;
}

.acg-academy-library__categories strong,
.acg-academy-library__categories small{
  display:block;
}

.acg-academy-library__categories strong{
  color:#17344e;
  font-size:11px;
}

.acg-academy-library__categories small{
  margin-top:4px;
  color:#8998a5;
  font:700 7px Arial;
}

.acg-academy-library__browser{
  overflow:hidden;
  border:1px solid #d5dfe7;
  background:#f5f8fa;
  box-shadow:0 30px 80px rgba(2,32,65,.10);
}

.acg-academy-library__browser > header{
  min-height:68px;
  padding:0 18px;
  display:grid;
  grid-template-columns:1fr minmax(210px,.7fr);
  gap:20px;
  align-items:center;
  border-bottom:1px solid #dae3ea;
  background:#fff;
}

.acg-academy-library__browser header > div:first-child{
  display:flex;
  align-items:center;
  gap:9px;
}

.acg-academy-library__browser header > div:first-child span{
  width:33px;
  height:33px;
  display:grid;
  place-items:center;
  color:#fff;
  background:#0c53a5;
  font:950 16px Arial;
}

.acg-academy-library__browser header strong{
  color:#022041;
  font:900 10px Arial;
}

.acg-academy-library__browser header > div:last-child{
  min-height:38px;
  padding:0 12px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#92a0ac;
  border:1px solid #d8e2e9;
  background:#f8fafb;
  font:700 8px Arial;
}

.acg-academy-library__browser-body{
  padding:25px;
}

.acg-academy-library__browser-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  margin-bottom:17px;
}

.acg-academy-library__browser-head small,
.acg-academy-library__browser-head strong{
  display:block;
}

.acg-academy-library__browser-head small{
  color:#8899a6;
  font:800 7px Arial;
  letter-spacing:.13em;
}

.acg-academy-library__browser-head strong{
  margin-top:5px;
  color:#022041;
  font-size:14px;
}

.acg-academy-library__browser-head > span{
  color:#0c53a5;
  font:900 7px Arial;
}

.acg-academy-library__resource{
  min-height:77px;
  padding:12px 13px;
  display:grid;
  grid-template-columns:40px 1fr 50px;
  gap:11px;
  align-items:center;
  border-bottom:1px solid #dce4ea;
  background:#fff;
}

.acg-academy-library__resource-icon{
  width:37px;
  height:37px;
  display:grid;
  place-items:center;
  color:#0c53a5;
  background:#edf4f9;
}

.acg-academy-library__resource small,
.acg-academy-library__resource strong{
  display:block;
}

.acg-academy-library__resource small{
  color:#8999a6;
  font:700 7px Arial;
}

.acg-academy-library__resource strong{
  margin-top:5px;
  color:#17344e;
  font-size:10px;
}

.acg-academy-library__resource > span:last-child{
  justify-self:end;
  color:#758b9d;
  font:800 7px Arial;
}

.acg-academy-library__browser > footer{
  min-height:50px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#8193a1;
  border-top:1px solid #dbe3ea;
  background:#fff;
  font:800 7px Arial;
}

.acg-academy-library__browser footer strong{
  color:#0c53a5;
}


/* =========================================================
   MIDDLE RESPONSIVE
   ========================================================= */

@media(max-width:1050px){

  .acg-academy-video__studio,
  .acg-academy-anywhere__grid,
  .acg-academy-ai__grid,
  .acg-academy-library__layout{
    grid-template-columns:1fr;
    gap:55px;
  }

  .acg-academy-video__player{
    border-left:0;
    border-bottom:1px solid #d6e0e8;
  }

  .acg-academy-devices{
    max-width:760px;
    width:100%;
    margin-inline:auto;
  }

}

@media(max-width:600px){

  .acg-academy-video,
  .acg-academy-anywhere,
  .acg-academy-ai,
  .acg-academy-library{
    padding:82px 0;
  }

  .acg-academy-video__studio{
    margin-top:45px;
  }

  .acg-academy-video__player{
    padding:10px;
  }

  .acg-academy-video__screen{
    height:330px;
  }

  .acg-academy-video__play{
    width:58px;
    height:58px;
  }

  .acg-academy-devices{
    min-height:510px;
  }

  .acg-academy-devices__laptop{
    width:100%;
  }

  .acg-academy-devices__screen{
    height:330px;
  }

  .acg-academy-devices__dashboard > div{
    padding:18px;
  }

  .acg-academy-devices__phone{
    width:165px;
    height:330px;
  }

  .acg-academy-devices__phone-video{
    height:80px;
  }

  .acg-academy-devices__sync{
    right:10px;
  }

  .acg-academy-ai__content h2,
  .acg-academy-anywhere__content h2{
    font-size:39px;
  }

  .acg-academy-ai__conversation{
    padding:15px;
  }

  .acg-academy-ai__message{
    max-width:92%;
  }

  .acg-academy-library__browser > header{
    grid-template-columns:1fr;
    gap:10px;
    padding-block:12px;
  }

  .acg-academy-library__browser-body{
    padding:14px;
  }

}

/* =========================================================
   ACG ACADEMY FINAL UI V1
   ========================================================= */


/* =========================================================
   INTERACTIVE TRAINING
   ========================================================= */

.acg-academy-interactive{
  padding:150px 0;
  background:#edf3f7;
}

.acg-academy-interactive__grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);
  gap:90px;
  align-items:center;
}

.acg-academy-interactive__viewer{
  overflow:hidden;
  border:1px solid #cdd9e2;
  background:#fff;
  box-shadow:0 32px 85px rgba(2,32,65,.12);
}

.acg-academy-interactive__viewer > header,
.acg-academy-interactive__viewer > footer{
  min-height:60px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff;
}

.acg-academy-interactive__viewer > header{
  border-bottom:1px solid #d8e2e9;
}

.acg-academy-interactive__viewer > footer{
  border-top:1px solid #d8e2e9;
  color:#8092a0;
  font:800 7px Arial,sans-serif;
  letter-spacing:.1em;
}

.acg-academy-interactive__viewer footer strong{
  color:#0c53a5;
}

.acg-academy-interactive__viewer header > div{
  display:flex;
  align-items:center;
  gap:10px;
}

.acg-academy-interactive__viewer header span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  color:#fff;
  background:#0c53a5;
  font:950 16px Arial,sans-serif;
}

.acg-academy-interactive__viewer header strong{
  color:#022041;
  font:900 10px Arial,sans-serif;
}

.acg-academy-interactive__viewer header small{
  color:#8193a2;
  font:800 7px Arial,sans-serif;
  letter-spacing:.11em;
}

.acg-academy-interactive__stage{
  position:relative;
  height:520px;
  overflow:hidden;
  background:
    linear-gradient(rgba(12,83,165,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(12,83,165,.055) 1px,transparent 1px),
    #e8eff4;
  background-size:36px 36px;
}

.acg-academy-3d{
  position:absolute;
  inset:0;
  transform:
    perspective(900px)
    rotateX(4deg)
    rotateY(-8deg);
}

.acg-academy-3d__runway{
  position:absolute;
  width:65%;
  height:6px;
  background:#71899c;
}

.acg-academy-3d__runway--1{
  top:24%;
  left:10%;
}

.acg-academy-3d__runway--2{
  top:62%;
  left:24%;
}

.acg-academy-3d__bridge{
  position:absolute;
  top:30%;
  left:20%;
  width:62%;
  height:95px;
}

.acg-academy-3d__bridge i{
  position:absolute;
  left:0;
  width:100%;
  height:18px;
  border:4px solid #0c53a5;
}

.acg-academy-3d__bridge i:first-child{
  top:0;
}

.acg-academy-3d__bridge i:last-child{
  bottom:0;
}

.acg-academy-3d__trolley{
  position:absolute;
  top:32%;
  left:52%;
  width:54px;
  height:39px;
  background:#022041;
}

.acg-academy-3d__rope{
  position:absolute;
  top:39%;
  left:calc(52% + 26px);
  width:2px;
  height:120px;
  background:#526d82;
}

.acg-academy-3d__hook{
  position:absolute;
  top:61%;
  left:calc(52% + 14px);
  color:#0c53a5;
  font-size:24px;
}

.acg-academy-hotspot{
  position:absolute;
  z-index:5;
  display:flex;
  align-items:center;
  gap:7px;
  padding:5px;
  border:0;
  background:transparent;
  cursor:pointer;
}

.acg-academy-hotspot span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#0c53a5;
  box-shadow:0 0 0 7px rgba(12,83,165,.13);
  font:900 8px Arial,sans-serif;
}

.acg-academy-hotspot strong{
  padding:6px 8px;
  color:#21425e;
  background:rgba(255,255,255,.92);
  font:800 7px Arial,sans-serif;
}

.acg-academy-hotspot--1{
  top:25%;
  left:16%;
}

.acg-academy-hotspot--2{
  top:36%;
  left:56%;
}

.acg-academy-hotspot--3{
  top:65%;
  left:57%;
}

.acg-academy-interactive__hint{
  position:absolute;
  left:18px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#647c8f;
  font:800 7px Arial,sans-serif;
}

.acg-academy-interactive__content h2{
  margin:20px 0 26px;
  color:#022041;
  font-size:clamp(42px,5vw,70px);
  font-weight:950;
  line-height:1.3;
  letter-spacing:-.04em;
}

.acg-academy-interactive__content > p{
  margin:0;
  color:#687c8e;
  font-size:14px;
  line-height:2.15;
}

.acg-academy-interactive__features{
  margin-top:40px;
  border-top:1px solid #c8d5df;
}

.acg-academy-interactive__features div{
  min-height:62px;
  display:grid;
  grid-template-columns:45px 1fr;
  align-items:center;
  border-bottom:1px solid #c8d5df;
}

.acg-academy-interactive__features span{
  color:#0c53a5;
  font:900 9px Arial,sans-serif;
}

.acg-academy-interactive__features strong{
  color:#29465e;
  font-size:11px;
}


/* =========================================================
   LEARNING PATH
   ========================================================= */

.acg-academy-path{
  padding:150px 0 160px;
  background:#06192d;
  color:#fff;
}

.acg-academy-path .acg-academy-kicker{
  color:#72bbe8;
}

.acg-academy-path__rail{
  margin-top:82px;
  display:grid;
  grid-template-columns:
    1fr 22px
    1fr 22px
    1fr 22px
    1fr 22px
    1fr 22px
    1fr 22px
    1fr;
  align-items:center;
}

.acg-academy-path__rail article{
  min-height:245px;
  padding:25px 18px;
  border-top:1px solid rgba(255,255,255,.17);
  border-bottom:1px solid rgba(255,255,255,.17);
  transition:
    background .3s ease,
    transform .3s ease;
}

.acg-academy-path__rail article:hover{
  transform:translateY(-5px);
  background:rgba(255,255,255,.05);
}

.acg-academy-path__rail article > span{
  color:#68b5e5;
  font:900 10px Arial,sans-serif;
}

.acg-academy-path__rail small{
  display:block;
  margin-top:35px;
  color:#6f899d;
  font:800 8px Arial,sans-serif;
  letter-spacing:.12em;
}

.acg-academy-path__rail h3{
  margin:8px 0;
  color:#fff;
  font-size:17px;
}

.acg-academy-path__rail p{
  margin:0;
  color:#9eb1c0;
  font-size:11px;
  line-height:1.9;
}

.acg-academy-path__rail > i{
  height:1px;
  background:rgba(105,184,232,.3);
}


/* =========================================================
   DIGITAL CERTIFICATE
   ========================================================= */

.acg-academy-certificate{
  padding:155px 0;
  background:#fff;
}

.acg-academy-certificate__grid{
  display:grid;
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
  gap:95px;
  align-items:center;
}

.acg-academy-certificate__content h2{
  margin:20px 0 27px;
  color:#022041;
  font-size:clamp(42px,5vw,70px);
  font-weight:950;
  line-height:1.3;
  letter-spacing:-.04em;
}

.acg-academy-certificate__content > p{
  margin:0;
  color:#687c8e;
  font-size:14px;
  line-height:2.1;
}

.acg-academy-certificate__content ul{
  margin:36px 0 0;
  padding:0;
  list-style:none;
  border-top:1px solid #d3dee6;
}

.acg-academy-certificate__content li{
  min-height:52px;
  display:flex;
  align-items:center;
  gap:11px;
  border-bottom:1px solid #d3dee6;
  color:#29465d;
  font-size:11px;
  font-weight:800;
}

.acg-academy-certificate__content li i{
  color:#0c53a5;
}

.acg-academy-certificate__card{
  padding:38px;
  background:#edf2f6;
}

.acg-academy-certificate__paper{
  padding:34px;
  border:1px solid #cbd7df;
  background:
    linear-gradient(rgba(12,83,165,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(12,83,165,.025) 1px,transparent 1px),
    #fff;
  background-size:28px 28px;
  box-shadow:0 25px 65px rgba(2,32,65,.13);
}

.acg-academy-certificate__paper > header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
}

.acg-academy-certificate__paper header > div{
  display:flex;
  align-items:center;
  gap:12px;
}

.acg-academy-certificate__paper header img{
  width:57px;
  height:auto;
}

.acg-academy-certificate__paper header strong,
.acg-academy-certificate__paper header small{
  display:block;
}

.acg-academy-certificate__paper header strong{
  color:#022041;
  font:950 13px Arial,sans-serif;
}

.acg-academy-certificate__paper header small,
.acg-academy-certificate__paper header > span{
  margin-top:4px;
  color:#8798a5;
  font:800 7px Arial,sans-serif;
  letter-spacing:.1em;
}

.acg-academy-certificate__body{
  padding:60px 0 52px;
  text-align:center;
}

.acg-academy-certificate__body > small{
  color:#8798a5;
  font:800 8px Arial,sans-serif;
  letter-spacing:.16em;
}

.acg-academy-certificate__body h3{
  margin:18px 0;
  color:#022041;
  font:950 34px Arial,sans-serif;
}

.acg-academy-certificate__body > p{
  margin:0;
  color:#617589;
  font-size:12px;
  line-height:2;
}

.acg-academy-certificate__body > p strong{
  color:#0c53a5;
}

.acg-academy-certificate__meta{
  margin-top:40px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #d8e2e9;
  border-bottom:1px solid #d8e2e9;
}

.acg-academy-certificate__meta div{
  padding:16px;
  border-left:1px solid #d8e2e9;
}

.acg-academy-certificate__meta div:last-child{
  border-left:0;
}

.acg-academy-certificate__meta small,
.acg-academy-certificate__meta strong{
  display:block;
}

.acg-academy-certificate__meta small{
  color:#8b9aa6;
  font:700 7px Arial,sans-serif;
}

.acg-academy-certificate__meta strong{
  margin-top:6px;
  color:#24445f;
  font:900 9px Arial,sans-serif;
}

.acg-academy-certificate__paper > footer{
  display:grid;
  grid-template-columns:60px 1fr auto;
  gap:14px;
  align-items:center;
  padding-top:24px;
  border-top:1px solid #d8e2e9;
}

.acg-academy-certificate__qr{
  width:55px;
  height:55px;
  display:grid;
  place-items:center;
  color:#022041;
  background:#eef3f7;
  font-size:38px;
}

.acg-academy-certificate__paper footer small,
.acg-academy-certificate__paper footer strong{
  display:block;
}

.acg-academy-certificate__paper footer small{
  color:#8a99a5;
  font:700 7px Arial,sans-serif;
}

.acg-academy-certificate__paper footer strong{
  margin-top:5px;
  color:#173650;
  font:900 9px Arial,sans-serif;
}

.acg-academy-certificate__paper footer > span{
  color:#0c53a5;
  font:900 7px Arial,sans-serif;
  letter-spacing:.1em;
}

.acg-academy-certificate__tag{
  margin-top:14px;
  color:#7c8f9f;
  text-align:center;
  font-size:9px;
}


/* =========================================================
   ON-SITE TRAINING
   ========================================================= */

.acg-academy-onsite{
  padding:155px 0;
  background:#eef3f7;
}

.acg-academy-onsite__grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  gap:95px;
  align-items:center;
}

.acg-academy-onsite__visual{
  position:relative;
  min-height:540px;
  overflow:hidden;
  background:
    linear-gradient(rgba(12,83,165,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(12,83,165,.06) 1px,transparent 1px),
    #dfe9f0;
  background-size:44px 44px;
}

.acg-academy-onsite__beam{
  position:absolute;
  top:25%;
  left:10%;
  width:80%;
  height:18px;
  border:4px solid #0c53a5;
}

.acg-academy-onsite__hoist{
  position:absolute;
  top:25%;
  left:53%;
  width:52px;
  height:45px;
  background:#022041;
}

.acg-academy-onsite__trainer,
.acg-academy-onsite__team{
  position:absolute;
  bottom:20%;
  display:grid;
  place-items:center;
  color:#0c53a5;
}

.acg-academy-onsite__trainer{
  right:24%;
  font-size:64px;
}

.acg-academy-onsite__team{
  left:22%;
  font-size:78px;
}

.acg-academy-onsite__label{
  position:absolute;
  right:24px;
  bottom:24px;
  padding:14px 17px;
  color:#fff;
  background:#022041;
}

.acg-academy-onsite__label span,
.acg-academy-onsite__label strong{
  display:block;
}

.acg-academy-onsite__label span{
  color:#6db6e5;
  font:800 7px Arial,sans-serif;
}

.acg-academy-onsite__label strong{
  margin-top:5px;
  font:900 9px Arial,sans-serif;
}

.acg-academy-onsite__content h2{
  margin:20px 0 27px;
  color:#022041;
  font-size:clamp(42px,5vw,68px);
  font-weight:950;
  line-height:1.32;
  letter-spacing:-.04em;
}

.acg-academy-onsite__content > p{
  margin:0;
  color:#687c8e;
  font-size:14px;
  line-height:2.15;
}

.acg-academy-onsite__topics{
  margin-top:40px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.acg-academy-onsite__topics span{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  color:#0c53a5;
  border:1px solid #c6d5e0;
  background:#fff;
  font:900 8px Arial,sans-serif;
}


/* =========================================================
   FAQ
   ========================================================= */

.acg-academy-faq{
  padding:150px 0;
  background:#fff;
}

.acg-academy-faq__list{
  margin-top:70px;
  border-top:1px solid #d6e0e8;
}

.acg-academy-faq details{
  border-bottom:1px solid #d6e0e8;
}

.acg-academy-faq summary{
  min-height:95px;
  display:grid;
  grid-template-columns:55px 1fr 48px;
  gap:20px;
  align-items:center;
  list-style:none;
  cursor:pointer;
  transition:
    padding .25s ease,
    background .25s ease;
}

.acg-academy-faq summary::-webkit-details-marker{
  display:none;
}

.acg-academy-faq summary:hover{
  padding-inline:14px;
  background:#f5f8fb;
}

.acg-academy-faq summary > span{
  color:#0c53a5;
  font:900 10px Arial,sans-serif;
}

.acg-academy-faq summary strong{
  color:#022041;
  font-size:16px;
}

.acg-academy-faq summary > i{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  justify-self:end;
  border:1px solid #cbd8e2;
  color:#0c53a5;
  transition:.3s ease;
}

.acg-academy-faq details[open] summary{
  background:#f4f8fb;
}

.acg-academy-faq details[open] summary > i{
  color:#fff;
  background:#0c53a5;
  border-color:#0c53a5;
  transform:rotate(45deg);
}

.acg-academy-faq__answer{
  padding:0 75px 30px 55px;
}

.acg-academy-faq__answer p{
  max-width:900px;
  margin:0;
  color:#697d8f;
  font-size:13px;
  line-height:2.1;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.acg-academy-final{
  position:relative;
  min-height:700px;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(
      circle at 25% 50%,
      rgba(16,105,190,.28),
      transparent 31%
    ),
    #01172d;
}

.acg-academy-final__grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(79,154,211,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(79,154,211,.08) 1px,transparent 1px);
  background-size:64px 64px;
}

.acg-academy-final__content{
  position:relative;
  z-index:2;
}

.acg-academy-final .acg-academy-kicker{
  color:#72bbe8;
}

.acg-academy-final h2{
  max-width:1000px;
  margin:24px 0;
  color:#fff;
  font-size:clamp(50px,6.5vw,94px);
  font-weight:950;
  line-height:1.17;
  letter-spacing:-.05em;
}

.acg-academy-final p{
  max-width:690px;
  margin:0;
  color:#b3c7d6;
  font-size:15px;
  line-height:2.05;
}

.acg-academy-final__actions{
  margin-top:38px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.acg-academy-final__actions a{
  min-width:190px;
  min-height:55px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  text-decoration:none;
  font-weight:900;
  transition:.25s ease;
}

.acg-academy-final__actions a:hover{
  transform:translateY(-4px);
}

.acg-academy-final__primary{
  color:#022041;
  background:#fff;
}

.acg-academy-final__secondary{
  color:#fff;
  border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.04);
}

.acg-academy-final__rail{
  max-width:800px;
  margin-top:65px;
  display:flex;
  align-items:center;
  gap:18px;
}

.acg-academy-final__rail span{
  color:#7fa8c4;
  font:800 8px Arial,sans-serif;
  letter-spacing:.13em;
}

.acg-academy-final__rail i{
  flex:1;
  height:1px;
  background:rgba(112,188,234,.3);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1100px){

  .acg-academy-interactive__grid,
  .acg-academy-certificate__grid,
  .acg-academy-onsite__grid{
    grid-template-columns:1fr;
    gap:55px;
  }

  .acg-academy-path__rail{
    grid-template-columns:repeat(4,1fr);
    gap:10px;
  }

  .acg-academy-path__rail > i{
    display:none;
  }

}

@media(max-width:700px){

  .acg-academy-path__rail{
    grid-template-columns:repeat(2,1fr);
  }

  .acg-academy-certificate__card{
    padding:18px;
  }

  .acg-academy-certificate__paper{
    padding:20px;
  }

  .acg-academy-certificate__meta{
    grid-template-columns:1fr;
  }

  .acg-academy-certificate__meta div{
    border-left:0;
    border-bottom:1px solid #d8e2e9;
  }

}

@media(max-width:600px){

  .acg-academy-interactive,
  .acg-academy-path,
  .acg-academy-certificate,
  .acg-academy-onsite,
  .acg-academy-faq{
    padding:82px 0;
  }

  .acg-academy-interactive__stage{
    height:380px;
  }

  .acg-academy-hotspot strong{
    display:none;
  }

  .acg-academy-path__rail{
    margin-top:50px;
    grid-template-columns:1fr;
  }

  .acg-academy-path__rail article{
    min-height:auto;
  }

  .acg-academy-certificate__paper > footer{
    grid-template-columns:55px 1fr;
  }

  .acg-academy-certificate__paper footer > span{
    display:none;
  }

  .acg-academy-onsite__visual{
    min-height:400px;
  }

  .acg-academy-faq summary{
    grid-template-columns:35px 1fr 42px;
    gap:10px;
  }

  .acg-academy-faq__answer{
    padding:0 45px 25px 15px;
  }

  .acg-academy-final{
    min-height:650px;
  }

  .acg-academy-final h2{
    font-size:47px;
  }

  .acg-academy-final__actions{
    display:grid;
  }

  .acg-academy-final__actions a{
    width:100%;
  }

  .acg-academy-final__rail{
    display:none;
  }

}