/*
Theme Name: My Custom Theme
Theme URI: https://example.com/my-theme
Author: Aapka Naam
Author URI: https://example.com
Description: Yeh meri khud ki banai hui custom WordPress theme hai.
Version: 1.0
Text Domain: my-custom-theme
*/
  :root{
    --navy:#0A1930;
    --navy-2:#102340;
    --blue:#2D6CDF;
    --cyan:#00D4B4;
    --amber:#FFB627;
    --off-white:#F6F8FB;
    --ink:#142238;
    --ink-soft:#4B5A72;
    --font-display:'Space Grotesk', sans-serif;
    --font-body:'Inter', sans-serif;
    --font-mono:'JetBrains Mono', monospace;
  }
  *{ scroll-behavior:smooth; }
  body{
    font-family:var(--font-body);
    color:var(--ink);
    background:var(--off-white);
  }
  h1,h2,h3,h4,h5,.display-font{
    font-family:var(--font-display);
    letter-spacing:-0.01em;
  }
  .mono{ font-family:var(--font-mono); }
  a{ text-decoration:none; }

  /* ---------- Top bar ---------- */
  .topbar{
    background:var(--navy);
    color:#c7d2e6;
    font-size:.85rem;
  }
  .topbar a{ color:#c7d2e6; }
  .topbar a:hover{ color:var(--cyan); }

  /* ---------- Navbar ---------- */
  .navbar-scitech{
    background:#fff;
    box-shadow:0 2px 18px rgba(10,25,48,.06);
    padding-top:.7rem;
    padding-bottom:.7rem;
    transition:box-shadow .2s ease;
  }
  .brand-mark{
    width:44px;height:44px;border-radius:12px;
    background:linear-gradient(135deg,var(--blue),var(--cyan));
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.15rem;
    box-shadow:0 6px 16px rgba(45,108,223,.35);
  }
  .navbar-brand-text{
    font-family:var(--font-display);
    font-weight:700;
    font-size:1.35rem;
    color:var(--ink);
    line-height:1;
  }
  .navbar-brand-text span{ color:var(--blue); }
  .navbar-nav .nav-link{
    font-weight:600;
    font-size:.92rem;
    color:var(--ink) !important;
    padding:.5rem .9rem !important;
  }
  .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active{ color:var(--blue) !important; }
  .dropdown-menu{ border:0; box-shadow:0 12px 32px rgba(10,25,48,.14); border-radius:10px; }
  .dropdown-item:hover{ background:var(--off-white); color:var(--blue); }
  .btn-enquire{
    background:var(--amber); color:var(--navy); font-weight:700;
    border-radius:8px; padding:.55rem 1.3rem; border:none;
  }
  .btn-enquire:hover{ background:#e6a41f; color:var(--navy); }

  /* ---------- Circuit divider (signature element) ---------- */
  .circuit-divider{
    width:100%; height:34px; overflow:hidden; line-height:0;
  }

  /* ---------- Hero ---------- */
  .hero{
    background:radial-gradient(circle at 15% 20%, #12295099 0%, transparent 45%),
               radial-gradient(circle at 85% 80%, #00d4b422 0%, transparent 40%),
               linear-gradient(160deg, var(--navy) 0%, var(--navy-2) 60%, #0d2140 100%);
    position:relative;
    overflow:hidden;
    color:#fff;
    padding:5.5rem 0 4.5rem;
  }
  .hero .circuit-svg{
    position:absolute; inset:0; width:100%; height:100%; opacity:.35; pointer-events:none;
  }
  .eyebrow-tag{
    display:inline-flex; align-items:center; gap:.5rem;
    font-family:var(--font-mono); font-size:.78rem; letter-spacing:.08em;
    color:var(--cyan); background:rgba(0,212,180,.1);
    border:1px solid rgba(0,212,180,.35);
    padding:.35rem .9rem; border-radius:30px; margin-bottom:1.2rem;
  }
  .eyebrow-tag .dot{ width:6px;height:6px;border-radius:50%; background:var(--cyan); box-shadow:0 0 8px var(--cyan); }
  .hero h1{
    font-size:clamp(2.1rem, 4.2vw, 3.4rem);
    font-weight:700;
    line-height:1.12;
  }
  .hero h1 .accent{
    background:linear-gradient(90deg,var(--cyan),var(--blue));
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .hero p.lead{ color:#aebbd4; font-size:1.08rem; max-width:540px; }
  .btn-primary-glow{
    background:linear-gradient(90deg,var(--blue),var(--cyan));
    border:none; color:#fff; font-weight:700; padding:.75rem 1.6rem; border-radius:9px;
    box-shadow:0 10px 24px rgba(45,108,223,.35);
  }
  .btn-primary-glow:hover{ color:#fff; transform:translateY(-1px); }
  .btn-outline-hero{
    border:1.5px solid rgba(255,255,255,.35); color:#fff; font-weight:600;
    padding:.72rem 1.5rem; border-radius:9px;
  }
  .btn-outline-hero:hover{ border-color:var(--cyan); color:var(--cyan); }

  #heroBanner .carousel-control-prev-icon,
  #heroBanner .carousel-control-next-icon{
    filter:invert(1) grayscale(1);
    background-size:60% 60%;
    background-color:rgba(255,255,255,.08);
    border-radius:50%;
    padding:1.2rem;
  }
  #heroBanner .carousel-indicators [data-bs-target]{
    width:8px; height:8px; border-radius:50%; background-color:rgba(255,255,255,.35);
    border:none; margin:0 4px;
  }
  #heroBanner .carousel-indicators .active{ background-color:var(--cyan); }
  #heroBanner .carousel-item{ min-height:1px; }

  .stat-strip{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px; backdrop-filter:blur(6px);
  }
  .stat-box{ padding:1.1rem .5rem; text-align:center; border-right:1px solid rgba(255,255,255,.08); }
  .stat-box:last-child{ border-right:none; }
  .stat-num{ font-family:var(--font-mono); font-size:1.7rem; font-weight:700; color:var(--cyan); }
  .stat-label{ font-size:.76rem; color:#9fb0cc; text-transform:uppercase; letter-spacing:.06em; }

  /* ---------- Section titles ---------- */
  .section-pad{ padding:4.5rem 0; }
  .section-eyebrow{
    font-family:var(--font-mono); font-size:.78rem; letter-spacing:.1em;
    text-transform:uppercase; color:var(--blue); font-weight:700;
  }
  .section-title{ font-size:clamp(1.6rem,3vw,2.3rem); font-weight:700; color:var(--ink); }
  .section-sub{ color:var(--ink-soft); max-width:620px; }

  /* ---------- Course cards ---------- */
  .course-card{
    background:#fff; border-radius:16px;
    border:1px solid #e8edf5; height:100%;
    overflow:hidden;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .course-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 34px rgba(10,25,48,.1);
    border-color:transparent;
  }
  .course-card-img{
    position:relative; height:190px; overflow:hidden;
  }
  .course-card-img img{
    width:100%; height:100%; object-fit:cover; transition:transform .4s ease;
  }
  .course-card:hover .course-card-img img{ transform:scale(1.07); }
  .course-card-img::after{
    content:''; position:absolute; inset:0;
    background:linear-gradient(0deg, rgba(10,25,48,.55) 0%, transparent 60%);
  }
  .course-hex{
    width:48px;height:48px;
    background:linear-gradient(135deg,var(--blue),var(--cyan));
    clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
    display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.15rem;
    position:absolute; left:1.2rem; bottom:-24px; z-index:2;
    box-shadow:0 8px 18px rgba(10,25,48,.25);
  }
  .course-card-body{ padding:2rem 1.4rem 1.4rem; }
  .course-card h5{ font-weight:700; font-size:1.05rem; }
  .course-card p{ color:var(--ink-soft); font-size:.9rem; margin-bottom:.6rem; }
  .course-meta{ font-family:var(--font-mono); font-size:.75rem; color:var(--blue); }

  /* ---------- Why us ---------- */
  .why-card{
    display:flex; gap:1rem; padding:1.1rem 0;
    border-bottom:1px dashed #dbe3ee;
  }
  .why-icon{
    flex:0 0 46px; height:46px; width:46px; border-radius:10px;
    background:var(--off-white); color:var(--blue);
    display:flex; align-items:center; justify-content:center; font-size:1.1rem;
  }

  /* ---------- Gallery ---------- */
  .gallery-item{
    position:relative; overflow:hidden; border-radius:14px; cursor:pointer;
    height:230px;
  }
  .gallery-item img{
    width:100%; height:100%; object-fit:cover; transition:transform .4s ease;
  }
  .gallery-item:hover img{ transform:scale(1.08); }
  .gallery-overlay{
    position:absolute; inset:0;
    background:linear-gradient(0deg, rgba(10,25,48,.85) 0%, transparent 55%);
    display:flex; align-items:flex-end; padding:1rem;
    opacity:0; transition:opacity .3s ease;
  }
  .gallery-item:hover .gallery-overlay{ opacity:1; }
  .gallery-overlay span{ color:#fff; font-weight:600; font-size:.88rem; }
  .gallery-filter .btn{
    border-radius:30px; font-weight:600; font-size:.85rem; border:1px solid #dbe3ee; color:var(--ink-soft);
  }
  .gallery-filter .btn.active{ background:var(--blue); color:#fff; border-color:var(--blue); }

  /* ---------- Achievements ---------- */
  .achieve-section{ background:var(--navy); color:#fff; }
  .achieve-card{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px; padding:1.6rem; height:100%;
  }
  .achieve-card i{ color:var(--cyan); font-size:1.6rem; margin-bottom:.7rem; }
  .achieve-card h6{ font-weight:700; }
  .achieve-card p{ color:#aebbd4; font-size:.88rem; margin-bottom:0; }

  /* ---------- Testimonials ---------- */
  .testi-card{
    background:#fff; border-radius:16px; padding:2rem; border:1px solid #e8edf5;
  }
  .testi-quote{ color:var(--ink-soft); font-size:1.02rem; font-style:italic; }
  .testi-avatar{ width:52px;height:52px;border-radius:50%; object-fit:cover; }

  /* ---------- Form ---------- */
  .form-section{
    background:linear-gradient(160deg,#0d2140,var(--navy));
    border-radius:22px; color:#fff; overflow:hidden;
  }
  .form-card{ background:#fff; border-radius:18px; padding:2rem; color:var(--ink); }
  .form-control, .form-select{
    border-radius:9px; border:1px solid #dbe3ee; padding:.65rem .9rem; font-size:.92rem;
  }
  .form-control:focus, .form-select:focus{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(45,108,223,.15); }
  .form-label{ font-size:.85rem; font-weight:600; color:var(--ink); }

  /* ---------- Branches / FAQ ---------- */
  .accordion-button{ font-weight:600; color:var(--ink); }
  .accordion-button:not(.collapsed){ background:var(--off-white); color:var(--blue); box-shadow:none; }
  .accordion-button:focus{ box-shadow:none; border-color:#dbe3ee; }

  /* ---------- Footer ---------- */
  footer{ background:#081428; color:#93a2be; }
  footer h6{ color:#fff; font-weight:700; font-family:var(--font-display); }
  footer a{ color:#93a2be; }
  footer a:hover{ color:var(--cyan); }
  .social-btn{
    width:36px;height:36px;border-radius:8px; background:rgba(255,255,255,.06);
    display:flex;align-items:center;justify-content:center; color:#fff;
  }
  .social-btn:hover{ background:var(--blue); color:#fff; }

  .whatsapp-float{
    position:fixed; bottom:22px; right:22px; z-index:999;
    width:56px;height:56px;border-radius:50%;
    background:#25D366; color:#fff; display:flex;align-items:center;justify-content:center;
    font-size:1.5rem; box-shadow:0 8px 22px rgba(37,211,102,.45);
  }
  .back-to-top{
    position:fixed; bottom:22px; left:22px; z-index:999;
    width:44px;height:44px;border-radius:50%;
    background:var(--blue); color:#fff; display:none;align-items:center;justify-content:center;
    box-shadow:0 8px 20px rgba(45,108,223,.4); border:none;
  }

  @media (max-width:767px){
    .stat-box{ border-right:none; border-bottom:1px solid rgba(255,255,255,.08); }
    .stat-box:last-child{ border-bottom:none; }
  }