:root{
  --bg-dark:#0b0b0b;
  --text-light:#e0e0e0;
  --green:#39ff14;
  --dark-green:#1fa60a;
  --gray:#888;
  --gradient:linear-gradient(90deg,#39ff14,#1fa60a);
}

/* ===== Global ===== */
body{
  background:var(--bg-dark);
  color:var(--text-light);
  font-family:'Roboto',sans-serif;
}

p, li, span, label{
  color:var(--text-light);
}

/* ===== Headings (UPDATED FONT) ===== */
h1, h2, h3, h4, h5, h6{
  font-family:'Poppins',sans-serif;
  font-weight:600;
  color:#fff;
  letter-spacing:0.5px;
}

/* ===== Header ===== */
header{
  background:#000;
  position:sticky;
  top:0;
  z-index:1000;
}

.logo-area span{
  font-size:22px;
  font-weight:700;
  background:var(--gradient);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.nav-link{
  color:#fff !important;
}

.menu-toggle{
  display:none;
  font-size:1.5rem;
  cursor:pointer;
  color:var(--green);
}

/* ===== Hero Slider ===== */
.hero{
  min-height:80vh;
  display:flex;
  align-items:center;
}

.hero-slider{
  position:relative;
  width:100%;
  height:80vh;
  overflow:hidden;
  text-align:center;
}

.hero-slide{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  opacity:0;
  transition:opacity 1s ease-in-out;
  background-size:cover;
  background-position:center;
}

.hero-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.75);
}

.hero-slide *{
  position:relative;
  z-index:2;
}

.hero-slide.active{
  opacity:1;
}

.hero-slide h1{
  font-size:3rem;
  background:var(--gradient);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:20px;
}

.hero-slide p{
  max-width:600px;
  margin-bottom:25px;
}

/* Slide backgrounds */
.slide-1{background-image:url("https://images.unsplash.com/photo-1550751827-4bd374c3f58b");}
.slide-2{background-image:url("https://images.unsplash.com/photo-1504384308090-c894fdcc538d");}
.slide-3{background-image:url("https://images.unsplash.com/photo-1550751827-4bd374c3f58b");}

/* ===== Buttons ===== */
.btn-success{
  background:var(--gradient);
  border:none;
  color:#000;
  font-weight:600;
}

/* ===== Cards ===== */
.card{
  background:#111;
  border-radius:12px;
  padding:25px;
  transition:0.3s;
  border:1px solid #1a1a1a;
}

.card:hover{
  transform:translateY(-5px);
  box-shadow:0 8px 20px rgba(57,255,20,0.3);
}

.card-title{
  background:var(--gradient);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* ===== Course Meta ===== */
.course-meta{
  list-style:none;
  padding:0;
}

.course-meta li{
  font-size:0.9rem;
}

.course-meta strong{
  color:var(--green);
}

/* ===== Internships ===== */
#internships .card{
  background:#000;
  color:#fff;
}

/* ===== FAQ Section ===== */
#faq{
  background:black;
}

#faq h2{
  color:var(--green);
}

.accordion-button{
  font-weight:500;
  background:#000;
  color:#fff;
}

.accordion-button:focus{
  box-shadow:none;
  border-color:var(--green);
}

.accordion-button:not(.collapsed){
  background:#111;
  color:var(--green);
}

.accordion-body{
  background:#111;
  color:#ccc;
}

/* ===== Contact ===== */
.contact input,
.contact textarea{
  background:#0b0b0b;
  color:#fff;
  border:1px solid #444;
}

.contact input:focus,
.contact textarea:focus{
  border-color:var(--green);
  box-shadow:none;
}

.contact ::placeholder{
  color:grey;
}

/* ===== Modern Footer ===== */
.footer-modern{
  background:#0a0a0a;
  color:#ccc;
  font-family:'Roboto',sans-serif;
}

.footer-title{
  color:var(--green);
  font-weight:600;
  margin-bottom:15px;
}

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

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

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

.footer-links a{
  color:#ccc;
  text-decoration:none;
  transition:0.3s;
}

.footer-links a:hover{
  color:var(--green);
  padding-left:5px;
}

.social-icons a{
  display:inline-block;
  height:35px;
  width:35px;
  line-height:35px;
  text-align:center;
  border-radius:50%;
  background:#111;
  color:var(--green);
  margin-right:8px;
  transition:0.3s;
}

.social-icons a:hover{
  background:var(--green);
  color:#000;
  transform:translateY(-3px);
}

/* ===== Responsive ===== */
@media(max-width:768px){
  .hero-slide h1{
    font-size:2rem;
  }

  .logo-area span{
    font-size:16px;
  }
}
.contact .form-control,
.contact .form-select {
  background-color: #000;
  color: grey;
  border: none;
  border-bottom: 1px solid #444;  /* Only bottom line */
  border-radius: 0;
}

.contact .form-control:focus,
.contact .form-select:focus {
  border-bottom: 1px solid #888;
  box-shadow: none;
}
.btn-success {
  transition: 0.3s ease;
}

.btn-success:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px #28a745;
}
/* ===== Page Hero (For All Pages) ===== */
.page-hero{
  padding:120px 0 80px;
  background:linear-gradient(rgba(0,0,0,0.85), rgba(0,0,0,0.85)),
  url("https://images.unsplash.com/photo-1550751827-4bd374c3f58b");
  background-size:cover;
  background-position:center;
  text-align:center;
}

.page-hero h1{
  font-size:3rem;
  background:var(--gradient);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.page-hero p{
  color:#ccc;
  margin-top:10px;
}
.nav-link.active{
  color:var(--green) !important;
  font-weight:600;
}
/* ===== Team Section Slider ===== */
#team .card {
  border: 1px solid #222;
  transition: 0.4s ease;
}

#team .card:hover {
  transform: translateY(-8px);
  box-shadow: 0 0 25px rgba(57,255,20,0.4);
}

#team img {
  border: 3px solid var(--green);
  padding: 3px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
}
/* ===== Projects ===== */
.project-card{
  background:#111;
  border:1px solid #1a1a1a;
  transition:0.4s;
  overflow:hidden;
}

.project-card img{
  height:200px;
  object-fit:cover;
  transition:0.4s;
}

.project-card:hover img{
  transform:scale(1.1);
}

.project-card:hover{
  transform:translateY(-8px);
  box-shadow:0 0 25px rgba(57,255,20,0.5);
}

.project-icon{
  font-size:2rem;
  color:var(--green);
}
.project-image-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}

.project-image-container img {
  width: 100%;
  display: block;
  transition: 0.5s ease;
}

.project-overlay {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  opacity:1; /* always visible for click */
  text-align:center;
}

.overlay-text {
  background: #04AA6D;
  color: white;
  padding: 12px 25px;
  font-size: 15px;
  border-radius: 5px;
}

.project-details {
  display: none; /* hidden by default */
  transition: all 0.3s ease;
}

.project-card.expanded .project-details {
  display: block; /* show on click */
}

.social-icons a{
  display:inline-block;
  height:35px;
  width:35px;
  line-height:35px;
  text-align:center;
  border-radius:50%;
  background:#111;
  color:var(--green);
  margin-right:8px;
  transition:0.3s;
}

.social-icons a:hover{
  background:var(--green);
  color:#000;
  transform:translateY(-3px);
}

/* Facebook */
.social-icons a .fa-facebook-f {
  background: #1877F2;   /* Blue circle */
  color: #fff;           /* White f */
  border-radius: 50%;
  padding: 10px;
}

/* Instagram */
.social-icons a .fa-instagram {
  background: radial-gradient(circle at 30% 30%, #feda75, #d62976, #962fbf, #4f5bd5);
  color: #fff;
  border-radius: 50%;
  padding: 10px;
}

/* WhatsApp */
.social-icons a .fa-whatsapp {
  background: #25D366;   /* Green circle */
  color: #fff;           /* White phone */
  border-radius: 50%;
  padding: 10px;
}

/* TikTok */
.social-icons a .fa-tiktok {
  background: #000;      /* Black circle */
  color: #fff;           /* White note */
  border-radius: 50%;
  padding: 10px;
}

/* LinkedIn */
.social-icons a .fa-linkedin-in {
  background: #0A66C2;   /* Blue circle */
  color: #fff;           /* White in */
  border-radius: 50%;
  padding: 10px;
}
/* ===== Testimonials Dots ===== */

#testimonialCarousel .carousel-indicators{
  bottom:-80px;
}

#testimonialCarousel .carousel-indicators [data-bs-target]{
  width:12px;
  height:12px;
  border-radius:50%;
  background-color:white;
  opacity:0.5;
  margin:5px;
}

#testimonialCarousel .carousel-indicators .active{
  opacity:1;
}
.certificates-section h2{
font-family:'Orbitron',sans-serif;
letter-spacing:2px;
}

.certificate-card{
background:#111;
border-radius:12px;
overflow:hidden;
cursor:pointer;
transition:0.4s;
border:1px solid #222;
}

.certificate-card img{
width:100%;
height:250px;
object-fit:cover;
transition:0.5s;
}

.certificate-card:hover img{
transform:scale(1.08);
}

.cert-info{
padding:15px;
text-align:center;
}

.cert-info h5{
font-size:16px;
}

/* Popup */

.cert-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
display:none;
justify-content:center;
align-items:center;
z-index:9999;
}

.cert-popup img{
max-width:90%;
max-height:90%;
border-radius:10px;
}

.close-btn{
position:absolute;
top:30px;
right:40px;
font-size:40px;
color:white;
cursor:pointer;
}
.whatsapp-float{
position:fixed;
width:60px;
height:60px;
bottom:25px;
right:25px;
background:#25D366;
color:#fff;
border-radius:50%;
text-align:center;
font-size:30px;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 4px 10px rgba(0,0,0,0.3);
z-index:100;
}

.whatsapp-float:hover{
background:#20ba5a;
color:white;
}
.footer-logo{
height:70px;
width:auto;
image-rendering: crisp-edges;
}