/* HEADER STYLE  */
 /* Switched to Poppins */
    * { font-family: 'Poppins', sans-serif; }

    /* Glassmorphism header */
    #main-header {
      background: rgba(255, 255, 255, 0.1); /* bg-white/10 */
  backdrop-filter: blur(20px); /* backdrop-blur-xl */
  -webkit-backdrop-filter: blur(20px); /* Safari support */
      border-bottom: 1px solid rgba(255,255,255,0.07);
      transition: background 0.3s ease, box-shadow 0.3s ease;
    }
    #main-header.scrolled {
      /* background: rgba(8, 8, 8, 0.97); */
      box-shadow: 0 4px 30px rgba(0,0,0,0.4);
    }

    /* Nav link hover underline */
    .nav-link {
      position: relative;
      letter-spacing: 0.05em;
      font-weight: 600;
      font-size: 0.78rem;
      text-transform: uppercase;
      color: #ffffff; /* Set to white as requested */
      transition: color 0.2s;
    }
    .nav-link::after {
      content: '';
      position: absolute;
      left: 0; bottom: -4px;
      width: 0; height: 2px;
      background: #febd59; /* Brand Yellow */
      transition: width 0.3s ease;
      border-radius: 2px;
    }
    .nav-link:hover { color: #febd59; }
    .nav-link:hover::after { width: 100%; }

    /* Dropdown logic */
    .dropdown-wrapper { position: relative; }
    .dropdown-menu {
      display: block !important;
      pointer-events: none;
      visibility: hidden;
      position: absolute;
      top: calc(90% + 8px);
      left: 50%;
      transform: translateX(-50%) translateY(-8px);
      min-width: 220px;
      background: #111;
      border: 1px solid rgba(254, 189, 89, 0.2); /* Subtle yellow border */
      border-radius: 10px;
      padding: 8px 0;
      box-shadow: 0 20px 40px rgba(0,0,0,0.6);
      z-index: 999;
      opacity: 0;
      transition: opacity 0.25s ease, transform 0.25s ease;
    }
    .dropdown-wrapper:hover .dropdown-menu,
    .dropdown-wrapper:focus-within .dropdown-menu {
      pointer-events: all;
      visibility: visible;
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }

    .dropdown-item {
      display: flex; align-items: center; gap: 10px;
      padding: 10px 20px;
      font-size: 0.82rem;
      font-weight: 500;
      color: #ffffff; /* White text */
      text-transform: none;
      transition: background 0.2s, color 0.2s;
    }
    .dropdown-item:hover {
      background: rgba(254, 189, 89, 0.1);
      color: #febd59;
    }
    .dropdown-item i { color: #febd59; width: 18px; text-align: center; font-size: 0.85rem; }

    .dropdown-divider {
      height: 1px;
      background: rgba(255,255,255,0.06);
      margin: 4px 0;
    }

    /* Mobile menu slide */
    #mobile-menu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1), opacity 0.3s;
      opacity: 0;
    }
    #mobile-menu.open {
      max-height: 600px;
      opacity: 1;
    }

    .mobile-accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
    }
    .mobile-accordion-content.open { max-height: 400px; }

    /* Hamburger animation */
    #hamburger span {
      display: block;
      width: 24px; height: 2px;
      background: #fff;
      border-radius: 2px;
      transition: all 0.3s ease;
      transform-origin: center;
    }
    #hamburger.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    #hamburger.active span:nth-child(2) { opacity: 0; transform: scaleX(0); }
    #hamburger.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

    /* CTA button - Yellow/Gold theme */
    .btn-cta {
      background: linear-gradient(135deg, #febd59 0%, #e5a53d 100%);
      color: #000; /* Black text for better contrast on yellow */
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      padding: 9px 22px;
      border-radius: 6px;
      transition: transform 0.2s, box-shadow 0.2s;
      box-shadow: 0 4px 14px rgba(254, 189, 89, 0.3);
    }
    .btn-cta:hover {
      transform: translateY(-1px);
      box-shadow: 0 6px 20px rgba(254, 189, 89, 0.45);
    }









/* HERO STYLE  */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}

/* ── GLOBAL WRAPPER ── */
#bms-wrap {
  font-family:'DM Sans',sans-serif;
  color:#fff;
  overflow-x:hidden;
  position:relative;
  background: linear-gradient(-45deg,#0f0c29,#302b63,#1a1a3e,#24104e,#0a1628,#1e3a5f,#0f0c29);
  background-size: 400% 400%;
  animation: bgShift 12s ease infinite;
}

/* stars layer */
#bms-wrap::before {
  content:'';
  position:fixed;
  inset:0;
  background-image:
    radial-gradient(1px 1px at 10% 15%, rgba(255,255,255,0.6) 0%, transparent 100%),
    radial-gradient(1px 1px at 85% 25%, rgba(255,255,255,0.5) 0%, transparent 100%),
    radial-gradient(1.5px 1.5px at 35% 60%, rgba(232,169,32,0.5) 0%, transparent 100%),
    radial-gradient(1px 1px at 65% 80%, rgba(255,255,255,0.4) 0%, transparent 100%),
    radial-gradient(1px 1px at 20% 85%, rgba(255,255,255,0.35) 0%, transparent 100%),
    radial-gradient(1.5px 1.5px at 75% 50%, rgba(232,169,32,0.4) 0%, transparent 100%),
    radial-gradient(1px 1px at 50% 30%, rgba(255,255,255,0.4) 0%, transparent 100%),
    radial-gradient(1px 1px at 92% 70%, rgba(255,255,255,0.3) 0%, transparent 100%),
    radial-gradient(1px 1px at 5% 45%, rgba(255,255,255,0.4) 0%, transparent 100%),
    radial-gradient(1.5px 1.5px at 55% 90%, rgba(232,169,32,0.35) 0%, transparent 100%);
  pointer-events:none;
  z-index:0;
  animation: twinkle 4s ease-in-out infinite alternate;
}

/* glass card */
.glass {
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.08);
}
.glass-gold {
  background: rgba(232,169,32,0.08);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(232,169,32,0.2);
}

/* gold text */
.tg {
  background: linear-gradient(135deg,#E8A920 0%,#F5C84A 45%,#E8A920 70%,#B8820E 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

/* shimmer btn */
.btn-g {
  background: linear-gradient(90deg,#B8820E,#E8A920,#F5C84A,#E8A920,#B8820E);
  background-size:300%;
  animation: shimmer 2.5s linear infinite;
  color:#000;
  font-weight:700;
  font-size:13px;
  letter-spacing:.1em;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:15px 36px;
  text-decoration:none;
  transition:transform .3s,box-shadow .3s;
}
.btn-g:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(232,169,32,.45);}

/* outline btn */
.btn-o {
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 36px;
  border:1px solid rgba(255,255,255,.2);
  color:#fff;font-weight:500;font-size:13px;
  letter-spacing:.1em;text-transform:uppercase;
  text-decoration:none;
  transition:all .3s;
}
.btn-o:hover{border-color:#E8A920;color:#E8A920;}

/* ── SCROLL REVEAL BASE ── */
.rv{opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);}
.rv.on{opacity:1;transform:none;}
.rvl{opacity:0;transform:translateX(-60px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);}
.rvl.on{opacity:1;transform:none;}
.rvr{opacity:0;transform:translateX(60px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);}
.rvr.on{opacity:1;transform:none;}
.rvs{opacity:0;transform:scale(.88);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);}
.rvs.on{opacity:1;transform:none;}

/* ── STAGGER DELAYS ── */
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
.d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.6s}

/* ── ABOUT CARD STAGGER ANIMATIONS ── */
/* Card 1: slides from LEFT */
.about-card-1{
  opacity:0;
  transform:translateX(-80px) translateY(30px);
  transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);
}
.about-card-1.on{opacity:1;transform:translateX(0) translateY(0);}

/* Card 2: slides from BOTTOM */
.about-card-2{
  opacity:0;
  transform:translateY(90px);
  transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);
  transition-delay:.2s;
}
.about-card-2.on{opacity:1;transform:translateY(0);}

/* Card 3: slides from RIGHT */
.about-card-3{
  opacity:0;
  transform:translateX(80px) translateY(30px);
  transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);
  transition-delay:.4s;
}
.about-card-3.on{opacity:1;transform:translateX(0) translateY(0);}

/* orb blobs */
.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;}

/* marquee */
.mq-track{display:flex;width:max-content;animation:marquee 32s linear infinite;}
.mq-track:hover{animation-play-state:paused;}

/* card hover lift */
.lift{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;}
.lift:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(0,0,0,.3);}

/* bracket corners */
.bc{position:relative;}
.bc::before,.bc::after{content:'';position:absolute;width:34px;height:34px;border-color:#E8A920;border-style:solid;transition:all .4s;}
.bc::before{top:-8px;left:-8px;border-width:2px 0 0 2px;}
.bc::after{bottom:-8px;right:-8px;border-width:0 2px 2px 0;}
.bc:hover::before{top:-4px;left:-4px;}
.bc:hover::after{bottom:-4px;right:-4px;}

/* FAQ */
.faq-body{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1);}
.faq-item.open .faq-body{max-height:300px;}
.faq-ico{transition:all .4s;}
.faq-item.open .faq-ico{transform:rotate(45deg);background:#E8A920;}
.faq-item.open .faq-ico i{color:#000;}

/* counter */
.cn{font-family:'Playfair Display',serif;font-weight:900;}

/* scrollbar */
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:#E8A920;border-radius:2px;}

/* cursor — desktop only */
@media (pointer:fine){
  #cdot,#cring{display:block;}
}
@media (pointer:coarse){
  #cdot,#cring{display:none;}
}
#cdot{position:fixed;width:8px;height:8px;background:#E8A920;border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:transform .1s;}
#cring{position:fixed;width:36px;height:36px;border:1px solid rgba(232,169,32,.5);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s;}

/* navbar */
#nav-bar{transition:background .4s,box-shadow .4s;}
#nav-bar.sc{background:rgba(15,12,41,.92)!important;backdrop-filter:blur(20px);box-shadow:0 1px 0 rgba(232,169,32,.1);}

/* section divider */
.sec-div{width:48px;height:2px;background:linear-gradient(90deg,#E8A920,transparent);}
.sec-lbl{font-size:10px;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:#E8A920;}

/* grid dots */
.dots-bg{background-image:radial-gradient(rgba(232,169,32,0.08) 1px,transparent 1px);background-size:40px 40px;}

/* spinning ring decoration */
.spin-ring{position:absolute;border-radius:50%;border:1px dashed rgba(232,169,32,.15);animation:rotateSlow 30s linear infinite;pointer-events:none;}

/* number accent */
.num-ghost{font-family:'Playfair Display',serif;font-weight:900;color:rgba(232,169,32,.04);font-size:120px;line-height:1;position:absolute;top:20px;right:20px;transition:color .5s;}
.lift:hover .num-ghost{color:rgba(232,169,32,.09);}

/* ── STATS COUNTER ── */
.stat-block{
  opacity:0;
  transform:translateY(40px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);
}
.stat-block.on{opacity:1;transform:none;}
.stat-block:nth-child(1){transition-delay:0s;}
.stat-block:nth-child(2){transition-delay:.15s;}
.stat-block:nth-child(3){transition-delay:.3s;}
.stat-block:nth-child(4){transition-delay:.45s;}

/* ── RESPONSIVE FIXES ── */

/* Hero ticker z-index fix */
.ticker-bar{
  position:absolute;
  top:1035px;
  left:0;
  right:0;
  z-index:20;
}

/* 📱 Mobile adjustment */
@media (max-width: 768px){
  .ticker-bar{
    display: none;
    top: 1095px; /* yahan mobile ke liye zyada kar do */
  }
}

/* Hero floating pill z-index */
.hero-pill{z-index:30;}

/* Responsive images */
img{max-width:100%;height:auto;}

/* ── SERVICE CARD hover underline ── */
.svc-card{position:relative;overflow:hidden;}
.svc-card::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:0;background:linear-gradient(90deg,#E8A920,#F5C84A);transition:width .6s cubic-bezier(.16,1,.3,1);}
.svc-card:hover::after{width:100%;}
.svc-card .icon-wrap{transition:all .4s cubic-bezier(.16,1,.3,1);}
.svc-card:hover .icon-wrap{background:rgba(232,169,32,.2);transform:scale(1.1) rotate(-6deg);}

/* ── PROCESS step connector (desktop) ── */
.step-line{position:absolute;top:28px;left:calc(50% + 28px);width:calc(100% - 56px);height:1px;background:linear-gradient(90deg,rgba(232,169,32,.4),rgba(232,169,32,.05));z-index:0;}

/* ── TEAM card hover overlay ── */
.team-card{position:relative;overflow:hidden;}
.team-card .t-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(232,169,32,.85) 0%,transparent 60%);opacity:0;transition:opacity .4s;}
.team-card:hover .t-overlay{opacity:1;}
.team-card .t-social{position:absolute;bottom:-40px;left:0;right:0;display:flex;justify-content:center;gap:12px;padding-bottom:16px;transition:bottom .4s cubic-bezier(.16,1,.3,1);z-index:10;}
.team-card:hover .t-social{bottom:0;}

/* ── BRAND CARD ── */
.brand-card{filter:grayscale(1) brightness(.55);transition:filter .4s,transform .4s;}
.brand-card:hover{filter:grayscale(0) brightness(1);transform:scale(1.05);}

/* ── MARQUEE ── */
.mq2-track{display:flex;width:max-content;animation:marquee 28s linear infinite;}
.mq2-track:hover{animation-play-state:paused;}

/* ── GLOBE RINGS ── */
.globe-ring-cw {animation:rotateSlow 30s linear infinite;}
.globe-ring-ccw{animation:rotateSlow 20s linear infinite reverse;}
/* Mobile nav */
@media (max-width:767px){
  .hero-img{height:280px!important;}
  .who-img{height:300px!important;}
  .why-img{height:280px!important;}
  .num-ghost{font-size:70px;}
  .stat-col{padding:2rem 1.5rem;}
}

/* Tablet tweaks */
@media (min-width:768px) and (max-width:1023px){
  .hero-img{height:400px!important;}
  .who-img{height:380px!important;}
  .why-img{height:400px!important;}
}


/* marquee  */
  /* ✅ Brands marquee fix */
@keyframes marqueeScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.mq2-track {
  display: flex;
  width: max-content;
  animation: marqueeScroll 28s linear infinite;
}
.mq2-track:hover {
  animation-play-state: paused;
}