:root{
      --primary:#2563eb;
      --secondary:#16a34a;
      --bg:#ffffff;
      --card:#f8fafc;
      --border:#e5e7eb;
      --text:#0f172a;
      --muted:#475569;
    }
    *{box-sizing:border-box}
    body{margin:0;font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text)}

    header{background:#ffffff;border-bottom:1px solid var(--border)}
    .header-inner{max-width:1200px;margin:auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}
    .brand{display:flex;align-items:center;gap:12px}
    .logo{width:40px}
    .brand h1{margin:0;font-size:1.4rem}
    nav a{color:var(--text);margin-left:20px;text-decoration:none;font-weight:600;font-size:.95rem}
    nav a:hover{color:var(--primary)}

    .offer{background:linear-gradient(135deg,#2563eb,#16a34a);color:#fff;text-align:center;padding:12px;font-size:.95rem}

  .slider{
  background:
    linear-gradient(
      rgba(2,6,23,0.65),   /* 🔥 black overlay */
      rgba(2,6,23,0.65)
    ), url('https://blog.govnet.co.uk/hubfs/shutterstock_1518108761.jpg?auto=format&fit=crop&w=1600&q=80');
  background-size:cover;
  background-position:center;
  position:relative;
  overflow:hidden;
  background-attachment:fixed;
  background-attachment:scroll;
   
  min-height:60vh;
  padding:140px 20px;

  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}
    .slider h2{font-size:2.4rem;color:#1e40af}
    .slider p{max-width:800px;margin:10px auto;color:#334155}

    section{padding:40px 20px;margin:0;width:100%}
    /* keep content boxed while background stays full-width */
    section > *{max-width:1200px;margin-left:auto;margin-right:auto}
    .container{max-width:1200px;margin:auto}
    h3.section-title{text-align:center;font-size:2.1rem;margin-bottom:50px;color:#1e40af}

    .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
    @media(max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:640px){.grid{grid-template-columns:1fr}}

    .card{
      background:var(--card);
      padding:32px;
      border-radius:16px;
      border:1px solid var(--border);
      transition:.25s
    }
    .card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.08)}
    .card h4{margin-top:0;color:#1e40af}

    .course-card{
      background:#ffffff;
      border:1px solid var(--border);
      border-radius:18px;
      padding:28px;
      min-height:380px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      transition:.3s
    }
    .course-card:hover{transform:translateY(-6px);box-shadow:0 14px 35px rgba(0,0,0,.12)}
    .course-card h4{color:#1e3a8a;margin-top:0}

    .meta{font-size:.85rem;color:var(--muted);margin:12px 0;display:flex;flex-wrap:wrap;gap:12px}

    ul{padding-left:18px;color:var(--muted)}

   /* ===== GLOWING CTA BUTTON ===== */
.btn{
  display:inline-block;
  padding:10px 24px;                 /* compact height */
  border-radius:999px;
  font-size:.85rem;
  font-weight:600;
  text-decoration:none;
  color:#ffffff;

  background:linear-gradient(135deg,#1e40af,#16a34a);

  box-shadow:
    0 0 0 rgba(0,0,0,0);

  position:relative;
  transition:all .3s ease;
}

/* soft breathing glow */
.btn::after{
  content:'';
  position:absolute;
  inset:-4px;
  border-radius:inherit;
  background:linear-gradient(135deg,#1e40af,#16a34a);
  opacity:.35;
  filter:blur(14px);
  z-index:-1;
  animation:ctaGlow 3s ease-in-out infinite;
}

/* hover boost */
.btn:hover{
  transform:translateY(-2px);
}

.btn:hover::after{
  opacity:.6;
  filter:blur(18px);
}

/* glow animation */
@keyframes ctaGlow{
  0%{ opacity:.25; }
  50%{ opacity:.45; }
  100%{ opacity:.25; }
}

    .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;text-align:center}
    .stat h4{font-size:2.2rem;color:#2563eb;margin:0}

    .testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}
    .story{
      background:#ffffff;
      border:1px solid var(--border);
      border-radius:16px;
      padding:26px
    }
    .story strong{color:#1e40af}

    .category-card{background:#ffffff;border-radius:18px;text-align:center;font-size:26px;padding:34px 20px;transition:.3s;border:1px solid #e5e7eb}
    .category-card strong{display:block;font-size:15px;color:#1e3a8a;margin-top:10px}
    .category-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(37,99,235,.18)}

    footer{background:#f8fafc;border-top:1px solid var(--border);padding:50px 20px;color:#475569}
    footer .grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
	
	/* Courses section border box */
.courses-box{
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:50px 40px;
  background:#ffffff;
}

/* Increase width of Courses box */
#courses .courses-box{
  max-width:1400px;   /* 🔥 wider box */
  margin-left:auto;
  margin-right:auto;
}

/* ===== Color accents for 12 course cards ===== */

#courses .course-card{
  border-top:4px solid transparent;
}

/* Base top border */
#courses .course-card{
  border-top:4px solid transparent;
}

/* ===== COLOR ROTATION (1–12) ===== */
#courses .course-card:nth-child(12n+1){ border-top-color:#2563eb; } /* Blue */
#courses .course-card:nth-child(12n+2){ border-top-color:#16a34a; } /* Green */
#courses .course-card:nth-child(12n+3){ border-top-color:#7c3aed; } /* Purple */
#courses .course-card:nth-child(12n+4){ border-top-color:#ea580c; } /* Orange */
#courses .course-card:nth-child(12n+5){ border-top-color:#dc2626; } /* Red */
#courses .course-card:nth-child(12n+6){ border-top-color:#0d9488; } /* Teal */
#courses .course-card:nth-child(12n+7){ border-top-color:#ca8a04; } /* Yellow */
#courses .course-card:nth-child(12n+8){ border-top-color:#4f46e5; } /* Indigo */
#courses .course-card:nth-child(12n+9){ border-top-color:#9333ea; } /* Violet */
#courses .course-card:nth-child(12n+10){ border-top-color:#0891b2; } /* Cyan */
#courses .course-card:nth-child(12n+11){ border-top-color:#65a30d; } /* Lime */
#courses .course-card:nth-child(12n+12){ border-top-color:#be123c; } /* Rose */

/* ===== FINAL CATEGORY DESIGN (CLEAN & INTERACTIVE) ===== */

.category-card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;

  padding:22px 18px;
  text-align:center;
  font-size:26px;

  cursor:pointer;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

/* REMOVE overlay layers completely */
.category-card::before,
.category-card::after{
  display:none !important;
}

/* icon + text always visible */
.category-card{
  color:#0f172a;
}

/* category title */
.category-card strong{
  display:block;
  font-size:14px;
  margin-top:8px;
  font-weight:600;
  color:#0f172a;
}

/* hover interaction (clean) */
.category-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 45px rgba(15,23,42,.12);
  border-color:#cbd5e1;
}

/* ===== PARTNERS STRIP (CENTERED) ===== */

.partners-strip{
  width:100%;
  background:#f8fafc;
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
  padding:24px 0;
}

.partners-inner{
  max-width:1400px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center;   /* ✅ true center */
  gap:28px;
  padding:0 20px;
  flex-wrap:wrap;
}

.partners-title{
  font-size:15px;
  font-weight:600;
  color:#0f172a;
  white-space:nowrap;
}

.partners-logos{
  display:flex;
  align-items:center;
  justify-content:center;   /* ✅ center logos */
  gap:36px;
  flex-wrap:wrap;
}

.partners-logos img{
  height:36px;
  max-width:140px;
  object-fit:contain;
  opacity:.9;
  transition:opacity .2s ease, transform .2s ease;
}

.partners-logos img:hover{
  opacity:1;
  transform:translateY(-2px);
}
/* ===== SLIDER TEXT POLISH ===== */

.slider h2{
  font-size:2.6rem;
  line-height:1.2;
  max-width:900px;
  margin-bottom:18px;
  font-weight:700;
  color:#0f172a;
}

.slider p{
  font-size:1.15rem;
  line-height:1.6;
  max-width:760px;
  color:#334155;
  margin-bottom:34px;
  font-weight:600;   /* 🔥 makes the line bold */
}
/* ===== BLUE–GREEN TEXT + SILVER SHINE ===== */

/* Base blue–green font color */
.shine-heading,
.shine-subtitle{
  color:#0f766e; /* base fallback */

  background: linear-gradient(
    120deg,
    #1e40af 0%,     /* blue */
    #1e40af 40%,
    #f1f5f9 50%,    /* SILVER SHINE */
    #1e40af 60%,
    #22c55e 100%    /* green */
  );

  background-size:300% auto;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  animation: silverRun 6.6s linear infinite; /* 🔥 fast but soft */
}

/* Heading */
.shine-heading{
  font-size:3rem;
  font-weight:700;
  line-height:1.2;
  max-width:900px;
  margin-bottom:16px;
}

/* Subtitle */
.shine-subtitle{
  font-size:1.15rem;
  font-weight:600;
  line-height:1.6;
  max-width:760px;
  margin-bottom:34px;
}

/* Silver light movement */
@keyframes silverRun{
  0%{
    background-position:300% center;
  }
  100%{
    background-position:-300% center;
  }
}

/* ===== VIGNETTE EFFECT ===== */
.slider::after{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(
    ellipse at center,
    rgba(0,0,0,0) 45%,
    rgba(0,0,0,0.55) 100%
  );
  pointer-events:none;
}

/* ===== CYBER NOISE OVERLAY ===== */
.slider::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  animation:noiseMove 1.2s steps(2) infinite;
  pointer-events:none;
}

@keyframes noiseMove{
  0%{ transform:translate(0,0); }
  50%{ transform:translate(-2%,2%); }
  100%{ transform:translate(0,0); }
}
/* ===== ADVANCED FOOTER ===== */

.site-footer{
  background:#020617;
  color:#cbd5e1;
  position:relative;
}

/* glowing top line */
.footer-glow-line{
  height:3px;
  background:linear-gradient(90deg,#1e40af,#22c55e);
  box-shadow:0 0 18px rgba(34,197,94,.6);
}

/* layout */
.footer-container{
  max-width:1400px;
  margin:auto;
  padding:70px 20px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:40px;
}

.footer-col h4{
  color:#fff;
  margin-bottom:16px;
  font-size:1rem;
}

.footer-brand{
  font-size:1.3rem;
  font-weight:700;
}

.footer-col p{
  font-size:.9rem;
  color:#94a3b8;
  line-height:1.6;
}

/* links */
.footer-col ul{
  list-style:none;
  padding:0;
}
.footer-col ul li{
  margin-bottom:10px;
}
.footer-col ul li a{
  color:#94a3b8;
  text-decoration:none;
}
.footer-col ul li a:hover{
  color:#22c55e;
}

/* newsletter */
.footer-newsletter{
  display:flex;
  margin-top:12px;
}
.footer-newsletter input{
  flex:1;
  padding:8px 10px;
  border:none;
  border-radius:6px 0 0 6px;
}
.footer-newsletter button{
  padding:8px 14px;
  border:none;
  background:#22c55e;
  color:#020617;
  font-weight:600;
  border-radius:0 6px 6px 0;
  cursor:pointer;
}

/* logos */
.footer-logos{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:40px;
  padding:30px 20px;
  border-top:1px solid #1e293b;
  border-bottom:1px solid #1e293b;
}
.footer-logos img{
  height:34px;
  opacity:.85;
  animation:logoFloat 6s ease-in-out infinite;
}

/* stagger animation */
.footer-logos img:nth-child(odd){
  animation-delay:1.5s;
}

/* map */
.footer-map iframe{
  width:100%;
  height:260px;
  border:0;
}

/* bottom */
.footer-bottom{
  text-align:center;
  padding:16px;
  font-size:.8rem;
  color:#64748b;
}

/* back to top */
#backToTop{
  position:fixed;
  bottom:30px;
  right:30px;
  background:#22c55e;
  color:#020617;
  border:none;
  padding:10px 14px;
  border-radius:50%;
  cursor:pointer;
  display:none;
  font-size:18px;
}

@keyframes logoFloat{
  0%{ transform:translateY(0); }
  50%{ transform:translateY(-6px); }
  100%{ transform:translateY(0); }
}

/* ===== WHATSAPP FLOATING BUTTON (OFFICIAL ICON) ===== */
.whatsapp-float{
  position:fixed;
  bottom:90px;
  right:30px;
  width:54px;
  height:54px;
  background:#22c55e;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 30px rgba(34,197,94,.45);
  z-index:1000;
  transition:transform .25s ease, box-shadow .25s ease;
}

.whatsapp-float img{
  width:26px;
  height:26px;
  filter:brightness(0) invert(1); /* white logo */
}

.whatsapp-float:hover{
  transform:scale(1.08);
  box-shadow:0 14px 40px rgba(34,197,94,.65);
}

/* ===== DARK MODE ABOUT SECTION ===== */

.about-dark{
  background:#020617;
  color:#cbd5e1;
  padding:80px 20px;
}

.about-wrapper{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:1.4fr .6fr;
  gap:60px;
}

/* section title override */
.section-title.light{
  color:#ffffff;
}

/* STORY */
.about-story p{
  font-size:.95rem;
  line-height:1.8;
  color:#94a3b8;
  margin-bottom:20px;
}

.about-lead{
  font-size:1.05rem;
  font-weight:600;
  color:#e5e7eb;
}

/* STATS */
.about-stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}

.stat-box{
  background:#020617;
  border:1px solid #1e293b;
  border-radius:14px;
  padding:28px 20px;
  text-align:center;
}

.stat-box span{
  font-size:1.8rem;
  font-weight:700;
  background:linear-gradient(135deg,#1e40af,#22c55e);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.stat-box p{
  margin-top:6px;
  font-size:.85rem;
  color:#94a3b8;
}

/* FOUNDER */
.about-founder{
  grid-column:1 / -1;
  margin-top:40px;
  padding-top:30px;
  border-top:1px solid #1e293b;
}

.about-founder h4{
  color:#ffffff;
  margin-bottom:12px;
}

.about-founder p{
  font-size:.9rem;
  line-height:1.7;
  color:#94a3b8;
  max-width:900px;
}

/* MOBILE */
@media (max-width:900px){
  .about-wrapper{
    grid-template-columns:1fr;
    gap:40px;
  }
}
/* ===== FIX ABOUT SECTION FULL WIDTH ===== */

/* remove boxed constraint only for about section */
#about > *{
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* keep inner content centered */
.about-wrapper{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}

#about{
  background:#020617; /* main inside color */
  position:relative;
}
/* ===== CORPORATE TRAINING SECTION ===== */

.corporate-section{
  background:#020617;
  color:#cbd5e1;
  padding:80px 20px;
}

.corporate-wrapper{
  max-width:1200px;
  margin:auto;
}

.section-title.light{
  color:#ffffff;
}

.corporate-lead{
  font-size:1.05rem;
  font-weight:600;
  color:#e5e7eb;
  max-width:900px;
  margin:20px auto 14px;
}

.corporate-text{
  font-size:.95rem;
  line-height:1.8;
  color:#94a3b8;
  max-width:950px;
  margin:0 auto 50px;
}

/* Focus blocks */
.corporate-focus{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:36px;
  margin-bottom:50px;
}

.focus-block h4{
  font-size:1rem;
  margin-bottom:10px;
  color:#ffffff;
}

.focus-block p{
  font-size:.9rem;
  line-height:1.7;
  color:#94a3b8;
}

/* Use cases */
.corporate-usecases{
  border-top:1px solid #1e293b;
  padding-top:30px;
  margin-bottom:40px;
}

.corporate-usecases h4{
  color:#ffffff;
  margin-bottom:12px;
}

.corporate-usecases ul{
  padding-left:18px;
}

.corporate-usecases ul li{
  font-size:.9rem;
  margin-bottom:8px;
  color:#94a3b8;
}

/* CTA */
.corporate-cta{
  text-align:center;
}



/* ===== SAME-COLOR SECTION SEPARATOR ===== */
.section-separator{
  height:1px;
  background:linear-gradient(
    to right,
    transparent,
    #1e293b,
    transparent
  );
  margin:0;
}

/* ===== MATCH ABOUT BOX WITH CORPORATE BOX ===== */

.about-box{
  max-width:1200px;
  margin:0 auto;
  padding:80px 60px;

  background:linear-gradient(
    180deg,
    rgba(255,255,255,0.02),
    rgba(255,255,255,0.01)
  );

  border:1px solid rgba(255,255,255,0.08);
  border-radius:24px;
}

/* ===== REFINED ABOUT BOX (SUBTLE & CLEAN) ===== */

.about-box{
  max-width:1080px;
  margin:0 auto;
  padding:64px 56px;

  background:rgba(255,255,255,0.015);
  border:1px solid rgba(255,255,255,0.04);
  border-radius:20px;
  box-shadow:none;
}
#about .about-box{
  max-width:1380px !important;
  margin:0 auto !important;
  padding:60px 52px !important;

  background:rgba(255,255,255,0.015) !important;
  border:1px solid rgba(255,255,255,0.04) !important;
  border-radius:20px !important;
}

/* =========================
   STUDENT SUCCESS STORIES
   ========================= */

#success-stories{
  background:#ffffff;
  padding:80px 20px;
  font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

#success-stories .container{
  max-width:1100px;
  margin:0 auto;
}

/* Section title */
#success-stories h2{
  text-align:center;
  font-size:2.2rem;
  font-weight:700;
  color:#0f172a;
  margin-bottom:50px;
}

/* Grid */
.stories-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:32px;
}

/* Card */
.story-card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:28px;
  transition:all .3s ease;
}

.story-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(15,23,42,.12);
}

/* Video placeholder */
.video-strip{
  height:90px;
  border-radius:12px;
  background:linear-gradient(135deg,#eef2f7,#f8fafc);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
}

/* Play button */
.play-btn{
  width:44px;
  height:44px;
  border-radius:50%;
  background:#2563eb;
  position:relative;
}

.play-btn::before{
  content:'';
  position:absolute;
  top:50%;
  left:54%;
  transform:translate(-50%,-50%);
  border-left:11px solid #ffffff;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
}

/* Text */
.story-text{
  font-size:0.95rem;
  line-height:1.7;
  color:#334155;
  margin-bottom:16px;
}

/* Author */
.story-author strong{
  display:block;
  font-size:0.95rem;
  color:#0f172a;
}

.story-author span{
  font-size:0.85rem;
  color:#64748b;
}

/* =========================
   AUTO SCROLL TESTIMONIALS
   ========================= */

#success-stories{
  background:#ffffff;
  padding:80px 20px;
}

#success-stories h2{
  text-align:center;
  font-size:2.2rem;
  font-weight:700;
  color:#0f172a;
  margin-bottom:40px;
}

.stories-wrapper{
  width:100%;
  max-width:1400px;      /* ⬅ wider view */
  margin:0 auto;
  padding:0 40px;        /* breathing space on sides */
  overflow:hidden;
  position:relative;
}

.stories-track{
  display:flex;
  gap:30px;
  animation:scrollStories 30s linear infinite;
}

/* pause on hover */
.stories-wrapper:hover .stories-track{
  animation-play-state:paused;
}

/* card */
.story-card{
  min-width:320px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:28px;
  transition:transform .3s ease, box-shadow .3s ease;
}

.story-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(15,23,42,.12);
}

/* video strip */
.video-strip{
  height:90px;
  border-radius:12px;
  background:linear-gradient(135deg,#eef2f7,#f8fafc);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
}

/* play button */
.play-btn{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#2563eb;
  position:relative;
}

.play-btn::before{
  content:'';
  position:absolute;
  top:50%;
  left:54%;
  transform:translate(-50%,-50%);
  border-left:10px solid #ffffff;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
}

/* text */
.story-text{
  font-size:0.95rem;
  line-height:1.7;
  color:#334155;
  margin-bottom:14px;
}

.story-author strong{
  display:block;
  color:#0f172a;
}

.story-author span{
  font-size:0.85rem;
  color:#64748b;
}

/* animation */
@keyframes scrollStories{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

/* mobile */
@media(max-width:768px){
  .story-card{
    min-width:260px;
  }
}
/* =========================
   GET IN TOUCH – SINGLE STRIP
   ========================= */

#get-in-touch-strip{
  background:#ffffff;
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
  padding:18px 20px;          /* ⬅ low height */
}

#get-in-touch-strip .strip-container{
  max-width:1000px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}

/* Left text */
.strip-title{
  font-size:1.1rem;
  font-weight:600;
  color:#0f172a;
}

/* Contact info */
.strip-info{
  display:flex;
  gap:26px;
  font-size:0.9rem;
  color:#475569;
}

.strip-info span{
  white-space:nowrap;
}

/* Button */
.strip-btn{
  padding:8px 22px;          /* ⬅ small button height */
  border-radius:999px;
  background:linear-gradient(135deg,#2563eb,#16a34a);
  color:#ffffff;
  font-size:0.85rem;
  font-weight:600;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease;
}

.strip-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(37,99,235,.3);
}

/* Mobile */
@media(max-width:768px){
  #get-in-touch-strip .strip-container{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
}

#get-in-touch-strip .strip-info span::before{
  font-weight:500;
  color:#334155;
}

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

.site-header {
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}

.header-inner {
  max-width: 1200px;
  margin: auto;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Brand */
.brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* PNG logo */
.logo {
  height: 50;        /* ⬅️ visible & clean */
  width: auto;
  object-fit: contain;
}

/* Text */
.brand-name {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0f172a;
}

/* Nav */
.main-nav a {
  margin-left: 22px;
  text-decoration: none;
  font-weight: 600;
  color: #0f172a;
}

.main-nav a:hover {
  color: #2563eb;
}

/* Mobile */
@media (max-width: 768px) {
  .logo {
    height: 52px;
  }

  .main-nav {
    display: none;
  }
}

.course-actions{
  display:flex;
  gap:12px;
  margin-top:20px;
}

/* Outline button */
.btn-outline{
  background:#ffffff;
  color:#2563eb;
  border:2px solid #2563eb;
  box-shadow:none;
}

.btn-outline:hover{
  background:#2563eb;
  color:#ffffff;
}

.course-detail{
  padding:60px 20px;
}

.course-detail h1{
  color:#1e40af;
  margin-bottom:14px;
}

.course-detail p{
  font-size:1.05rem;
  max-width:800px;
  margin-bottom:30px;
}

.course-detail ul{
  margin-bottom:30px;
}

/* ===== HEADER LOGO FIX ===== */
.site-header .logo {
  height: 60px;        /* ✅ correct visible size */
  width: auto;
  object-fit: contain;
}

.site-header {
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}

.site-header .header-inner {
  max-width: 1200px;
  margin: auto;
  padding: 14px 20px;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .site-header .logo {
    height: 46px;
  }
}
.course-hero{
  background:#f8fafc;
  padding:60px 20px;
}

.hero-sub{
  max-width:800px;
  font-size:1.05rem;
}

.breadcrumb{
  font-size:.85rem;
  margin-bottom:12px;
}

.course-section{
  padding:60px 20px;
}

.course-section.light{
  background:#f8fafc;
}

.grid-4{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

.highlight-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:20px;
  text-align:center;
}

.check-list li{
  margin-bottom:8px;
}

.course-cta{
  background:#020617;
  color:#fff;
  padding:80px 20px;
  text-align:center;
}

.accordion .acc-title{
  width:100%;
  padding:14px;
  font-weight:600;
  border:none;
  background:#fff;
  border:1px solid #e5e7eb;
  cursor:pointer;
}

.acc-content{
  display:none;
  padding:14px 20px;
  border:1px solid #e5e7eb;
  border-top:none;
}

.syllabus-accordion .acc-title{
  text-align:left;
  font-size:1rem;
  background:#f8fafc;
}

.syllabus-accordion .acc-content ul{
  margin:0;
  padding-left:20px;
}

.syllabus-accordion .acc-content li{
  margin-bottom:8px;
}
.batch-table{
  width:100%;
  border-collapse:collapse;
  margin:20px 0;
}

.batch-table th,
.batch-table td{
  border:1px solid #e5e7eb;
  padding:12px;
  text-align:left;
}

.pricing-box{
  margin-top:20px;
  font-size:1.2rem;
  font-weight:700;
  color:#1e40af;
}

.sticky-cta{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background:#020617;
  color:#fff;
  padding:12px 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  z-index:999;
}

@media(max-width:768px){
  .sticky-cta{
    flex-direction:column;
    gap:10px;
    text-align:center;
  }
}

/* ===== COURSE HERO GRID ===== */
.hero-grid{
  display:grid;
  grid-template-columns: 1.2fr 0.8fr;
  align-items:center;
  gap:40px;
}

/* Right-side logo box */
.hero-logo{
  display:flex;
  justify-content:center;
  align-items:center;
}

/* CEH logo image */
.hero-logo img{
  max-width:100%;
  max-height:260px;   /* 🔥 keeps it premium */
  object-fit:contain;
  filter: drop-shadow(0 12px 30px rgba(0,0,0,0.15));
}

/* Mobile */
@media(max-width:900px){
  .hero-grid{
    grid-template-columns:1fr;
    text-align:center;
  }

  .hero-logo{
    margin-top:30px;
  }

  .hero-logo img{
    max-height:200px;
  }
}

.hero-logo{
  background:#ffffff;
  border-radius:18px;
  padding:30px;
  box-shadow:0 20px 50px rgba(15,23,42,.12);
}

/* Subtle floating animation */
.hero-logo img{
  animation: logoFloat 6s ease-in-out infinite;
}

@keyframes logoFloat{
  0%{ transform:translateY(0); }
  50%{ transform:translateY(-8px); }
  100%{ transform:translateY(0); }
}

/* ===== COURSE REVIEWS ===== */
.course-reviews{
  background:#eff6ff;
  padding:70px 20px;
}

.reviews-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:30px;
}

.rating-box{
  background:#ffffff;
  border-radius:20px;
  padding:30px;
  text-align:center;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.rating-score{
  font-size:2.4rem;
  font-weight:800;
  color:#2563eb;
}

.rating-text{
  margin-top:8px;
  font-size:.95rem;
}

.review-card{
  background:#ffffff;
  border-radius:20px;
  padding:26px;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.review-card p{
  font-size:.95rem;
  line-height:1.6;
  margin-bottom:14px;
}

.review-card span{
  font-size:.85rem;
  color:#475569;
}

/* Mobile */
@media(max-width:900px){
  .reviews-grid{
    grid-template-columns:1fr;
  }
}
/* ===== BETTER COURSE OVERVIEW LAYOUT ===== */

.overview-split{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:60px;
  padding:40px 0;
  align-items:flex-start;
}

/* LEFT */
.overview-left h2{
  margin-bottom:16px;
  color:#1e40af;
}

.overview-left p{
  font-size:1rem;
  line-height:1.7;
  color:#334155;
  margin-bottom:14px;
}

/* RIGHT */
.overview-right{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.overview-point{
  display:flex;
  gap:14px;
  background:rgba(255,255,255,0.65);
  padding:16px 18px;
  border-radius:14px;
  box-shadow:0 10px 26px rgba(15,23,42,.08);
}

.overview-point span{
  font-size:1.6rem;
}

.overview-point strong{
  display:block;
  font-size:.95rem;
  color:#0f172a;
}

.overview-point p{
  font-size:.85rem;
  color:#475569;
  margin:2px 0 0;
}

/* Mobile */
@media(max-width:900px){
  .overview-split{
    grid-template-columns:1fr;
    gap:40px;
  }
}

.tools-block{
  margin-top:24px;
}

.tools-block h4{
  margin-bottom:14px;
  color:#1e40af;
  font-size:1rem;
}

.tools-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.tools-grid span{
  background:rgba(255,255,255,0.7);
  padding:8px 14px;
  border-radius:999px;
  font-size:.85rem;
  font-weight:500;
  color:#0f172a;
  box-shadow:0 6px 16px rgba(15,23,42,.08);
}

/* ===== WHO SHOULD ATTEND – FINAL STABLE VERSION ===== */

.who-attend-section{
  background:#eff6ff;
  padding:50px 20px;
}

/* Main grid */
.attend-container{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:36px;
  align-items:flex-start;
}

/* LEFT */
.attend-left h2{
  margin-bottom:14px;
  color:#1e40af;
}

.attend-left ul{
  padding-left:18px;
  max-width:420px;
}

.attend-left li{
  margin-bottom:8px;
  font-size:.95rem;
  color:#475569;
}

/* RIGHT */
.attend-right{
  max-width:420px;
}

.attend-right h4{
  margin-bottom:10px;
  color:#1e40af;
}

.skill-level-bar{
  display:flex;
  gap:10px;
  margin-bottom:10px;
}

.skill-level-bar span{
  padding:6px 14px;
  border-radius:999px;
  background:#e5e7eb;
  font-size:.8rem;
  font-weight:600;
  color:#64748b;
}

.skill-level-bar span.active{
  background:#2563eb;
  color:#ffffff;
}

.attend-right p{
  font-size:.9rem;
  line-height:1.5;
  color:#475569;
}

/* ROLE STRIP (WIDE CONTENT) */
.role-strip{
  max-width:1100px;
  margin:40px auto 0;
  text-align:center;
}

.role-strip h4{
  margin-bottom:16px;
  color:#1e40af;
}

.role-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

.role-list span{
  padding:8px 16px;
  border-radius:999px;
  background:#ffffff;
  font-size:.85rem;
  font-weight:600;
  color:#0f172a;
  box-shadow:0 4px 14px rgba(15,23,42,.08);
}

/* MOBILE */
@media(max-width:900px){
  .attend-container{
    grid-template-columns:1fr;
    gap:28px;
  }

  .attend-left ul,
  .attend-right{
    max-width:100%;
  }
}

/* ===== DETAILED SYLLABUS ===== */

.syllabus-section{
  padding:40px 0 20px;
}

.syllabus-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

.syllabus-title{
  margin:0 0 8px;
  font-size:1.6rem;
  font-weight:700;
  color:#1e40af;
}

.syllabus-desc{
  margin:0 0 10px;
  max-width:900px;
  font-size:.95rem;
  line-height:1.65;
  color:#475569;
}

/* Grid */
.syllabus-grid{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px 18px;
}

/* Pills */
.syllabus-pill{
  display:flex;
  align-items:center;
  gap:10px;
  background:#dbeafe;
  color:#1e40af;
  padding:12px 16px;
  border-radius:999px;
  font-size:.85rem;
  font-weight:600;
  transition:background .2s ease, transform .2s ease;
}

/* Number badge */
.syllabus-pill span{
  background:#2563eb;
  color:#fff;
  min-width:26px;
  height:26px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.7rem;
  font-weight:700;
}

/* Hover */
.syllabus-pill:hover{
  background:#bfdbfe;
  transform:translateY(-1px);
}

/* Responsive */
@media(max-width:1000px){
  .syllabus-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:600px){
  .syllabus-grid{
    grid-template-columns:1fr;
  }
}

/* ===== CEH EXAM MAPPING – FINAL FIX ===== */

.ceh-exam-mapping{
  margin-top:40px;          /* separation from modules */
}

.ceh-exam-mapping h3{
  margin:0 0 6px;
  font-size:1.15rem;
  font-weight:700;
  color:#1e40af;
}

.ceh-exam-mapping p{
  margin:0 0 14px;
  max-width:950px;
  font-size:.9rem;
  line-height:1.6;
  color:#475569;
}

/* Domain tags */
.ceh-domain-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
}

.ceh-domain-tags span{
  background:#eff6ff;
  color:#1e40af;
  font-size:.78rem;
  font-weight:600;
  padding:7px 14px;
  border-radius:999px;
  white-space:nowrap;
}


/* ===== SCROLL ANIMATION ===== */

.animate-on-scroll{
  opacity:0;
  transform:translateY(12px);
  transition:all .4s ease;
}

.animate-on-scroll.show{
  opacity:1;
  transform:translateY(0);
}

/* ===== CEH Exam Format Section ===== */

.ceh-exam-section{
  background:#eff6ff;
  padding:32px 0 36px;
}

/* Title */
.ceh-title{
  color:#1e40af;
  font-size:1.25rem;
  font-weight:700;
  margin-bottom:14px;
}

/* Exam tags */
.ceh-exam-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:16px;
}

.ceh-exam-tags span{
  background:#ffffff;
  padding:8px 14px;
  border-radius:999px;
  font-size:.9rem;
  color:#334155;
  box-shadow:0 4px 12px rgba(0,0,0,.05);
}

/* Download button */
.ceh-download-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#dbeafe;
  color:#1e40af;
  padding:10px 16px;
  border-radius:999px;
  font-weight:600;
  font-size:.9rem;
  text-decoration:none;
  transition:all .2s ease;
}

.ceh-download-btn:hover{
  background:#c7d2fe;
}

/* ===== CEH Exam Section (Mapping + Format) ===== */

.ceh-exam-section{
  background:#eff6ff;
  padding:36px 0;
}

/* Two-column grid */
.ceh-grid{
  display:grid;
  grid-template-columns: 1.3fr 1fr;
  gap:40px;
}

/* Titles */
.ceh-title{
  color:#1e40af;
  font-size:1.25rem;
  font-weight:700;
  margin-bottom:12px;
}

/* Description */
.ceh-desc{
  color:#475569;
  font-size:.95rem;
  line-height:1.6;
  margin-bottom:16px;
}

/* Domain tags */
.ceh-domain-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.ceh-domain-tags span{
  background:#ffffff;
  padding:8px 14px;
  border-radius:999px;
  font-size:.85rem;
  color:#1e40af;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
}

/* Exam format tags */
.ceh-exam-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:18px;
}

.ceh-exam-tags span{
  background:#ffffff;
  padding:8px 14px;
  border-radius:999px;
  font-size:.9rem;
  color:#334155;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
}

/* Download button */
.ceh-download-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#dbeafe;
  color:#1e40af;
  padding:10px 16px;
  border-radius:999px;
  font-weight:600;
  font-size:.9rem;
  text-decoration:none;
  transition:all .2s ease;
}

.ceh-download-btn:hover{
  background:#c7d2fe;
}

/* Responsive */
@media (max-width: 900px){
  .ceh-grid{
    grid-template-columns:1fr;
  }
}
/* CEH section heading color consistency */
.syllabus-title,
.ceh-title,
.course-cta h2 {
  color: #1e40af;
}
/* ===== Detailed Syllabus Fix ===== */

.syllabus-section.dark{
  background:#020617;
  padding:70px 0 80px;
}

.syllabus-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
  text-align:center;
}

/* Title */
.syllabus-title{
  color:#3b82f6;
  font-size:1.9rem;
  font-weight:700;
  margin-bottom:14px;
}

/* Description */
.syllabus-desc{
  color:#94a3b8;
  max-width:900px;
  margin:0 auto 10px;
  line-height:1.6;
  font-size:.95rem;
}

/* GRID — this is the key */
.syllabus-grid{
  margin-top:40px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}

/* Pills */
.syllabus-pill{
  background:#e0ecff;
  border-radius:999px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:600;
  color:#1e40af;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}

/* Responsive */
@media (max-width:1024px){
  .syllabus-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media (max-width:640px){
  .syllabus-grid{
    grid-template-columns:1fr;
  }
}
/* Module number badge */
.mod-badge{
  background:#2563eb;
  color:#fff;
  font-size:.75rem;
  font-weight:700;
  width:28px;
  height:28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

/* COURSE FILTERS */
.course-filters{
  display:flex;
  gap:10px;
  justify-content:center;
  margin-bottom:30px;
  flex-wrap:wrap;
}
.course-filters button{
  padding:8px 16px;
  border-radius:20px;
  border:1px solid #cbd5e1;
  background:#fff;
  cursor:pointer;
  font-weight:600;
}
.course-filters button.active{
  background:#020617;
  color:#fff;
}

/* BADGES */
.course-badge{
  position:absolute;
  top:12px;
  right:12px;
  font-size:11px;
  padding:4px 10px;
  border-radius:20px;
  color:#fff;
}
.course-badge.popular{background:#f59e0b}
.course-badge.new{background:#22c55e}

.accordion .module{
  overflow:hidden;
}
.module-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
}
.module-content{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
  opacity:.9;
  padding-top:10px;
}
.module.open .module-content{
  max-height:200px;
}
.toggle{
  font-size:20px;
  font-weight:bold;
}

.sticky-enquire{
  position:fixed;
  bottom:20px;
  right:20px;
  background:linear-gradient(135deg,#2563eb,#16a34a);
  color:#fff;
  padding:14px 26px;
  border-radius:40px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  z-index:999;
}
.sticky-enquire:hover{
  transform:translateY(-2px);
}

.whatsapp{
  position:fixed;
  bottom:90px;
  right:20px;
  width:56px;
  height:56px;
  background:#25D366;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  text-decoration:none;
  box-shadow:0 8px 25px rgba(0,0,0,.3);
  z-index:999;
}

.fade-up{
  opacity:0;
  transform:translateY(30px);
  transition:.6s ease;
}
.fade-up.show{
  opacity:1;
  transform:none;
}/* TOP ACTION BAR */
.top-actions{
  position:fixed;
  top:16px;
  right:16px;
  display:flex;
  gap:10px;
  z-index:1000;
}

.nav-btn{
  padding:10px 18px;
  border-radius:999px;
  background:rgba(15,23,42,.85);
  color:#fff;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.2);
  transition:.25s;
}

.nav-btn:hover{
  background:#fff;
  color:#000;
}

.nav-btn.primary{
  background:linear-gradient(135deg,#2563eb,#16a34a);
  border:none;
}

/* ===============================
   COURSE IMAGE
================================ */
.course-image {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.course-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* ===============================
   LOAD MORE DIVIDER (FIXED)
   =============================== */

.load-more-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 40px auto;
  width: 100%;
}

/* Divider lines */
.load-line {
  flex: 1;
  height: 3px;
  max-width: 620px;
  background: linear-gradient(
    to right,
    transparent,
    #93c5fd,
    transparent
  );
  opacity: 0.6;
  transform: scaleX(0.7);
  transition: all 0.4s ease;
}

/* Button */
#loadMoreBtn {
  padding: 12px 34px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  white-space: nowrap;

  background: linear-gradient(135deg, #2563eb, #16a34a);
  color: #ffffff;

  box-shadow: 0 8px 22px rgba(37, 99, 235, 0.28);
  transition: all 0.3s ease;
}

/* ===============================
   HOVER ANIMATION (THIS WAS MISSING)
   =============================== */

.load-more-wrap:hover .load-line {
  transform: scaleX(1);
  opacity: 1;
  box-shadow: 0 0 14px rgba(59, 130, 246, 0.6);
}

#loadMoreBtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(22, 163, 74, 0.35);
}

/* ===============================
   MOBILE FIX
   =============================== */
@media (max-width: 768px) {
  .load-line {
    max-width: 120px;
  }

  #loadMoreBtn {
    padding: 11px 26px;
    font-size: 13.5px;
  }
}