.elementor-560 .elementor-element.elementor-element-85c7401{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-d5f4d23{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-1e32e9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-1e32e9e:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-1e32e9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FC;}.elementor-560 .elementor-element.elementor-element-f8fb2b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-e98cf2c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-e98cf2c:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-e98cf2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FC;}.elementor-560 .elementor-element.elementor-element-0d3eae1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-58d2e60{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-58d2e60:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-58d2e60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#005188;}.elementor-560 .elementor-element.elementor-element-e565481{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-e565481:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-e565481 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FC;}.elementor-560 .elementor-element.elementor-element-bea4e65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-bea4e65:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-bea4e65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#005188;}@media(min-width:768px){.elementor-560 .elementor-element.elementor-element-1e32e9e{--content-width:1440px;}.elementor-560 .elementor-element.elementor-element-f8fb2b8{--content-width:1440px;}.elementor-560 .elementor-element.elementor-element-e98cf2c{--content-width:1440px;}.elementor-560 .elementor-element.elementor-element-0d3eae1{--content-width:1440px;}.elementor-560 .elementor-element.elementor-element-58d2e60{--content-width:1440px;}.elementor-560 .elementor-element.elementor-element-e565481{--content-width:1440px;}.elementor-560 .elementor-element.elementor-element-bea4e65{--content-width:1440px;}}@media(max-width:1024px){.elementor-560 .elementor-element.elementor-element-85c7401{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-560 .elementor-element.elementor-element-85c7401{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-d5f4d23 *//* ── HERO ── */
.hero{background:var(--w);overflow:hidden}
.hero-in{display:grid;grid-template-columns:1fr 1fr;min-height:540px}
.hero-left{padding:80px 60px 80px 40px;display:flex;flex-direction:column;justify-content:center;max-width:680px;margin-left:auto}
.hero-left h1{font-size:clamp(30px,3.4vw,52px);font-weight:800;color:var(--tx);letter-spacing:-2.5px;line-height:1.03;margin-bottom:20px}
.hero-left h1 span{color:var(--p)}
.hero-left .desc{font-size:15.5px;color:var(--mu);line-height:1.78;margin-bottom:36px}
.hb-p{display:inline-flex;align-items:center;background:var(--p);color:#fff;font-family:'Overused Grotesk',sans-serif;font-size:15px;font-weight:700;padding:13px 30px;border-radius:100px;border:none;cursor:pointer;transition:all .25s;align-self:flex-start}
.hb-p:hover{background:var(--pd);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,81,136,.28)}
.hero-img{overflow:hidden}
.hero-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ── SHARED ── */
.sec{padding:84px 40px}
.wrap{max-width:1280px;margin:0 auto}
.sec-h{font-size:clamp(22px,2.2vw,32px);font-weight:800;color:var(--tx);letter-spacing:-1px;margin-bottom:32px}

/* ── PROGRAM CARDS ── */
.prog-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.prog-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.prog-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pcard{background:var(--w);border:1.5px solid var(--br);border-radius:var(--rx);padding:28px;transition:all .3s;position:relative;overflow:hidden}
.pcard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--p),var(--a));opacity:0;transition:opacity .3s}
.pcard:hover{box-shadow:0 14px 44px rgba(0,81,136,.1);border-color:rgba(120,189,231,.45);transform:translateY(-3px)}
.pcard:hover::before{opacity:1}
.pcard h3{font-size:16px;font-weight:800;color:var(--tx);margin-bottom:9px;letter-spacing:-.3px}
.pcard p{font-size:13.5px;color:var(--mu);line-height:1.68}

/* ── PROCESS ── */
.process-sec{background:var(--p);padding:84px 40px}
.process-sec h2{font-size:clamp(26px,2.8vw,42px);font-weight:800;color:#fff;letter-spacing:-1.5px;margin-bottom:10px}
.process-sec .proc-intro{font-size:15px;color:rgba(255,255,255,.5);line-height:1.7;max-width:600px;margin-bottom:48px}
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(255,255,255,.07);border-radius:var(--rx);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.pstep{padding:28px 24px;background:rgba(255,255,255,.04);transition:background .25s}
.pstep:hover{background:rgba(255,255,255,.09)}
.pstep-n{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--a);opacity:.75;margin-bottom:10px}
.pstep-t{font-size:14px;font-weight:800;color:#fff;letter-spacing:-.2px;margin-bottom:9px;line-height:1.3}
.pstep-d{font-size:12.5px;color:rgba(255,255,255,.45);line-height:1.65}

/* ── WHY MSI ── */
.why-sec{background:var(--off);padding:84px 40px}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}
.why-item{display:flex;align-items:flex-start;gap:14px;background:var(--w);padding:22px 24px;border-radius:var(--r);border:1px solid var(--br)}
.why-chk{width:32px;height:32px;border-radius:9px;background:var(--ap);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.why-item span{font-size:14.5px;font-weight:600;color:var(--md);line-height:1.45}

/* ── CTA ── */
.cta-sec{background:var(--p);padding:84px 40px;text-align:center;position:relative;overflow:hidden}
.cta-sec::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 18% 50%,rgba(255,255,255,.04),transparent 55%),radial-gradient(circle at 82% 50%,rgba(120,189,231,.1),transparent 55%)}
.cta-inner{position:relative;z-index:1}
.cta-sec p{font-size:17px;color:rgba(255,255,255,.75);line-height:1.7;margin-bottom:32px;font-weight:500;max-width:540px;margin-left:auto;margin-right:auto}
.cb-p{display:inline-flex;background:var(--w);color:var(--p);font-family:'Overused Grotesk',sans-serif;font-size:15px;font-weight:700;padding:14px 36px;border-radius:100px;cursor:pointer;transition:all .25s;border:2px solid transparent}
.cb-p:hover{background:var(--ap);transform:translateY(-2px)}
/* ════════════════════════════════
   L&D PAGE – RESPONSIVE
   ════════════════════════════════ */

/* ── HERO ── */
@media (max-width: 900px) {
  .hero-in {
    grid-template-columns: 1fr;
    min-height: unset;
  }
  .hero-left {
    padding: 60px 32px 48px;
    max-width: 100%;
    margin-left: 0;
  }
  .hero-img {
    height: 320px;
  }
}

@media (max-width: 600px) {
  .hero-left {
    padding: 48px 20px 40px;
  }
  .hero-left h1 {
    font-size: 34px;
    letter-spacing: -1.5px;
  }
  .hero-left .desc {
    font-size: 14.5px;
    margin-bottom: 28px;
  }
  .hb-p {
    font-size: 14px;
    padding: 12px 24px;
    width: 100%;
    justify-content: center;
  }
  .hero-img {
    height: 240px;
  }
}

/* ── PROGRAM CARD GRIDS ── */
@media (max-width: 1024px) {
  .prog-grid-3,
  .prog-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Fix the orphaned last card in Digital section */
  .prog-grid-4 .pcard[style*="grid-column"] {
    grid-column: auto !important;
    max-width: 100% !important;
  }
}

@media (max-width: 600px) {
  .sec {
    padding: 60px 20px;
  }
  .sec-h {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .prog-grid-3,
  .prog-grid-2,
  .prog-grid-4 {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  /* Fix orphaned last card on mobile too */
  .prog-grid-4 .pcard[style*="grid-column"] {
    grid-column: auto !important;
    max-width: 100% !important;
  }

  .pcard {
    padding: 22px 18px;
  }
}

/* ── PROCESS ── */
@media (max-width: 900px) {
  .proc-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .process-sec {
    padding: 60px 20px;
  }
  .process-sec h2 {
    font-size: 26px;
    letter-spacing: -1px;
    margin-bottom: 8px;
  }
  .process-sec .proc-intro {
    font-size: 14px;
    margin-bottom: 32px;
  }
  .proc-grid {
    grid-template-columns: 1fr;
  }
  .pstep {
    padding: 22px 18px;
  }
  .pstep-t {
    font-size: 14px;
  }
  .pstep-d {
    font-size: 12.5px;
  }
}

/* ── WHY MSI ── */
@media (max-width: 600px) {
  .why-sec {
    padding: 60px 20px;
  }
  .why-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 24px;
  }
  .why-item {
    padding: 18px 16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85c7401 */.hero{padding:0;background:var(--w);position:relative;overflow:hidden;margin-top:68px}
.hero-in{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.hero-left{padding:80px 60px 80px 40px;display:flex;flex-direction:column;justify-content:center;max-width:680px;margin-left:auto}
.hero-left h1{font-size:clamp(34px,3.8vw,56px);font-weight:800;color:var(--tx);letter-spacing:-2.5px;line-height:1.03;margin-bottom:20px}
.hero-left h1 span{color:var(--p)}
.hero-left .p1{font-size:15.5px;color:var(--mu);line-height:1.78;margin-bottom:12px}
.hero-left .p2{font-size:14.5px;color:var(--md);line-height:1.7;margin-bottom:36px;font-weight:500}
.hb-p{display:inline-flex;align-items:center;background:var(--p);color:#fff;font-family:'Overused Grotesk',sans-serif;font-size:15px;font-weight:700;padding:13px 30px;border-radius:100px;border:none;cursor:pointer;transition:all .25s;align-self:flex-start}
.hb-p:hover{background:var(--pd);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,81,136,.28)}
.hero-img{position:relative;overflow:hidden}
.hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.hero-img::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.18) 0%,transparent 40%)}

/* ── METRICS STRIP ── */
.metrics{background:var(--p);padding:0}
.met-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.met{text-align:center;padding:32px 20px;position:relative}
.met:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.14)}
.met-n{font-size:clamp(26px,2.8vw,40px);font-weight:800;color:#fff;letter-spacing:-2px;line-height:1;margin-bottom:6px}
.met-n em{font-style:normal;color:var(--a)}
.met-l{font-size:11.5px;color:rgba(255,255,255,.5);letter-spacing:.8px;text-transform:uppercase;font-weight:500}

/* ── SERVICES ── */
.services-sec{background:var(--off);padding:84px 40px}
.wrap{max-width:1280px;margin:0 auto}
.sec-h{font-size:clamp(24px,2.4vw,36px);font-weight:800;color:var(--tx);letter-spacing:-1.2px;margin-bottom:40px}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scard{background:var(--w);border:1.5px solid var(--br);border-radius:var(--rx);padding:32px;transition:all .3s;position:relative;overflow:hidden}
.scard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--p),var(--a));opacity:0;transition:opacity .3s}
.scard:hover{box-shadow:0 16px 48px rgba(0,81,136,.1);border-color:rgba(120,189,231,.45);transform:translateY(-3px)}
.scard:hover::before{opacity:1}
.scard-n{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--a);margin-bottom:12px}
.scard h3{font-size:17px;font-weight:800;color:var(--tx);margin-bottom:10px;letter-spacing:-.3px}
.scard p{font-size:13.5px;color:var(--mu);line-height:1.68}

/* ── PROCESS ── */
.process-sec{background:var(--p);padding:80px 40px}
.process-sec h2{font-size:clamp(26px,2.8vw,42px);font-weight:800;color:#fff;letter-spacing:-1.5px;text-align:center;margin-bottom:52px}
.chevron-flow{display:flex;align-items:stretch;justify-content:center;gap:0;max-width:1200px;margin:0 auto}
.chev{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:26px 10px 26px 28px;background:rgba(255,255,255,.12);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,18px 50%);transition:background .25s;cursor:default}
.chev:first-child{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);padding-left:18px}
.chev:hover{background:rgba(255,255,255,.2)}
.chev-n{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--a);opacity:.75;margin-bottom:7px}
.chev-t{font-size:13px;font-weight:700;color:#fff;line-height:1.35;padding:0 4px}

/* ── WHY MSI ── */
.why-sec{padding:84px 40px;background:var(--w)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}
.why-item{display:flex;align-items:flex-start;gap:14px;background:var(--off);padding:22px 24px;border-radius:var(--r);border:1px solid var(--br)}
.why-chk{width:32px;height:32px;border-radius:9px;background:var(--ap);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.why-item span{font-size:14.5px;font-weight:600;color:var(--md);line-height:1.45}

/* ── CTA ── */
.cta-sec{background:var(--p);padding:84px 40px;text-align:center;position:relative;overflow:hidden}
.cta-sec::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 18% 50%,rgba(255,255,255,.04),transparent 55%),radial-gradient(circle at 82% 50%,rgba(120,189,231,.1),transparent 55%)}
.cta-inner{position:relative;z-index:1}
.cta-sec p{font-size:17px;color:rgba(255,255,255,.75);line-height:1.7;margin-bottom:32px;font-weight:500;max-width:520px;margin-left:auto;margin-right:auto}
.cb-p{display:inline-flex;background:var(--w);color:var(--p);font-family:'Overused Grotesk',sans-serif;font-size:15px;font-weight:700;padding:14px 36px;border-radius:100px;cursor:pointer;transition:all .25s;border:2px solid transparent}
.cb-p:hover{background:var(--ap);transform:translateY(-2px)}

/* ── METRICS STRIP – responsive ── */
@media (max-width: 768px) {
  .met-in {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Remove the right-border divider on the 2nd column (it wraps) */
  .met:nth-child(2)::after,
  .met:nth-child(4)::after {
    display: none;
  }

  /* Add a bottom border between the two rows instead */
  .met:nth-child(1),
  .met:nth-child(2) {
    border-bottom: 1px solid rgba(255, 255, 255, .14);
  }

  .met {
    padding: 28px 16px;
  }
}

@media (max-width: 420px) {
  .met-in {
    grid-template-columns: 1fr 1fr;
  }

  .met {
    padding: 22px 12px;
  }

  .met-n {
    font-size: 28px;
  }

  .met-l {
    font-size: 10.5px;
  }
}

/* ── SERVICES – responsive ── */
@media (max-width: 1024px) {
  .svc-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .services-sec {
    padding: 60px 20px;
  }

  .svc-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .sec-h {
    font-size: 26px;
    margin-bottom: 28px;
  }

  .scard {
    padding: 24px 20px;
  }
}
/* ── PROCESS – responsive ── */
@media (max-width: 900px) {
  .chevron-flow {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }

  .chev {
    flex: 0 0 calc(33.333% - 10px);
    clip-path: none;
    border-radius: 10px;
    padding: 20px 14px;
    background: rgba(255, 255, 255, .12);
  }

  .chev:first-child {
    clip-path: none;
    padding-left: 14px;
  }
}

@media (max-width: 600px) {
  .process-sec {
    padding: 60px 20px;
  }

  .process-sec h2 {
    font-size: 26px;
    margin-bottom: 36px;
  }

  .chevron-flow {
    flex-direction: column;
    gap: 0;
    max-width: 400px;
    margin: 0 auto;
  }

  .chev,
  .chev:first-child {
    clip-path: none;
    border-radius: 0;
    padding: 18px 20px;
    background: transparent;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    text-align: left;
    border-left: 2px solid rgba(255, 255, 255, .15);
    position: relative;
  }

  /* Active dot on the timeline line */
  .chev::before {
    content: '';
    position: absolute;
    left: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--a);
    flex-shrink: 0;
  }

  .chev-n {
    font-size: 11px;
    margin-bottom: 0;
    opacity: 1;
    min-width: 24px;
  }

  .chev-t {
    font-size: 14px;
    padding: 0;
  }
}
/* ── WHY MSI – responsive ── */
@media (max-width: 600px) {
  .why-sec {
    padding: 60px 20px;
  }

  .why-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 24px;
  }

  .why-item {
    padding: 18px 16px;
  }
}

/* ── HERO – responsive ── */
@media (max-width: 900px) {
  .hero-in {
    grid-template-columns: 1fr;
    min-height: unset;
  }

  .hero-left {
    padding: 60px 32px 48px;
    max-width: 100%;
    margin-left: 0;
  }

  .hero-img {
    height: 320px;
  }
}

@media (max-width: 600px) {
  .hero {
    margin-top: 60px;
  }

  .hero-left {
    padding: 48px 20px 40px;
  }

  .hero-left h1 {
    font-size: 36px;
    letter-spacing: -1.5px;
  }

  .hero-left .p1 {
    font-size: 14.5px;
  }

  .hero-left .p2 {
    font-size: 13.5px;
    margin-bottom: 28px;
  }

  .hb-p {
    font-size: 14px;
    padding: 12px 24px;
    width: 100%;
    justify-content: center;
  }

  .hero-img {
    height: 240px;
  }
}/* End custom CSS */