/* ==========================================
ROOT VARIABLES
========================================== */

:root{

--primary:#2d6bff;
--secondary:#6c63ff;
--dark:#081d45;
--dark-light:#10295f;
--light:#f7f9fc;
--white:#ffffff;

--green:#1dd1a1;
--orange:#ff9f43;
--red:#ff6b6b;
--purple:#6c63ff;
--blue:#2d6bff;

--shadow:
0 15px 35px rgba(0,0,0,.08);

--radius:24px;

}

/* ==========================================
GLOBAL
========================================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:
'Inter',
sans-serif;

background:#f8fbff;

color:#1a1a1a;

overflow-x:hidden;

}

a{
text-decoration:none;
}

img{
max-width:100%;
display:block;
}

section{
position:relative;
}

.container{
max-width:1220px;
}

/* ==========================================
SECTION HEADINGS
========================================== */

.section-heading{
margin-bottom:10px;
}

.section-heading.center{
text-align:center;
}

.section-heading h2{

font-size:25px;
font-weight:800;

color:var(--dark);

margin-bottom:15px;

}

.section-heading p{

font-size:18px;
color:#667085;

}

/* ==========================================
HEADER
========================================== */

.fc-header{

position:absolute;
top:0;
left:0;
width:100%;
z-index:1000;

}

.navbar{

padding:15px 0;

}

.navbar-brand img{

height:55px;

}

.nav-link{

color:#fff !important;
font-size:15px;
font-weight:500;

margin:0 5px;

transition:.3s;

}

.nav-link:hover{

opacity:.8;

}

.login-link{

color:#fff;

font-weight:600;

margin-right:20px;

}

.btn-assessment{

background:#fff;

color:var(--dark);

padding:12px 24px;

border-radius:50px;

font-weight:600;

transition:.3s;

}

.btn-assessment:hover{

transform:translateY(-3px);
color:#fff;
}
/* Dropdown */
.who-we-serve{
    width:330px;
    background:rgba(5,18,42,.96);
    border:1px solid rgba(71,102,168,.35);
    border-radius:20px;
    padding:15px;
    box-shadow:0 20px 45px rgba(0,0,0,.45);
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
    margin-top:18px;
}

.who-we-serve li:not(:last-child){
    margin-bottom:10px;
}

.who-we-serve .dropdown-item{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:8px;
    border-radius:14px;
    color:#fff;
    transition:.3s;
    background:transparent;
}

.who-we-serve .dropdown-item:hover{
    background:rgba(31,73,170,.22);
    transform:translateX(4px);
}

.menu-icon{
    width:40px;
    height:40px;
    min-width:40px;
    border-radius:14px;
    background:#0d2a62;
    border:1px solid rgba(57,120,255,.35);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#3d65fb;
    font-size:20px;
    box-shadow:inset 0 0 10px rgba(255,255,255,.05);
}

.menu-text h6{
    color:#fff;
    font-size:16px;
    font-weight:700;
    margin:0 0 4px;
}

.menu-text p{
    color:#8ea1c3;
    font-size:14px;
    line-height:1.4;
    margin:0;
}

.who-we-serve::before{
    display:none;
}

@media(min-width:992px){

.dropdown:hover .dropdown-menu{
    display:block;
    margin-top:0;
}

}
/* Mega Menu */
.mega-menu{
    width:900px;
    left:50% !important;
    transform:translateX(-50%);
    margin-top:18px;
    padding:20px;
    background:#061a36;
    border:1px solid rgba(71,108,173,.25)!important;
    border-radius:22px;
    box-shadow:0 25px 60px rgba(0,0,0,.45);
    backdrop-filter:blur(15px);
    display:none;
}

@media(min-width:992px){

.nav-item.dropdown:hover>.mega-menu{
    display:block;
}

}

.mega-menu h6{
    color:#4b8cff;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:18px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.mega-links{
    list-style:none;
    padding:0;
    margin:0;
}

.mega-links li{
    margin-bottom:10px;
}

.mega-links li:last-child{
    margin-bottom:0;
}

.mega-links a{
    color:#d9e5ff;
    font-size:17px;
    font-weight:500;
    text-decoration:none;
    display:flex;
    align-items:center;
    transition:.3s;
}

.mega-links a::before{
    content:"•";
    color:#0d63ff;
    font-size:26px;
    margin-right:12px;
}

.mega-links a:hover{
    color:#ffffff;
    padding-left:8px;
}

/* Bottom Box */

.mega-footer{
    margin-top:28px;
    padding:15px;
    border-radius:18px;
    background:linear-gradient(90deg,#0a244b,#0c2f63);
    border:1px solid rgba(63,115,214,.35);

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

.mega-footer h5{
    color:#fff;
    margin:0;
    font-size:17px;
    font-weight:700;
}

.mega-footer p{
    color:#7e93b9;
    margin:6px 0 0;
    font-size:14px;
}

.arrow{
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:#17407d;
    transition:.3s;
}

.arrow:hover{
    background:#2563eb;
    transform:translateX(6px);
}
@media (max-width: 991px){

    .nav-item.dropdown.position-static{
        position: relative !important;
    }

    .mega-menu{
        width: 100%;
        min-width: 100%;
        left: 0 !important;
        transform: none !important;
        margin-top: 8px;
        padding: 18px;
        border-radius: 16px;
        max-height: 75vh;
        overflow-y: auto;
    }

    .mega-menu .row{
        gap: 24px;
    }

    .mega-menu h6{
        font-size: 12px;
        margin-bottom: 12px;
    }

    .mega-links li{
        margin-bottom: 14px;
    }

    .mega-links a{
        font-size: 17px;
        line-height: 1.4;
    }

    .mega-footer{
        margin-top: 20px;
        padding: 18px;
        border-radius: 14px;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    .mega-footer h5{
        font-size: 20px;
        line-height: 1.3;
    }

    .mega-footer p{
        font-size: 14px;
        line-height: 1.4;
    }

    .arrow{
        width: 42px;
        height: 42px;
    }
}

@media (max-width: 575px){

    .mega-menu{
        padding: 16px;
    }

    .mega-links a{
        font-size: 16px;
    }

    .mega-footer h5{
        font-size: 18px;
    }
}
.free-tools-menu{
    width:360px;
    background:#071b32;
    border:1px solid rgba(90,125,190,.25);
    border-radius:20px;
    padding:15px;
    margin-top:16px;
    box-shadow:0 25px 55px rgba(0,0,0,.45);
}

.free-tools-menu .menu-title{
    color:#8192b3;
    font-size:15px;
    font-weight:700;
    letter-spacing:4px;
    text-transform:uppercase;
    margin:0 0 22px 14px;
}

.free-tools-menu .dropdown-item{
    display:flex;
    gap:10px;
    padding:10px;
    border-radius:14px;
    background:transparent;
    white-space:normal;
    transition:.3s;
}

.free-tools-menu .dropdown-item:hover{
    background:rgba(30,78,160,.25);
}

.tool-icon{
    width:40px;
    height:40px;
    min-width:40px;
    border-radius:13px;
    background:#0d2f68;
    border:1px solid rgba(55,115,230,.35);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.free-tools-menu strong{
    display:block;
    color:#fff;
    font-size:17px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:6px;
}

.free-tools-menu small{
    display:block;
    color:#8091b0;
    font-size:14px;
    line-height:1.45;
}

@media(max-width:991px){
    .free-tools-menu{
        width:100%;
        padding:20px 16px;
        border-radius:16px;
        max-height:75vh;
        overflow-y:auto;
    }

    .free-tools-menu .menu-title{
        font-size:14px;
        margin-left:10px;
    }

    .free-tools-menu strong{
        font-size:18px;
    }

    .free-tools-menu small{
        font-size:15px;
    }

    .tool-icon{
        width:46px;
        height:46px;
        min-width:46px;
    }
}
.resources-menu{
    width:800px;
}

.resources-menu .mega-links li{
    margin-bottom:5px;
}

.resources-menu .mega-links a{
    font-size:15px;
}

.resources-menu .mega-footer h5{
    font-size:15px;
}

.resources-menu .mega-footer p{
    font-size:14px;
}
/* ==========================================
HERO SECTION
========================================== */

.hero-section{

padding-top:120px;
padding-bottom:40px;

background: linear-gradient( 135deg, #071b48, #103585, #2d6bff );

overflow:hidden;

}



.hero-content{

position:relative;
z-index:10;

}

.hero-subtitle{

display:inline-block;


border-radius:50px;


color:#88a8f5;

font-size:13px;

font-weight:700;

letter-spacing:1px;

margin-bottom:10px;

}
.heroh{color:#88a8f5;}
.gradfg{background: linear-gradient(
    90deg,
    #7ea3ff 0%,
    #93a9ff 25%,
    #b6b4ff 55%,
    #d6c6ff 78%,
    #f3d7ff 100%
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;

  font-weight: 900;}

.hero-content h1{

font-size:50px;

font-weight:800;

line-height:1.23;

color:#fff;

margin-bottom:20px;

}

.hero-content p{

font-size:16px;

line-height:1.8;

color:
rgba(255,255,255,.85);

max-width:600px;

margin-bottom:20px;

}

.hero-buttons{

display:flex;

gap:15px;

align-items:center;

}
.btn-headtop{

background:
linear-gradient(
90deg,
#3d65fb,
#9c64fa
);

padding:10px 20px;

border-radius:10px;

color:#fff;

font-weight:600;

}
.btn-primary-gradient{

background:
linear-gradient(
90deg,
#9c64fa,
#3d65fb
);

padding:16px 30px;

border-radius:50px;

color:#fff;

font-weight:600;

}

.btn-outline-custom{

border:1px solid
rgba(255,255,255,.35);

padding:16px 30px;

border-radius:50px;

color:#fff;

font-weight:600;

}
.hero-visual{
    position:relative;
    width:620px;
    height:520px;
    overflow:visible;
}

/* MAIN IMAGE CIRCLE */
.hero-circle{
    position:absolute;
    left:30px;
    top:75px;
    width:350px;
    height:350px;
    border-radius:50%;
    overflow:hidden;
    z-index:5;
}

/* IMAGE */
.hero-circle img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    position:relative;
    z-index:5;
}

/* DARK BLUE BACK CIRCLE */
.hero-circle:before{
    content:"";
    position:absolute;
    top:-52px;
    left:-52px;
    width:454px;
    height:454px;
    border-radius:50%;
    z-index:-2;
}

/* FIRST DOTTED RING */
.hero-circle:after{
    content:"";
    position:absolute;
    top:-82px;
    left:-82px;
    width:514px;
    height:514px;
    border-radius:50%;
    border:1px dashed rgba(83,112,255,.22);
    z-index:-3;
}

/* SECOND EXACT RING */
.hero-visual:before{
    content:"";
    position:absolute;
    left:-70px;
    top:-10px;
    width:590px;
    height:590px;
    border-radius:50%;
    border:1px dashed rgba(83,112,255,.18);
    z-index:0;
}

/* THIRD EXACT RING */
.hero-visual:after{
    content:"";
    position:absolute;
    left:-110px;
    top:-50px;
    width:680px;
    height:680px;
    border-radius:50%;
    border:1px dashed rgba(83,112,255,.12);
    z-index:0;
}

/* EXTRA CURVED ORBIT PATH */
.hero-visual .orbit-path{
    position:absolute;
    left:-180px;
    top:-80px;
    width:760px;
    height:760px;
    border-radius:50%;
    border:1px dashed rgba(83,112,255,.08);
    z-index:0;
}

/* SMALL GLOW DOTS */
.hero-visual .orbit-path:before{
    content:"";
    position:absolute;
    left:50px;
    top:190px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#3aa2ff;
    box-shadow:0 0 18px #3aa2ff;
}

.hero-visual .orbit-path:after{
    content:"";
    position:absolute;
    right:130px;
    bottom:90px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#7b7cff;
    box-shadow:0 0 18px #7b7cff;
}
/* STEP WRAPPER */
.hero-steps {
  position: absolute;
  inset: 0;
}

/* COMMON STEP DESIGN */
.step-card {
  position: absolute;
  width: 240px;
  display: flex;
  align-items: center;
  padding: 10px 20px 10px 55px;
  border-radius: 100px;
  background: #102036;
  backdrop-filter: blur(12px);
  color: #fff;z-index:9;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04);
}.hero-circle {
  overflow: visible;
}

.hero-circle img {
  position: relative;
  z-index: 3;
}

/* main dark outer circle */
.hero-circle .circle-bg,
.hero-circle::before,
.hero-circle::after {
  pointer-events: none;
}

/* dotted orbit line 1 */
.hero-circle::before {
  content: "";
  position: absolute;
  inset: -45px;
  border-radius: 50%;
  border: 1px dashed rgba(80, 130, 255, .45);
  z-index: 1;
}

/* dotted orbit line 2 */
.hero-circle::after {
  content: "";
  position: absolute;
  inset: -85px;
  border-radius: 50%;
  border: 1px dashed rgba(120, 80, 255, .35);
  z-index: 1;
}

/* ICON */
.step-card .icon {
  position: absolute;
  left: -16px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  box-shadow: 0 0 0 10px rgba(255,255,255,.05);
}

/* CIRCULAR PATH POSITIONING */
.step-card:nth-child(1) {
  top: 8px;
  right:10px;
}

.step-card:nth-child(2) {
 top: 215px;
  right: -30px;
}

.step-card:nth-child(3) {
  top: 405px;
  right: 10px;
}

.step-card:nth-child(4) {
  top: 305px;
  right: -10px;
}

.step-card:nth-child(5) {
  top: 405px;
  right: 30px;
}

/* TEXT */
.step-card h6 {
  margin: 0 0 3px;
  font-size: 16px;
  font-weight: 800;
  color: #fff;
}

.step-card p {
  margin: 0;
  font-size: 13px;
  color: rgba(255,255,255,.85);
}

/* ICON COLORS */
.blue .icon {
  background: linear-gradient(135deg,#4977ff,#6d88ff);
}

.purple .icon {
  background: linear-gradient(135deg,#7566ff,#8f83ff);
}

.green .icon {
  background: linear-gradient(135deg,#48d9bf,#65dfd0);
}

.orange .icon {
  background: linear-gradient(135deg,#ff9f38,#ffb858);
}

.red .icon {
  background: linear-gradient(135deg,#ff6270,#ff7c86);
}

@media(max-width:991px){

  .hero-visual{
    width:100%;
    height:auto;
  }

  .hero-circle{
    position:relative;
    left:auto;
    top:auto;
    margin:0 auto;
    width:280px;
    height:280px;
  }

  .hero-steps{
    position:relative;
    margin-top:40px;
    display:flex;
    flex-direction:column;
    gap:15px;
  }

  .step-card{
    position:relative;
    width:100%;
    top:auto !important;
    right:auto !important;
  }
}
/* ==========================================
STATS BAR
========================================== */
.hero-counter {
  margin-top: 65px;
  padding: 22px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  border-radius: 18px;
  background: rgba(3, 18, 43, 0.1);
  backdrop-filter: blur(14px);
}

.counter-item {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 10px;
}
.hero-buttons a:hover{color:#fff;}
.counter-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4f7cff;
  font-size: 16px;
  background: rgba(40, 95, 255, .12);
  box-shadow:
    0 0 0 1px rgba(65,120,255,.28),
    0 0 18px rgba(65,120,255,.35);
}

.counter-icon.purple {
  color: #b38cff;
  background: rgba(150, 90, 255, .14);
  box-shadow:
    0 0 0 1px rgba(180,120,255,.3),
    0 0 18px rgba(180,120,255,.35);
}

.counter-item h3 {
  margin: 0 0 4px;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -.5px;
}

.counter-item p {
  margin: 0;
  color: rgba(255,255,255,.74);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.no-border {
  border-right: 0;
}

@media(max-width:991px) {
  .hero-counter {
    flex-wrap: wrap;
    gap: 20px 0;
    padding: 25px;
  }

  .counter-item {
    flex: 0 0 50%;
    border-right: 0;
    padding: 0;
  }
}

@media(max-width:575px) {
	.navbar-collapse{background: #040f24;padding:10px;}
  .counter-item {
    flex: 0 0 100%;
  }
}
.stats-bar{

margin-top:-60px;

z-index:20;

position:relative;

}

.stats-bar .container{

background:#fff;

border-radius:30px;

padding:35px;

box-shadow:var(--shadow);

}

.stat-item h3{

font-size:42px;

font-weight:800;

color:var(--primary);

margin-bottom:5px;

}

.stat-item p{

margin:0;

font-size:15px;

color:#666;

}

/* ==========================================
TRUSTED SCHOOLS
========================================== */

.trusted-schools{

padding:40px 0;

background:#fff;

}

.school-logo{

height:100px;

background:#fff;

border-radius:24px;

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

box-shadow:
0 8px 25px rgba(0,0,0,.1);

transition:.3s;

}

.school-logo:hover{

transform:translateY(-5px);

}

.school-logo img{

max-height:60px;

}

/* ==========================================
WHY FUTURE CAPTAINS
========================================== */
.why-fc{
  padding:60px 0;
  background:#f8fbff;
}

/* FEATURE CARD LAYOUT */
.feature-card{
  display:flex;
  align-items:flex-start;
  gap:16px;

  background:#fff;
  border:1px solid #edf0f5;
  border-radius:12px;
  padding:22px 15px;
  min-height:135px;

  box-shadow:0 4px 14px rgba(0,0,0,.04);
  transition:.3s ease;
}

.feature-card:hover{
  transform:translateY(-5px);
  box-shadow:0 12px 25px rgba(0,0,0,.08);
}

/* ICON LEFT SIDE */
.feature-icon{
  width:40px;
  height:40px;
  min-width:40px;

  border-radius:50%;

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

  font-size:15px;
  margin-top:2px;
}

/* ICON COLORS */
.feature-icon.blue{
  background:#e3ebff;
  color:#2d6bff;
}

.feature-icon.purple{
  background:#ede9ff;
  color:#6c63ff;
}

.feature-icon.green{
  background:#def8ef;
  color:#1dd1a1;
}

.feature-icon.orange{
  background:#fff0df;
  color:#ff9f43;
}

.feature-card h4{
  font-size:15px;
  font-weight:700;
  margin:0 0 10px;
  color:#101828;
  line-height:1.3;
}

.feature-card p{
  margin:0;
  font-size:13px;
  line-height:1.7;
  color:#667085;
}

.feature-card > div:last-child{
  flex:1;
}
/* ==========================================
JOURNEY SECTION
========================================== */
.journey-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
}

.journey-wrapper > a{
    flex:1;
    min-width:0;
    text-decoration:none;
}

.journey-card{
    width:100%;
    background:#fff;
    border-radius:14px;
    padding:18px;
    border:1px solid #edf0f5;
    box-shadow:0 4px 14px rgba(0,0,0,.05);
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    transition:.3s;
}

.journey-card:hover{
    transform:translateY(-5px);
}

.journey-content{
    width:62%;
}

.journey-content h4{
    font-size:15px;
    line-height:1.25;
    font-weight:800;
    color:#6451d4;
}

.journey-image{
    width:38%;
    display:flex;
    align-items:flex-end;
    justify-content:center;
}

.journey-image img{
    max-width:100%;
    max-height:105px;
    object-fit:contain;
}

.journey-arrow{
    flex:0 0 24px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#eef1ff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#6c63ff;
    font-size:11px;
}
/* ==========================================
PROGRAMS SECTION
========================================== */
.program-section{
  padding:45px 0;
  background:#f8fbff;
}

.program-section .section-heading h2{
  color:#fff;
  font-size:18px;
  font-weight:800;
  margin-bottom:0px;
}

.program-section .row{
  background: linear-gradient( 135deg, #071b48, #103585, #2d6bff );
  border-radius:10px;
  padding:20px 18px;
  gap:0;
}

.program-section .col-lg-3{
  padding:0 8px;
}

.program-card{
  height:100%;
  min-height:190px;
  background:linear-gradient(135deg,#111b45,#172946);
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  padding:22px 22px 20px 76px;
  box-shadow:none;
  position:relative;
  overflow:hidden;
  color:#fff;
}

.program-card::before{
  display:none;
}

.program-card:hover{
  transform:translateY(-4px);
}

.program-icon{
  position:absolute;
  left:22px;
  top:22px;

  width:42px;
  height:42px;
  min-width:42px;

  border-radius:50%;

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

  padding:0;
  margin:0;

  font-size:17px;
  line-height:1;
}

.program-icon i{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}

.program-icon.blue{
  background:rgba(83,111,255,.18);
  color:#8fa3ff;
}

.program-card .program-icon.blue + h4{
  color:#8fa3ff;font-size:15px;
}

.program-icon.purple{
  background:rgba(132,99,255,.20);
  color:#b09cff;
}

.program-card .program-icon.purple + h4{
  color:#b09cff;font-size:15px;
}

.program-icon.green{
  background:rgba(70,215,160,.18);
  color:#69e0ba;
}

.program-card .program-icon.green + h4{
  color:#69e0ba;font-size:15px;
}

.program-icon.orange{
  background:rgba(255,159,67,.18);
  color:#ffae59;
}

.program-card .program-icon.orange + h4{
  color:#ffae59;font-size:15px;
}

.program-card h5{
  font-size:15px;
  font-weight:800;
  color:#fff;
  line-height:1.35;
  margin:0 0 14px;
}

.program-card p{
  font-size:12px;
  color:#fff;
  line-height:1.6;
  margin:0 0 8px;
}

.program-card ul{
  list-style:none;
  padding:0;
  margin:0 0 14px;
}

.program-card ul li{
  font-size:12px;
  color:#fff;
  line-height:1.6;
  margin:0;
}

.program-card ul li::before{
  content:"";
}

.program-card a{
  font-size:12px;
  font-weight:800;
  color:#a891ff;
  text-decoration:none;
}

@media(max-width:991px){
  .program-section .row{
    gap:16px 0;
  }

  .program-section .col-lg-3{
    padding:0 8px;
  }
}

/* ==========================================
STELLAR MILESTONES
========================================== */
.milestone-section{
  padding:35px 0;
  background:#f8fbff;
  overflow:hidden;
}
.milestone-card img{width:30%;}
.milestone-section .section-heading h2{
  color:#071b48;
  font-size:18px;
  font-weight:900;
  margin-bottom:18px;
}

.milestone-grid{
  display:grid;
  grid-template-columns:1.25fr 1.25fr 1.5fr ;
  gap:14px;
  align-items:stretch;
}

.milestone-card{
  background:#fff;
  border:1px solid #edf1f7;
  border-radius:12px;
  padding:5px 20px;
  min-height:95px;
  display:flex;
  align-items:center;
  gap:18px;
  text-align:left;
  box-shadow:0 4px 16px rgba(16,24,40,.07);
}



.milestone-card p{
  margin:0;
  color:#101828;
  font-size:12px;
  line-height:1.7;
  font-weight:500;
}

.milestone-stats{
  background:#fff;
  border:1px solid #edf1f7;
  border-radius:12px;
  padding:18px 20px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px 24px;
  box-shadow:0 4px 16px rgba(16,24,40,.07);
}

.mini-stat{
  background:transparent;
  border-radius:0;
  padding:0;
  text-align:left;
}

.mini-stat h3{
  margin:0 0 4px;
  color:#071b48;
  font-size:16px;
  font-weight:900;
}

.mini-stat p{
  margin:0;
  color:#667085;
  font-size:11px;
  font-weight:600;
}
.stat-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:4px;
}

.stat-top i{
  font-size:13px;
  color:#7b61ff;
  width:18px;
  text-align:center;
}

.mini-stat h3{
  margin:0;
}
@media(max-width:991px){
  .milestone-grid{
    grid-template-columns:1fr;
  }

  .milestone-stats{
    grid-template-columns:repeat(2,1fr);
  }
}
/* ==========================================
CAREER EXPLORER
========================================== */
.career-explorer{
  padding:35px 0;
  background:#f8fbff;
}

.career-explorer .container{
 background: linear-gradient( 135deg, #071b48, #103585, #2d6bff );
  border-radius:10px;
  padding:22px 35px 28px;
}

.career-explorer .section-heading h2{
  color:#fff;
  font-size:22px;
  font-weight:900;
  margin-bottom:6px;
}

.career-explorer .section-heading p{
  color:#fff;
  font-size:12px;
  margin-bottom:18px;
}

.career-tabs{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:nowrap;
  margin-bottom:22px;
}

.career-tabs button{
  min-width:95px !important;
  height:58px !important;
  padding:0 24px !important;
 border:1px solid rgba(255,255,255,.08);
  border-radius:8px;

  background:rgba(255,255,255,.05);
  color:#fff;

  font-size:12px;
  font-weight:700;
  display:flex !important;
  flex-direction:column !important; /* icon top */
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;

  text-align:center !important;
}

.career-display a{font-size: 12px;
  font-weight: 600;
  color: #a891ff;padding-top:20px;
  text-decoration: none;}

.career-tabs button i{
  display:block !important;
  font-size:14px !important;
  margin:0 !important;
  line-height:1 !important;
}

.career-tabs button span{
  display:block;
  line-height:1.2;
}

/* ACTIVE BUTTON */
.career-tabs button.active,
.career-tabs button:hover{
  background:linear-gradient(
  135deg,
  #5b61ff,
  #7b5cff
  );
  color:#fff;
}

.career-display{
  background:transparent;
  border-radius:0;
  padding:0;
  box-shadow:none;
}

.career-display .row{
  align-items:center;
}

.career-display img{
  width:190px;
  height:125px;
  object-fit:cover;
  border-radius:8px;
}

.career-display h3{
  font-size:18px;
  font-weight:900;
  color:#fff;
  margin-bottom:8px;
}

.career-display p{
  font-size:12px;
  line-height:1.6;
  color:#fff;
  margin-bottom:12px;
}

.career-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

.career-tags span{
  padding:5px 9px;
  border-radius:20px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:10px;
  font-weight:600;
}

.career-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;margin-bottom:10px;
}

.career-stat-card{
  border-radius:8px;
  padding:20px 18px;
  text-align:left;
  min-height:85px;
}

.career-stat-card h3{
  font-size:20px;
  font-weight:900;
  margin:0 0 8px;
}

.career-stat-card p{
  font-size:11px;
  margin:0;
  color:#fff;
}

.career-stat-card.green{
  background:rgba(37,90,80,.45);
}

.career-stat-card.green h3{
  color:#55d6ba;
}

.career-stat-card.yellow{
  background:rgba(90,76,31,.45);
}

.career-stat-card.yellow h3{
  color:#ffd84d;
}

.career-stat-card.pink{
  background:rgba(80,41,85,.45);
}

.career-stat-card.pink h3{
  color:#ff8de3;
}

@media(max-width:991px){
  .career-tabs{
    flex-wrap:wrap;
  }

  .career-stats{
    grid-template-columns:1fr;
    margin-top:20px;
  }

  .career-display img{
    margin-bottom:20px;
  }
}

/* ==========================================
ASSESSMENT SUITE
========================================== */
.assessment-section{padding:30px 0;}
.assessment-tabs,
.tab-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.assessment-tabs {
  display: none;
}

.tab-content > .tab-pane {
  display: block !important;
  opacity: 1 !important;
}

.assessment-left {
  display: block;
  background: #fff;
  border: 1px solid #edf1f7;
  border-radius: 14px;
  padding: 15px;
  height: 100%;
  box-shadow: 0 5px 18px rgba(16,24,40,.06);
}

.assessment-left img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 12px;
}

.assessment-left p {
  font-size: 12px;
  line-height: 1.6;
  min-height: 58px;
}

.assessment-left a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
  color: #2d6bff;
  text-decoration: none;
}

@media (max-width: 991px) {
  .assessment-tabs,
  .tab-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .assessment-tabs,
  .tab-content {
    grid-template-columns: 1fr;
  }
}
/* ==========================================
SUCCESS STORIES
========================================== */
.success-section{
  padding:35px 0;
  background:#f8fbff;
}

.success-card,
.video-card,
.resources-card,
.impact-card{
  background:#fff;
  border:1px solid #edf1f7;
  border-radius:12px;
  padding:14px;
  height:100%;
  box-shadow:0 4px 16px rgba(16,24,40,.06);
}

.card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}

.success-card h3,
.video-card h3,
.resources-card h3,
.impact-card h3{
  font-size:13px;
  font-weight:900;
  color:#071b48;
  margin:0 0 12px;
}

.card-head h3{
  margin:0;
}

.slider-arrows{
  display:flex;
  gap:6px;
}

.slider-arrows button{
  width:22px;
  height:22px;
  border:0;
  border-radius:50%;
  background:#eef4ff;
  color:#2d6bff;
  font-size:9px;
}

/* testimonial */
.student-story{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.student-story img{
  width:95px;
  height:135px;
  object-fit:cover;
  border-radius:9px;
}

.student-content h5{
  font-size:11px;
  font-weight:900;
  color:#071b48;
  margin:0 0 3px;
}

.student-content p{
  font-size:9px;
  color:#667085;
  margin:0 0 5px;
}

.rating{
  font-size:11px;
  color:#ffb400;
  letter-spacing:.5px;
  margin-bottom:5px;
}

.story-text{
  font-size:9px !important;
  line-height:1.65;
  color:#42526e !important;
}

/* videos */
.video-grid{
  display:flex;
  gap:10px;
}

.video-item{
  flex:1;
  text-decoration:none;
  position:relative;
}.video-item{
  cursor:pointer;
}

.video-item img{
  width:100%;
  height:96px;
  object-fit:cover;
  border-radius:8px;
}
.modal-dialog.modal-lg{
  max-width:700px;
}

.video-popup iframe{
  height:400px;
}
.play-btn{
  position:absolute;
  top:31px;
  left:50%;
  transform:translateX(-50%);
  width:34px;
  height:34px;
  border-radius:50%;
  background:#fff;
  color:#5b61ff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
}

.video-item p{
  font-size:9px;
  color:#071b48;
  font-weight:700;
  margin:7px 0 0;
  line-height:1.4;
}

.view-all,
.resources-card a{
  display:inline-block;
  margin-top:10px;
  color:#2d6bff;
  font-size:10px;
  font-weight:900;
  text-decoration:none;
}

/* resources */
.resources-card ul{
  list-style:none;
  padding:0;
  margin:0;
}
.resources-card img{width:30px;height:30px;}
.resources-card li{
  display:flex;
  gap:10px;
  padding:2px 0;
}

.resources-card li i{
  width:35px;
  height:35px;
  min-width:35px;
  border-radius:8px;
  background:#eef4ff;
  color:#2d6bff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:15px;
}

.resources-card h6{
  font-size:11px;
  font-weight:900;
  color:#071b48;
  margin:0 0 3px;
}

.resources-card p{
  font-size:9px;
  color:#667085;
  line-height:1.45;
  margin:0;
}

/* impact */
.impact-card ul{
  list-style:none;
  padding:0;
  margin:0;
}

.impact-card li{
  display:grid;
  grid-template-columns:28px 50px 1fr;
  gap:8px;
  align-items:start;
  padding:8px 0;
}
.viol  i{background:#ebe5ff !important;
  color:#826ce3 !important;}
.impact-card li i{
  width:28px;
  height:28px;
  border-radius:50%;
  background:#e1edfe;
  color:#2d6bff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
}

.impact-card strong{
  font-size:12px;
  color:#071b48;
  font-weight:900;
}

.impact-card span{
  font-size:9px;
  color:#42526e;
  line-height:1.45;
}

/* modal */
.video-modal-content{
  background:#000;
  border:0;
  border-radius:12px;
  overflow:hidden;
  position:relative;
}

.video-modal-content .btn-close{
  position:absolute;
  right:12px;
  top:12px;
  z-index:5;
  filter:invert(1);
}

.video-modal-content iframe{
  width:100%;
  height:420px;
  border:0;
}



/* ==========================================
CAREER BOOK
========================================== */
.career-book-section{
  padding:5px 0;
  background:#f8fbff;
}

.career-book-wrapper{
  background:#07122f;
  border-radius:10px;
  padding:22px 35px;
  color:#fff;
  overflow:hidden;
  position:relative;
}

.career-book-wrapper::before{
  content:"";
  position:absolute;
  right:-70px;
  top:-120px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
}

.career-book-wrapper img{
  width:120px;
  height:135px;
  object-fit:contain;
  display:block;
  margin:0 auto;
  transform:rotate(-8deg);
}

.career-book-wrapper h2{
  font-size:18px;
  font-weight:900;
  color:#fff;
  margin:0 0 8px;
}

.career-book-wrapper p{
  font-size:12px;
  line-height:1.6;
  color:rgba(255,255,255,.86);
  margin:0 0 14px;
}

.book-buttons{
  display:flex;
  align-items:center;
  gap:14px;
}

.btn-download{
  padding:9px 20px;
  border-radius:5px;
  background:#6c63ff;
  color:#fff;
  font-size:12px;
  font-weight:800;border:0;
  text-decoration:none;
}
.btn-download1{
  padding:9px 20px;
  border-radius:5px;
  background:#07122f;
  color:#fff;
  font-size:12px;
  font-weight:800;border:0;
  text-decoration:none;
}
.btn-cancel{
  padding:9px 20px;
  border-radius:5px;
  background:#c00000;
  color:#fff;
  font-size:12px;
  font-weight:800;border:0;
  text-decoration:none;
}

.btn-outline-book{
  padding:0;
  border:0;
  color:#fff;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
.headsi{background-color: #103585;padding:10px;border-radius:7px 7px 0 0;}
.headsi h5{margin:0;padding:0;}

.book-links{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  position:relative;
  z-index:2;
}

.book-link{
  min-height:80px;
  padding:12px 18px;
  background:transparent;
  border-radius:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  color:#fff;
  font-size:11px;
  font-weight:700;
  border-left:1px solid rgba(255,255,255,.12);
}

.book-link i{
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}

@media(max-width:991px){
  .career-book-wrapper{
    text-align:center;
  }

  .book-buttons{
    justify-content:center;
    margin-bottom:20px;
  }

  .book-links{
    grid-template-columns:repeat(2,1fr);
  }
}

/* ==========================================
CTA SECTION
========================================== */
.cta-section{
  padding:5px 0;
  background:#fff;
}

.cta-box{
  min-height:145px;
  background: linear-gradient( 135deg, #071b48, #103585, #2d6bff );
  border-radius:10px;
  padding:28px 45px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  overflow:hidden;
  position:relative;
}

.cta-box::before{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-100px;
  width:280px;
  height:280px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}

.cta-content{
  max-width:430px;
  color:#fff;
  position:relative;
  z-index:2;
}

.cta-content h2{
  font-size:28px;
  font-weight:900;
  margin:0 0 12px;
  color:#fff;
}

.cta-content p{
  font-size:13px;
  line-height:1.7;
  margin:0;
  color:rgba(255,255,255,.95);
}

.cta-actions{
  position:relative;
  z-index:3;
  text-align:center;
  min-width:260px;
}

.btn-cta,.btn-cta:hover{
  background:#fff;
  color:#2d36c9;
  border-radius:7px;
  padding:15px 38px;
  font-size:13px;
  font-weight:900;transform:none !important;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.cta-meta{
  display:flex;
  justify-content:center;
  gap:16px;
  margin-top:14px;
}

.cta-meta span{
  position:relative;
  background:transparent;
  padding:0;
  color:#fff;
  font-size:10px;
  font-weight:600;
}

.cta-meta span::before{
  content:"\f058";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  margin-right:5px;
  font-size:9px;
}

.cta-image{
  position:relative;
  z-index:2;
  margin-bottom:-28px;
}

.cta-image img{
  max-height:150px;
  display:block;
}

@media(max-width:991px){
  .cta-box{
    flex-direction:column;
    text-align:center;
  }

  .cta-meta{
    flex-wrap:wrap;
  }
}

/* ==========================================
FOOTER
========================================== */

.footer{

background:#061632;

padding-top:30px;

padding-bottom:10px;

color:#fff;

}

.footer-brand img{

height:60px;

margin-bottom:20px;

}

.footer-brand p{
font-size:14px;
line-height:1.6;

opacity:.8;

}

.footer h5{

font-size:18px;

font-weight:700;

margin-bottom:25px;

}

.footer ul{

list-style:none;

padding:0;

}

.footer ul li{

margin-bottom:5px;

}

.footer ul li a{
font-size:14px;
color:
rgba(255,255,255,.8);

transition:.3s;

}

.footer ul li a:hover{

color:#fff;

}

.social-icons{

display:flex;

gap:12px;

margin-top:20px;

}

.social-icons a{

width:42px;
height:42px;

border-radius:50%;

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

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

color:#fff;

}

.contact-list li{

display:flex;

align-items:center;

gap:12px;

}

.footer hr{

margin:8px 0 8px;

border-color:
rgba(255,255,255,.4);

}

.footer-bottom{

text-align:center;

opacity:.7;

}.footer-bottom p{font-size:15px;margin-bottom:0;}

/* ==========================================
WHATSAPP FLOAT
========================================== */

.whatsapp-float{

position:fixed;

bottom:30px;
right:30px;

width:65px;
height:65px;

border-radius:50%;

background:#25d366;

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

color:#fff;

font-size:30px;

box-shadow:
0 10px 25px rgba(0,0,0,.25);

z-index:9999;

}

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

@media(max-width:991px){

.hero-content h1{
font-size:48px;
}

.hero-circle{
width:380px;
height:380px;
margin-top:40px;
}

.hero-steps{
position:static;
margin-top:40px;padding:15px;
}

.milestone-grid{
grid-template-columns:1fr;
}

.cta-box{
flex-direction:column;
text-align:center;
}

.career-book-wrapper{
padding:40px;
}

.book-links{
margin-top:40px;
}

}

@media(max-width:768px){

.section-heading h2{
font-size:34px;
}

.hero-content h1{
font-size:42px;
}

.hero-content p{
font-size:18px;
}

.hero-buttons{
flex-direction:column;
align-items:flex-start;
}

.stats-bar .container{
padding:25px;
}

.stat-item{
margin-bottom:20px;
}

.journey-card{
width:100%;
}

.program-card{
margin-bottom:20px;
}

.career-display{
padding:25px;
}

.career-book-wrapper h2{
font-size:34px;
}

.cta-content h2{
font-size:36px;
}

.cta-content p{
font-size:18px;
}

.whatsapp-float{
width:55px;
height:55px;
font-size:24px;
}

}

.reveal{
opacity:0;
transform:translateY(40px);
transition:.8s;
}

.reveal-active{
opacity:1;
transform:translateY(0);
}

.navbar-scrolled{
background:#081d45 !important;
box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.back-to-top{
position:fixed;
bottom:110px;
right:30px;
width:55px;
height:55px;
border:none;
border-radius:50%;
background:#2d6bff;
color:#fff;
cursor:pointer;
opacity:0;
visibility:hidden;
transition:.3s;
z-index:999;
}

.back-to-top.show{
opacity:1;
visibility:visible;
}

body{
font-family:'Inter',sans-serif;
}

#directionfindermodel .modal-dialog{
    max-width:900px;
}

#directionfindermodel .modal-content{
    background:#071b32;
    border:none;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.45);
}

#directionfindermodel .modal-body{
    padding:25px;
    color:#fff;
    position:relative;
}

#directionfindermodel .btn-close{
    position:absolute;
    right:20px;
    top:20px;
    filter:invert(1);
    opacity:1;
}

#directionfindermodel .fccoup{
    padding:25px;
}

#directionfindermodel .fccoup:first-child{
    border-right:1px solid rgba(255,255,255,.08);
}

#directionfindermodel .lihbjk{
    text-align:center;
}

#directionfindermodel .lihbjk p{
    color:#fff;
    font-size:18px;
    font-weight:700;
    line-height:1.5;
    margin-bottom:25px;
}

#directionfindermodel .button{
    display:inline-block;
    padding:10px 25px;
    background:#2563eb;
    color:#fff !important;
    border-radius:50px;
    text-decoration:none;
    font-size:17px;
    font-weight:600;
    transition:.3s;
}

#directionfindermodel .button:hover{
    background:#1d4ed8;
    color:#fff !important;
    transform:translateY(-2px);
}


@media(max-width:991px){

    #directionfindermodel .modal-dialog{
        margin:15px;
    }

    #directionfindermodel .modal-body{
        padding:25px;
    }

    #directionfindermodel .fccoup:first-child{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.08);
        margin-bottom:20px;
        padding-bottom:30px;
    }

    #directionfindermodel .lihbjk p{
        font-size:22px;
    }

    #directionfindermodel .button{
        width:100%;
    }

}
.assessment-left{
    transition: transform .35s ease, box-shadow .35s ease;
    border-radius:16px;
}

.assessment-left:hover{
    transform: translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.10);
}

/* Student */
.student-hero{
 background: linear-gradient(
    90deg,
    #001247 0%,
    #001B63 55%,
    #0036B8 80%,
    #154CE7 100%
);
  padding: 100px 15px 20px 15px;
  color: #fff;
  overflow: hidden;
}

.student-hero .hero-content span{
  color: #b7a8ff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.student-hero .hero-content h1{
  font-size: 45px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 20px 0;
}

.student-hero .hero-content p{
  max-width: 420px;
  font-size: 16px;
  line-height: 1.6;
  color: #fff;
}

.student-hero .hero-buttons{
  display: flex;
  gap: 16px;
  margin-top: 30px;
}

.student-hero .hero-buttons .btn{
  padding: 10px 11px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
}

.student-hero .hero-buttons .btn-primary{
  background: linear-gradient(90deg,#6748dd,#5845d6);
  border: none;
}
.student-hero .hero-buttons a:hover{background:transparent;}
.student-hero .hero-buttons .btn-outline-light{
  border-color: rgba(255,255,255,.6);
}

.student-hero .hero-main-img{
  max-width: 100%;
}

.student-hero .feature-card{
  display: flex;
  align-items: center;
  gap: 16px;min-height: 100%;
  background: rgba(0,20,80,.65);
  border-radius: 14px;border:0;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 12px 35px rgba(0,0,0,.25);
}

.student-hero .feature-icon{
  width: 58px;
  height: 58px;
  min-width: 58px;
  border-radius: 50%;
  background: linear-gradient(135deg,#8b5cf6,#5b7cff);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}

.student-hero .feature-icon.orange{
  background: linear-gradient(135deg,#ff9f1c,#f97316);
}

.student-hero .feature-icon.blue{
  background: linear-gradient(135deg,#2f80ff,#2563eb);
}

.student-hero .feature-card h5{
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 800;
}

.student-hero .feature-card p{
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
}

@media(max-width:991px){
  .student-hero{
    padding: 95px 20px 20px 20px;
  }

  .student-hero .hero-content h1{
    font-size: 44px;
  }

  .student-hero .hero-content p{
    margin: auto;
  }

  .student-hero .hero-buttons{
    justify-content: center;
    flex-wrap: wrap;
  }

  .student-hero .feature-card{
    text-align: left;
  }
}
.fc-school-logo-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.fc-school-logo{
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:15px;
    padding:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:120px;
    transition:.35s;
}

.fc-school-logo:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.fc-school-logo img{
    max-width:100%;
    max-height:70px;
    object-fit:contain;
}

.fc-hidden-logo{
    display:none;
}

/* Tablet */
@media(max-width:991px){
    .fc-school-logo-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

/* Mobile */
@media(max-width:576px){
    .fc-school-logo-grid{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }

    .fc-school-logo{
        min-height:90px;
        padding:15px;
    }

    .fc-school-logo img{
        max-height:55px;
    }
}
.fc-college-logo-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.fc-college-logo{
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:15px;
    padding:20px;
    min-height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .35s ease;
}

.fc-college-logo:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.fc-college-logo img{
    max-width:100%;
    max-height:70px;
    width:auto;
    height:auto;
    object-fit:contain;
}

/* Large Tablet */
@media(max-width:991px){

    .fc-college-logo-grid{
        grid-template-columns:repeat(3,1fr);
        gap:20px;
    }

}

/* Mobile */
@media(max-width:576px){

    .fc-college-logo-grid{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }

    .fc-college-logo{
        min-height:90px;
        padding:15px;
    }

    .fc-college-logo img{
        max-height:55px;
    }

}

.fc-process-section{
    background:linear-gradient(90deg,#001e69 0%,#001e69 100%);
    border-radius:20px;
    padding:25px 10px;
    color:#fff;margin:30px;
    overflow:hidden;
}

.fc-process-title{
    text-align:center;
    font-size:32px;
    font-weight:700;
    margin-bottom:40px;
    color:#fff;
}

.fc-process-wrapper{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
}


.fc-process-item{
    position:relative;
    text-align:center;
}

.fc-process-item::after{
    content:"";
    position:absolute;
    top:14px;
    left:58%;
    width:100%;
    border-top:2px dotted rgba(255,255,255,.45);
    z-index:0;
}



.fc-process-item::before{
    content:"";
    position:absolute;
    top:11px;
    right:-6px;
    width:8px;
    height:8px;
    background:#a68dff;
    border-radius:50%;
    border:2px solid #d8d0ff;
    z-index:2;
}


.fc-process-item:last-child::after,
.fc-process-item:last-child::before{
    display:none;
}


.fc-step{
    width:28px;
    height:28px;
    margin:0 auto 18px;
    border-radius:50%;
    background:#8e7cff;
    border:2px solid #d5cbff;
    color:#fff;
    font-size:13px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:5;
    box-shadow:0 0 12px rgba(142,124,255,.6);
}



.fc-process-icon{
    width:76px;
    height:76px;
    margin:0 auto 18px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    border:2px solid rgba(135,160,255,.7);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:30px;
    box-shadow:
        0 0 0 3px rgba(110,133,255,.18),
        0 0 20px rgba(101,132,255,.45);
    transition:all .35s ease;
}

.fc-process-item:hover .fc-process-icon{
    transform:translateY(-8px);
    background:#1c53ff;
    box-shadow:
        0 0 0 5px rgba(110,133,255,.25),
        0 0 25px rgba(90,130,255,.65);
}


.fc-process-item h5{
    color:#fff;
    font-size:15px;
    font-weight:700;
    margin-bottom:8px;
}



.fc-process-item p{
    color:#d7e3ff;
    font-size:13px;
    line-height:1.5;
    margin:0;
}


@media(max-width:1200px){

    .fc-process-wrapper{
        grid-template-columns:repeat(3,1fr);
        gap:35px;
    }

    .fc-process-item::before,
    .fc-process-item::after{
        display:none;
    }

}


@media(max-width:767px){

    .fc-process-section{
        padding:35px 20px;
    }

    .fc-process-title{
        font-size:28px;
    }

    .fc-process-wrapper{
        grid-template-columns:repeat(2,1fr);
        gap:30px;
    }

    .fc-process-icon{
        width:68px;
        height:68px;
        font-size:26px;
    }

}


@media(max-width:480px){

    .fc-process-wrapper{
        grid-template-columns:1fr;
    }

}
.fc-program-section{
    padding:40px 0;
    background:#fff;
}

.fc-program-heading{
    text-align:center;
    margin-bottom:45px;
}

.fc-program-heading h2{
    display:inline-block;
    position:relative;
    font-size:28px;
    font-weight:800;
    color:#0b2460;
    margin:0;
}

.fc-program-heading h2::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-12px;
    transform:translateX(-50%);
    width:70px;
    height:4px;
    border-radius:30px;
    background:#5b6df8;
}

.fc-program-card{
    display:flex;
    align-items:center;
    gap:30px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    padding:25px;
    height:100%;
    transition:all .35s ease;
    box-shadow:0 8px 30px rgba(0,0,0,.05);
}

.fc-program-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
    border-color:#4b67ff;
}

.fc-program-icon{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    background:#ece8ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    color:#213d9a;
    transition:.35s;
}

.fc-program-card:hover .fc-program-icon{
    background:#21418a;
    color:#fff;
    transform: scale(1.08);
}

.fc-program-content{
    flex:1;
}

.fc-program-content h3{
    font-size:22px;
    font-weight:700;
    color:#1b2d72;
    margin-bottom:12px;
}

.fc-program-content p{
    font-size:14px;
    color:#333;
    line-height:1.8;
    margin-bottom:22px;
}

.fc-program-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 28px;
    border-radius:8px;
    background:linear-gradient(90deg,#6a5cff,#8b4fff);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.fc-program-btn:hover{
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(106,92,255,.35);
}

@media(max-width:991px){

    .fc-program-heading h2{
        font-size:32px;
    }

    .fc-program-card{
        padding:30px;
    }

}

@media(max-width:767px){

    .fc-program-section{
        padding:60px 0;
    }

    .fc-program-card{
        flex-direction:column;
        text-align:center;
        gap:20px;
    }

    .fc-program-icon{
        width:80px;
        height:80px;
        min-width:80px;
        font-size:34px;
    }

    .fc-program-content h3{
        font-size:24px;
    }

    .fc-program-content p{
        font-size:15px;
    }

}

@media(max-width:480px){

    .fc-program-card{
        padding:22px;
    }

    .fc-program-heading h2{
        font-size:28px;
    }

}
.fc-benefits-section{
    padding:40px 0;
    background:#fff;
}

.fc-benefits-heading{
    text-align:center;
    margin-bottom:50px;
}

.fc-benefits-heading h2{
    font-size:28px;
    font-weight:800;
    color:#18316f;
    margin-bottom:10px;
}

.fc-benefits-heading p{
    margin:auto;
    font-size:15px;
    color:#5d6478;
    line-height:1.7;
}

.fc-benefit-card{
    height:100%;
    background:#fff;
    border:1px solid #ebedf4;
    border-radius:18px;
    padding:10px;
    text-align:center;
    transition:.35s ease;
    box-shadow:0 5px 20px rgba(0,0,0,.04);
}

.fc-benefit-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
    border-color:#21418a;
}

.fc-benefit-icon{
    width:70px;
    height:70px;
    margin:0 auto 22px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    transition:.35s;
}

.fc-benefit-card:hover .fc-benefit-icon{
    transform:scale(1.1) rotate(8deg);
}

.fc-benefit-icon.purple{
    background:#f1ebff;
    color:#7b61ff;
}

.fc-benefit-icon.orange{
    background:#fff1e6;
    color:#ff7a00;
}

.fc-benefit-icon.blue{
    background:#eef3ff;
    color:#2563eb;
}

.fc-benefit-icon.green{
    background:#e9f9ef;
    color:#16a34a;
}

.fc-benefit-icon.red{
    background:#ffecec;
    color:#ef4444;
}

.fc-benefit-icon.gold{
    background:#fff6df;
    color:#c28a00;
}

.fc-benefit-card h4{
    font-size:18px;
    font-weight:700;
    color:#17316f;
    line-height:1.4;
    margin-bottom:8px;
}

.fc-benefit-card p{
    font-size:14px;
    color:#5d6478;
    line-height:1.7;
    margin:0;
}

@media(max-width:1199px){

    .fc-benefit-card{
        padding:30px 18px;
    }

    .fc-benefit-card h4{
        font-size:20px;
        min-height:auto;
    }

}

@media(max-width:991px){

    .fc-benefits-section{
        padding:70px 0;
    }

    .fc-benefits-heading h2{
        font-size:32px;
    }

    .fc-benefits-heading p{
        font-size:16px;
    }

}

@media(max-width:767px){

    .fc-benefits-section{
        padding:60px 0;
    }

    .fc-benefits-heading{
        margin-bottom:35px;
    }

    .fc-benefits-heading h2{
        font-size:28px;
    }

    .fc-benefits-heading p{
        font-size:15px;
    }

    .fc-benefit-card{
        padding:25px 15px;
    }

    .fc-benefit-icon{
        width:65px;
        height:65px;
        font-size:28px;
        margin-bottom:18px;
    }

    .fc-benefit-card h4{
        font-size:18px;
    }

    .fc-benefit-card p{
        font-size:14px;
        line-height:1.6;
    }

}

@media(max-width:575px){

    .fc-benefit-card{
        padding:20px 12px;
    }

    .fc-benefit-icon{
        width:58px;
        height:58px;
        font-size:24px;
    }

    .fc-benefit-card h4{
        font-size:17px;
    }

    .fc-benefit-card p{
        font-size:13px;
    }

}
.fc-faq-section{
    padding:40px 0;
    background:#fff;
}

.fc-faq-heading{
    text-align:center;
    margin-bottom:40px;
}

.fc-faq-heading h2{
    display:inline-block;
    position:relative;
    font-size:28px;
    font-weight:800;
    color:#18316f;
    margin:0;
}

.fc-faq-heading h2::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-12px;
    transform:translateX(-50%);
    width:70px;
    height:4px;
    border-radius:30px;
    background:#5b6df8;
}

.fc-faq-accordion{
    max-width:1100px;
    margin:0 auto;
}

.fc-faq-item{
    border:1px solid #e8ebf3;
    border-radius:12px !important;
    overflow:hidden;
    margin-bottom:15px;
    box-shadow:0 5px 15px rgba(0,0,0,.04);
}

.fc-faq-item .accordion-header{
    margin:0;
}

.fc-faq-button{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    text-align:left;
    background:#fff;
    color:#17316f;
    font-size:17px;
    font-weight:600;
    padding:18px 25px;
    box-shadow:none !important;
    border:none;
}

.fc-faq-button:focus{
    box-shadow:none;
}

.fc-faq-button:not(.collapsed){
    background:#21418a;
    color:#fff;
}

.fc-faq-button::after{
    display:block !important;
    background-image:none !important;
    content:"+";
    width:auto;
    height:auto;
    font-size:28px;
    font-weight:700;
    color:#21418a;
    margin-left:20px;
    transform:none !important;
    flex-shrink:0;
    line-height:1;
}

.fc-faq-button:not(.collapsed)::after{
    content:"−";
    color:#fff;
}

.fc-faq-body{
    padding:20px 25px;
    font-size:15px;
    line-height:1.8;
    color:#5d6478;
    background:#f8faff;
    border-top:1px solid #e8ebf3;
}

.fc-faq-item:hover{
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

@media(max-width:991px){

    .fc-faq-section{
        padding:70px 0;
    }

    .fc-faq-heading h2{
        font-size:32px;
    }

    .fc-faq-button{
        font-size:16px;
        padding:16px 20px;
    }

    .fc-faq-body{
        padding:18px 20px;
    }

}

@media(max-width:767px){

    .fc-faq-section{
        padding:60px 0;
    }

    .fc-faq-heading{
        margin-bottom:30px;
    }

    .fc-faq-heading h2{
        font-size:28px;
    }

    .fc-faq-button{
        font-size:15px;
        line-height:1.6;
        padding:15px 18px;
    }

    .fc-faq-button::after{
        font-size:22px;
        margin-left:15px;
    }

    .fc-faq-body{
        font-size:14px;
        padding:15px 18px;
    }

}

@media(max-width:575px){

    .fc-faq-button{
        padding:14px 16px;
        font-size:14px;
    }

    .fc-faq-body{
        padding:14px 16px;
    }

}
/*College Pricing*/
.fc-career-hero{
    background-color:
        #010621;
    color:#fff;
    padding:110px 55px 0px;
    overflow:hidden;
}

.fc-career-badge{
    display:inline-block;
    background:linear-gradient(90deg,#7c3aed,#5b6cff);
    color:#fff;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    padding:5px 10px;
    border-radius:6px;
    margin-bottom:10px;
}

.fc-career-content h1{
    font-size:40px;
    line-height:1.12;
    font-weight:700;
    margin:0 0 15px;
}

.fc-career-content h1 span{
    color:#7c63ff;
}

.fc-career-content h4{
    font-size:17px;
    font-weight:700;
    margin-bottom:6px;
}

.fc-career-content p{
    font-size:17px;
    line-height:1.45;
    max-width:650px;
    margin-bottom:28px;
}

.fc-career-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    max-width:760px;
}

.fc-career-stat{
    display:flex;
    align-items:center;
    gap:12px;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.04);
    border-radius:10px;
    padding:16px 14px;
}

.fc-career-stat i{
    font-size:27px;
    color:#a64cff;
}

.fc-career-stat:nth-child(2) i{
    color:#ffd21f;
}

.fc-career-stat strong{
    display:block;
    font-size:20px;
    line-height:1;margin-bottom:5px;
    color:#7b72ff;
    font-weight:700;
}

.fc-career-stat small{
    display:block;
    color:#fff;
    font-size:11px;
    line-height:1.15;
    font-weight:600;
}

.fc-career-img-wrap{
    position:relative;
}

.fc-career-img{
    max-width:100%;
    height:auto;
}

.fc-career-steps{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.fc-career-steps::before{
    content:"";
    position:absolute;
    left:42px;
    top:52px;
    bottom:52px;
    border-left:2px dotted #f6b73c;
}

.fc-career-step{
    position:relative;
    display:flex;
    align-items:center;
    gap:15px;
    border:1px solid rgba(255,255,255,.25);
    background:rgba(255,255,255,.035);
    border-radius:12px;
    padding:16px 18px;
}

.fc-career-step span{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#7c3aed,#9d4edd);
    color:#fff;
    font-size:20px;
    z-index:2;
}

.fc-career-step:nth-child(2) span{
    background:linear-gradient(135deg,#3157ff,#4d8cff);
}

.fc-career-step:nth-child(3) span{
    background:linear-gradient(135deg,#8b3dff,#d946ef);
}

.fc-career-step:nth-child(4) span{
    background:linear-gradient(135deg,#ff8a00,#ffb02e);
}

.fc-career-step h5{
    font-size:15px;
    font-weight:900;
    text-transform:uppercase;
    margin:0 0 4px;
}

.fc-career-step p{
    margin:0;
    font-size:13px;
    color:#fff;
    line-height:1.3;
}

@media(max-width:1199px){
    .fc-career-content h1{
        font-size:42px;
    }

    .fc-career-content p{
        font-size:18px;
    }

    .fc-career-stats{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:991px){
    .fc-career-hero{
        padding:45px 25px;
        text-align:center;
    }

    .fc-career-content p{
        margin-left:auto;
        margin-right:auto;
    }

    .fc-career-stats{
        margin:auto;
    }

    .fc-career-steps{
        margin-top:30px;
    }

    .fc-career-step{
        text-align:left;
    }
}

@media(max-width:575px){
    .fc-career-content h1{
        font-size:32px;
    }

    .fc-career-content p{
        font-size:16px;
    }

    .fc-career-stats{
        grid-template-columns:1fr;
    }
}
.fcx-pricing,
.fcx-pricing *{
  box-sizing:border-box;
}

.fcx-pricing{
  width:100%;
  padding:80px 0 20px 0;
  background:linear-gradient(180deg,#fbfcff 0%,#f4f6fc 100%);
  font-family:Inter,Arial,sans-serif;
  color:#20284d;
}

.fcx-container{
  width:min(1220px,calc(100% - 32px));
  margin:0 auto;
}

.fcx-head{
  text-align:center;
  margin-bottom:30px;
}

.fcx-head span{
  display:inline-block;
  background:#ece8ff;
  color:#5938f4;
  border-radius:30px;
  padding:7px 18px;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:14px;
}

.fcx-head h2{
  font-size:42px;
  line-height:1.18;
  font-weight:900;
  color:#182451;
  margin:0 0 12px;
}

.fcx-head p{
  max-width:780px;
  margin:0 auto;
  color:#63708c;
  font-size:17px;
  line-height:1.7;
}

.fcx-tabs{
  width:min(720px,100%);
  margin:0 auto 45px;
  display:flex;
  background:#fff;
  border:1px solid #dbe2f5;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(37,55,108,.08);
}

.fcx-tab{
  flex:1;
  border:0;
  border-radius:0;
  background:transparent;
  color:#24356c;
  font-size:16px;
  font-weight:700;
  padding:13px 15px;
  transition:.3s;
  cursor:pointer;
  white-space:nowrap;
  font-family:inherit;
}
.fcx-card-top{text-align:center;}

.fcx-tab:not(:last-child){
  border-right:1px solid #e4e8f6;
}

.fcx-tab:hover,
.fcx-tab.is-active{
  background:linear-gradient(180deg,#5d3df8,#4726b4);
  color:#fff;border-radius:10px;
}

.fcx-panel{
  display:none;
  animation:fcxFade .35s ease;
}

.fcx-panel.is-active{
  display:block;
}

.fcx-grid{
  display:grid;
  gap:24px;
}
.fcx-grid-1{
  grid-template-columns:repeat(1,minmax(0,1fr));
}
.fcx-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.fcx-grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.fcx-panel[data-fcx-panel="professionals"] .fcx-grid{
    grid-template-columns:minmax(350px,420px);
    justify-content:center;
}

.fcx-grid-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.fcx-grid-5{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.fcx-grid-6{
  grid-template-columns:repeat(6,minmax(0,1fr));
}

.fcx-card{
  position:relative;
  min-width:0;
  overflow:visible;
  height:100%;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid #dde3f6;
  border-radius:18px;
  padding:30px;
  transition:.35s;
  box-shadow:0 8px 30px rgba(0,0,0,.05);
}

.fcx-card:hover{
  transform:translateY(-10px);
  box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.fcx-popular{
  border:2px solid #6d48ff;
  box-shadow:0 12px 45px rgba(93,61,248,.15);
}

.fcx-popular-badge{
    position:absolute;
    top:-18px;
    left:50%;
    transform:translateX(-50%);
    z-index:100;

    min-width:210px;
    height:36px;

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

    background:#4c2abb;
    color:#fff;

    border-radius:30px;

    font-size:13px;
    font-weight:700;
    letter-spacing:.5px;
    text-transform:uppercase;

    box-shadow:0 8px 20px rgba(93,61,248,.35);
}

.fcx-badge{
  display:inline-block;
  padding:6px 15px;
  border-radius:20px;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:18px;
}

.fcx-badge-green{background:#ddf5e7;color:#13864c;}
.fcx-badge-purple{background:#ece8ff;color:#5938f4;}
.fcx-badge-orange{background:#fff1df;color:#ff7900;}

.fcx-card h3{
  font-size:23px;
  font-weight:700;
  color:#20284d;
  line-height:1.2;
  margin:0 0 10px;
}

.fcx-card h2{
  font-size:40px;
  font-weight:800;
  color:#1b2452;
  margin:0 0 8px;
  line-height:1;
}

.fcx-card-top p{
  font-size:14px;
  color:#64718b;
  margin:0 0 22px;
}
.fcx-addons{margin-top:45px;}

.fcx-card-body{
  flex:1;
}
.fcxgreen{color:#178a50 !important;}
.fcxorange{color:#ff7900 !important;}
.fcx-card h5{
  margin:0 0 18px;
  color:#5b37f4;
  font-size:15px;
  font-weight:700;
  text-transform:uppercase;
}

.fcx-list{
  list-style:none;
  padding:0;
  margin:0;
}

.fcx-list li{
  position:relative;
  padding-left:34px;
  margin-bottom:17px;
  font-size:14px;
  color:#4b566f;
  line-height:1.55;
}

.fcx-list li span{
  position:absolute;
  left:0;
  top:2px;
  width:20px;
  height:20px;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:12px;
  font-weight:700;
}

.fcx-list-green li span{background:#dff4e7;color:#178a50;}
.fcx-list-purple li span{background:#ece8ff;color:#5938f4;}
.fcx-list-orange li span{background:#fff1df;color:#ff7900;}

.fcx-list strong{
  display:block;
  color:#1e2955;
  font-size:15px;
  font-weight:800;
}

.fcx-strip{
  margin:20px 0;
  border:1px solid #cfc8ff;
  background:#f8f6ff;
  color:#5938f4;
  border-radius:10px;
  padding:14px;
  font-size:14px;
  font-weight:800;
  text-align:center;
}

.fcx-proof{
  margin:22px 0;
  border-radius:12px;
  background:#fff6ec;
  border:1px solid #ffd8b0;
  padding:18px;
}

.fcx-proof strong{
  display:block;
  color:#ff7900;
  margin-bottom:10px;
  font-size:15px;
}

.fcx-proof p{
  margin:0;
  font-size:14px;
  color:#5b6475;
  line-height:1.6;
}

.fcx-btn{
  display:block;
  text-align:center;
  padding:16px;
  border-radius:10px;
  text-decoration:none;
  color:#fff;
  font-size:17px;
  font-weight:800;
  transition:.3s;
  margin-top:auto;
}

.fcx-btn-green{background:#118348;}
.fcx-btn-purple{background:linear-gradient(180deg,#5d3df8,#3516b8);}
.fcx-btn-orange{background:linear-gradient(180deg,#ff9822,#ff7300);}

.fcx-btn:hover{
  color:#fff;
  transform:translateY(-3px);
  filter:brightness(1.05);
}

.fcx-upgrade{
  margin:12px 0 0;
  text-align:center;
  font-size:14px;
  color:#6f7992;
}

.fcx-addons{
  background:#fff;
  border:1px solid #dde3f6;
  border-radius:18px;
  padding:30px;
  box-shadow:0 8px 30px rgba(0,0,0,.05);
}

.fcx-addons h3{
  font-size:30px;
  font-weight:700;
  color:#1b2452;
  margin:0 0 24px;
}

.fcx-addons h3 span{
  display:block;
  font-size:15px;
  font-weight:600;
  color:#6f7992;
  margin-top:6px;
}

.fcx-addon{
  height:100%;
  background:#fff;
  border:1px solid #e6eaf6;
  border-radius:16px;
  padding:15px;   display:flex;
    flex-direction:column;
    height:100%;
  transition:.3s;
}

.fcx-addon:hover{
  transform:translateY(-7px);
  box-shadow:0 18px 35px rgba(0,0,0,.1);
}

.fcx-addon>i{
  width:58px;
  height:58px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  margin-bottom:18px;
}

.fcx-addon-green>i{background:#ddf5e7;color:#13864c;}
.fcx-addon-purple>i{background:#ece8ff;color:#5938f4;}
.fcx-addon-blue>i{background:#e8f0ff;color:#2563eb;}
.fcx-addon-orange>i{background:#fff1df;color:#ff7900;}

.fcx-addon h4{
  font-size:17px;
  line-height:1.25;
  font-weight:700;
  color:#20284d;
  margin:0 0 12px;
}

.fcx-addon h2{
  font-size:30px;
  font-weight:700;
  color:#1b2452;
  margin:0 0 14px;
}

.fcx-addon ul{
  padding-left:18px;
  margin:0 0 18px;
  color:#5b6475;
  font-size:14px;
  line-height:1.7;
}

.fcx-addon span{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px 14px;
    border-radius:10px;
    font-size:14px;
    font-weight:700;
    text-align:center;
}
/* Green */
.fcx-addon-green span{
    background:#F3FEF7;
    color:#13864C;
    border:1px solid #B7E7C9;
}

/* Purple */
.fcx-addon-purple span{
    background:#F6F3FE;
    color:#5B37F4;
    border:1px solid #D7CBFF;
}

/* Blue */
.fcx-addon-blue span{
    background:#F5F8FE;
    color:#2563EB;
    border:1px solid #C8D8FF;
}

/* Orange */
.fcx-addon-orange span{
    background:#FFFAF2;
    color:#F57C00;
    border:1px solid #FFD8A8;
}

.fcx-govt{
  margin-top:36px;
  background:#071241;
  border-radius:20px;
  padding:35px;
  color:#fff;
}

.fcx-govt-title{
  text-align:center;
  margin-bottom:25px;
}

.fcx-govt-title h3{
  font-size:34px;
  font-weight:900;
  margin:0 0 8px;
  color:#fff;
}

.fcx-govt-title span{
  display:inline-block;
  background:#5b37f4;
  border-radius:30px;
  padding:6px 15px;
  font-weight:800;
  font-size:13px;
  margin-bottom:8px;
}

.fcx-govt-title p{
  margin:0;
  color:#b9c5ea;
}

.fcx-govt-card{
  height:100%;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  text-align:center;
  padding:22px 12px;
  transition:.3s;
}

.fcx-govt-card:hover{
  transform:translateY(-6px);
  background:rgba(255,255,255,.1);
}

.fcx-govt-card i{
  font-size:28px;
  color:#ffb72e;
  margin-bottom:14px;
}

.fcx-govt-card h4{
  font-size:17px;
  font-weight:900;
  line-height:1.25;
  margin:0 0 10px;
  color:#fff;
}

.fcx-govt-card h4 small{
  font-size:12px;
  color:#d6defa;
}

.fcx-govt-card p{
  font-size:13px;
  line-height:1.45;
  color:#cfd8fb;
  margin:0;
}

@keyframes fcxFade{
  from{opacity:0;transform:translateY(15px);}
  to{opacity:1;transform:translateY(0);}
}

@media(max-width:1200px){
  .fcx-card{padding:25px;}
  .fcx-card h2{font-size:46px;}
  .fcx-card h3{font-size:28px;}
  .fcx-grid-6{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media(max-width:991px){
  .fcx-pricing{padding:60px 0;}
  .fcx-head h2{font-size:34px;}
  .fcx-tabs{flex-wrap:wrap;}
  .fcx-tab{flex:0 0 50%;}
  .fcx-grid-3{grid-template-columns:1fr;}
  .fcx-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .fcx-govt-title h3{font-size:28px;}
}

@media(max-width:576px){
  .fcx-container{width:calc(100% - 24px);}
  .fcx-tab{flex:0 0 100%;border-bottom:1px solid #e5e5e5;}
  .fcx-card h3{font-size:25px;}
  .fcx-card h2{font-size:38px;}
  .fcx-addons,
  .fcx-govt{padding:22px;}
  .fcx-head h2{font-size:28px;}
  .fcx-grid-4,
  .fcx-grid-6{grid-template-columns:1fr;}
}
.fcx-govt-assessment,.fcx-govt-assessment *{box-sizing:border-box}
.fcx-govt-assessment{width:min(1280px,calc(100% - 12px));margin:40px auto;background:#fff;border:1px solid #d9e9df;border-radius:18px;padding:22px;font-family:Inter,Arial,sans-serif;color:#13204d;box-shadow:0 8px 26px rgba(16,24,40,.04)}
.fcx-govt-header{margin-bottom:18px}
.fcx-govt-title-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.fcx-govt-title-row h2{margin:0;color:#17613a;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.fcx-govt-badge{align-items:center;justify-content:center;padding:7px 16px;border-radius:999px;background:#eaf6ee;color:#17613a;font-size:13px;font-weight:800;white-space:nowrap}
.fcx-govt-header p{margin:8px 0 0;color:#26376b;font-size:14px;line-height:1.5;font-weight:500}
.fcx-govt-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.fcx-govt-item{min-width:0;height:100%;background:#fff;border:1px solid #d7ebe0;border-radius:14px;padding:18px 16px;box-shadow:0 4px 14px rgba(16,24,40,.03);transition:.3s ease}
.fcx-govt-item:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(16,24,40,.08);border-color:#a9d8bd}
.fcx-govt-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.fcx-govt-icon{width:42px;height:42px;min-width:42px;border-radius:50%;background:#eaf6ee;color:#13864c;display:flex;align-items:center;justify-content:center;font-size:18px}
.fcx-govt-item h3{margin:0;color:#0d5c35;font-size:17px;line-height:1.1;font-weight:900}
.fcx-govt-item h4{margin:4px 0 0;color:#17613a;font-size:12px;line-height:1.2;font-weight:800}
.fcx-govt-item p{margin:0 0 14px;color:#10182f;font-size:14px;line-height:1.45;font-weight:400}
.fcx-govt-item ul{margin:0;padding:0;list-style:none}
.fcx-govt-item li{margin-bottom:8px;color:#10182f;font-size:12px;line-height:1.45;font-weight:400}
.fcx-govt-item li:last-child{margin-bottom:0}
.fcx-govt-bottom{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;margin-top:18px}
.fcx-govt-note{min-height:44px;display:flex;align-items:center;gap:10px;background:#eaf6ee;border:1px solid #d5eadc;border-radius:10px;padding:12px 18px;color:#17613a;font-size:13px;line-height:1.45;font-weight:800}
.fcx-govt-note i{width:26px;height:26px;min-width:26px;border-radius:50%;background:#ccead8;color:#13864c;display:flex;align-items:center;justify-content:center;font-size:13px}
@media(max-width:1100px){.fcx-govt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.fcx-govt-assessment{width:calc(100% - 24px);padding:18px;margin:30px auto}.fcx-govt-title-row{display:block}.fcx-govt-title-row h2{font-size:21px;margin-bottom:10px}.fcx-govt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fcx-govt-bottom{grid-template-columns:1fr}}
@media(max-width:520px){.fcx-govt-grid{grid-template-columns:1fr}.fcx-govt-title-row h2{font-size:19px;letter-spacing:1px}}


.fcx-upgrade-section,
.fcx-upgrade-section *{
  box-sizing:border-box;
}

.fcx-upgrade-section{
  width:min(1180px,calc(100% - 32px));
  margin:40px auto;
  min-height:230px;
  display:grid;
  grid-template-columns: 1.5fr 1fr 1.5fr;
  align-items:stretch;
  gap:22px;
  padding:18px 22px;
  border-radius:12px;
  overflow:hidden;
  position:relative;
  font-family:Inter,Arial,sans-serif;
  background:#020b2a;
  border:1px solid rgba(126,104,255,.55);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 16px 40px rgba(5,8,40,.28);
  color:#fff;
}

.fcx-upgrade-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.03),transparent 30%,rgba(255,255,255,.025));
  pointer-events:none;
}

.fcx-upgrade-intro,
.fcx-compare-card,
.fcx-vs-wrap,
.fcx-save-card{
  position:relative;
  z-index:2;
}

.fcx-upgrade-intro{
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.fcx-upgrade-copy{
  padding:6px 0 0;
}

.fcx-upgrade-copy h2{
  margin:0 0 8px;
  color:#fff;
  font-size:26px;
  line-height:1.15;
  font-weight:700;
}

.fcx-upgrade-copy p{
  width:90%;
  margin:0;
  color:#fff;
  font-size:14px;
  line-height:1.55;
  font-weight:500;
}

.fcx-upgrade-figure{
  position:absolute;
  left:10px;
  bottom:-18px;
  width:210px;
  height:135px;
  pointer-events:none;
}

.fcx-upgrade-figure img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left bottom;
  display:block;
}

.fcx-compare-card{
  min-height:190px;
  padding:18px 20px;
  border-radius:10px;
  background:rgba(4,8,40,.68);
  border:1px solid rgba(102,92,196,.45);
  box-shadow:
    inset 0 0 25px rgba(90,70,255,.06),
    0 8px 26px rgba(0,0,0,.18);
}

.fcx-compare-card h3,
.fcx-save-card h3{
  margin:0 0 16px;
  color:#fff;
  font-size:16px;text-align:center;
  line-height:1.2;
  font-weight:700;
}

.fcx-compare-card ul{
  list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 200px;
}

.fcx-compare-card li{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px;font-weight:400;
    line-height: 1.2;
    white-space: nowrap;
}

.fcx-compare-card li:last-child{
  margin-bottom:0;
}

.fcx-compare-card li span{
  width:18px;
  height:18px;
  min-width:18px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
}

.fcx-without-card li span{
  border:2px solid #ff3333;justify-self: center;
  color:#ff3333;
}

.fcx-with-card li span{
  border:2px solid #20df72;
  color:#20df72;
}

.fcx-vs-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
}

.fcx-vs-wrap span{
  width:128px;
  height:128px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:45px;
  font-weight:900;
  background:radial-gradient(circle,#190b56 0%,#2d128f 62%,#4f3dff 100%);
  border:1px solid rgba(140,128,255,.72);
  box-shadow:
    0 0 0 8px rgba(96,67,255,.13),
    0 0 34px rgba(111,82,255,.85),
    inset 0 0 22px rgba(255,255,255,.16);
}

.fcx-save-card{
  min-height:190px;
  padding:18px 18px;
}

.fcx-save-card h3{
  margin-bottom:18px;
  text-align:center;
}

.fcx-save-row{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 15px;
  margin-bottom:10px;
  border-radius:8px;
  color:#fff;
  background:linear-gradient(180deg,rgba(11,13,62,.85),rgba(10,12,50,.75));
  border:1px solid rgba(142,121,255,.75);
  box-shadow:inset 0 0 16px rgba(101,75,255,.1);
}

.fcx-save-row:last-child{
  margin-bottom:0;
}

.fcx-save-row span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  font-size:13px;
  font-weight:400;
}

.fcx-save-row span i{
  font-size:10px;
}

.fcx-save-row strong{
  white-space:nowrap;
  font-size:13px;
  font-weight:900;
}

@media(max-width:1100px){
  .fcx-upgrade-section{
    grid-template-columns:1fr 1fr;
  }

  .fcx-vs-wrap{
    grid-column:1 / -1;
    order:3;
  }

  .fcx-with-card{
    order:4;
  }

  .fcx-save-card{
    order:5;
  }

  .fcx-upgrade-intro,
  .fcx-without-card,
  .fcx-with-card,
  .fcx-save-card{
    min-height:210px;
  }
}

@media(max-width:767px){
  .fcx-upgrade-section{
    width:calc(100% - 24px);
    grid-template-columns:1fr;
    gap:16px;
    padding:18px;
  }

  .fcx-vs-wrap{
    order:0;
  }

  .fcx-vs-wrap span{
    width:64px;
    height:64px;
    font-size:20px;
  }

  .fcx-upgrade-figure{
    opacity:.35;
    right:0;
    left:auto;
  }

  .fcx-save-row{
    flex-direction:column;
    align-items:flex-start;
  }
}
.fcx-clarity-cta{
    width:min(1180px,calc(100% - 32px));
    margin:35px auto 0;
    min-height:125px;
    border-radius:12px;
    overflow:hidden;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 32px;
    background:#01052e;
    color:#fff;
    font-family:Inter,Arial,sans-serif;
}

.fcx-clarity-left{
    position:relative;
    z-index:2;
    width:42%;
}

.fcx-clarity-left h2{
    margin:0 0 5px;
    font-size:25px;
    font-weight:700;
    color:#fff;
}

.fcx-clarity-left p{
    margin:0 0 16px;
    font-size:15px;
    font-weight:400;
    color:#fff;
}

.fcx-clarity-actions{
    display:flex;
    gap:22px;
}

.fcx-call-btn,
.fcx-whatsapp-btn{
    height:43px;
    padding:0 15px;
    border-radius:7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    color:#fff;
}

.fcx-call-btn{
    background:linear-gradient(180deg,#714bff,#4c26d9);
}

.fcx-whatsapp-btn{
    background:transparent;
    border:1px solid rgba(255,255,255,.65);
}

.fcx-whatsapp-btn i{
    color:#37d267;
    font-size:20px;
}

.fcx-clarity-img{
    position:absolute;
    left:60%;
    bottom:0;
    transform:translateX(-50%);
    width:250px;
    z-index:1;
}

.fcx-clarity-img img{
    width:100%;
    display:block;
}

.fcx-clarity-right{
    position:relative;
    z-index:2;
    width:22%;
}

.fcx-clarity-right h3{
    font-size:17px;
    font-weight:700;
    line-height:1.25;
    margin:0 0 8px;
    color:#fff;
}

.fcx-clarity-right p{
    margin:0;
    font-size:14px;
    line-height:1.5;
    font-weight:400;
    color:#fff;
}

.fcx-rocket{
    width:62px;
    height:62px;
    border-radius:50%;
    position:absolute;
    right:18px;
    bottom:-10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:radial-gradient(circle,#160851,#2b13a0 65%,#4b36ff);
    color:#fff;
    font-size:24px;
    box-shadow:0 0 25px rgba(95,75,255,.8);
}

.fcx-clarity-points{
    width:min(1040px,calc(100% - 32px));
    margin:10px auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    color:#10205a;
    font-family:Inter,Arial,sans-serif;
}

.fcx-clarity-points span{
    min-height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:12px;
    font-weight:700;
    border-right:1px solid #b8bdd7;
}

.fcx-clarity-points span:last-child{
    border-right:0;
}

.fcx-clarity-points i{
    color:#233ac7;
}

@media(max-width:991px){
    .fcx-clarity-cta{
        flex-direction:column;
        text-align:center;
        gap:20px;
    }

    .fcx-clarity-left,
    .fcx-clarity-right{
        width:100%;
    }

    .fcx-clarity-img{
        position:relative;
        left:auto;
        bottom:auto;
        transform:none;
        width:280px;
    }

    .fcx-clarity-actions{
        justify-content:center;
        flex-wrap:wrap;
    }

    .fcx-clarity-points{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
        margin-top:15px;
    }
}

@media(max-width:575px){
    .fcx-clarity-points{
        grid-template-columns:1fr;
    }

    .fcx-clarity-points span{
        border-right:0;
    }
}

/* school*/
.gpx-section{
  padding:35px 0 42px;
  background:
    radial-gradient(circle at 18% 0%, #eef3ff 0, #ffffff 34%, #f8fbff 100%);
}

.gpx-container{
  max-width:1220px;
}

/* Hero */
.gpx-hero{
  position:relative;
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
}

.gpx-hero-content h1{
  margin:0 0 12px;
  font-size:46px;
  line-height:1.05;
  font-weight:900;
  color:#fff;
  letter-spacing:-1.5px;
}

.gpx-hero-content p{
  margin:0;
  font-size:16px;
  line-height:1.45;
  font-weight:600;
  color:#fff;
}

.gpx-hero-left{
  position:absolute;
  bottom:2px;
  font-size:110px;
  line-height:1;
}
.gpx-hero-left img{width:15%;}

.gpx-hero-right{
  position:absolute;
  right:36px;
  bottom:8px;
  display:flex;
  align-items:flex-end;
  gap:4px;
}

.gpx-hero-right span:first-child{
  font-size:82px;
  transform:rotate(-8deg);
  opacity:.75;
}

.gpx-hero-right span:last-child{
  font-size:75px;
}
.gpx-hero-content{padding-bottom:15px;}
/* Tabs */
.gpx-tabs{
  width:800px;
  max-width:100%;
  margin:0 auto 20px;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  border:1px solid #b8c1df;
  border-radius:5px;
  overflow:hidden;
  background:#ffffff;
}

.gpx-tab-btn{
  height:42px;
  border:0;
  border-right:1px solid #cad1e7;
  background:#ffffff;
  font-size:13px;
  font-weight:800;
  color:#111111;
  transition:.2s ease;
}

.gpx-tab-btn:last-child{
  border-right:0;
}

.gpx-tab-btn:hover{
  background:#f4edff;
}

.gpx-tab-btn.active{
  background:#7d22b5;
  color:#ffffff;
}

.gpx-tab-btn.active:hover{
  background:#7d22b5;
}

/* Tab content */
.gpx-tab-content{
  display:none;
  animation:gpxFade .25s ease;
}

.gpx-tab-content.active{
  display:block;
}

@keyframes gpxFade{
  from{opacity:0; transform:translateY(6px);}
  to{opacity:1; transform:translateY(0);}
}

/* Equal height */
.gpx-equal-row > [class*="col-"]{
  display:flex;
}

/* Card */
.gpx-card{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  background:#ffffff;
  border:1px solid #dfe5f0;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 3px 12px rgba(20,38,85,.12);
  transition:.25s ease;
}

.gpx-card:hover{
  transform:translateY(-3px);
  box-shadow:0 9px 24px rgba(20,38,85,.16);
}

.gpx-card-head{
  height:28px;
  line-height:28px;
  text-align:center;
  color:#ffffff;
  font-size:15px;
  font-weight:900;
}

.gpx-card-body{
  padding:22px 25px 18px;
  display:flex;
  flex-direction:column;
  flex:1;
}

.gpx-card-content{
  flex:1;
}

.gpx-price-row{
  display:flex;
  align-items:center;
  gap:22px;
}

.gpx-icon{
  width:88px;
  height:88px;
  flex:0 0 88px;
  border-radius:50%;
  background:#fbfbff;
  box-shadow:
    0 0 0 1px #dfe4f0 inset,
    0 4px 12px rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:43px;
}

.gpx-price-row h4,
.gpx-small-top h4{
  margin:0 0 3px;
  font-size:18px;
  font-weight:900;
}

.gpx-price-row h2,
.gpx-small-top h2{
  margin:0;
  font-size:30px;
  line-height:1.05;
  font-weight:900;
  color:#081044;
}

.gpx-price-row p,
.gpx-small-top p{
  margin:5px 0 0;
  font-size:12px;
  font-weight:800;
  color:#111111;
}

.gpx-card hr{
  margin:16px 0;
  border:0;
  border-top:1px solid #cfd5e3;
  opacity:1;
}

.gpx-card h5{
  margin:0 0 9px;
  font-size:12.5px;
  font-weight:900;
}

.gpx-card ul{
  list-style:none;
  padding:0;
  margin:0 0 14px;
}

.gpx-card li{
  position:relative;
  padding-left:19px;
  margin-bottom:6px;
  font-size:12.2px;
  line-height:1.38;
  font-weight:600;
  color:#101010;
}

.gpx-card li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  font-weight:900;
}

.gpx-border-left{
  border-left:1px solid #d7ddea;
  padding-left:25px;
}

.gpx-outcome{
  margin-bottom:22px;
}

/* Button always bottom and same line */
.gpx-btn{
  width:68%;
  height:42px;
  margin-top:auto;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  text-decoration:none;
  color:#ffffff;
  font-size:13px;
  font-weight:900;
  transition:.2s ease;
}

.gpx-btn:hover{
  color:#ffffff;
  filter:brightness(.95);
  transform:translateY(-1px);
}

/* GRP */
.gpx-grp-title{
  margin:2px 0 10px;
  padding-top:8px;
  border-top:1px solid #bfc8e6;
  text-align:center;
  font-size:16px;
  font-weight:900;
  color:#081044;
}



.gpx-small .gpx-card-body{
  padding:18px 16px;
}

.gpx-small-top{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

.gpx-icon-small{
  width:70px;
  height:70px;
  flex:0 0 70px;
  font-size:32px;
}

.gpx-small .gpx-small-top h4{
  font-size:15px;
  line-height:1.22;
}

.gpx-small .gpx-small-top h2{
  font-size:22px;
}

.gpx-small li{
  font-size:10.8px;
  margin-bottom:5px;
}

.gpx-small .gpx-btn{
  width:100%;
}

/* Colors */
.gpx-purple .gpx-card-head,
.gpx-purple .gpx-btn{background:#7f20b5;}
.gpx-purple h4,
.gpx-purple h5,
.gpx-purple li:before{color:#7f20b5;}

.gpx-blue .gpx-card-head,
.gpx-blue .gpx-btn{background:#0875df;}
.gpx-blue h4,
.gpx-blue h5,
.gpx-blue li:before{color:#0875df;}

.gpx-teal .gpx-card-head,
.gpx-teal .gpx-btn{background:#13aaa7;}
.gpx-teal h4,
.gpx-teal h5,
.gpx-teal li:before{color:#13aaa7;}

.gpx-orange .gpx-card-head,
.gpx-orange .gpx-btn{background:#f2a300;}
.gpx-orange h4,
.gpx-orange h5,
.gpx-orange li:before{color:#f2a300;}

.gpx-pink .gpx-card-head,
.gpx-pink .gpx-btn{background:#f0187a;}
.gpx-pink h4,
.gpx-pink h5,
.gpx-pink li:before{color:#f0187a;}

.gpx-sky .gpx-card-head,
.gpx-sky .gpx-btn{background:#0d8cc6;}
.gpx-sky h4,
.gpx-sky h5,
.gpx-sky li:before{color:#0d8cc6;}

.gpx-violet .gpx-card-head,
.gpx-violet .gpx-btn{background:#7b35e8;}
.gpx-violet h4,
.gpx-violet h5,
.gpx-violet li:before{color:#7b35e8;}

/* Responsive */
@media(max-width:991px){
  .gpx-hero{
    padding:65px 0 0 0;
  }

  .gpx-hero-left,
  .gpx-hero-right{
    display:none;
  }

  .gpx-hero-content h1{
    font-size:36px;
  }

  .gpx-border-left{
    border-left:0;
    padding-left:12px;
    margin-top:5px;
  }
}

@media(max-width:575px){
  .gpx-section{
    padding-top:12px;
  }

  .gpx-container{
    padding-left:15px;
    padding-right:15px;
  }

  .gpx-hero-content h1{
    font-size:29px;
  }

  .gpx-hero-content p{
    font-size:13px;
  }

  .gpx-tabs{
    grid-template-columns:1fr;
  }

  .gpx-tab-btn{
    border-right:0;
    border-bottom:1px solid #c9d0e7;
  }

  .gpx-tab-btn:last-child{
    border-bottom:0;
  }

  .gpx-card-body{
    padding:18px 16px;
  }

  .gpx-price-row{
    gap:14px;
  }

  .gpx-icon{
    width:70px;
    height:70px;
    flex-basis:70px;
    font-size:34px;
  }

  .gpx-price-row h2{
    font-size:25px;
  }

  .gpx-btn{
    width:100%;
  }
}
.fcx-support-section{
  width:100%;
  background:#fff;
  font-family:Arial, Helvetica, sans-serif;
}

.fcx-container{
  max-width:1180px;
  margin:0 auto;
}

.fcx-top-row{
  display:grid;
  grid-template-columns:1fr 355px;
  gap:12px;
}

.fcx-why-box,
.fcx-demo-box{
  background:#f3f0ff;
  border-radius:10px;
  min-height:104px;
}

.fcx-why-box{
  padding:17px 45px 15px;
}

.fcx-why-box h3,
.fcx-demo-box h3{
  margin:0;
  color:#090b5b;
  font-size:16px;
  font-weight:900;
}

.fcx-feature-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
  margin-top:13px;
}

.fcx-feature{
  display:flex;
  align-items:center;
  gap:14px;
}

.fcx-icon{
  width:50px;
  height:50px;
  border-radius:8px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#3925ff;
  font-size:27px;
  box-shadow:0 5px 12px rgba(30,24,120,.16);
  flex:0 0 50px;
}

.fcx-feature h4{
  margin:0 0 4px;
  color:#241b9b;
  font-size:12px;
  font-weight:900;
}

.fcx-feature p{
  margin:0;
  color:#11135d;
  font-size:11px;
  line-height:1.35;
  font-weight:600;
}

.fcx-demo-box{
  padding:23px 30px 18px;
  text-align:center;
}

.fcx-demo-box p{
  margin:10px 0 13px;
  color:#11135d;
  font-size:12px;
  font-weight:600;
}

.fcx-demo-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:205px;
  height:34px;
  border-radius:4px;
  background:linear-gradient(90deg,#351bd7,#6523ff);
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
}

.fcx-bottom-bar{
  margin-top:9px;
  height:54px;
  background:linear-gradient(90deg,#571fe8,#2515c9);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 55px 0 50px;
  color:#fff;
}

.fcx-help-text{
  display:flex;
  align-items:center;
  gap:14px;
}

.fcx-call-icon{
  width:36px;
  height:36px;
  border-radius:50%;
  background:rgba(255,255,255,.22);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}

.fcx-help-text h4{
  margin:0;
  font-size:14px;
  font-weight:900;
}

.fcx-help-text p{
  margin:3px 0 0;
  font-size:10px;
  font-weight:600;
  opacity:.95;
}

.fcx-contact-btn{
  width:205px;
  height:34px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}

@media(max-width:991px){
  .fcx-container{
    padding:0 18px;
  }

  .fcx-top-row{
    grid-template-columns:1fr;
  }

  .fcx-feature-row{
    grid-template-columns:repeat(2,1fr);
  }

  .fcx-bottom-bar{
    padding:15px 20px;
    height:auto;
    gap:15px;
  }
}

@media(max-width:575px){
  .fcx-why-box{
    padding:18px;
  }

  .fcx-feature-row{
    grid-template-columns:1fr;
    gap:16px;
  }

  .fcx-bottom-bar{
    flex-direction:column;
    align-items:flex-start;
  }

  .fcx-contact-btn,
  .fcx-demo-btn{
    width:100%;
  }
}
/*RAJESWARI  - POPUP FOR PRICING PAGE*/
/* Backdrop */
.fc-modal{
    backdrop-filter: blur(4px);
}

/* Modal */

.fc-modal .modal-content{
    border:0;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,.18);
}

/* Header */

.fc-modal .modal-header{
    padding:14px 20px 5px;
}

.fc-modal .modal-title{
    font-size:23px;
    font-weight:700;
    color:#2c2360;
    margin-bottom:2px;
}

.modal-subtitle{
    color:#777;
    font-size:13px;
    margin:0;
}

/* Close */

.fc-close{
    width:42px;
    height:42px;
    border-radius:50%;
    border:none;
    background:#f4f3fb;
    font-size:30px;
    color:#43208f;
    transition:.3s;
    opacity:1;
}

.fc-close:hover{
    background:#43208f;
    color:#fff;
}

/* Body */

.fc-modal .modal-body{
    padding:10px 33px 27px;
}

/* Contact Card */

.contact-card{

    display:flex;
    align-items:center;

    padding:10px 10px;

    border:1px solid #ece9f9;

    border-radius:12px;

    margin-bottom:8px;

    transition:.3s;
}

.contact-card:hover{

    transform:translateY(-2px);

    border-color:#43208f;

    box-shadow:0 10px 25px rgba(67,32,143,.12);

}

.contact-card .icon{

    width:55px;
    height:55px;

    border-radius:16px;

    background:#f2ecff;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#43208f;

    font-size:22px;

    margin-right:18px;

}

.contact-card span{

    display:block;

    font-size:11px;

    color:#888;

    margin-bottom:3px;

}

.contact-card a{

    font-size:16px;

    font-weight:600;

    color:#43208f;

    text-decoration:none;

}

.contact-card a:hover{

    color:#2e1667;

}

/* Button */

.fc-btn{

    background:#43208f;

    color:#fff;

    border-radius:14px;

    padding:12px 42px;

    font-weight:600;

    border:none;

    transition:.3s;

}

.fc-btn:hover{

    background:#2f146d;

    color:#fff;

}
.fc-modal .modal-dialog{
    max-width: 450px;
}

/* Mobile */

@media(max-width:768px){

    .fc-modal .modal-dialog{
        margin:20px;
    }

    .fc-modal .modal-title{
        font-size:28px;
    }

    .contact-card a{
        font-size:17px;
    }

}



/*PARTNER*/ 
.bjpwu-section{
    background:linear-gradient(135deg,#04155d,#082b9a);
    padding:90px 0 40px;
    position:relative;
    overflow:hidden;
}

.bjpwu-section::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    right:-250px;
    top:-250px;
    border-radius:50%;
    background:rgba(255,255,255,.03);
}

.bjpwu-content-wrapper{
    max-width:560px;
    position:relative;
    z-index:2;
}

.bjpwu-subtitle{
    display:block;
    color:#ffffff;
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    margin-bottom:18px;
}

.bjpwu-main-title{
    color:#ffffff;
    font-size:45px;
    font-weight:800;
    line-height:1.1;
    margin-bottom:25px;
}

.bjpwu-highlight-text{
    color:#8d6cff;
}

.bjpwu-description{
    color:#d6dcff;
    font-size:16px;
    line-height:1.9;
    margin-bottom:35px;
}

.bjpwu-primary-button{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:18px 35px;
    border-radius:10px;
    text-decoration:none;
    background:linear-gradient(90deg,#7d5dff,#9656ff);
    color:#ffffff;
    font-weight:700;
    transition:.35s;
}

.bjpwu-primary-button:hover{
    color:#ffffff;
    transform:translateY(-3px);
}

.bjpwu-button-text{
    display:block;
}

.bjpwu-button-icon{
    font-size:20px;
}

.bjpwu-image-placeholder{

    width:100%;
    height:420px;
    border:2px dashed rgba(255,255,255,.25);
    border-radius:24px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:rgba(255,255,255,.45);
    font-size:18px;
    position:relative;
}

.bjpwu-image-placeholder::before{
    content:"YOUR IMAGE HERE";
}

.bjpwu-image-placeholder img{
    width:100%;
    height:100%;
    object-fit:contain;
}

@media(max-width:991px){

.bjpwu-main-title{
font-size:46px;
}

.bjpwu-description{
font-size:17px;
}

.bjpwu-image-placeholder{
margin-top:50px;
height:320px;
}

}

@media(max-width:767px){

.bjpwu-section{
padding:110px 0 20px 0;
text-align:center;
}

.bjpwu-main-title{
font-size:36px;
}

.bjpwu-description{
font-size:15px;
}

.bjpwu-primary-button{
width:100%;
justify-content:center;
}

}
.fcptr-partner-area {
  position: relative;
  overflow: hidden;
  padding: 0 0 58px;
  background: #ffffff;
}

.fcptr-partner-area::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 47px;
  background: linear-gradient(135deg,#061d74,#082b9a);
}

.fcptr-info-card {
  position: relative;
  z-index: 2;
  max-width: 1110px;
  min-height: 106px;
  margin: 10px auto 31px;
  padding: 22px 65px;
  background: #ffffff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 20px;
  box-shadow: 0 14px 35px rgba(8, 18, 61, .13);
}

.fcptr-info-icon {
  min-width: 70px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #e6dcff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fcptr-info-icon svg {
  width: 38px;
  height: 38px;
  fill: none;
  stroke: #7657ff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fcptr-info-card p {
  margin: 0;
  max-width: 805px;
  color: #2b2d42;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.72;
}

.fcptr-heading-wrap {
  text-align: center;
  margin-bottom: 20px;
}

.fcptr-heading-wrap h2 {
  margin: 0;
  color: #061655;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
}

.fcptr-heading-wrap span {
  display: block;
  width: 35px;
  height: 3px;
  margin: 13px auto 0;
  background: #7657ff;
  border-radius: 20px;
}

.fcptr-logo-row {
  max-width: 1030px;
  margin: 0 auto;
}

.fcptr-logo-card {
  height: 136px;
  background: #ffffff;
  border: 1px solid #eef0f7;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  box-shadow: 0 8px 24px rgba(20, 30, 70, .08);
}

.fcptr-logo-card img {
  max-width: 100%;
  max-height: 92px;
  object-fit: contain;
  display: block;
}

.fcptr-dots {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  gap: 9px;
}

.fcptr-dots span {
  width: 8px;
  height: 8px;
  background: #d4d6de;
  border-radius: 50%;
  display: block;
}

.fcptr-dots .fcptr-dot-active {
  background: #6f56ff;
}

@media (max-width: 991px) {
  .fcptr-info-card {
    padding: 24px 30px;
    gap: 24px;
  }
}

@media (max-width: 767px) {
  .fcptr-info-card {
    flex-direction: column;
    text-align: center;
    margin-top: 15px;
    padding: 25px;
  }

  .fcptr-heading-wrap h2 {
    font-size: 24px;
  }

  .fcptr-logo-card {
    height: 125px;
  }
}
   .fcopl-logo-slider-wrapper{
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    overflow:hidden;
}

.fcopl-logo-slider{
    display:flex;
    gap:24px;
    width:100%;
    overflow:hidden;
    scroll-behavior:smooth;
}

.fcopl-school-logo{
    flex:0 0 calc((100% - 72px) / 4);
    height:136px;
    border:1px solid #eef0f7;
    border-radius:13px;
    background:#fff;
    padding:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 24px rgba(20,30,70,.08);
}

.fcopl-school-logo img{
    max-width:100%;
    max-height:92px;
    object-fit:contain;
}

.fcopl-slider-btn{
    position:absolute;
    z-index:10;
    top:50%;
    transform:translateY(-50%);
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 12px rgba(0,0,0,.15);
    cursor:pointer;
}

.fcopl-prev{
    left:0;
}

.fcopl-next{
    right:0;
}

@media(max-width:767px){
    .fcopl-school-logo{
        flex:0 0 calc((100% - 24px) / 2);
        height:120px;
    }
}
/*====================================================
Partner Registration Section
=====================================================*/

.bjprg-registration-section{
    padding:40px 0;
    background:#fdfdfd;
}

.bjprg-section-title{
    text-align:center;
    margin-bottom:55px;
}

.bjprg-section-title h2{
    font-size:35px;
    font-weight:800;
    color:#102a73;
    margin-bottom:15px;
    line-height:1.2;
}

.bjprg-section-title p{
    max-width:760px;
    margin:auto;
    color:#6f7485;
    font-size:18px;
    line-height:1.8;
}

/*====================================================
Left Form
=====================================================*/

.bjprg-form-card{

    background:#ffffff;

    border-radius:22px;

    padding:40px;

    border:1px solid #edf0fa;

    box-shadow:0 15px 45px rgba(20,35,90,.08);

}

.bjprg-label{

    display:block;

    margin-bottom:10px;

    color:#25314d;

    font-size:15px;

    font-weight:600;

}

.bjprg-label span{

    color:#ff4d4f;

}

.bjprg-label.error{

    color:#ff4d4f;

    font-size:13px;

    margin-top:5px;

    display:block;

}

.bjprg-input{

    height:54px;

    border-radius:8px;

    border:1px solid #dfe4ef;

    font-size:15px;

    color:#30384d;

    box-shadow:none;

}

.bjprg-input:focus{

    border-color:#6f56ff;

    box-shadow:0 0 0 .18rem rgba(111,86,255,.15);

}

textarea.bjprg-input{

    min-height:110px;

    resize:none;

    padding-top:15px;

}

.form-select.bjprg-input{

    background-position:right .9rem center;

}

.bjprg-recaptcha-box{

    width:305px;

    height:78px;

    border:1px solid #d9d9d9;

    border-radius:6px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#fff;

}

.bjprg-submit-btn{

    width:100%;

    height:58px;

    border:none;

    border-radius:8px;

    background:linear-gradient(90deg,#6b49ff,#8f4fff);

    color:#fff;

    font-size:17px;

    font-weight:700;

    letter-spacing:.5px;

    transition:.35s;

}

.bjprg-submit-btn:hover{

    transform:translateY(-2px);

    box-shadow:0 12px 28px rgba(111,86,255,.35);

}

/*====================================================
Right Benefits
=====================================================*/

.bjprg-benefits-card{

    background:#fff;

    border-radius:22px;

    padding:35px;

    border:1px solid #edf0fa;

    box-shadow:0 15px 45px rgba(20,35,90,.08);

}

.bjprg-benefits-card h3{

    text-align:center;

    color:#102a73;

    font-size:25px;

    font-weight:800;

    margin-bottom:40px;

    line-height:1.25;

}

.bjprg-benefit-item{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:32px;

}

.bjprg-benefit-item:last-child{

    margin-bottom:0;

}

.bjprg-benefit-icon{

    width:62px;

    min-width:62px;

    height:62px;

    border-radius:50%;

    background:#efe9ff;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#6b49ff;

    font-size:24px;

    font-weight:bold;

}

.bjprg-benefit-item h5{

    color:#102a73;

    font-size:17px;

    font-weight:700;

    margin-bottom:8px;

}
.bjprg-benefit-icon svg{
    width:30px;
    height:30px;
    fill:none;
    stroke:#744fff;
    stroke-width:4;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.bjprg-benefit-item p{

    margin:0;

    color:#333;

    font-size:14px;

    line-height:1.7;

}

/*====================================================
Bottom Contact Strip
=====================================================*/

.bjprg-contact-strip{

    margin-top:45px;

    background:#f3efff;

    border-radius:18px;

    padding:25px 35px;

    display:flex;

    align-items:center;

    gap:25px;

}

.bjprg-contact-icon{

    width:74px;

    min-width:74px;

    height:74px;

    border-radius:50%;

    background:linear-gradient(135deg,#6b49ff,#8b55ff);

    color:#fff;

    font-size:34px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.bjprg-contact-strip h4{

    margin:0 0 8px;

    color:#20263d;

    font-size:22px;

    font-weight:700;

    line-height:1.5;

}

.bjprg-contact-strip strong{

    color:#102a73;

}

.bjprg-contact-strip p{

    margin:0;

    color:#6f7485;

    font-size:15px;

}

/*====================================================
Responsive
=====================================================*/

@media(max-width:991px){

.bjprg-form-card{

padding:30px;

}

.bjprg-benefits-card{

margin-top:30px;

}

.bjprg-contact-strip{

flex-direction:column;

text-align:center;

}

}

@media(max-width:767px){

.bjprg-registration-section{

padding:70px 0;

}

.bjprg-section-title h2{

font-size:34px;

}

.bjprg-section-title p{

font-size:15px;

}

.bjprg-form-card{

padding:25px;

}

.bjprg-benefits-card{

padding:25px;

}

.bjprg-benefits-card h3{

font-size:28px;

}

.bjprg-contact-strip h4{

font-size:18px;

}

.bjprg-recaptcha-box{

width:100%;

}

}

/* Professional*/
.bjfcpprofessional-hero-section {
  position: relative;
  overflow: hidden;
  min-height: 435px;
  padding: 120px 0 34px;
  background:
    radial-gradient(circle at 33% -10%, rgba(255,255,255,.12), transparent 18%),
    radial-gradient(circle at 92% 16%, rgba(255,255,255,.12), transparent 17%),
    linear-gradient(135deg,#061852 0%,#082577 48%,#0645d7 100%);
}

.bjfcpprofessional-hero-section::before {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -115px;
  width: 470px;
  height: 260px;
  background: rgba(40,112,255,.35);
  border-radius: 55% 0 0 0;
  transform: rotate(-16deg);
}


.bjfcpprofessional-content-box {
  position: relative;
  z-index: 2;
  max-width: 430px;
}

.bjfcpprofessional-subtitle {
  display: block;
  margin-bottom: 10px;
  color: #bfc7ff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .4px;
}

.bjfcpprofessional-title {
  margin: 0 0 20px;
  color: #ffffff;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: .5px;
}

.bjfcpprofessional-description {
  max-width: 395px;
  margin: 0 0 26px;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.85;
}

.bjfcpprofessional-button {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  min-width: 115px;
  height: 36px;
  padding: 0 16px;
  border-radius: 6px;
  background: linear-gradient(135deg,#7b5cff,#9a55ff);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(106,77,255,.32);
  transition: .3s ease;
}

.bjfcpprofessional-button:hover {
  color: #ffffff;
  transform: translateY(-3px);
}

.bjfcpprofessional-button-icon {
  font-size: 20px;
  line-height: 1;
}

.bjfcpprofessional-image-wrapper {
  position: relative;
  z-index: 2;
  max-width: 320px;
  margin-left: auto;
  margin-right: 82px;
}

.bjfcpprofessional-main-image {
  width: 100%;
  height: 255px;
  object-fit: cover;
  display: block;
  border-radius: 7px;
  box-shadow: 0 18px 45px rgba(0,0,0,.25);
}

@media (max-width: 991px) {
  .bjfcpprofessional-hero-section {
    padding: 60px 0;
    text-align: center;
  }

  .bjfcpprofessional-content-box {
    margin: 0 auto 35px;
  }

  .bjfcpprofessional-description {
    margin-left: auto;
    margin-right: auto;
  }

  .bjfcpprofessional-image-wrapper {
    margin: 0 auto;
  }
}

@media (max-width: 576px) {
  .bjfcpprofessional-title {
    font-size: 32px;
  }

  .bjfcpprofessional-main-image {
    height: 220px;
  }
}
.bjfcpneeds-section {
  padding: 32px 0 48px;
  background: #ffffff;
}

.bjfcpneeds-heading-wrap {
  max-width: 720px;
  margin: 0 auto 22px;
  text-align: center;
}

.bjfcpneeds-heading-wrap p {
  margin: 0;
  color: #29304a;
  font-size: 15px;
  line-height: 1.65;
  font-weight: 400;
}

.bjfcpneeds-heading-wrap span {
  display: block;
  width: 36px;
  height: 2px;
  margin: 16px auto 0;
  background: #0b1d59;
  border-radius: 20px;
}

.bjfcpneeds-grid-box {
  max-width: 1060px;
  margin: 0 auto;
  border: 1px solid #eef1f8;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(23, 35, 76, .05);
}

.bjfcpneeds-card {
  min-height: 210px;
  padding: 34px 42px 28px;
  text-align: center;
  background: #ffffff;
  border-right: 1px solid #eef1f8;
  border-bottom: 1px solid #eef1f8;
}

.bjfcpneeds-grid-box .col-lg-4:nth-child(3n) .bjfcpneeds-card {
  border-right: 0;
}

.bjfcpneeds-grid-box .col-lg-4:nth-child(n+4) .bjfcpneeds-card {
  border-bottom: 0;
}

.bjfcpneeds-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: #edeaff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bjfcpneeds-icon svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: #14286e;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bjfcpneeds-card h3 {
  margin: 0 0 14px;
  color: #202943;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
}

.bjfcpneeds-card p {
  max-width: 245px;
  margin: 0 auto;
  color: #4e566b;
  font-size: 12.5px;
  line-height: 1.75;
  font-weight: 400;
}

@media (max-width: 991px) {
  .bjfcpneeds-grid-box .col-lg-4:nth-child(3n) .bjfcpneeds-card {
    border-right: 1px solid #eef1f8;
  }

  .bjfcpneeds-grid-box .col-lg-4:nth-child(2n) .bjfcpneeds-card {
    border-right: 0;
  }

  .bjfcpneeds-grid-box .col-lg-4:nth-child(n+4) .bjfcpneeds-card {
    border-bottom: 1px solid #eef1f8;
  }

  .bjfcpneeds-grid-box .col-lg-4:nth-child(n+5) .bjfcpneeds-card {
    border-bottom: 0;
  }
}

@media (max-width: 767px) {
  .bjfcpneeds-section {
    padding: 40px 0;
  }

  .bjfcpneeds-grid-box .col-lg-4 .bjfcpneeds-card {
    border-right: 0 !important;
    border-bottom: 1px solid #eef1f8 !important;
  }

  .bjfcpneeds-grid-box .col-lg-4:last-child .bjfcpneeds-card {
    border-bottom: 0 !important;
  }

  .bjfcpneeds-card {
    min-height: auto;
    padding: 32px 25px;
  }
}
.bjfcpprogram-section{
    padding:80px 0;
    background:#fff;
}

.bjfcpprogram-heading{
    text-align:center;
    margin-bottom:55px;
}

.bjfcpprogram-heading h2{
    margin:0;
    color:#232323;
    font-size:28px;
    font-weight:800;
    letter-spacing:.5px;
}

.bjfcpprogram-divider{
    width:38px;
    height:2px;
    background:#1d2f7d;
    display:block;
    margin:18px auto 0;
}

.bjfcpprogram-card{

    background:#fff;

    border:1px solid #edf1fa;

    border-radius:10px;

    padding:38px;

    height:100%;

    transition:.35s;

    box-shadow:0 8px 25px rgba(30,50,90,.05);

}

.bjfcpprogram-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(20,35,90,.12);

}

.bjfcpprogram-icon{

    width:92px;

    height:92px;

    border-radius:50%;

    background:#ece8ff;

    display:flex;

    justify-content:center;

    align-items:center;

}

.bjfcpprogram-icon svg{

    width:42px;

    height:42px;

    fill:none;

    stroke:#162c7a;

    stroke-width:3;

    stroke-linecap:round;

    stroke-linejoin:round;

}

.bjfcpprogram-card h3{

    font-size:25px;

    color:#132c73;

    font-weight:700;

    margin-bottom:15px;

}

.bjfcpprogram-card p{

    color:#4b4f5e;

    font-size:15px;

    line-height:1.9;

    margin-bottom:24px;

}

.bjfcpprogram-btn{

    display:inline-flex;

    align-items:center;

    gap:14px;

    background:#1d2754;

    color:#fff;

    padding:12px 22px;

    border-radius:6px;

    text-decoration:none;

    font-size:14px;

    font-weight:600;

    transition:.3s;

}

.bjfcpprogram-btn:hover{

    color:#fff;

    background:#30459d;

}

.bjfcpprogram-btn span{

    font-size:20px;

    line-height:1;

}

@media(max-width:991px){

.bjfcpprogram-card{

padding:30px;

}

.bjfcpprogram-heading h2{

font-size:34px;

}

}

@media(max-width:767px){

.bjfcpprogram-section{

padding:60px 0;

}

.bjfcpprogram-card{

text-align:center;

}

.bjfcpprogram-icon{

margin:0 auto 20px;

}

.bjfcpprogram-card h3{

font-size:28px;

}

.bjfcpprogram-card p{

font-size:15px;

}

}
.bjfcphowworks-section {
  position: relative;
  overflow: hidden;
  min-height: 415px;
  padding: 58px 0 82px;
  background:
    linear-gradient(90deg, rgba(7,22,70,.88), rgba(2,37,135,.94)),
    url("YOUR_BACKGROUND_IMAGE_URL_HERE") center left / cover no-repeat;
}

.bjfcphowworks-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(6,20,66,.78), rgba(2,42,154,.92));
  z-index: 1;
}

.bjfcphowworks-section .container {
  position: relative;
  z-index: 3;
}

.bjfcphowworks-left {
  padding-left: 38px;
}

.bjfcphowworks-left h2 {
  margin: 0;
  color: #ffffff;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.2;
}

.bjfcphowworks-timeline {
  position: relative;
  padding-left: 43px;
  max-width: 650px;
}

.bjfcphowworks-timeline::before {
  content: "";
  position: absolute;
  left: 19px;
  top: 12px;
  bottom: 18px;
  width: 1px;
  border-left: 1px dashed rgba(255,255,255,.42);
}

.bjfcphowworks-item {
  position: relative;
  min-height: 44px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 4px;
}

.bjfcphowworks-item:last-child {
  margin-bottom: 0;
}

.bjfcphowworks-dot {
  position: absolute;
  left: -35px;
  top: 0;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: rgba(133,99,255,.35);
  border: 2px solid #8b6cff;
  box-shadow: 0 0 0 3px rgba(31,174,255,.45);
}

.bjfcphowworks-dot::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 50%;
}

.bjfcphowworks-item p {
  margin: 0;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
}

.bjfcphowworks-wave {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 62px;
  z-index: 4;
}

.bjfcphowworks-wave svg {
  width: 100%;
  height: 100%;
  display: block;
}

.bjfcphowworks-wave path {
  fill: #ffffff;
}

@media (max-width: 991px) {
  .bjfcphowworks-section {
    padding: 55px 0 85px;
  }

  .bjfcphowworks-left {
    padding-left: 0;
    text-align: center;
    margin-bottom: 35px;
  }

  .bjfcphowworks-timeline {
    margin: 0 auto;
  }
}

@media (max-width: 576px) {
  .bjfcphowworks-left h2 {
    font-size: 32px;
  }

  .bjfcphowworks-item p {
    font-size: 13px;
  }
}
.bjfcpfaq-section {
  padding: 24px 0 36px;
  background: #ffffff;
}

.bjfcpfaq-heading {
  text-align: center;
  margin-bottom: 25px;
}

.bjfcpfaq-heading h2 {
  margin: 0;
  color: #263048;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

.bjfcpfaq-heading span {
  display: block;
  width: 31px;
  height: 2px;
  margin: 14px auto 0;
  background: #14245c;
  border-radius: 20px;
}

.bjfcpfaq-accordion-wrap {
  max-width: 960px;
  margin: 0 auto;
}

.bjfcpfaq-item {
  margin-bottom: 0;
  border: 1px solid #e9edf6 !important;
  border-radius: 7px !important;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 5px 16px rgba(20, 30, 70, .035);
}

.bjfcpfaq-item + .bjfcpfaq-item {
  margin-top: 0;
}

.bjfcpfaq-button {
  min-height: 52px;
  padding: 0 33px;
  color: #222b43;
  background: #ffffff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  box-shadow: none !important;
}

.bjfcpfaq-button:not(.collapsed) {
  color: #0b1d59;
  background: #ffffff;
}

.bjfcpfaq-button::after {
  width: 21px;
  height: 21px;
  border: 1px solid #8c96aa;
  border-radius: 50%;
  background-size: 11px;
  background-position: center;
}

.bjfcpfaq-body {
  padding: 0 33px 18px;
  color: #596071;
  font-size: 13px;
  line-height: 1.7;
}

.bjfcpfaq-contact-strip {
  max-width: 1055px;
  margin: 48px auto 0;
  padding: 24px 32px;
  border-radius: 7px;
  background: linear-gradient(90deg, #eeeaff 0%, #f5f2ff 100%);
  display: flex;
  align-items: center;
  gap: 24px;
}

.bjfcpfaq-contact-icon {
  min-width: 62px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6a4cff, #914fff);
  display: flex;
  align-items: center;
  justify-content: center;
}

.bjfcpfaq-contact-icon svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bjfcpfaq-contact-content h4 {
  margin: 0 0 7px;
  color: #2a2c3a;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.45;
}

.bjfcpfaq-contact-content h4 strong {
  color: #101633;
  font-weight: 800;
}

.bjfcpfaq-contact-content p {
  margin: 0;
  color: #6f7485;
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .bjfcpfaq-button {
    padding: 14px 18px;
    font-size: 12px;
  }

  .bjfcpfaq-body {
    padding: 0 18px 16px;
  }

  .bjfcpfaq-contact-strip {
    flex-direction: column;
    text-align: center;
    padding: 25px 20px;
  }

  .bjfcpfaq-contact-content h4 {
    font-size: 15px;
  }
}
.page-title-parallax{
background: linear-gradient( 135deg, #071b48, #103585, #2d6bff );padding-top: 120px;
  padding-bottom: 40px;}
  .page-title-parallax h1{color:#fff;}
  .information-column h5{margin:25px 0;}
  .fcnewreg .tab-content{display:block;}
  #student_type,#year_experience {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
}
.login-with-google-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.login-with-google-btn img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.creative-card {
    position: relative;
    text-align: left;
    padding: 40px 30px;
    min-height: 300px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    border: 1px solid #eeeeee;
}

.creative-card::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    background: #f1f5ff;
    border-radius: 50%;
    top: -50px;
    right: -40px;
    transition: all 0.4s ease;
}

.creative-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
}

.creative-card:hover::after {
    transform: scale(1.8);
}

.creative-card .fbox-icon {
    position: relative;
    z-index: 2;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #24408A;
    color: #fff;
    font-size: 30px;
    margin-bottom: 25px;
    transition: all 0.4s ease;
}

.creative-card:hover .fbox-icon {
    transform: rotate(8deg) scale(1.1);
}

.creative-card .fbox-content {
    position: relative;
    z-index: 2;
}

.creative-card h3 {
    font-size: 24px;
    margin-bottom: 15px;
}
.creative-card {
    height: 100%;
}
.creative-card p {
    color: #595959;
    line-height: 1.7;
    margin-bottom: 0;
}
.inquiry-section {
   background: linear-gradient( 135deg, #071b48, #103585, #2d6bff );
}
.inquiry-form-card {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding: 45px 50px;

    /* Glossy glass effect */
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.22),
        rgba(255, 255, 255, 0.08)
    );

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 24px;

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.35),
        inset 0 1px 1px rgba(255, 255, 255, 0.4);

    overflow: hidden;
}
.inquiry-form-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45%;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.20),
        transparent
    );

    pointer-events: none;
}



.inquiry-heading {
    margin-bottom: 35px;
}

.inquiry-heading span {
    display: inline-block;
    margin-bottom: 8px;
    color: #24408A;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.inquiry-heading h3 {
    margin: 0 0 10px;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}

.inquiry-heading p {
    margin: 0;
    color: #fff;
}



.inquiry-form-card label {
    margin-bottom: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.inquiry-form-card label small {
    color: #e63946;
}



.inquiry-form-card .sm-form-control {
    width: 100%;
    height: 52px;
    padding: 12px 16px;
    border: 1px solid #e1e5ec;
    border-radius: 8px;
    background: #f9fafc;
    color: #333;
    font-size: 15px;
    transition: all 0.3s ease;
}

.inquiry-form-card textarea.sm-form-control {
    height: auto;
    min-height: 140px;
    resize: vertical;
}



.inquiry-form-card .sm-form-control:focus {
    border-color: #24408A;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(36, 64, 138, 0.10);
    outline: none;
}


.inquiry-form-card select.sm-form-control {
    cursor: pointer;
}


.inquiry-form-card .form-group {
    margin-bottom: 24px;
}



.inquiry-form-card .button-3d {
    padding: 14px 32px;
    border: 0;
    border-radius: 8px;
    background: #24408A;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.inquiry-form-card .button-3d:hover {
    background: #006432;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.creative-contact-section {
    position: relative;
    padding: 70px 0;
    overflow: hidden;
    background: #f5f7fb;
}



.creative-contact-section::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    top: -150px;
    right: 5%;
    border-radius: 50%;
    background: rgba(36, 64, 138, 0.08);
}

.creative-contact-section::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    bottom: -120px;
    left: 5%;
    border-radius: 50%;
    background: rgba(0, 100, 50, 0.07);
}



.creative-contact-box {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 30px;

    padding: 35px 45px;

    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95),
        rgba(255, 255, 255, 0.65)
    );

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 24px;

    box-shadow:
        0 20px 50px rgba(36, 64, 138, 0.12),
        inset 0 1px 1px rgba(255, 255, 255, 1);

    overflow: hidden;
}


.creative-contact-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 45%;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.8),
        transparent
    );

    pointer-events: none;
}



.contact-icon {
    position: relative;
    z-index: 2;

    min-width: 85px;
    height: 85px;

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

    border-radius: 50%;

    background: #24408A;
    color: #fff;

    font-size: 34px;

    box-shadow: 0 10px 25px rgba(36, 64, 138, 0.25);

    transition: all 0.4s ease;
}

.creative-contact-box:hover .contact-icon {
    transform: rotate(10deg) scale(1.1);
}


.contact-content {
    position: relative;
    z-index: 2;
    flex: 1;
}

.contact-label {
    display: block;
    margin-bottom: 8px;

    color: #24408A;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
}

.contact-content h3 {
    margin: 4px 0;
    color: #222;
    font-size: 24px;
    font-weight: 500;
}

.contact-content h3 span {
    font-weight: 700;
}

.contact-content a {
    color: #24408A;
    text-decoration: none;
}

.contact-content a:hover {
    color: #006432;
}

.contact-content p {
    margin: 15px 0 0;
    color: #777;
    font-size: 15px;
}


.contact-arrow {
    position: relative;
    z-index: 2;

    min-width: 55px;
    height: 55px;

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

    border-radius: 50%;

    background: #eef2ff;
    color: #24408A;

    font-size: 20px;

    transition: all 0.4s ease;
}

.creative-contact-box:hover .contact-arrow {
    background: #24408A;
    color: #fff;
    transform: translateX(8px);
}
.grid-filter-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.grid-filter {
    flex: 1;
}

.grid-filter form {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.grid-filter form input,
.grid-filter form select {
    height: 42px;
    margin: 0 !important;
}

.grid-filter form button {
    height: 42px;
    padding: 0 20px;
    border: none;
    cursor: pointer;
}

.grid-shuffle {
    flex-shrink: 0;
}#portfolio {
    margin-top: 30px;
}


#portfolio .portfolio-item {
    margin-bottom: 30px;
}

#portfolio .grid-inner {
    height: 100%;
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #edf0f5;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    transition: all 0.4s ease;
}

#portfolio .grid-inner:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(36, 64, 138, 0.15);
}


#portfolio .portfolio-image {
    position: relative;
    overflow: hidden;
    height: 250px;
}

#portfolio .portfolio-image img {
    width: 100%;
    height: 100%;
    min-height: 250px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

#portfolio .grid-inner:hover .portfolio-image img {
    transform: scale(1.08);
}


#portfolio .portfolio-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.35),
        transparent 55%
    );
    opacity: 0;
    transition: all 0.4s ease;
}

#portfolio .grid-inner:hover .portfolio-image::after {
    opacity: 1;
}


#portfolio .portfolio-desc {
    padding: 22px 24px 26px;
    min-height: 145px;
}


#portfolio .portfolio-desc small {
    display: inline-block;
    margin-bottom: 12px;
    padding: 5px 12px;

    background: #eef2ff;
    color: #24408A;

    border-radius: 20px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}



#portfolio .portfolio-desc h3 {
    margin: 0;
    font-size: 20px;
    line-height: 1.45;
}

#portfolio .portfolio-desc h3 a {
    color: #222;
    text-decoration: none;
    transition: color 0.3s ease;
}

#portfolio .portfolio-desc h3 a:hover {
    color: #24408A;
}
.fcblogs {
    width: 100%;
    margin-bottom: 35px;
    text-align: center;
}

.fcblogs ul.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.fcblogs ul.pagination li {
    display: inline-flex;
    margin: 0;gap:5px;
}

.fcblogs ul.pagination li a,
.fcblogs ul.pagination li strong {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 14px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #e5e9f2;
    color: #24408A;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.fcblogs ul.pagination li a:hover {
    background: #24408A;
    border-color: #24408A;
    color: #ffffff;
    transform: translateY(-2px);
}

.fcblogs ul.pagination li strong {
    background: #24408A;
    border-color: #24408A;
    color: #ffffff;
}

.fcblogs ul.pagination li:first-child a,
.fcblogs ul.pagination li:last-child a {
    padding: 0 18px;
}

@media (max-width: 575px) {
    .fcblogs ul.pagination {
        gap: 5px;
        flex-wrap: wrap;
    }

    .fcblogs ul.pagination li a,
    .fcblogs ul.pagination li strong {
        min-width: 36px;
        height: 36px;
        padding: 0 10px;
        font-size: 13px;
    }
}
.free-resources-section {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
    background:
        linear-gradient(135deg, #f8fbff 0%, #eef3fb 50%, #f8fafc 100%);
}

.free-resources-section::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    top: -220px;
    left: -150px;
    border-radius: 50%;
    background: rgba(36, 64, 138, 0.25);
    filter: blur(80px);
}

.free-resources-section::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    right: -150px;
    bottom: -200px;
    border-radius: 50%;
    background: rgba(0, 100, 50, 0.18);
    filter: blur(80px);
}

.free-resources-section .container {
    position: relative;
    z-index: 2;
}

.free-resources-section h2 {
    position: relative;
    margin-bottom: 45px !important;
    font-size: 34px;
    font-weight: 700;color: #24408A !important;
}

.free-resources-section h2::after {
    content: "";
    display: block;
    width: 55px;
    height: 4px;
    margin: 15px auto 0;
    border-radius: 10px;
   background: #24408A;
}

.freeres {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(36, 64, 138, 0.08);
    box-shadow: 0 15px 35px rgba(36, 64, 138, 0.10);
    transition: all 0.4s ease;
}

.freeres:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
}

.freeres .image {
    position: relative;
    height: 230px;
    overflow: hidden;
}

.freeres .image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.65),
        transparent 60%
    );
}

.freeres .image img {
    width: 100%;
    height: 100% !important;
    min-height: 230px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.freeres:hover .image img {
    transform: scale(1.1);
}

.freeres-desc {
    padding: 22px 25px 25px;
}

.freeres-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.freeres-title h4 {
    margin: 0;
    color: #222;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.freeres-title a {
    flex-shrink: 0;
    padding: 8px 16px;
    border-radius: 30px;
   background: #24408A;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.freeres-title a:hover {
       background: #006432;
    color: #fff;
    transform: translateX(4px);
}

.freetest {
    row-gap: 30px;
}
.free-resources-section::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    top: -220px;
    left: -150px;
    border-radius: 50%;
    background: rgba(36, 64, 138, 0.08);
    filter: blur(80px);
}

.free-resources-section::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    right: -150px;
    bottom: -200px;
    border-radius: 50%;
    background: rgba(0, 100, 50, 0.07);
    filter: blur(80px);
}
.freetest .freeres {
    height: 100%;
}

@media (max-width: 991px) {
    .free-resources-section {
        padding: 60px 0;
    }

    .freeres .image {
        height: 220px;
    }
}

@media (max-width: 575px) {
    .free-resources-section h2 {
        font-size: 28px;
    }

    .freeres-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .freeres-title a {
        display: inline-block;
    }
}
.free-resources-section {
    position: relative;
    padding: 70px 0;
    overflow: hidden;
    background: #f5f7fb !important;
}

.free-resources-section h2 {
    color: #24408A !important;
}

.free-resources-section h2::after {
    content: "";
    display: block;
    width: 55px;
    height: 4px;
    margin: 15px auto 0;
    border-radius: 10px;
    background: #24408A;
}

.freeres {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid #e8edf5;
    box-shadow: 0 15px 35px rgba(36, 64, 138, 0.10);
    transition: all 0.4s ease;
}

.freeres:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 45px rgba(36, 64, 138, 0.18);
}

.freeres .image {
    height: 230px;
    overflow: hidden;
}

.freeres .image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.freeres:hover .image img {
    transform: scale(1.08);
}

.freeres-desc {
    padding: 22px 25px 25px;
}

.freeres-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.freeres-title h4 {
    margin: 0;
    color: #222 !important;
    font-size: 20px;
    font-weight: 600;
}

.freeres-title a {
    flex-shrink: 0;
    padding: 9px 20px;
    border-radius: 30px;
    background: #24408A;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.freeres-title a:hover {
    background: #006432;
    color: #ffffff !important;
}
.future-intro-section {
    padding: 70px 0;
    background: #f5f7fb;
}

.future-intro-content {
    
    margin: 0 auto;
    padding: 40px 50px;
    text-align: center;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #e8edf5;
    box-shadow: 0 15px 40px rgba(36, 64, 138, 0.08);
}

.future-intro-content h4 {
    position: relative;
    margin: 0 0 25px;
    padding-bottom: 18px;
    color: #24408A;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;
}

.future-intro-content h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 60px;
    height: 4px;
    border-radius: 10px;
    background: #4682B4;
    transform: translateX(-50%);
}

.future-intro-content p {
    margin: 0;
    color: #333;
    font-size: 16px;
    line-height: 1.9;
}
.fc-journey-section {
    padding: 20px 0;
    background: #f5f7fb;
}

.fc-journey-content {
    padding: 40px 45px;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #e8edf5;
    box-shadow: 0 15px 40px rgba(36, 64, 138, 0.08);
}

.fc-journey-label {
    display: inline-block;
    margin-bottom: 12px;
    color: #4682B4;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

.fc-journey-content h1 {
    margin: 0;
    color: #24408A;
    font-size: 42px;
    font-weight: 700;
}

.fc-journey-line {
    width: 60px;
    height: 4px;
    margin: 18px 0 25px;
    border-radius: 10px;
    background: #4682B4;
}

.fc-journey-content p {
    margin: 0;
    color: #333;
    font-size: 16px;
    line-height: 1.8;
}
.ghkj{  color: #333;
    font-size: 16px;
    line-height: 1.8;}

.fc-journey-content b {
    color: #24408A;
}

.fc-journey-image {
    position: relative;
  
    overflow: visible;
}

.fc-journey-image > img {
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 25px;
    
}

.fc-journey-play {
    position: absolute;
    top: 0px;
    right: 60px;
    z-index: 10;
}

.fc-journey-play-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.fc-journey-text-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 165px;
    height: 165px;
    z-index: 1;
    transform: translate(-50%, -50%);
    animation: fcJourneyRotate 18s linear infinite;
    pointer-events: none;
}

.fc-journey-text-inner svg {
    width: 165px;
    height: 165px;
    overflow: visible;
}

.fc-journey-text-inner svg path {
    fill: none;
}

.fc-journey-text-inner svg text {
    fill: #123f48;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
}

.fc-journey-logo {
    position: relative;
    z-index: 2;
    width: 105px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fc-journey-logo img {
    width: 105px;
    height: 105px;
    object-fit: contain;
}

@keyframes fcJourneyRotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@media (max-width: 991px) {

    .fc-journey-content {
        margin-bottom: 40px;
    }

    .fc-journey-image {
        margin-left: 0;
    }
}

@media (max-width: 575px) {

    .fc-journey-section {
        padding: 60px 0;
    }

    .fc-journey-content {
        padding: 30px 25px;
    }

    .fc-journey-content h1 {
        font-size: 32px;
    }

    .fc-journey-content p {
        font-size: 15px;
        line-height: 1.8;
    }

    .fc-journey-image {
        padding-top: 80px;
    }

    .fc-journey-image > img {
        height: 380px;
    }

    .fc-journey-play {
        right: 30px;
    }

    .fc-journey-play-btn {
        width: 140px;
        height: 140px;
    }

    .fc-journey-text-inner {
        width: 105px;
        height: 105px;
    }

    .fc-journey-text-inner svg {
        width: 105px;
        height: 105px;
    }

    .fc-journey-logo {
        width: 55px;
        height: 55px;
    }

    .fc-journey-logo img {
        width: 55px;
        height: 55px;
    }
}
.fc-levels-section {
    padding: 30px 0;
    background: #f1f1f1;
}

.fc-levels-heading {
    text-align: center;
    margin-bottom: 35px;
}

.fc-levels-heading span {
    display: block;
    margin-bottom: 10px;
    color: #4682B4;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

.fc-levels-heading h2 {
    margin: 0;
    color: #24408A;
    font-size: 32px;
    font-weight: 700;
}

.fc-levels-line {
    width: 60px;
    height: 4px;
    margin: 15px auto 0;
    border-radius: 10px;
    background: #4682B4;
}

.fc-levels-intro {
    max-width: 1000px;
    margin: 0 auto 35px;
    padding: 22px 30px;
    text-align: center;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(36, 64, 138, 0.07);
    color: #555;
    font-size: 16px;
}

.fc-levels-intro b {
    color: #4682B4;
}

.fc-levels-list {
    max-width: 1000px;
    margin: 0 auto;
}

.fc-level-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 25px;
    margin-bottom: 20px;
    padding: 25px 30px;
    background: #ffffff;
    border-radius: 16px;
    border-left: 5px solid #4682B4;
    box-shadow: 0 8px 25px rgba(36, 64, 138, 0.07);
    transition: all 0.35s ease;
}

.fc-level-item:hover {
    transform: translateX(8px);
    box-shadow: 0 15px 35px rgba(36, 64, 138, 0.14);
}

.fc-level-number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #24408A;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
}

.fc-level-content {
    flex: 1;
}

.fc-level-content h4 {
    margin: 0 0 8px;
    color: #4682B4;
    font-size: 19px;
    font-weight: 700;
}

.fc-level-content p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

@media (max-width: 767px) {

    .fc-levels-section {
        padding: 60px 15px;
    }

    .fc-levels-heading h2 {
        font-size: 25px;
    }

    .fc-levels-intro {
        padding: 20px;
        font-size: 15px;
        line-height: 1.7;
    }

    .fc-level-item {
        gap: 15px;
        padding: 20px;
    }

    .fc-level-number {
        width: 45px;
        height: 45px;
        font-size: 13px;
    }

    .fc-level-content h4 {
        font-size: 17px;
    }

    .fc-level-content p {
        font-size: 14px;
        line-height: 1.7;
    }
}
.fc-programs-section {
    padding: 80px 0;
    background: #ffffff;
}

.fc-programs-intro {
    max-width: 1000px;
    margin: 0 auto 45px;
    text-align: center;
}

.fc-programs-intro p {
    margin: 0;
    color: #666;
    font-size: 16px;
    line-height: 1.9;
}

.fc-programs-intro b,
.fc-programs-intro strong {
    color: #4682B4;
}

.fc-programs-row {
    max-width: 1100px;
    margin: 0 auto;
}

.fc-program-card {
    position: relative;
    height: 100%;
    min-height: 260px;
    padding: 40px 35px 35px 110px;
    overflow: hidden;
    border-radius: 20px;
    background: linear-gradient(135deg, #f8fbff, #ffffff);
    border: 1px solid #e5ebf4;
    box-shadow: 0 15px 35px rgba(36, 64, 138, 0.08);
    transition: all 0.4s ease;
}

.fc-program-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 45px rgba(36, 64, 138, 0.16);
}

.fc-program-number {
    position: absolute;
    top: 25px;
    left: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #24408A;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
}

.fc-program-content h3 {
    margin: 0 0 15px;
    color: #24408A;
    font-size: 28px;
    font-weight: 700;
}

.fc-program-content p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

.fc-program-content p b {
    color: #4682B4;
}

.fc-commitment-section {
    padding: 85px 0;
    background: #f5f7fb;
}

.fc-commitment-heading {
    max-width: 800px;
    margin: 0 auto 45px;
    text-align: center;
}

.fc-commitment-heading span {
    display: block;
    margin-bottom: 10px;
    color: #4682B4;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

.fc-commitment-heading h2 {
    margin: 0 0 15px;
    color: #24408A;
    font-size: 32px;
    font-weight: 700;
}

.fc-commitment-heading p {
    margin: 0;
    color: #666;
    font-size: 17px;
}

.fc-commitment-heading p b {
    color: #4682B4;
}

.fc-commitment-row {
    max-width: 1100px;
    margin: 0 auto;
}

.fc-commitment-card {
    height: 100%;
    padding: 35px 30px;
    text-align: center;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #e5ebf4;
    box-shadow: 0 12px 30px rgba(36, 64, 138, 0.07);
    transition: all 0.4s ease;
}

.fc-commitment-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(36, 64, 138, 0.14);
}

.fc-commitment-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #eef3fb;
    color: #24408A;
    font-size: 28px;
}

.fc-commitment-card h3 {
    margin: 0 0 15px;
    color: #24408A;
    font-size: 20px;
    font-weight: 700;
}

.fc-commitment-card p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

@media (max-width: 767px) {

    .fc-programs-section,
    .fc-commitment-section {
        padding: 60px 15px;
    }

    .fc-program-card {
        min-height: auto;
        padding: 95px 25px 30px;
        text-align: center;
    }

    .fc-program-number {
        top: 25px;
        left: 50%;
        transform: translateX(-50%);
    }

    .fc-program-content h3 {
        font-size: 25px;
    }

    .fc-commitment-heading h2 {
        font-size: 26px;
    }
}

.fc-career-values {
    padding: 50px 0;
    background: #f5f7fb;
}

.fc-career-values-heading {
  
    margin: 0 auto 50px;
    text-align: center;
}

.fc-career-values-heading span {
    display: block;
    margin-bottom: 10px;
    color: #4682B4;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

.fc-career-values-heading h2 {
    margin: 0 0 15px;
    color: #24408A;
    font-size: 36px;
    font-weight: 700;
}

.fc-career-values-heading p {
    margin: 0;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}



.fc-career-value-card {
    position: relative;
    height: 100%;
    min-height: 270px;
    padding: 40px 30px 30px;
    text-align: center;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e6ebf3;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(36, 64, 138, 0.07);
    transition: all 0.4s ease;
}

.fc-career-value-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #4682B4;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.4s ease;
}

.fc-career-value-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(36, 64, 138, 0.15);
}

.fc-career-value-card:hover::before {
    transform: scaleX(1);
}

.fc-career-value-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    margin: 0 auto 25px;
    border-radius: 50%;
    background: #eef4fb;
    color: #24408A;
    font-size: 30px;
    transition: all 0.4s ease;
}

.fc-career-value-card:hover .fc-career-value-icon {
    background: #24408A;
    color: #ffffff;
    transform: rotate(8deg) scale(1.05);
}

.fc-career-value-number {
    position: absolute;
    top: 18px;
    right: 22px;
    color: #e8edf5;
    font-size: 32px;
    font-weight: 700;
}

.fc-career-value-card h3 {
    margin: 0;
    color: #333;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 600;
}

.fc-career-cv {
    display: flex;
    align-items: center;
    margin: 60px auto 0;
    padding: 30px 35px;
    background: #24408A;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(36, 64, 138, 0.20);
}

.fc-career-cv-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 65px;
    height: 65px;
    margin-right: 25px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-size: 25px;
}

.fc-career-cv-content {
    flex: 1;
}

.fc-career-cv-content h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 22px;
}

.fc-career-cv-content a {
    color: #90CAF9;
    font-size: 18px;
    font-weight: 600;
}

.fc-career-cv-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    color: #24408A;
    font-size: 18px;
}

@media (max-width: 767px) {

    .fc-career-values {
        padding: 60px 15px;
    }

    .fc-career-values-heading h2 {
        font-size: 28px;
    }

    .fc-career-value-card {
        min-height: 240px;
    }

    .fc-career-cv {
        flex-wrap: wrap;
        justify-content: center;
        padding: 30px 20px;
        text-align: center;
    }

    .fc-career-cv-icon {
        margin: 0 0 20px;
    }

    .fc-career-cv-content {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    .fc-career-cv-content h3 {
        font-size: 19px;
    }

    .fc-career-cv-arrow {
        margin: 0 auto;
    }
}