/* ══════════════════════════════════════════
   BRAND TOKENS
══════════════════════════════════════════ */
:root{
  --navy:    #1F3759;
  --navy2:   #162b48;
  --green:   #609943;
  --green2:  #4d7d35;
  --gold:    #DBB60A;
  --gold2:   #b89508;
  --red:     #D32F2F;
  --red2:    #b71c1c;
  --white:   #ffffff;
  --ash:     #f5f6f8;
  --ash2:    #eaecf0;
  --ash3:    #d5d9e0;
  --text:    #151e2d;
  --muted:   #556070;
  --border:  #dde3ec;
  --sh:      0 4px 24px rgba(31,55,89,.09);
  --sh2:     0 16px 56px rgba(31,55,89,.15);
  --sh3:     0 32px 80px rgba(31,55,89,.20);
  --gn:      0 6px 28px rgba(31,55,89,.28);
  --gg:      0 6px 28px rgba(96,153,67,.32);
  --go:      0 6px 28px rgba(219,182,10,.38);
  --gr:      0 6px 28px rgba(211,47,47,.28);
}

/* ══ RESET ══ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:"Poppins",sans-serif;
  background:#ffffff;
  color:var(--text);
  overflow-x:hidden;
  cursor:none;
}

/* ══ CURSOR ══ */
.c-dot{
  width:9px;height:9px;border-radius:50%;
  background:var(--green);
  position:fixed;top:0;left:0;
  pointer-events:none;z-index:9999;
  transform:translate(-50%,-50%);
  transition:background .2s;
}
.c-ring{
  width:36px;height:36px;border-radius:50%;
  border:2px solid rgba(31,55,89,.22);
  position:fixed;top:0;left:0;
  pointer-events:none;z-index:9998;
  transform:translate(-50%,-50%);
  transition:width .3s,height .3s,border-color .3s,background .3s;
}
.c-ring.hov{
  width:58px;height:58px;
  border-color:var(--green);
  background:rgba(96,153,67,.06);
}

/* ══ PARTICLES ══ */
#pcvs{position:fixed;inset:0;pointer-events:none;z-index:0;}

/* ══════════════════════════════════════════
   NAV
══════════════════════════════════════════ */
nav{
  position:fixed;top:0;left:0;width:100%;z-index:1000;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(24px);
  border-bottom:2px solid var(--border);
  height:78px;padding:0 64px;
  display:flex;align-items:center;justify-content:space-between;
  box-shadow:0 2px 24px rgba(31,55,89,.07);
  transition:all .4s;
  text-size:15px;
}
nav.sc{height:64px;box-shadow:0 4px 32px rgba(31,55,89,.12);}
.nav-logo{height:60px;object-fit:contain;}
.nav-links{display:flex;align-items:center;gap:34px;list-style:none;}
.nav-links a{
  color:var(--muted);text-decoration:none;
  font-family:"Poppins",sans-serif;font-size:13px;font-weight:700;
  letter-spacing:1.8px;text-transform:uppercase;
  position:relative;transition:color .3s;
}
.nav-links a::after{
  content:'';position:absolute;bottom:-5px;left:0;
  width:0;height:2px;background:var(--green);
  border-radius:2px;transition:width .3s;
}
.nav-links a:hover{color:var(--navy);}
.nav-links a:hover::after{width:100%;}
.nav-cta{
  background:var(--navy)!important;color:#fff!important;
  padding:11px 28px;border-radius:7px;box-shadow:var(--gn);
}
.nav-cta::after{display:none!important;}
.nav-cta:hover{background:var(--green)!important;box-shadow:var(--gg);transform:translateY(-2px)!important;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
.hamburger span{width:24px;height:2.5px;background:var(--navy);border-radius:2px;transition:.3s;}


/* ══════════════════════════════════════════
   PREMIUM GLASS DROPDOWN
══════════════════════════════════════════ */

.dropdown{
  position:relative;
}

.dropdown-menu{
  position:absolute;
  top:115%;
  left:0;
  min-width:340px;

  /* More visible glass */
  background:rgba(18, 25, 42, .88);

  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);

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

  border-radius:20px;

  padding:16px 0;

  list-style:none;

  box-shadow:
    0 20px 60px rgba(0,0,0,.35),
    0 10px 30px rgba(31,55,89,.22);

  opacity:0;
  visibility:hidden;

  transform:translateY(14px);

  transition:all .35s ease;

  display:flex;
  flex-direction:column;
  gap:4px;

  overflow:hidden;
  z-index:9999;
}

.dropdown:hover .dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* top glow line */
.dropdown-menu::before{
  content:'';
  position:absolute;
  top:0;
  left:0;

  width:100%;
  height:2px;

  background:linear-gradient(
    90deg,
    var(--green),
    var(--gold),
    var(--green)
  );
}

/* Menu Links */
.dropdown-menu a{
  display:flex;
  align-items:center;

  padding:15px 24px;

  color:#ffffff;

  font-family:"Poppins",sans-serif;

  /* Increased text size */
  font-size:15px;

  font-weight:700;

  letter-spacing:1.2px;

  text-transform:uppercase;

  text-decoration:none;

  transition:all .28s ease;

  position:relative;
}

/* Hover */
.dropdown-menu a:hover{
  background:rgba(255,255,255,.08);

  color:var(--gold);

  padding-left:34px;
}

/* Left Accent */
.dropdown-menu a::before{
  content:'';

  position:absolute;

  left:0;
  top:50%;

  transform:translateY(-50%);

  width:4px;
  height:0;

  background:linear-gradient(
    180deg,
    var(--green),
    var(--gold)
  );

  border-radius:10px;

  transition:height .28s ease;
}

.dropdown-menu a:hover::before{
  height:70%;
}

/* subtle divider */
.dropdown-menu li:not(:last-child){
  border-bottom:1px solid rgba(255,255,255,.05);
}

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

  .dropdown-menu{
    position:static;

    opacity:1;
    visibility:visible;
    transform:none;

    display:none;

    margin-top:12px;

    background:rgba(18,25,42,.96);

    border-radius:16px;

    min-width:100%;
  }

  .dropdown.active .dropdown-menu{
    display:flex;
  }

  .dropdown-menu a{
    font-size:14px;
    padding:14px 18px;
  }
}

/* ══════════════════════════════════════════
   HERO — full-bleed split layout
══════════════════════════════════════════ */
.hero{
  position:relative;min-height:100vh;
  display:flex;align-items:stretch;
  overflow:hidden;
}

/* Hero full background video */
.hero-video-background{
  position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;
}
.hero-video{
  position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;
  transform:translate(-50%,-50%);
}
.video-overlay{
  position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;
  z-index:2;
}
/* Hero content overlay */
.hero-content{
  position:relative;z-index:3;
  max-width:580px;
  padding:120px 64px 80px 64px;
  display:flex;flex-direction:column;
}
.hero-tag{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(96,153,67,.2);border:1.5px solid rgba(96,153,67,.3);
  padding:6px 18px;border-radius:40px;margin-bottom:28px;
  font-family:"Poppins",sans-serif;font-size:11px;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;color:var(--white);
  opacity:0;transform:translateY(18px);animation:fu .7s .15s forwards;
  text-shadow:0 1px 2px rgba(0,0,0,.3);
}
.hero-flag-img{
  width:22px;height:16px;object-fit:cover;border-radius:3px;
}
.hero-h1{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(62px,7.5vw,112px);line-height:.9;letter-spacing:1px;
  opacity:0;transform:translateY(36px);animation:fu .9s .35s forwards;
  text-shadow:0 2px 4px rgba(0,0,0,.5);
}
.hero-h1 .l1{color:var(--white);display:block;}
.hero-h1 .l2{color:var(--white);display:block;}
.hero-h1 .l3{color:var(--white);display:block;}
.hero-sub{
  font-size:16px;font-weight:400;color:var(--muted);line-height:1.78;
  max-width:470px;margin:26px 0 42px;
  opacity:0;transform:translateY(18px);animation:fu .8s .6s forwards;
}
.hero-btns{
  display:flex;gap:14px;flex-wrap:wrap;
  opacity:0;transform:translateY(18px);animation:fu .8s .8s forwards;
}
.btn-primary{
  padding:15px 38px;background:var(--navy);color:#fff;
  text-decoration:none;font-family:"Poppins",sans-serif;
  font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;
  border-radius:7px;box-shadow:var(--gn);transition:all .3s;
}
.btn-primary:hover{background:var(--green);box-shadow:var(--gg);transform:translateY(-3px);}
.btn-secondary{
  padding:15px 38px;background:var(--gold);color:var(--navy);
  text-decoration:none;font-family:"Poppins",sans-serif;
  font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;
  border-radius:7px;box-shadow:var(--go);transition:all .3s;
}
.btn-secondary:hover{background:var(--gold2);color:#fff;transform:translateY(-3px);}
.hero-tag{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(96,153,67,.2);border:1.5px solid rgba(96,153,67,.3);
  padding:6px 18px;border-radius:40px;margin-bottom:28px;
  font-family:"Poppins",sans-serif;font-size:11px;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;color:var(--white);
  opacity:0;transform:translateY(18px);animation:fu .7s .15s forwards;
  text-shadow:0 1px 2px rgba(0,0,0,.3);
}
.hero-flag-img{
  width:22px;height:16px;object-fit:cover;border-radius:3px;
}
.hero-h1{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(62px,7.5vw,112px);line-height:.9;letter-spacing:1px;
  opacity:0;transform:translateY(36px);animation:fu .9s .35s forwards;
  text-shadow:0 2px 4px rgba(0,0,0,.5);
}
.hero-h1 .l1{color:var(--white);display:block;}
.hero-h1 .l2{color:var(--gold2);display:block;}
.hero-h1 .l3{color:var(--navy2);display:block;}
.hero-sub{
  font-size:16px;font-weight:400;color:var(--white);line-height:1.78;
  max-width:470px;margin:26px 0 42px;
  opacity:0;transform:translateY(18px);animation:fu .8s .6s forwards;
}
.hero-btns{
  display:flex;gap:14px;flex-wrap:wrap;
  opacity:0;transform:translateY(18px);animation:fu .8s .8s forwards;
}
.btn-primary{
  padding:15px 38px;background:var(--navy);color:#fff;
  text-decoration:none;font-family:"Poppins",sans-serif;
  font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;
  border-radius:7px;box-shadow:var(--gn);transition:all .3s;
}
.btn-primary:hover{background:var(--green);box-shadow:var(--gg);transform:translateY(-3px);}
.btn-secondary{
  padding:15px 38px;background:var(--gold);color:var(--navy);
  text-decoration:none;font-family:"Poppins",sans-serif;
  font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;
  border-radius:7px;box-shadow:var(--go);transition:all .3s;
}
.btn-secondary:hover{background:var(--gold2);color:#fff;transform:translateY(-3px);}


/* RIGHT PANEL — full image collage */
.hero-right-panel{
  position:absolute;right:0;top:0;
  width:50%;height:100%;z-index:2;overflow:hidden;
  clip-path:polygon(8% 0%,100% 0%,100% 100%,0% 100%);
}
/* 2×3 mosaic */
.hero-mosaic{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:repeat(3,1fr);
  height:100%;gap:3px;padding-left:12%;
}
.hm-cell{overflow:hidden;position:relative;}
.hm-cell img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .7s ease;
  filter:saturate(1.1) brightness(.87);
}
.hm-cell:hover img{transform:scale(1.08);}
.hm-cell::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(31,55,89,.5));
}
.hm-cell .hm-label{
  position:absolute;bottom:10px;left:12px;right:12px;z-index:2;
  font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:1px;
  color:#fff;opacity:0;transition:.4s;transform:translateY(6px);
}
.hm-cell:hover .hm-label{opacity:1;transform:translateY(0);}

/* Scroll hint */
.hero-scroll{
  position:absolute;bottom:36px;left:64px;z-index:4;
  display:flex;align-items:center;gap:10px;
  opacity:0;animation:fu .7s 1.3s forwards;
}
.hero-scroll span{
  font-family:"Poppins",sans-serif;font-size:10px;
  font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--muted);
}
.scroll-line{
  width:40px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--green),transparent);
  animation:pulse 1.8s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:.3;width:20px}50%{opacity:1;width:44px}}

/* ══════════════════════════════════════════
   COLOR ACCENT BAR
══════════════════════════════════════════ */
.accent-bar{
  height:5px;
  background:linear-gradient(90deg,var(--navy) 0%,var(--green) 33%,var(--gold) 66%,var(--red) 100%);
  position:relative;z-index:2;
}

/* ══════════════════════════════════════════
   STATS BAND
══════════════════════════════════════════ */
.stats-band{
  position:relative;z-index:2;background:var(--navy);
  padding:52px 64px;
  display:flex;justify-content:space-around;align-items:center;
  flex-wrap:wrap;gap:20px;
}
/* real icon images inside stats */
.stat-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;}
.stat-icon{
  width:52px;height:52px;border-radius:12px;
  object-fit:cover;border:2px solid rgba(255,255,255,.1);
}
.stat-num{
  font-family:'Bebas Neue',sans-serif;font-size:54px;line-height:1;
  color:#fff;display:block;
}
.stat-suf{color:var(--gold);}
.stat-lbl{
  font-family:"Poppins",sans-serif;font-size:11px;
  letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);
}
.sdiv{width:1px;height:70px;background:rgba(255,255,255,.1);}

/* ══════════════════════════════════════════
   MARQUEE
══════════════════════════════════════════ */
.mq-band{
  background:var(--ash);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  padding:16px 0;overflow:hidden;position:relative;z-index:2;
}
.mq-track{display:flex;animation:mq 26s linear infinite;width:max-content;}
.mq-track:hover{animation-play-state:paused;}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mq-item{
  display:flex;align-items:center;gap:12px;padding:0 28px;
  font-family:"Poppins",sans-serif;font-weight:700;font-size:12px;
  letter-spacing:2px;text-transform:uppercase;color:var(--muted);
  white-space:nowrap;transition:color .3s;
}
.mq-item:hover{color:var(--navy);}
.mq-img{width:28px;height:28px;border-radius:6px;object-fit:cover;flex-shrink:0;}

/* ══════════════════════════════════════════
   SECTION HELPERS
══════════════════════════════════════════ */
.stag{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Nunito',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:3.5px;text-transform:uppercase;color:var(--green);
  margin-bottom:12px;
}
.stag::before{content:'';width:22px;height:2.5px;background:var(--green);border-radius:2px;}
.sh1{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(42px,5vw,72px);letter-spacing:1.5px;line-height:.91;color:var(--navy);
}
.sh1 .cg{color:var(--green);}
.sh1 .co{color:var(--gold);}
.sh1 .cr{color:var(--red);}
.sh1 .cn{color:var(--navy);}
.ssub{color:var(--muted);font-size:15px;max-width:530px;line-height:1.72;margin-top:14px;}
.tc{text-align:center;}
.tc .ssub{margin:14px auto 0;}

/* ══════════════════════════════════════════
   PRODUCTS SECTION
══════════════════════════════════════════ */
.products-sec{padding:108px 64px;background:#fff;position:relative;z-index:2;}
.prod-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:26px;margin-top:68px;
}
.prod-card{
  border-radius:18px;overflow:hidden;
  background:#fff;border:1.5px solid var(--border);
  box-shadow:var(--sh);transition:all .42s;cursor:pointer;
  display:flex;flex-direction:column;
}
.prod-card:hover{transform:translateY(-12px) scale(1.01);box-shadow:var(--sh3);}
.prod-img-wrap{height:290px;overflow:hidden;position:relative;}
.prod-img-wrap img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .65s ease;
}
.prod-card:hover .prod-img-wrap img{transform:scale(1.09);}
.prod-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(31,55,89,.72));
  display:flex;align-items:flex-end;padding:18px 20px;
}
.prod-badge{
  font-family:"Poppins",sans-serif;padding:4px 14px;border-radius:30px;
  font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
}
.pb-g{background:var(--green);color:#fff;}
.pb-n{background:var(--navy);color:#fff;}
.pb-o{background:var(--gold);color:var(--navy);}
.pb-r{background:var(--red);color:#fff;}
.prod-body{padding:22px 24px;flex:1;}
.prod-name{
  font-family:'Bebas Neue',sans-serif;font-size:27px;
  letter-spacing:1px;color:var(--navy);margin-bottom:8px;
}
.prod-desc{color:var(--muted);font-size:13px;line-height:1.65;}
.prod-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;}
.ptag{
  padding:3px 10px;border-radius:5px;border:1.5px solid var(--border);
  font-family:"Poppins",sans-serif;font-size:10px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;color:var(--muted);
}
.prod-foot{
  padding:14px 24px;border-top:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
}
.pf-link{
  font-family:"Poppins",sans-serif;font-size:12px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--green);
  text-decoration:none;transition:color .3s;
}
.pf-link:hover{color:var(--navy);}
.pf-arr{
  width:34px;height:34px;border-radius:9px;background:var(--ash);
  display:flex;align-items:center;justify-content:center;font-size:15px;
  transition:all .3s;
}
.prod-card:hover .pf-arr{background:var(--navy);color:#fff;}

/* ══════════════════════════════════════════
   INDUSTRIES SECTION
══════════════════════════════════════════ */
.ind-sec{padding:108px 64px;background:var(--ash);position:relative;z-index:2;}
.ind-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:18px;margin-top:68px;
}
.ind-card{
  border-radius:16px;overflow:hidden;
  height:270px;position:relative;cursor:pointer;
  transition:transform .4s,box-shadow .4s;
}
.ind-card:hover{transform:scale(1.04);box-shadow:var(--sh2);}
.ind-card img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .55s;
}
.ind-card:hover img{transform:scale(1.09);}
.ind-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(31,55,89,.08) 0%,rgba(31,55,89,.82) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;padding:20px;
  transition:.3s;
}
.ind-card:hover .ind-overlay{background:linear-gradient(180deg,rgba(31,55,89,.25) 0%,rgba(31,55,89,.92) 100%);}
.ind-name{
  font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px;color:#fff;
}
.ind-sub{font-size:11px;color:rgba(255,255,255,.58);letter-spacing:1.5px;text-transform:uppercase;margin-top:3px;}
.ind-pill{
  position:absolute;top:14px;left:14px;
  font-family:"Poppins",sans-serif;padding:3px 12px;border-radius:30px;
  font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;
}
.ip-g{background:var(--green);}
.ip-o{background:var(--gold);color:var(--navy);}
.ip-r{background:var(--red);}
.ip-n{background:var(--navy);}

/* ══════════════════════════════════════════
   FULL-WIDTH FEATURE BANNER
══════════════════════════════════════════ */
.feature-banner{
  position:relative;z-index:2;overflow:hidden;
  background:var(--navy);
 
}
.fb-inner{
  display:grid;grid-template-columns:1fr 1fr;
}
.fb-img-col{position:relative;min-height:500px;}
.fb-img-col img{
  width:100%;height:100%;object-fit:cover;
  display:block;filter:brightness(.85) saturate(1.1);
}
.fb-img-overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(31,55,89,.7),transparent);
}
.fb-content{
  padding:80px 64px;display:flex;flex-direction:column;justify-content:center;
}
.fb-content .stag{color:var(--gold);}
.fb-content .stag::before{background:var(--gold);}
.fb-content .sh1{color:#fff;}
.fb-content .ssub{color:rgba(255,255,255,.55);}
.fb-feats{display:flex;flex-direction:column;gap:14px;margin-top:36px;}
.fb-feat{
  display:flex;align-items:flex-start;gap:16px;
  padding:18px 20px;border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  transition:all .35s;cursor:default;
}
.fb-feat:hover{
  background:rgba(255,255,255,.09);
  border-color:rgba(96,153,67,.35);
  transform:translateX(6px);
}
.fb-feat-img{
  width:54px;height:54px;border-radius:11px;
  object-fit:cover;flex-shrink:0;
  border:2px solid rgba(255,255,255,.12);
}
.fb-feat-text h4{
  font-family:"Poppins",sans-serif;font-size:14px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:5px;
}
.fb-feat-text p{color:rgba(255,255,255,.5);font-size:13px;line-height:1.6;}

/* ══════════════════════════════════════════
   GALLERY EXPANDABLE STRIP
══════════════════════════════════════════ */
.gallery-sec{
  display:flex;gap:10px;padding:0;overflow:hidden;
  position:relative;z-index:2;height:380px;
}
.g-item{
  flex:1;min-width:0;overflow:hidden;position:relative;
  cursor:pointer;transition:flex .55s ease;
}
.g-item:hover{flex:2.4;}
.g-item img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .55s;
}
.g-item:hover img{transform:scale(1.06);}
.g-label{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(to top,rgba(31,55,89,.85),transparent);
  padding:16px 18px;
  font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px;color:#fff;
  opacity:0;transition:.4s;transform:translateY(8px);
}
.g-item:hover .g-label{opacity:1;transform:translateY(0);}
.g-tag{
  position:absolute;top:14px;left:14px;
  font-family:"Poppins",sans-serif;font-size:9px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;padding:3px 10px;border-radius:30px;
}

/* ══════════════════════════════════════════
   WHY US — split with image + floating cards
══════════════════════════════════════════ */
.why-sec{padding:108px 64px;background:#fff;position:relative;z-index:2;}
.why-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1240px;margin:0 auto;}
.why-img-col{position:relative;}
.why-main{
  width:100%;height:520px;object-fit:cover;
  border-radius:22px;display:block;box-shadow:var(--sh2);
}
.why-float-1{
  position:absolute;bottom:-32px;right:-32px;
  width:210px;height:210px;object-fit:cover;
  border-radius:18px;border:6px solid #fff;box-shadow:var(--sh2);
}
.why-float-2{
  position:absolute;top:28px;right:-28px;
  width:130px;height:130px;object-fit:cover;
  border-radius:16px;border:4px solid #fff;box-shadow:var(--sh);
}
.why-badge{
  position:absolute;top:32px;left:-32px;
  background:var(--navy);border-radius:16px;padding:20px 24px;
  box-shadow:var(--sh2);text-align:center;border-left:5px solid var(--gold);
}
.wb-n{font-family:'Bebas Neue',sans-serif;font-size:46px;color:var(--gold);line-height:1;}
.wb-l{font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.55);text-transform:uppercase;}
.why-right .stag{margin-bottom:12px;}
.why-feats{display:flex;flex-direction:column;gap:16px;margin-top:36px;}
.wf{
  display:flex;gap:18px;align-items:flex-start;
  padding:20px 22px;border-radius:14px;
  border:1.5px solid var(--border);background:var(--ash);
  transition:all .35s;cursor:default;
}
.wf:hover{
  background:#fff;border-color:var(--green);
  box-shadow:0 8px 32px rgba(96,153,67,.13);transform:translateX(7px);
}
.wf-img{
  width:58px;height:58px;border-radius:12px;
  object-fit:cover;flex-shrink:0;border:2px solid var(--border);
}
.wf-body h4{
  font-family:"Poppins",sans-serif;font-size:14px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;color:var(--navy);margin-bottom:5px;
}
.wf-body p{color:var(--muted);font-size:13px;line-height:1.62;}

/* color accent strip on feature hover */
.wf::after{
  content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:0;background:var(--green);border-radius:3px;
  transition:height .3s;
}
.wf{position:relative;}
.wf:hover::after{height:60%;}

/* ══════════════════════════════════════════
   NUMBERS / MINI STATS ROW
══════════════════════════════════════════ */
.numbers-row{
  padding:64px;background:var(--ash2);
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:2px;position:relative;z-index:2;
}
.nr-item{
  text-align:center;padding:36px 20px;
  background:#fff;position:relative;overflow:hidden;
  transition:.3s;
}
.nr-item:hover{background:var(--navy);}
.nr-img{
  width:56px;height:56px;border-radius:50%;
  object-fit:cover;margin:0 auto 14px;
  border:3px solid var(--border);
  transition:.3s;
}
.nr-item:hover .nr-img{border-color:rgba(255,255,255,.2);}
.nr-num{
  font-family:'Bebas Neue',sans-serif;font-size:50px;line-height:1;
  color:var(--navy);display:block;transition:.3s;
}
.nr-item:hover .nr-num{color:var(--gold);}
.nr-lbl{
  font-family:"Poppins",sans-serif;font-size:12px;
  font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:var(--muted);margin-top:6px;display:block;transition:.3s;
}
.nr-item:hover .nr-lbl{color:rgba(255,255,255,.5);}
.nr-accent{
  position:absolute;bottom:0;left:0;right:0;
  height:3px;background:linear-gradient(90deg,var(--green),var(--gold));
  transform:scaleX(0);transform-origin:left;transition:.3s;
}
.nr-item:hover .nr-accent{transform:scaleX(1);}

/* ══════════════════════════════════════════
   PROCESS SECTION
══════════════════════════════════════════ */
.process-sec{
  padding:108px 64px;background:var(--navy);position:relative;z-index:2;
  overflow:hidden;
}
.process-sec::before{
  content:'';position:absolute;inset:0;
  background:url('/assests/images/mix/11.jpg') center/cover;
  opacity:.04;
}
.process-sec .stag{color:var(--gold);}
.process-sec .stag::before{background:var(--gold);}
.process-sec .sh1{color:#fff;}
.process-sec .ssub{color:rgba(255,255,255,.42);}
.proc-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;margin-top:68px;border-radius:18px;overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
}
.proc-step{
  background:rgba(255,255,255,.03);padding:42px 28px;
  position:relative;overflow:hidden;
  border-right:1px solid rgba(255,255,255,.06);
  transition:.4s;
}
.proc-step:last-child{border-right:none;}
.proc-step:hover{background:rgba(255,255,255,.08);}
.proc-num-bg{
  font-family:'Bebas Neue',sans-serif;font-size:90px;line-height:1;
  color:rgba(255,255,255,.04);position:absolute;top:16px;right:16px;
  transition:.4s;
}
.proc-step:hover .proc-num-bg{color:rgba(219,182,10,.07);}
.proc-step-img{
  width:68px;height:68px;border-radius:15px;object-fit:cover;
  margin-bottom:22px;border:2px solid rgba(255,255,255,.12);
  position:relative;z-index:1;
}
.proc-title{
  font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:1px;color:#fff;
  margin-bottom:10px;position:relative;z-index:1;
}
.proc-title em{color:var(--gold);font-style:normal;}
.proc-desc{color:rgba(255,255,255,.48);font-size:13px;line-height:1.68;position:relative;z-index:1;}
.proc-bar{
  position:absolute;bottom:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--green),var(--gold));
  transform:scaleX(0);transform-origin:left;transition:.4s;
}
.proc-step:hover .proc-bar{transform:scaleX(1);}

/* ══════════════════════════════════════════
   TESTIMONIALS
══════════════════════════════════════════ */
.testi-sec{padding:108px 64px;background:#fff;position:relative;z-index:2;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:68px;}
.tc-card{
  border-radius:18px;padding:38px;
  background:var(--ash);border:1.5px solid var(--border);
  position:relative;overflow:hidden;transition:all .4s;
}
.tc-card:hover{background:#fff;box-shadow:var(--sh3);border-color:var(--green);transform:translateY(-8px);}
.tc-quote{
  position:absolute;top:-16px;right:22px;
  font-family:'Bebas Neue',sans-serif;font-size:150px;line-height:1;
  color:rgba(96,153,67,.06);
}
.tc-stars{color:var(--gold);font-size:16px;letter-spacing:2px;margin-bottom:16px;}
.tc-text{font-size:14px;line-height:1.78;color:var(--text);margin-bottom:28px;position:relative;z-index:1;}
.tc-author{display:flex;align-items:center;gap:14px;}
.tc-av{
  width:52px;height:52px;border-radius:50%;
  object-fit:cover;border:3px solid var(--border);
}
.tc-name{font-size:14px;font-weight:700;color:var(--navy);}
.tc-role{
  font-family:"Poppins",sans-serif;font-size:11px;
  color:var(--muted);letter-spacing:1px;text-transform:uppercase;
}
.tc-strip{
  height:3px;margin-top:24px;border-radius:3px;
  background:linear-gradient(90deg,var(--green),var(--gold));
  opacity:0;transition:.4s;
}
.tc-card:hover .tc-strip{opacity:1;}

/* logo clients row */
.clients-row{
  margin-top:68px;padding:36px 0;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:48px;justify-content:center;flex-wrap:wrap;
}
.client-logo-img{
  height:36px;object-fit:contain;
  filter:grayscale(1) opacity(.5);
  transition:.3s;
}
.client-logo-img:hover{filter:grayscale(0) opacity(1);}

/* ══════════════════════════════════════════
   FULL-BLEED PHOTO QUOTE
══════════════════════════════════════════ */
.photo-quote{
  position:relative;z-index:2;height:460px;overflow:hidden;
}
.photo-quote img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(.45) saturate(1.2);
}
.photo-quote-inner{
  position:absolute;inset:0;display:flex;
  flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:40px;
}
.pq-text{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(32px,5vw,64px);letter-spacing:2px;color:#fff;
  line-height:1.05;max-width:860px;
  text-shadow:0 4px 24px rgba(0,0,0,.4);
}
.pq-text span{color:var(--gold);}
.pq-sub{color:rgba(255,255,255,.65);font-size:15px;margin-top:16px;}
.pq-btn{
  margin-top:32px;padding:14px 40px;
  background:var(--gold);color:var(--navy);
  text-decoration:none;font-family:"Poppins",sans-serif;
  font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;
  border-radius:7px;box-shadow:var(--go);transition:all .3s;
}
.pq-btn:hover{background:#fff;box-shadow:0 8px 32px rgba(255,255,255,.3);transform:translateY(-3px);}

/* ══════════════════════════════════════════
   CTA SECTION
══════════════════════════════════════════ */
.cta-sec{
  padding:108px 64px;position:relative;z-index:2;overflow:hidden;
  background:linear-gradient(135deg,var(--navy) 0%,#1a3558 50%,var(--navy2) 100%);
}
.cta-bg{
  position:absolute;inset:0;opacity:.07;
  background:url('/assests/images/mix/16.jpg') center/cover;
}
.cta-shape{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.05);animation:rot 22s linear infinite;}
.cs1{width:500px;height:500px;top:-200px;right:-200px;}
.cs2{width:320px;height:320px;bottom:-120px;left:-120px;animation-direction:reverse;animation-duration:16s;}
@keyframes rot{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.cta-inner{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;}
.cta-inner .stag{color:var(--gold);justify-content:center;}
.cta-inner .stag::before{background:var(--gold);}
.cta-h{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(54px,8vw,100px);letter-spacing:2px;line-height:.9;
  color:#fff;margin:16px 0;
}
.cta-h .hl{color:var(--gold);}
.cta-sub{color:rgba(255,255,255,.5);font-size:16px;line-height:1.72;margin-bottom:44px;}

/* image row above CTA buttons */
.cta-imgs{
  display:flex;gap:12px;justify-content:center;margin-bottom:36px;
}
.cta-img-item{
  width:80px;height:80px;border-radius:14px;object-fit:cover;
  border:3px solid rgba(255,255,255,.15);
  transition:all .3s;
}
.cta-img-item:hover{border-color:var(--gold);transform:translateY(-4px);}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.btn-white{
  padding:15px 40px;background:#fff;color:var(--navy);
  text-decoration:none;font-family:"Poppins",sans-serif;
  font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;
  border-radius:7px;box-shadow:0 8px 32px rgba(0,0,0,.2);transition:all .3s;
}
.btn-white:hover{background:var(--gold);transform:translateY(-3px);box-shadow:var(--go);}
.btn-ghost{
  padding:15px 40px;border:2px solid rgba(255,255,255,.28);color:#fff;
  text-decoration:none;font-family:"Poppins",sans-serif;
  font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;
  border-radius:7px;transition:all .3s;
}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);transform:translateY(-3px);}

/* ═════════ FOOTER ═════════ */

.footer{
  background: #0f172a;
  color: #fff;
  padding: 80px 7% 25px;
  position: relative;
  overflow: hidden;
}

.footer::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right,#DBB46A,#609943,#DBB46A);
}

.footer-container{
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.1fr;
  gap: 60px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* BRAND */

.footer-logo{
  width: 180px;
  margin-bottom: 20px;
}

.footer-text{
  color: rgba(255,255,255,0.72);
  line-height: 1.9;
  font-size: 15px;
  max-width: 340px;
}

/* SOCIALS */

.footer-socials{
  display: flex;
  gap: 14px;
  margin-top: 28px;
}

.footer-socials a{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: rgba(255,255,255,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  transition: 0.35s ease;
  text-decoration: none;
}

.footer-socials a:hover{
  background: #DBB46A;
  transform: translateY(-5px);
}

/* LINKS */

.footer-links h4{
  font-size: 18px;
  margin-bottom: 24px;
  color: #DBB46A;
  position: relative;
}

.footer-links h4::after{
  content: "";
  width: 45px;
  height: 2px;
  background: #609943;
  position: absolute;
  left: 0;
  bottom: -8px;
}

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

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

.footer-links ul li a,
.contact-list li{
  color: rgba(255,255,255,0.72);
  text-decoration: none;
  font-size: 15px;
  transition: 0.3s ease;
  line-height: 1.7;
}

.footer-links ul li a:hover{
  color: #DBB46A;
  padding-left: 5px;
}

.contact-list li{
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.contact-list i{
  color: #DBB46A;
  margin-top: 4px;
  min-width: 16px;
}

/* BOTTOM */

.footer-bottom{
  padding-top: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.footer-copy{
  color: rgba(255,255,255,0.6);
  font-size: 14px;
}

/* TAGS */

.footer-tags{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.footer-tags span{
  background: rgba(255,255,255,0.08);
  padding: 10px 16px;
  border-radius: 30px;
  font-size: 13px;
  color: rgba(255,255,255,0.85);
}

/* DEVELOPED BY */

.footer-dev{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.footer-dev span{
  color: rgba(255,255,255,0.6);
  font-size: 14px;
}

.footer-dev img{
  width: 60px;
  height: 60px;
  object-fit: contain;
  padding: 4px;
}

.footer-dev a{
  color: #DBB46A;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.footer-dev a:hover{
  color: #fff;
}

/* ═════════ RESPONSIVE ═════════ */

@media(max-width:1100px){

  .footer-container{
    grid-template-columns: 1fr 1fr;
  }

}

@media(max-width:700px){

  .footer{
    padding: 70px 6% 25px;
  }

  .footer-container{
    grid-template-columns: 1fr;
    gap: 45px;
  }

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

}
/* ══════════════════════════════════════════
   MOBILE MENU
══════════════════════════════════════════ */
.mob-nav{
  position:fixed;top:0;right:-100%;width:300px;height:100vh;
  background:#fff;z-index:1100;padding:96px 40px 48px;
  border-left:1px solid var(--border);
  box-shadow:-12px 0 48px rgba(31,55,89,.14);
  transition:right .42s;
  display: none;
}
.mob-nav.open{right:0;}
.mob-close{
  position:absolute;top:26px;right:26px;
  background:none;border:none;font-size:24px;cursor:pointer;color:var(--navy);
}
.mob-nav ul{list-style:none;display:flex;flex-direction:column;gap:22px;}
.mob-nav a{
  font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:1.5px;
  color:var(--navy);text-decoration:none;transition:color .3s;
}
.mob-nav a:hover{color:var(--green);}

/* ══════════════════════════════════════════
   SCROLL REVEAL
══════════════════════════════════════════ */
.rv,.rv-l,.rv-r{opacity:0;transition:opacity .78s ease,transform .78s ease;}
.rv  {transform:translateY(38px);}
.rv-l{transform:translateX(-38px);}
.rv-r{transform:translateX(38px);}
.rv.vi,.rv-l.vi,.rv-r.vi{opacity:1;transform:none;}

@keyframes fu{to{opacity:1;transform:none;}}

/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */
@media(max-width:1280px){
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .ind-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:1080px){
  .why-inner{grid-template-columns:1fr;}
  .fb-inner{grid-template-columns:1fr;}
  .fb-img-col{min-height:300px;}
  .foot-top{grid-template-columns:1fr 1fr;}
  .proc-grid{grid-template-columns:repeat(2,1fr);}
  .numbers-row{grid-template-columns:repeat(2,1fr);}
  .hero-right-panel{display:none;}
  .hero-left-panel{width:100%;clip-path:none;}
  .hero::after{display:none;}
}
@media(max-width:768px){
  nav{padding:0 20px;}
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .hero-left-panel{padding:100px 20px 64px;}
  .stats-band,.products-sec,.ind-sec,.why-sec,.process-sec,.testi-sec,.cta-sec{padding:72px 20px;}
  .fb-content{padding:60px 24px;}
  .numbers-row{grid-template-columns:1fr 1fr;padding:40px 20px;}
  .prod-grid,.testi-grid,.ind-grid{grid-template-columns:1fr;}
  .proc-grid{grid-template-columns:1fr;}
  .foot-top{grid-template-columns:1fr;gap:32px;}
  footer{padding:60px 20px 28px;}
  .foot-bottom{flex-direction:column;text-align:center;}
  .gallery-sec{height:240px;}
  .why-float-1,.why-float-2,.why-badge{display:none;}
  .photo-quote{height:320px;}
  .cta-imgs{display:none;}
  .sdiv{display:none;}
  .stats-band{padding:36px 20px;}
  .clients-row{gap:24px;}



   .mob-nav {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 70%;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    transform: translateX(100%);
    transition: 0.3s ease;
  }

  .mob-nav.active {
    transform: translateX(0);
  }
}




/* =========================
   MOVING CLIENT LOGOS
========================= */

.logo-strip{
  background:white;
  padding:45px 0;
  overflow:hidden;
  position:relative;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
}

.logo-strip::before,
.logo-strip::after{
  content:"";
  position:absolute;
  top:0;
  width:180px;
  height:100%;
  z-index:2;
}

.logo-strip::before{
  left:0;
  background:linear-gradient(to right, white, transparent);
}

.logo-strip::after{
  right:0;
  background:linear-gradient(to left, white, transparent);
}

.logo-slider{
  width:100%;
  overflow:hidden;
}

.logo-track{
  display:flex;
  align-items:center;
  gap:35px;
  width:max-content;
  animation:scrollLogos 30s linear infinite;
}

.logo-slider:hover .logo-track{
  animation-play-state:paused;
}

@keyframes scrollLogos{

  from{
    transform:translateX(0);
  }

  to{
    transform:translateX(-50%);
  }

}

.logo-item{
  width:220px;
  height:120px;
  background:white;
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:25px;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
  transition:.4s;
  flex-shrink:0;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.04);
}

.logo-item:hover{
  transform:translateY(-10px);
  box-shadow:
    0 20px 40px rgba(0,0,0,.12),
    0 0 25px rgba(219,179,92,.18);
}




.logo-item img{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:.4s;
  position:relative;
  z-index:2;
  opacity:.95;
}

.logo-item:hover img{
  transform:scale(1.08);
  opacity:1;
}