.elementor-1388 .elementor-element.elementor-element-2eeb572:not(.elementor-motion-effects-element-type-background), .elementor-1388 .elementor-element.elementor-element-2eeb572 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://advancement.lbs.edu.ng/wp-content/uploads/2026/05/DSC01963.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1388 .elementor-element.elementor-element-2eeb572 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #2E3A6E 100%, #00AFEF 49%);opacity:0.77;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1388 .elementor-element.elementor-element-2eeb572{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 200px;}.elementor-1388 .elementor-element.elementor-element-73425e3{--spacer-size:200px;}.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-1388 .elementor-element.elementor-element-b595300 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:5rem;font-weight:600;color:#FFFFFF;}.elementor-1388 .elementor-element.elementor-element-38fd6a1 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1388 .elementor-element.elementor-element-38fd6a1 .eael-breadcrumbs{justify-content:left;}.elementor-1388 .elementor-element.elementor-element-38fd6a1 .eael-breadcrumbs .eael-breadcrumbs__content{background-color:#F8F8FA;font-family:"Segoe UI", Sans-serif;font-size:1rem;}.elementor-1388 .elementor-element.elementor-element-38fd6a1 .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#A5A4B0;}.elementor-1388 .elementor-element.elementor-element-38fd6a1 .eael-breadcrumbs .eael-breadcrumb-separator{color:#A5A4B0;margin:0 10px;}.elementor-1388 .elementor-element.elementor-element-38fd6a1 .eael-breadcrumbs .eael-breadcrumbs__prefix svg path{fill:#FFFFFF;}.elementor-1388 .elementor-element.elementor-element-38fd6a1 .eael-breadcrumbs .eael-breadcrumbs__prefix i{color:#FFFFFF;font-size:20px;margin:0px 8px 0px 0px;}.elementor-1388 .elementor-element.elementor-element-38fd6a1 .eael-breadcrumbs .eael-breadcrumbs__prefix svg{width:20px;height:20px;margin:0px 8px 0px 0px;}.elementor-1388 .elementor-element.elementor-element-38fd6a1 .eael-breadcrumbs .eael-breadcrumbs__prefix span{margin:-2px 10px 0px 0px;}.elementor-1388 .elementor-element.elementor-element-c161cfc{--spacer-size:200px;}.elementor-1388 .elementor-element.elementor-element-b14d4d1{margin-top:-10px;margin-bottom:0px;}@media(min-width:1025px){.elementor-1388 .elementor-element.elementor-element-2eeb572:not(.elementor-motion-effects-element-type-background), .elementor-1388 .elementor-element.elementor-element-2eeb572 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-1388 .elementor-element.elementor-element-2eeb572{padding:100px 0px 135px 50px;}.elementor-1388 .elementor-element.elementor-element-73425e3{--spacer-size:100px;}.elementor-1388 .elementor-element.elementor-element-b595300 .elementor-heading-title{font-size:3rem;}}@media(max-width:767px){.elementor-1388 .elementor-element.elementor-element-2eeb572{padding:0px 0px 0px 20px;}.elementor-1388 .elementor-element.elementor-element-73425e3{--spacer-size:120px;}.elementor-1388 .elementor-element.elementor-element-b595300 .elementor-heading-title{font-size:2rem;line-height:1.5em;}.elementor-1388 .elementor-element.elementor-element-38fd6a1 .eael-breadcrumbs .eael-breadcrumbs__content{font-size:0.7rem;}.elementor-1388 .elementor-element.elementor-element-c161cfc{--spacer-size:120px;}}/* Start custom CSS for html, class: .elementor-element-e170fd1 *//* =========================================================
   GLOBAL RESET
========================================================= */

.impact-section *,
.flagship-section *{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

/* =========================================================
   SECTION 01 — IMPACT
========================================================= */

.impact-section{
  position:relative;
  overflow:hidden;

  padding:8rem 2rem;

  background:
    radial-gradient(circle at top left,
    rgba(0,175,239,.08),
    transparent 35%),

    radial-gradient(circle at bottom right,
    rgba(46,58,110,.08),
    transparent 45%),

    linear-gradient(135deg,
    #f6f9fc 0%,
    #edf3f8 50%,
    #ffffff 100%);
}

/* GRID */

.impact-grid{
  position:absolute;
  inset:0;

  background-image:
    linear-gradient(rgba(46,58,110,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(46,58,110,.05) 1px, transparent 1px);

  background-size:60px 60px;

  opacity:.4;

  mask-image:
    radial-gradient(circle at center, black 20%, transparent 85%);

  animation:impactGridMove 18s linear infinite;
}

@keyframes impactGridMove{

  from{
    transform:translateY(0);
  }

  to{
    transform:translateY(60px);
  }
}

/* GLOWS */

.impact-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(120px);
}

.impact-glow-1{
  width:28rem;
  height:28rem;

  background:#00afef;

  top:-10rem;
  left:-8rem;

  opacity:.08;
}

.impact-glow-2{
  width:32rem;
  height:32rem;

  background:#2e3a6e;

  bottom:-12rem;
  right:-8rem;

  opacity:.08;
}

/* CONTAINER */

.impact-container{
  position:relative;
  z-index:2;

  width:min(1200px,100%);
  margin:auto;

  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:5rem;

  align-items:center;
}

/* CONTENT */

.impact-label{
  display:inline-flex;
  align-items:center;

  padding:.7rem 1rem;

  border-radius:999px;

  background:
    rgba(0,175,239,.08);

  border:1px solid rgba(0,175,239,.14);

  color:#00afef;

  font-family:'Segoe UI', sans-serif;
  font-size:.85rem;
  font-weight:600;

  letter-spacing:.08rem;
  text-transform:uppercase;

  margin-bottom:1.5rem;
}

.impact-title{
  font-family:'Roboto Slab', serif;

  font-size:4.5rem;
  line-height:1.05;

  color:#243b6b;

  margin-bottom:2rem;
}

.impact-title span{
  color:#00afef;
  position:relative;
}

.impact-title span::after{
  content:"";

  position:absolute;
  left:0;
  bottom:.4rem;

  width:100%;
  height:.55rem;

  background:
    rgba(0,175,239,.12);

  z-index:-1;
}

.impact-text{
  font-family:'Segoe UI', sans-serif;

  color:#566482;

  font-size:1.08rem;
  line-height:1.95;

  margin-bottom:1.5rem;

  max-width:44rem;
}

/* VISUAL */

.impact-visual{
  position:relative;

  min-height:38rem;

  display:flex;
  align-items:center;
  justify-content:center;
}

.impact-orbit{
  position:absolute;

  border-radius:50%;
  border:1px solid rgba(46,58,110,.10);
}

.impact-orbit-1{
  width:14rem;
  height:14rem;

  animation:orbitRotate 18s linear infinite;
}

.impact-orbit-2{
  width:22rem;
  height:22rem;

  animation:orbitRotateReverse 24s linear infinite;
}

.impact-orbit-3{
  width:30rem;
  height:30rem;

  animation:orbitRotate 34s linear infinite;
}

@keyframes orbitRotate{

  from{
    transform:rotate(0deg);
  }

  to{
    transform:rotate(360deg);
  }
}

@keyframes orbitRotateReverse{

  from{
    transform:rotate(360deg);
  }

  to{
    transform:rotate(0deg);
  }
}

/* CORE */

.impact-core{
  position:relative;

  width:12rem;
  height:12rem;

  border-radius:50%;

  padding:.9rem;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.95),
      rgba(255,255,255,.78)
    );

  box-shadow:
    0 30px 80px rgba(46,58,110,.10);
}

.impact-core-inner{
  width:100%;
  height:100%;

  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      #00afef,
      #2e3a6e
    );

  display:flex;
  align-items:center;
  justify-content:center;
}

.impact-core-inner span{
  font-family:'Roboto Slab', serif;

  font-size:1.8rem;
  font-weight:700;

  letter-spacing:.18rem;

  color:#fff;
}

/* FLOATING CARDS */

.impact-card{
  position:absolute;

  padding:1rem 1.3rem;

  border-radius:1.2rem;

  background:
    rgba(255,255,255,.82);

  border:1px solid rgba(46,58,110,.08);

  backdrop-filter:blur(18px);

  color:#243b6b;

  font-family:'Segoe UI', sans-serif;
  font-size:1rem;
  font-weight:600;

  box-shadow:
    0 20px 45px rgba(46,58,110,.08);

  transition:.4s ease;
}

.impact-card:hover{
  transform:translateY(-8px);
}

.impact-card-1{
  top:8%;
  left:4%;

  animation:floatImpact 7s ease-in-out infinite;
}

.impact-card-2{
  top:18%;
  right:0;

  animation:floatImpact 9s ease-in-out infinite;
}

.impact-card-3{
  bottom:16%;
  left:0;

  animation:floatImpact 8s ease-in-out infinite;
}

.impact-card-4{
  bottom:8%;
  right:6%;

  animation:floatImpact 10s ease-in-out infinite;
}

@keyframes floatImpact{

  0%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-12px);
  }

  100%{
    transform:translateY(0);
  }
}

/* =========================================================
   SECTION 02 — FLAGSHIP
========================================================= */

.flagship-section{
  position:relative;
  overflow:hidden;

  padding:8rem 2rem;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f7fafe 100%
    );
}

.flagship-grid{
  position:absolute;
  inset:0;

  background-image:
    linear-gradient(rgba(46,58,110,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(46,58,110,.04) 1px, transparent 1px);

  background-size:60px 60px;

  opacity:.4;
}

/* CONTAINER */

.flagship-container{
  position:relative;
  z-index:2;

  width:min(1200px,100%);
  margin:auto;
}

/* HEADER */

.flagship-header{
  text-align:center;

  margin-bottom:5rem;
}

.flagship-label{
  display:inline-flex;
  align-items:center;

  padding:.7rem 1rem;

  border-radius:999px;

  background:
    rgba(0,175,239,.08);

  border:1px solid rgba(0,175,239,.14);

  color:#00afef;

  font-family:'Segoe UI', sans-serif;
  font-size:.85rem;
  font-weight:600;

  letter-spacing:.08rem;
  text-transform:uppercase;

  margin-bottom:1.5rem;
}

.flagship-title{
  font-family:'Roboto Slab', serif;

  font-size:4.5rem;
  line-height:1;

  color:#243b6b;
}

.flagship-title span{
  color:#00afef;
}

/* CARDS */

.flagship-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2rem;

  margin-bottom:4rem;
}

.flagship-card{
  position:relative;

  padding:3rem;

  border-radius:2rem;

  background:
    rgba(255,255,255,.88);

  border:1px solid rgba(46,58,110,.08);

  box-shadow:
    0 30px 70px rgba(46,58,110,.06);

  overflow:hidden;

  transition:.45s ease;
}

.flagship-card::before{
  content:"";

  position:absolute;
  inset:0;

  background:
    linear-gradient(
      135deg,
      rgba(0,175,239,.08),
      transparent
    );

  opacity:0;

  transition:.45s ease;
}

.flagship-card:hover{
  transform:translateY(-12px);

  box-shadow:
    0 40px 80px rgba(0,175,239,.10);
}

.flagship-card:hover::before{
  opacity:1;
}

.flagship-number{
  font-family:'Roboto Slab', serif;

  font-size:4rem;
  line-height:1;

  color:rgba(46,58,110,.08);

  margin-bottom:2rem;
}

.flagship-card-title{
  font-family:'Roboto Slab', serif;

  font-size:2rem;
  line-height:1.2;

  color:#243b6b;

  margin-bottom:1.5rem;
}

.flagship-card-text{
  font-family:'Segoe UI', sans-serif;

  color:#5a6785;

  font-size:1.05rem;
  line-height:1.9;
}

.flagship-line{
  width:5rem;
  height:.25rem;

  border-radius:999px;

  background:#00afef;

  margin-top:2rem;
}

/* CTA */

.flagship-cta-wrap{
  display:flex;
  justify-content:center;
}

.flagship-cta{
  position:relative;

  display:inline-flex;
  align-items:center;
  gap:1rem;

  text-decoration:none;

  padding:1.3rem 2rem;

  border-radius:999px;

  background:
    linear-gradient(
      135deg,
      rgba(0,175,239,.10),
      rgba(255,255,255,.95)
    );

  border:1px solid rgba(0,175,239,.18);

  overflow:hidden;

  transition:.4s ease;
}

.flagship-cta::before{
  content:"";

  position:absolute;
  inset:0;

  background:
    linear-gradient(
      135deg,
      #00afef,
      #2e3a6e
    );

  opacity:0;

  transition:.4s ease;
}

.flagship-cta:hover::before{
  opacity:1;
}

.flagship-cta:hover{
  transform:translateY(-5px);

  box-shadow:
    0 25px 60px rgba(0,175,239,.16);
}

.flagship-arrow,
.flagship-cta-text{
  position:relative;
  z-index:2;
}

.flagship-arrow{
  color:#00afef;
  transition:.35s ease;
}

.flagship-cta-text{
  font-family:'Segoe UI', sans-serif;

  font-size:1.05rem;
  font-weight:600;

  color:#243b6b;
}

.flagship-cta:hover .flagship-arrow,
.flagship-cta:hover .flagship-cta-text{
  color:#fff;
}

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

@media (max-width: 991px){

  .impact-container{
    grid-template-columns:1fr;
  }

  .impact-title,
  .flagship-title{
    font-size:3.5rem;
  }

  .flagship-cards{
    grid-template-columns:1fr;
  }
}

@media (max-width: 768px){

  .impact-section,
  .flagship-section{
    padding:6rem 1.5rem;
  }

  .impact-title,
  .flagship-title{
    font-size:2.7rem;
  }

  .impact-text,
  .flagship-card-text{
    font-size:1rem;
  }

  .impact-visual{
    min-height:30rem;
  }

  .impact-orbit-3{
    width:24rem;
    height:24rem;
  }

  .impact-orbit-2{
    width:18rem;
    height:18rem;
  }

  .impact-orbit-1{
    width:12rem;
    height:12rem;
  }
}

@media (max-width: 540px){

  .impact-title,
  .flagship-title{
    font-size:2.2rem;
  }

  .flagship-card{
    padding:2rem;
  }

  .flagship-card-title{
    font-size:1.6rem;
  }

  .impact-card{
    font-size:.85rem;
    padding:.8rem 1rem;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Segoe UI';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://advancement.lbs.edu.ng/wp-content/uploads/2026/01/segoeuithis.ttf') format('truetype');
}
@font-face {
	font-family: 'Segoe UI';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://advancement.lbs.edu.ng/wp-content/uploads/2026/01/segoeuithibd.ttf') format('truetype');
}
/* End Custom Fonts CSS */