.elementor-1421 .elementor-element.elementor-element-7a42cd0{--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;--z-index:100;}.elementor-1421 .elementor-element.elementor-element-4061f73{--display:flex;--min-height:350px;--justify-content:center;--border-radius:0px 0px 60px 60px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1421 .elementor-element.elementor-element-4061f73:not(.elementor-motion-effects-element-type-background), .elementor-1421 .elementor-element.elementor-element-4061f73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://fopli.nimsite.uk/wp-content/uploads/2026/06/Overlay.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1421 .elementor-element.elementor-element-f924f89{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1421 .elementor-element.elementor-element-8b0c345 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1421 .elementor-element.elementor-element-872db76{--display:flex;--min-height:312px;--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:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1421 .elementor-element.elementor-element-872db76:not(.elementor-motion-effects-element-type-background), .elementor-1421 .elementor-element.elementor-element-872db76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF4F9;}.elementor-1421 .elementor-element.elementor-element-872db76 > .elementor-shape-bottom svg, .elementor-1421 .elementor-element.elementor-element-872db76 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:80px;}.elementor-1421 .elementor-element.elementor-element-80885fa{--display:flex;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1421 .elementor-element.elementor-element-5e97b43 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-weight:600;line-height:1.25em;}.elementor-1421 .elementor-element.elementor-element-866b18d{--display:flex;--min-height:312px;--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:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1421 .elementor-element.elementor-element-866b18d:not(.elementor-motion-effects-element-type-background), .elementor-1421 .elementor-element.elementor-element-866b18d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1421 .elementor-element.elementor-element-866b18d > .elementor-shape-bottom svg, .elementor-1421 .elementor-element.elementor-element-866b18d > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:80px;}.elementor-1421 .elementor-element.elementor-element-8a1c1c0{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1421 .elementor-element.elementor-element-f924f89{--width:60%;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
.jnf-pg{--blue:#09487E;--blue-deep:#063257;--green:#60BB48;--green-dark:#4ea23a;--orange:#ED7945;--teal:#00C4A9;--ink:#143a5c;--muted:#5e7790;--wash:#eef4f9;--radius:26px;--radius-sm:16px;--shadow:0 24px 60px -28px rgba(6,40,72,.45);--shadow-sm:0 14px 34px -18px rgba(6,40,72,.4);font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}
.jnf-pg *{box-sizing:border-box}
.jnf-pg h1,.jnf-pg h2,.jnf-pg h3,.jnf-pg h4{font-family:'Poppins',sans-serif;font-weight:700;line-height:1.1;margin:0}
.jnf-pg p{margin:0 0 1rem}
.jnf-pg a{text-decoration:none;color:inherit}
.jnf-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.jnf-eyebrow{font-family:'Poppins',sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.26em;text-transform:uppercase;color:var(--green);display:block;margin-bottom:16px}
.jnf-btn{display:inline-flex;align-items:center;gap:.55rem;font-family:'Poppins',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;border:none;cursor:pointer;border-radius:999px;padding:.95rem 1.9rem;transition:transform .18s,background .18s}
.jnf-btn--green{background:var(--green);color:#fff;box-shadow:0 12px 24px -10px rgba(96,187,72,.7)}
.jnf-btn--green:hover{transform:translateY(-2px);background:var(--green-dark)}
.jnf-btn--blue{background:var(--blue);color:#fff}.jnf-btn--blue:hover{transform:translateY(-2px);background:var(--blue-deep)}
.jnf-section{margin-bottom:64px}

/* ---- intro ---- */
.jnf-hist__intro{position:relative;background-image:radial-gradient(120% 80% at 80% 0%,#0a4f8c,#09487E 45%,#063257 100%);color:#fff;border-radius:var(--radius);overflow:hidden;padding:70px 60px;margin-bottom:36px}
.jnf-hist__intro h1{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;text-transform:uppercase;margin-bottom:20px}
.jnf-hist__intro .lead{font-size:1.15rem;color:#dce8f3;max-width:62ch}
.jnf-hist__quote{margin-top:26px;padding-left:22px;border-left:4px solid var(--green);max-width:60ch}
.jnf-hist__quote p{font-family:'Poppins',sans-serif;font-style:italic;font-weight:600;font-size:1.15rem;color:#fff;margin:0 0 6px}
.jnf-hist__quote span{color:#bcd4e6;font-size:.88rem}

/* ---- stats band ---- */
.jnf-stats{background-image:linear-gradient(120deg,#60BB48,#4ea23a);color:#fff;border-radius:var(--radius);padding:46px 40px;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;text-align:center;box-shadow:var(--shadow-sm)}
.jnf-stat b{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(1.8rem,3.4vw,2.8rem);display:block;line-height:1}
.jnf-stat span{display:block;margin-top:8px;font-size:.84rem;font-weight:600;letter-spacing:.03em;color:rgba(255,255,255,.92)}
.jnf-stat+.jnf-stat{border-left:1px solid rgba(255,255,255,.25)}

/* ---- interactive timeline ---- */
.jnf-tl__head{text-align:center;max-width:46rem;margin:0 auto 30px}
.jnf-tl__head h2{color:var(--blue);font-size:clamp(1.7rem,2.8vw,2.3rem);text-transform:uppercase}
.jnf-tl__head p{color:var(--muted);margin-top:10px}
.jnf-tl__rail{position:relative;margin:0 auto 34px;max-width:920px}
.jnf-tl__line{position:absolute;left:0;right:0;top:21px;height:3px;background:linear-gradient(90deg,var(--blue),var(--teal),var(--green))}
.jnf-tl__years{position:relative;display:flex;justify-content:space-between;gap:8px}
.jnf-tl__yr{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;flex:1}
.jnf-tl__dot{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #b9d2e4;transition:all .2s;z-index:1}
.jnf-tl__yr[aria-selected="true"] .jnf-tl__dot{border-color:var(--green);background:var(--green);transform:scale(1.35);box-shadow:0 0 0 6px rgba(96,187,72,.18)}
.jnf-tl__yr label{font-family:'Poppins',sans-serif;font-weight:700;font-size:.9rem;color:#9db2c4;cursor:pointer;transition:color .2s}
.jnf-tl__yr[aria-selected="true"] label{color:var(--blue)}
.jnf-tl__panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-columns:.92fr 1.08fr;min-height:360px}
.jnf-tl__img{position:relative;background:#0a3f6b}
.jnf-tl__img .ph{position:absolute;inset:0;display:grid;place-items:center}
.jnf-tl__img .ph svg{width:96px;height:96px;color:#fff;opacity:.92}
.jnf-tl__badge{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.95);color:var(--blue);border-radius:14px;padding:10px 16px;font-family:'Poppins',sans-serif;font-weight:700;box-shadow:var(--shadow-sm)}
.jnf-tl__badge b{display:block;font-size:1.5rem;line-height:1;color:var(--green-dark)}
.jnf-tl__badge span{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600}
.jnf-tl__body{padding:44px 46px;display:flex;flex-direction:column;justify-content:center}
.jnf-tl__yrbig{font-family:'Poppins',sans-serif;font-weight:800;color:var(--green);font-size:1.1rem;letter-spacing:.06em}
.jnf-tl__body h3{color:var(--blue);font-size:clamp(1.4rem,2.4vw,1.9rem);text-transform:uppercase;margin:6px 0 14px}
.jnf-tl__body p{color:#46637c;font-size:1.04rem;line-height:1.7;margin:0}
.jnf-tl__body .q{margin-top:16px;font-style:italic;color:var(--ink);border-left:3px solid var(--green);padding-left:16px}
.jnf-tl__nav{display:flex;gap:12px;margin-top:24px}
.jnf-tl__nav button{width:46px;height:46px;border-radius:50%;border:1.5px solid #cfe0ec;background:#fff;color:var(--blue);cursor:pointer;display:grid;place-items:center;transition:all .15s}
.jnf-tl__nav button:hover{border-color:var(--green);color:var(--green-dark)}
.jnf-tl__nav .next{background:var(--green);border-color:var(--green);color:#fff}
.jnf-tl__nav button svg{width:20px;height:20px}

/* ---- closing ---- */
.jnf-hist__legacy{text-align:center;max-width:50rem;margin:0 auto}
.jnf-hist__legacy h2{color:var(--blue);font-size:clamp(1.6rem,2.6vw,2.1rem);text-transform:uppercase;margin-bottom:14px}
.jnf-hist__legacy p{color:var(--muted);font-size:1.08rem;margin-bottom:26px}

@media(max-width:980px){
  .jnf-stats{grid-template-columns:repeat(3,1fr);gap:30px 16px}
  .jnf-stat+.jnf-stat{border-left:none}
  .jnf-tl__panel{grid-template-columns:1fr}
  .jnf-tl__img{height:230px}
  .jnf-hist__intro{padding:48px 32px}
}
@media(max-width:640px){
  .jnf-wrap{padding:0 18px}
  .jnf-stats{grid-template-columns:1fr 1fr}
  .jnf-tl__rail{overflow-x:auto;padding-bottom:6px}
  .jnf-tl__years{min-width:520px}
  .jnf-tl__body{padding:30px 26px}
}/* End custom CSS */