/* Page-isolated composition for the custom eLearning screenshot. */
@import url("new-page-base.css");
.page-solution-custom-elearning .nf-hero{min-height:720px;background-position:center 40%}.page-solution-custom-elearning .nf-hero__content{text-align:center;padding-top:175px}.page-solution-custom-elearning .nf-hero__content p{margin-left:auto;margin-right:auto}.page-solution-custom-elearning .nf-hero__content .btn-row{justify-content:center}.page-solution-custom-elearning .nf-band.green{height:100px;background:var(--nf-lime);clip-path:polygon(0 0,100% 20%,100% 100%,0 100%)}.page-solution-custom-elearning .nf-section{padding:140px 0}.page-solution-custom-elearning .nf-section.dark{background:var(--nf-dark)}.page-solution-custom-elearning .nf-section.lime{background:var(--nf-green)}.page-solution-custom-elearning .nf-section.dark h2,.page-solution-custom-elearning .nf-section.dark h3{color:var(--nf-lime)}.page-solution-custom-elearning .nf-section:nth-of-type(2) .nf-list{grid-template-columns:1fr 1fr}.page-solution-custom-elearning .nf-section:nth-of-type(3) .nf-case{padding:70px 0}.page-solution-custom-elearning .nf-section:nth-of-type(3) .nf-image{border-radius:50%;min-height:310px}.page-solution-custom-elearning .nf-section:nth-of-type(4) .nf-image{border-radius:50%}.page-solution-custom-elearning .nf-section:nth-of-type(5) .nf-list{grid-template-columns:repeat(3,1fr)}.page-solution-custom-elearning .nf-section:nth-of-type(6) .nf-case{min-height:430px}@media(max-width:900px){.page-solution-custom-elearning .nf-hero__content{text-align:left}.page-solution-custom-elearning .nf-hero__content .btn-row{justify-content:flex-start}.page-solution-custom-elearning .nf-section:nth-of-type(5) .nf-list{grid-template-columns:1fr 1fr}}@media(max-width:600px){.page-solution-custom-elearning .nf-section:nth-of-type(2) .nf-list,.page-solution-custom-elearning .nf-section:nth-of-type(5) .nf-list{grid-template-columns:1fr}.page-solution-custom-elearning .nf-section{padding:80px 0}}
.page-solution-custom-elearning .nf-hero{background-position:center 30%}
.page-solution-custom-elearning .nf-solution-overview{padding-top:118px;padding-bottom:128px}
.page-solution-custom-elearning .nf-solution-overview .nf-split{align-items:start}
.page-solution-custom-elearning .nf-solution-overview h2{color:var(--nf-lime)}
.page-solution-custom-elearning .nf-solution-overview .nf-list{margin-top:0}
.page-solution-custom-elearning .nf-solution-overview .nf-list li{color:#fff}
.page-solution-custom-elearning .nf-solution-overview:before{content:"";position:absolute;left:-150px;top:125px;width:270px;height:270px;border-radius:50%;background:var(--nf-lime)}
.page-solution-custom-elearning .nf-overview-photo{width:190px!important;margin:0 0 28px!important}
.page-solution-custom-elearning .nf-solution-overview h2{font-size:clamp(34px,4vw,52px)}
@media(max-width:600px){.page-solution-custom-elearning .nf-solution-overview:before{left:-170px;top:80px;width:230px;height:230px}.page-solution-custom-elearning .nf-overview-photo{width:150px!important}}
.page-solution-custom-elearning .nf-hero{min-height:540px}
.page-solution-custom-elearning .nf-hero__content{padding-top:112px;padding-bottom:58px}
.page-solution-custom-elearning .nf-band{height:72px}
.page-solution-custom-elearning .nf-section{padding-top:76px;padding-bottom:76px}
@media(max-width:900px){.page-solution-custom-elearning .nf-hero{min-height:570px}.page-solution-custom-elearning .nf-hero__content{padding-top:110px}.page-solution-custom-elearning .nf-section{padding-top:64px;padding-bottom:64px}}
@media(max-width:600px){.page-solution-custom-elearning .nf-hero{min-height:560px}.page-solution-custom-elearning .nf-hero__content{padding-top:84px;padding-bottom:70px}.page-solution-custom-elearning .nf-band{height:58px}.page-solution-custom-elearning .nf-section{padding-top:54px;padding-bottom:54px}}
.page-solution-custom-elearning .nf-centered-copy{max-width:620px;margin:0 auto 20px;text-align:center}
.page-solution-custom-elearning .nf-unique .nf-case{padding:30px 0;min-height:180px}
.page-solution-custom-elearning .nf-experience .nf-list{margin-top:0}
.page-solution-custom-elearning .nf-organizations .nf-split{align-items:center}
.page-solution-custom-elearning .nf-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center}
.page-solution-custom-elearning .nf-logo-grid img{display:block;width:100%;max-height:48px;object-fit:contain}
.page-solution-custom-elearning .nf-organizations h2{font-size:clamp(34px,4vw,50px)}
@media(max-width:900px){.page-solution-custom-elearning .nf-logo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.page-solution-custom-elearning .nf-logo-grid{grid-template-columns:repeat(2,1fr);gap:14px}.page-solution-custom-elearning .nf-centered-copy{text-align:left}}
.page-solution-custom-elearning .nf-band.green{height:72px;clip-path:polygon(0 0,100% 18%,100% 100%,0 100%)}
@media(max-width:600px){.page-solution-custom-elearning .nf-band.green{height:58px}}
@media(min-width:901px){
  .page-solution-custom-elearning .nf-hero{min-height:540px}
  .page-solution-custom-elearning .nf-hero__content{padding-top:112px;padding-bottom:58px}
  .page-solution-custom-elearning .nf-band.green{height:100px;margin-bottom:0;background:var(--nf-lime)!important;clip-path:polygon(0 0,100% 20%,100% 100%,0 100%)}
}
@media(max-width:900px){.page-solution-custom-elearning .nf-band.green{height:72px;margin-bottom:0;background:var(--nf-lime);clip-path:polygon(0 0,100% 20%,100% 100%,0 100%)}}
@media(min-width:901px){.page-solution-custom-elearning .nf-band.green{height:32px!important;margin-top:-1px!important;background:var(--nf-lime)!important;clip-path:polygon(0 0,100% 35%,100% 100%,0 100%)!important}}
@media(max-width:900px){.page-solution-custom-elearning .nf-band.green{height:24px!important;margin-top:-1px!important;background:var(--nf-lime)!important;clip-path:polygon(0 0,100% 35%,100% 100%,0 100%)!important}}

/* Figma: page-specific transition from the hero into the first section. */
.page-solution-custom-elearning header.nf-hero + .nf-band.green {
  --hero-transition-height: clamp(24px, 6.4vw, 96px);
  position: relative;
  z-index: 1;
  height: var(--hero-transition-height) !important;
  margin-top: 0 !important;
  margin-bottom: calc(-1 * var(--hero-transition-height));
  background: var(--green-deep) !important;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 5%) !important;
}
.page-solution-custom-elearning header.nf-hero + .nf-band.green::after {
  display: none;
}

/* Screenshot QA: corrections remain scoped to this page. */

.page-solution-custom-elearning{font-family:var(--font)}.page-solution-custom-elearning .nf-wrap{width:100%;max-width:1200px;padding:0 24px}.page-solution-custom-elearning .nf-split{gap:90px}.page-solution-custom-elearning .nf-split>div{min-width:0}
.page-solution-custom-elearning .nf-section{padding:120px 0}.page-solution-custom-elearning .nf-section h2{font-size:50px;font-weight:400;line-height:1.08;letter-spacing:-.035em}.page-solution-custom-elearning .nf-section p{font-size:16px;line-height:1.4}.page-solution-custom-elearning .nf-buttons{gap:10px}.page-solution-custom-elearning .nf-buttons .pill{padding:12px 30px;font-size:14px;white-space:normal;max-width:calc(100% - 58px);text-transform:none;letter-spacing:0;font-weight:500}
.page-solution-custom-elearning .nf-solution-overview{padding:150px 0 80px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='14' viewBox='0 0 24 14'%3E%3Cpath d='M0 4L6 0L12 4L18 0L24 4M0 11L6 7L12 11L18 7L24 11' fill='none' stroke='%233c673d' stroke-opacity='.52' stroke-width='1'/%3E%3C/svg%3E")}.page-solution-custom-elearning .nf-solution-overview h2{font-size:42px}.page-solution-custom-elearning .nf-solution-overview .nf-list{grid-template-columns:1fr;margin-top:65px}.page-solution-custom-elearning .nf-solution-overview .nf-list li{padding:18px 0;border-color:var(--green-deep)}.page-solution-custom-elearning .nf-solution-overview .nf-list strong{color:var(--lime2);display:block;font-size:16px;margin-bottom:6px}.page-solution-custom-elearning .nf-solution-overview .nf-list p{margin:0}
.page-solution-custom-elearning .nf-solution-overview .nf-overview-photo{width:340px!important;height:340px;min-height:0;margin:42px 0 0!important}.page-solution-custom-elearning .nf-solution-overview::before{top:auto;bottom:95px;left:-185px;width:350px;height:350px}.page-solution-custom-elearning .nf-solution-overview>.nf-orb{display:none}
.page-solution-custom-elearning .nf-unique{text-align:center;overflow:hidden;padding-bottom:150px}.page-solution-custom-elearning .nf-unique h2{color:#666}.page-solution-custom-elearning .nf-centered-copy{max-width:800px;color:#767676;margin:28px auto 90px}.page-solution-custom-elearning .nf-unique .nf-case{grid-template-columns:300px 1fr;gap:40px;width:820px;max-width:100%;min-height:330px;padding:0;border:0;text-align:left;margin:0 auto 0 0}.page-solution-custom-elearning .nf-unique .nf-case>div:first-child{order:2}.page-solution-custom-elearning .nf-unique .nf-case>.nf-image{order:1;width:300px;height:300px;min-height:0}.page-solution-custom-elearning .nf-unique .nf-case:nth-child(even){margin-left:auto;margin-right:0;grid-template-columns:1fr 300px}.page-solution-custom-elearning .nf-unique .nf-case:nth-child(even)>div:first-child{order:1}.page-solution-custom-elearning .nf-unique .nf-case:nth-child(even)>.nf-image{order:2}.page-solution-custom-elearning .nf-unique h3{font-size:25px;font-weight:600;color:#767676}.page-solution-custom-elearning .nf-unique h3::after{content:"";display:block;width:80%;height:12px;background:var(--green-deep);clip-path:polygon(0 100%,100% 0,100% 100%);margin:12px 0}.page-solution-custom-elearning .nf-unique .nf-case:nth-child(even) h3::after{background:var(--dark)}.page-solution-custom-elearning .nf-unique .nf-case p{padding-bottom:24px;border-bottom:1px solid #ccc;color:#767676}.page-solution-custom-elearning .nf-unique::before{content:"";position:absolute;top:350px;left:-180px;width:300px;height:300px;background:var(--green-deep);border-radius:50%}.page-solution-custom-elearning .nf-unique::after{content:"";position:absolute;right:11%;bottom:-170px;width:300px;height:300px;border-radius:50%;background:var(--dark)}
.page-solution-custom-elearning .nf-experience{padding:150px 0 180px;background:#80b530!important}.page-solution-custom-elearning .nf-experience .nf-list{grid-template-columns:1fr}.page-solution-custom-elearning .nf-experience .nf-list li{padding:20px 0;border-color:#b1ce74}.page-solution-custom-elearning .nf-experience::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:88px;background:var(--lime2);clip-path:polygon(0 0,100% 100%,0 100%)}
.page-solution-custom-elearning .nf-organizations{padding:160px 0 180px}.page-solution-custom-elearning .nf-logo-grid{display:block}.page-solution-custom-elearning .nf-logo-grid img{max-height:none;width:100%}
.page-solution-custom-elearning .nf-approach{padding:140px 0 100px}.page-solution-custom-elearning .nf-approach::before{content:"";position:absolute;left:0;top:0;width:100%;height:70px;background:var(--green);clip-path:polygon(0 0,100% 0,100% 100%)}.page-solution-custom-elearning .nf-approach>.nf-wrap>p{max-width:650px}.page-solution-custom-elearning .nf-section.nf-approach .nf-list{grid-template-columns:1fr 1fr;gap:38px 100px;margin-top:70px}.page-solution-custom-elearning .nf-approach-list li{border:0;padding:0}.page-solution-custom-elearning .nf-approach-list strong{display:block;background:var(--lime2);color:var(--dark);padding:12px 30px;border-radius:30px;font-size:16px;font-weight:500;margin-bottom:16px}.page-solution-custom-elearning .nf-approach-list li:nth-child(3) strong,.page-solution-custom-elearning .nf-approach-list li:nth-child(4) strong{background:#fff}
.page-solution-custom-elearning #case-studies>.nf-wrap>h2{text-align:center;margin-bottom:80px}.page-solution-custom-elearning #case-studies .nf-case{grid-template-columns:1fr 1fr;gap:90px;min-height:600px;padding:75px 0;border:0;position:relative}.page-solution-custom-elearning #case-studies .nf-case>div:first-child{order:2}.page-solution-custom-elearning #case-studies .nf-case>.nf-image{order:1;width:440px;height:440px;min-height:0;max-width:100%}.page-solution-custom-elearning #case-studies .nf-case:nth-child(even)>div:first-child{order:1}.page-solution-custom-elearning #case-studies .nf-case:nth-child(even)>.nf-image{order:2}.page-solution-custom-elearning #case-studies h3{font-size:42px;font-weight:400;line-height:1.08;letter-spacing:-.035em}.page-solution-custom-elearning #case-studies h4{font-size:16px;font-weight:600;margin:12px 0}.page-solution-custom-elearning #case-studies .nf-case:not(:last-child)::after{content:"";position:absolute;bottom:0;left:15%;width:70%;height:1px;background:#ccc}
.page-solution-custom-elearning #case-studies .nf-case:first-child::before,.page-solution-custom-elearning #case-studies .nf-case:last-child::before{content:"";position:absolute;top:100px;left:calc((1152px - 100vw)/2 - 240px);width:360px;height:360px;border-radius:50%;background:var(--green-deep)}.page-solution-custom-elearning #case-studies .nf-case:last-child::before{left:auto;right:calc((1152px - 100vw)/2 - 240px)}
@media(max-width:1100px){.page-solution-custom-elearning .nf-split{gap:48px}.page-solution-custom-elearning #case-studies .nf-case{gap:48px}.page-solution-custom-elearning #case-studies .nf-case>.nf-image{height:auto;aspect-ratio:1}.page-solution-custom-elearning .nf-section h2{font-size:42px}}
@media(max-width:900px){.page-solution-custom-elearning .nf-section{padding:80px 0}.page-solution-custom-elearning .nf-split{grid-template-columns:1fr;gap:32px}.page-solution-custom-elearning .nf-solution-overview .nf-list{margin-top:0}.page-solution-custom-elearning .nf-unique .nf-case,.page-solution-custom-elearning .nf-unique .nf-case:nth-child(even){grid-template-columns:240px 1fr;gap:28px}.page-solution-custom-elearning .nf-unique .nf-case>.nf-image{width:240px;height:240px}.page-solution-custom-elearning .nf-unique::before,.page-solution-custom-elearning .nf-unique::after,.page-solution-custom-elearning #case-studies .nf-case::before{display:none}.page-solution-custom-elearning .nf-experience{padding-bottom:140px}.page-solution-custom-elearning .nf-approach{padding-top:110px}.page-solution-custom-elearning .nf-logo-grid{max-width:500px;margin:auto}}
@media(max-width:600px){.page-solution-custom-elearning .nf-wrap{padding:0 18px}.page-solution-custom-elearning .nf-section{padding:58px 0}.page-solution-custom-elearning .nf-section h2{font-size:30px}.page-solution-custom-elearning .nf-section p{font-size:14px}.page-solution-custom-elearning .nf-solution-overview{padding-top:95px}.page-solution-custom-elearning .nf-solution-overview::before{display:none}.page-solution-custom-elearning .nf-solution-overview .nf-overview-photo{width:min(100%,300px)!important;height:auto;aspect-ratio:1}.page-solution-custom-elearning .nf-unique .nf-case,.page-solution-custom-elearning .nf-unique .nf-case:nth-child(even),.page-solution-custom-elearning #case-studies .nf-case{grid-template-columns:minmax(0,1fr);padding:32px 0;gap:28px;min-height:0}.page-solution-custom-elearning .nf-unique .nf-case>div:first-child,.page-solution-custom-elearning .nf-unique .nf-case:nth-child(even)>div:first-child,.page-solution-custom-elearning #case-studies .nf-case>div:first-child,.page-solution-custom-elearning #case-studies .nf-case:nth-child(even)>div:first-child{order:2}.page-solution-custom-elearning .nf-unique .nf-case>.nf-image,.page-solution-custom-elearning .nf-unique .nf-case:nth-child(even)>.nf-image,.page-solution-custom-elearning #case-studies .nf-case>.nf-image,.page-solution-custom-elearning #case-studies .nf-case:nth-child(even)>.nf-image{order:1;max-width:100%;margin:auto}.page-solution-custom-elearning .nf-section.nf-approach .nf-list{grid-template-columns:1fr;gap:28px}.page-solution-custom-elearning .nf-experience{padding-bottom:120px}.page-solution-custom-elearning .nf-approach{padding-top:100px}.page-solution-custom-elearning #case-studies h3{font-size:30px}.page-solution-custom-elearning .nf-buttons .pill{padding:12px 20px;font-size:12px}.page-solution-custom-elearning .nf-centered-copy{margin-bottom:40px}.page-solution-custom-elearning #case-studies>.nf-wrap>h2{margin-bottom:30px}}


.page-solution-custom-elearning .nf-section.nf-solution-overview{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='14' viewBox='0 0 24 14'%3E%3Cpath d='M0 4L6 0L12 4L18 0L24 4M0 11L6 7L12 11L18 7L24 11' fill='none' stroke='%233c673d' stroke-opacity='.52' stroke-width='1'/%3E%3C/svg%3E")}.page-solution-custom-elearning .nf-solution-overview .nf-list li::before,.page-solution-custom-elearning .nf-approach-list li::before{display:none}
@media(min-width:901px){.page-solution-custom-elearning .nf-unique{padding-bottom:100px}.page-solution-custom-elearning .nf-centered-copy{margin-bottom:60px}.page-solution-custom-elearning .nf-unique .nf-case{min-height:300px}.page-solution-custom-elearning #case-studies .nf-case{min-height:560px;padding:60px 0}.page-solution-custom-elearning #case-studies h3{font-size:50px}}


/* Keep grid children within their available viewport width. */
.page-solution-custom-elearning .nf-cases{grid-template-columns:minmax(0,1fr)}.page-solution-custom-elearning .nf-case,.page-solution-custom-elearning .nf-case>div{min-width:0}
@media(max-width:900px){.page-solution-custom-elearning .nf-unique .nf-case{width:100%}}

@media(min-width:601px) and (max-width:1100px){.page-solution-custom-elearning .cta-block{padding:74px 0 0;min-height:0}.page-solution-custom-elearning .cta-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding:0 40px}.page-solution-custom-elearning .cta-grid>div:first-child{width:100%}.page-solution-custom-elearning .cta-photo{position:relative;inset:auto;width:100%;height:300px;margin:12px 0 0;clip-path:none}.page-solution-custom-elearning .cta-diag{display:none}}

@media(max-width:900px){.page-solution-custom-elearning .nf-solution-overview::before{display:none}}
@media(min-width:601px) and (max-width:1100px){.page-solution-custom-elearning #case-studies .nf-case{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;min-height:0;padding:60px 0}.page-solution-custom-elearning #case-studies .nf-case>.nf-image{width:100%}}
@media(min-width:601px) and (max-width:900px){.page-solution-custom-elearning .nf-unique .nf-case:nth-child(even){grid-template-columns:minmax(0,1fr) 240px}}