/* ================================================================
   EMC SERVICES — PREMIUM CORPORATE v5.0
   Font: Inter — clean, readable, professional corporate font
   Palette: Deep Navy #0B1E3D | Gold #C8850C | Emerald #1B6B4A
   ================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
  /* Brand Colors */
  --navy:        #0B1E3D;
  --navy-mid:    #122444;
  --navy-dk:     #060F1E;
  --navy-lt:     #1A3460;
  --gold:        #C8850C;
  --gold-lt:     #E9A832;
  --gold-glow:   #F5C060;
  --emerald:     #1B6B4A;
  --emerald-lt:  #2A8A62;
  --white:       #FFFFFF;
  --off:         #F4F6FA;
  --warm:        #FAF9F6;
  --text:        #1A2A3A;
  --text-md:     #46607A;
  --text-lt:     #8099B0;
  --border:      #D8E2EE;
  --border-lt:   #ECF0F6;
  /* Gradients */
  --g-hero:   linear-gradient(145deg,#060F1E 0%,#0B1E3D 45%,#122444 75%,#1A3460 100%);
  --g-gold:   linear-gradient(135deg,#C8850C 0%,#E9A832 60%,#F5C060 100%);
  --g-emerald:linear-gradient(135deg,#1B6B4A 0%,#2A8A62 100%);
  --g-card:   linear-gradient(160deg,#ffffff 0%,#F4F6FA 100%);
  /* Shadows */
  --sh-xs:  0 1px 4px rgba(11,30,61,.07);
  --sh-sm:  0 3px 14px rgba(11,30,61,.09);
  --sh-md:  0 8px 32px rgba(11,30,61,.13);
  --sh-lg:  0 18px 56px rgba(11,30,61,.18);
  --sh-xl:  0 32px 80px rgba(11,30,61,.24);
  --sh-gold:0 8px 28px rgba(200,133,12,.30);
  --sh-em:  0 8px 24px rgba(27,107,74,.25);
  /* Misc */
  --ease:   all 0.32s cubic-bezier(.4,0,.2,1);
  --ease-b: all 0.48s cubic-bezier(.16,1,.3,1);
  --r-sm:6px; --r-md:12px; --r-lg:20px; --r-xl:32px;
  --font-head:'Inter',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
}

/* ── LEGACY VARIABLE ALIASES (backward compat) ─────────────── */
:root {
  --off-white: var(--off);
  --text-mid:  var(--text-md);
  --warm-white:var(--warm);
  --navy-dark: var(--navy-dk);
  --navy-mid:  var(--navy-mid, #122444);
  --amber:     var(--gold);
  --amber-lt:  var(--gold-lt);
  --gradient-hero: var(--g-hero);
  --gradient-amber: var(--g-gold);
  --sh-amb:    var(--sh-gold);
  --border-lt: var(--border-lt, #ECF0F6);
  --radius-sm: var(--r-sm);
  --radius-md: var(--r-md);
  --radius-lg: var(--r-lg);
  --radius-xl: var(--r-xl);
  --transition: var(--ease);
  --font-body: 'Inter', system-ui, sans-serif;
  --font-display: var(--font-head);
}


/* ── RESET ─────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-body);color:var(--text);background:var(--white);overflow-x:hidden;line-height:1.65;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit;transition:var(--ease)}
img{max-width:100%;display:block}
ul{list-style:none}
button{cursor:pointer;font-family:var(--font-body);border:none;background:none}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--navy-dk)}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}
::selection{background:var(--gold);color:#fff}
.container{max-width:1240px;margin:0 auto;padding:0 32px}

/* ── PRELOADER ──────────────────────────────────────────────────────── */
#preloader{position:fixed;inset:0;z-index:99999;background:var(--navy-dk);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transition:opacity .8s ease,visibility .8s ease}
#preloader.fade-out{opacity:0;visibility:hidden;pointer-events:none}
.preloader-inner{display:flex;flex-direction:column;align-items:center;gap:20px}
.preloader-logo{width:80px;height:80px;border-radius:16px;overflow:hidden;border:2px solid rgba(200,133,12,.5);box-shadow:0 0 30px rgba(200,133,12,.2)}
.preloader-logo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:6px}
.preloader-bar{width:180px;height:2px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}
.preloader-fill{height:100%;background:var(--g-gold);border-radius:2px;animation:preloaderFill 2s ease forwards .3s;width:0}
@keyframes preloaderFill{to{width:100%}}

/* ── TOP BAR ────────────────────────────────────────────────────────── */
.top-bar{background:var(--navy-dk);padding:8px 0;font-size:12px;border-bottom:1px solid rgba(255,255,255,.05)}
.top-bar .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.top-bar-left{display:flex;align-items:center;gap:20px}
.top-bar-left span,.top-bar-left a{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.6);font-size:12px;font-weight:400}
.top-bar-left i{color:var(--gold);font-size:10px}
.top-bar-left a:hover{color:var(--gold-lt)}
.top-bar-right{display:flex;align-items:center;gap:6px}
.tb-social{width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:10px;color:rgba(255,255,255,.5);transition:var(--ease)}
.tb-social:hover{background:var(--gold);color:#fff;transform:translateY(-1px)}
.gstin-badge{background:rgba(200,133,12,.12);border:1px solid rgba(200,133,12,.3);border-radius:4px;padding:2px 10px;font-size:10.5px;color:var(--gold-lt);font-weight:600;letter-spacing:.5px}

/* ── NAVBAR ─────────────────────────────────────────────────────────── */
.navbar{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border),var(--sh-sm);transition:var(--ease)}
.navbar.scrolled{box-shadow:0 4px 28px rgba(11,30,61,.13)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:11px 0;gap:16px}
.nav-logo{display:flex;align-items:center;gap:11px;text-decoration:none}
.logo-img-wrap{width:54px;height:54px;border-radius:12px;overflow:hidden;border:2px solid rgba(200,133,12,.2);flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;transition:var(--ease)}
.logo-img-wrap img{width:100%;height:100%;object-fit:contain;padding:4px}
.logo-img-wrap:hover{border-color:var(--gold);box-shadow:var(--sh-gold)}
.logo-text-wrap{display:flex;flex-direction:column}
.logo-name{font-family:var(--font-head);font-size:1.25rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-.3px}
.logo-name span{color:var(--gold)}
.logo-tagline{font-size:8.5px;letter-spacing:2.5px;color:var(--text-lt);text-transform:uppercase;margin-top:3px;font-weight:500}
.nav-menu{display:flex;align-items:center;gap:1px}
.nav-link{padding:8px 11px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-md);transition:var(--ease);white-space:nowrap}
.nav-link:hover,.nav-link.active{color:var(--gold);background:rgba(200,133,12,.07)}
.nav-cta{background:var(--navy)!important;color:#fff!important;padding:9px 20px!important;font-weight:600!important;border-radius:8px!important;font-size:13px!important}
.nav-cta:hover{background:var(--gold)!important;box-shadow:var(--sh-gold)!important;transform:translateY(-1px)}
.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:var(--ease)}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── BUTTONS ────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:9px;font-size:14px;font-weight:600;border:2px solid transparent;transition:var(--ease);white-space:nowrap;letter-spacing:.1px;font-family:var(--font-body);cursor:pointer;text-decoration:none}
.btn-gold{background:var(--g-gold);color:#fff;border-color:transparent;box-shadow:var(--sh-gold)}
.btn-gold:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 36px rgba(200,133,12,.4)}
.btn-navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn-navy:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--sh-gold)}
.btn-emerald{background:var(--g-emerald);color:#fff;border-color:transparent;box-shadow:var(--sh-em)}
.btn-emerald:hover{transform:translateY(-2px);filter:brightness(1.1)}
.btn-outline-navy{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn-outline-navy:hover{background:var(--navy);color:#fff}
.btn-outline-white{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-outline-white:hover{background:#fff;color:var(--navy);border-color:#fff}
.btn-white{background:#fff;color:var(--navy);border-color:#fff;font-weight:700}
.btn-white:hover{background:var(--gold);color:#fff;border-color:var(--gold);transform:translateY(-2px)}
.btn-outline-w2{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn-outline-w2:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-amber,.btn-primary{background:var(--g-gold);color:#fff;border-color:transparent;box-shadow:var(--sh-gold)}
.btn-amber:hover,.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-outline-white2{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn-outline-white2:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-lg{padding:15px 36px;font-size:15px;border-radius:10px}
.btn-sm{padding:8px 18px;font-size:12.5px}

/* ── SECTIONS ───────────────────────────────────────────────────────── */
.section{padding:96px 0}
.section-sm{padding:60px 0}
.section-alt{background:var(--off)}
.section-dark{background:var(--navy)}
.sec-label,.section-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.sec-label::before,.section-label::before{content:'';width:22px;height:2px;background:var(--g-gold);border-radius:2px}
.sec-title,.section-title{font-family:var(--font-head);font-size:clamp(1.75rem,2.8vw,2.55rem);font-weight:800;color:var(--navy);line-height:1.18;margin-bottom:14px;letter-spacing:-.5px}
.sec-title span,.section-title span{color:var(--gold)}
.sec-desc,.section-sub{color:var(--text-md);max-width:580px;font-size:15.5px;line-height:1.7}
.sec-head,.section-header{margin-bottom:52px}
.sec-head.center,.section-header.center{text-align:center}
.sec-head.center .sec-label,.section-header.center .section-label{justify-content:center}
.sec-head.center .sec-desc,.section-header.center .section-sub{margin:0 auto}
.divider{width:44px;height:3px;background:var(--g-gold);border-radius:2px;margin:12px 0 18px}
.divider.center{margin:12px auto 18px}

/* ── PAGE HERO ──────────────────────────────────────────────────────── */
.page-hero{background:var(--g-hero);padding:96px 0 78px;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 70% 0%,rgba(200,133,12,.12) 0%,transparent 65%)}
.page-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,133,12,.3),transparent)}
.page-hero-content{position:relative;z-index:1;text-align:center}
.page-hero h1{font-family:var(--font-head);font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800;color:#fff;margin-bottom:14px;line-height:1.14;letter-spacing:-.5px}
.page-hero h1 span{color:var(--gold-glow)}
.page-hero p{color:rgba(255,255,255,.68);font-size:1rem;max-width:540px;margin:0 auto 22px;line-height:1.75}
.breadcrumb-nav{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.45)}
.breadcrumb-nav a{color:var(--gold-lt);transition:var(--ease)}
.breadcrumb-nav a:hover{color:var(--gold-glow)}
.breadcrumb-nav span{color:rgba(255,255,255,.25)}

/* ── HERO SLIDER ────────────────────────────────────────────────────── */
.hero-slider{position:relative;height:92vh;min-height:600px;max-height:920px;overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;pointer-events:none}
.slide.active{opacity:1;pointer-events:auto}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.05);transition:transform 7s ease}
.slide.active .slide-bg{transform:scale(1)}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(108deg,rgba(6,15,30,.90) 0%,rgba(6,15,30,.60) 52%,rgba(6,15,30,.18) 100%)}
.slide-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 0 72px}
.slide-content .container{position:relative;z-index:2;max-width:760px}
.slide-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(200,133,12,.16);border:1px solid rgba(200,133,12,.45);border-radius:30px;padding:7px 18px;font-size:11.5px;font-weight:600;color:var(--gold-lt);letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}
.slide-h1{font-family:var(--font-head);font-size:clamp(2.2rem,5.5vw,4.2rem);font-weight:800;color:#fff;line-height:1.08;margin-bottom:20px;letter-spacing:-1.5px}
.slide-h1 span{color:var(--gold-glow)}
.slide-p{color:rgba(255,255,255,.74);font-size:16.5px;line-height:1.75;max-width:620px;margin-bottom:36px;font-weight:400}
.slide-actions{display:flex;gap:14px;flex-wrap:wrap}
/* Slider controls */
.slider-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:var(--ease);backdrop-filter:blur(8px)}
.slider-arr:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-50%) scale(1.1)}
.slider-prev{left:28px}
.slider-next{right:28px}
.slider-dots{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:10px;align-items:center}
.slider-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer;transition:var(--ease);border:none;padding:0}
.slider-dot.on{background:var(--gold);width:32px;border-radius:5px}

/* ── HIGHLIGHT STRIP ────────────────────────────────────────────────── */
.highlight-strip{background:var(--g-gold);padding:18px 0}
.highlight-strip .container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.highlight-item{display:flex;align-items:center;gap:9px;color:#fff}
.highlight-item i{font-size:1.2rem;opacity:.9}
.highlight-item span{font-size:13px;font-weight:600}

/* ── STATS ──────────────────────────────────────────────────────────── */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat-card{background:#fff;border-radius:var(--r-lg);padding:34px 24px;text-align:center;box-shadow:var(--sh-sm);border:1px solid var(--border-lt);transition:var(--ease-b);position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--g-gold)}
.stat-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.stat-num{font-family:var(--font-head);font-size:2.9rem;font-weight:800;color:var(--gold);line-height:1;letter-spacing:-1px}
.stat-label{font-size:11.5px;color:var(--text-md);text-transform:uppercase;letter-spacing:1.5px;margin-top:10px;font-weight:600}

/* ── ABOUT SECTION ──────────────────────────────────────────────────── */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-img-stack{position:relative}
.about-main-photo{width:100%;height:500px;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-xl)}
.about-main-photo img{width:100%;height:100%;object-fit:cover}
.about-mini-card{position:absolute;bottom:-28px;right:-24px;background:#fff;border-radius:var(--r-lg);padding:16px 20px;box-shadow:var(--sh-lg);border:1px solid var(--border-lt);display:flex;align-items:center;gap:12px;min-width:190px}
.about-mini-icon{font-size:1.8rem}
.about-mini-card h5{font-size:.9rem;font-weight:700;color:var(--navy);font-family:var(--font-head)}
.about-mini-card p{font-size:11.5px;color:var(--text-lt);margin:0}
.about-badge-card{position:absolute;top:32px;left:-24px;background:var(--g-gold);border-radius:var(--r-lg);padding:20px 24px;box-shadow:var(--sh-gold);text-align:center;color:#fff}
.about-badge-num{font-family:var(--font-head);font-size:2.5rem;font-weight:800;line-height:1}
.about-badge-lbl{font-size:11px;opacity:.9;font-weight:600;margin-top:4px;line-height:1.4}
.about-checklist{display:flex;flex-direction:column;gap:12px;margin:20px 0 28px}
.about-check-item{display:flex;align-items:flex-start;gap:10px}
.check-dot{width:20px;height:20px;border-radius:50%;background:rgba(200,133,12,.12);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--gold);font-weight:700;flex-shrink:0;margin-top:2px}
.about-check-item p{color:var(--text-md);font-size:14.5px;line-height:1.65}
.about-check-item p strong{color:var(--navy)}

/* ── SERVICE CARDS ──────────────────────────────────────────────────── */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);border:1px solid var(--border-lt);transition:var(--ease-b)}
.card:hover{transform:translateY(-7px);box-shadow:var(--sh-lg);border-color:transparent}
.service-photo-wrap{position:relative;height:220px;overflow:hidden}
.service-photo-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.card:hover .service-photo-wrap img{transform:scale(1.07)}
.service-photo-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,30,61,.7) 0%,transparent 55%);display:flex;align-items:flex-end;padding:14px}
.service-photo-overlay span{color:#fff;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}
.card-body{padding:24px}
.card-title{font-family:var(--font-head);font-size:1.05rem;font-weight:700;color:var(--navy);margin-bottom:9px}
.card-text{color:var(--text-md);font-size:13.5px;line-height:1.7}
.card-link{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-weight:600;font-size:13px;margin-top:14px;transition:var(--ease)}
.card-link:hover{gap:10px}
.service-cta-card{background:var(--navy)!important;display:flex;align-items:center;justify-content:center;min-height:340px}
.service-cta-inner{padding:36px;text-align:center}
.service-cta-icon{width:60px;height:60px;border-radius:50%;background:rgba(200,133,12,.15);display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin:0 auto 18px;color:var(--gold-lt)}
.service-cta-card h3{font-family:var(--font-head);font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:10px}
.service-cta-card p{color:rgba(255,255,255,.62);font-size:13.5px;margin-bottom:22px;line-height:1.7}

/* ── WHY CHOOSE US ──────────────────────────────────────────────────── */
.why-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.why-photo{position:relative;border-radius:var(--r-xl);overflow:hidden;height:520px;box-shadow:var(--sh-xl)}
.why-photo img{width:100%;height:100%;object-fit:cover}
.why-photo-badge{position:absolute;bottom:26px;left:26px;background:#fff;border-radius:var(--r-md);padding:14px 18px;box-shadow:var(--sh-lg);display:flex;align-items:center;gap:11px}
.why-photo-badge i{font-size:1.6rem;color:var(--gold)}
.why-photo-badge strong{display:block;font-size:.9rem;font-weight:700;color:var(--navy);font-family:var(--font-head)}
.why-photo-badge span{font-size:11.5px;color:var(--text-lt)}
.why-list{display:flex;flex-direction:column;gap:20px}
.why-item{display:flex;gap:14px;align-items:flex-start}
.why-item-icon{width:46px;height:46px;border-radius:11px;background:rgba(200,133,12,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold);font-size:1.15rem}
.why-item-text strong{display:block;font-size:.93rem;font-weight:700;color:var(--navy);margin-bottom:4px;font-family:var(--font-head)}
.why-item-text p{color:var(--text-md);font-size:13.5px;line-height:1.65}

/* ── SERVICES FEATURED STRIP ────────────────────────────────────────── */
.services-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.srv-strip-card{background:#fff;border-radius:var(--r-md);padding:22px 18px;border:1px solid var(--border-lt);box-shadow:var(--sh-xs);transition:var(--ease-b);text-align:center;position:relative;overflow:hidden}
.srv-strip-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--g-gold);transform:scaleX(0);transition:var(--ease);transform-origin:left}
.srv-strip-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md)}
.srv-strip-card:hover::after{transform:scaleX(1)}
.srv-strip-icon{width:52px;height:52px;border-radius:12px;background:rgba(200,133,12,.1);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 12px;transition:var(--ease)}
.srv-strip-card:hover .srv-strip-icon{background:var(--g-gold)}
.srv-strip-card h4{font-family:var(--font-head);font-size:.9rem;font-weight:700;color:var(--navy);margin-bottom:6px}
.srv-strip-card p{font-size:12.5px;color:var(--text-md);line-height:1.6}

/* ── INDUSTRY CARDS ─────────────────────────────────────────────────── */
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.industry-card{border-radius:var(--r-lg);overflow:hidden;position:relative;height:330px;cursor:pointer;transition:var(--ease-b)}
.industry-card:hover{transform:translateY(-7px);box-shadow:var(--sh-xl)}
.industry-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.industry-card:hover img{transform:scale(1.08)}
.industry-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,15,30,.90) 0%,rgba(6,15,30,.28) 50%,transparent 100%)}
.industry-card-content{position:absolute;bottom:0;left:0;right:0;padding:24px;z-index:2}
.industry-card-tag{display:inline-block;background:var(--gold);color:#fff;border-radius:4px;padding:3px 11px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}
.industry-card h3{font-family:var(--font-head);font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:6px}
.industry-card p{font-size:12.5px;color:rgba(255,255,255,.72);line-height:1.55}
.industry-card-bg{position:absolute;inset:0;background:var(--g-hero);display:flex;align-items:center;justify-content:center;font-size:5rem}

/* ── PROCESS ────────────────────────────────────────────────────────── */
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.process-steps::before{content:'';position:absolute;top:35px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);z-index:0}
.process-step{text-align:center;position:relative;z-index:1}
.step-num{width:70px;height:70px;border-radius:50%;margin:0 auto 18px;background:#fff;border:3px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:1.45rem;font-weight:800;color:var(--gold);box-shadow:var(--sh-gold)}
.process-step h4{font-family:var(--font-head);font-size:.97rem;font-weight:700;color:var(--navy);margin-bottom:8px}
.process-step p{font-size:13.5px;color:var(--text-md);line-height:1.65}

/* ── TESTIMONIALS ───────────────────────────────────────────────────── */
.testi-slider-wrap{position:relative;overflow:hidden}
.testi-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1)}
.testi-slide{min-width:100%;padding:0 16px}
.testi-card{background:#fff;border-radius:var(--r-xl);padding:48px;box-shadow:var(--sh-lg);max-width:900px;margin:0 auto;position:relative;border:1px solid var(--border-lt)}
.testi-quote-icon{position:absolute;top:28px;right:38px;font-family:Georgia,serif;font-size:5rem;color:rgba(200,133,12,.1);line-height:1}
.testi-stars{color:var(--gold);font-size:1rem;letter-spacing:3px;margin-bottom:18px}
.testi-text{font-size:1rem;color:var(--text-md);line-height:1.8;font-style:italic;margin-bottom:26px}
.testi-author{display:flex;align-items:center;gap:14px}
.testi-avatar-photo{width:54px;height:54px;border-radius:50%;overflow:hidden;border:3px solid rgba(200,133,12,.3);flex-shrink:0}
.testi-avatar-photo img{width:100%;height:100%;object-fit:cover}
.testi-avatar{width:52px;height:52px;border-radius:50%;background:var(--g-hero);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:1rem;font-weight:700;color:#fff;flex-shrink:0;border:3px solid rgba(200,133,12,.3)}
.testi-author-info h5{font-family:var(--font-head);font-size:.95rem;font-weight:700;color:var(--navy)}
.testi-author-info p{font-size:12.5px;color:var(--text-lt);margin:0}
.testi-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px}
.testi-btn{width:42px;height:42px;border-radius:50%;border:2px solid var(--border);background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:13px;transition:var(--ease);cursor:pointer}
.testi-btn:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.testi-dots{display:flex;gap:7px}
.testi-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:var(--ease)}
.testi-dot.active{background:var(--gold);width:22px;border-radius:4px}

/* ── CTA STRIP ──────────────────────────────────────────────────────── */
.cta-strip{background:var(--g-hero);padding:68px 0;position:relative;overflow:hidden}
.cta-strip::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(200,133,12,.12) 0%,transparent 60%)}
.cta-strip .container{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.cta-strip h2{font-family:var(--font-head);font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-.3px}
.cta-strip p{color:rgba(255,255,255,.62);font-size:15px}
.cta-strip-actions{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}

/* ── CLIENTS PAGE ───────────────────────────────────────────────────── */
.clients-marquee-wrap{overflow:hidden;padding:22px 0}
.clients-marquee{display:flex;gap:18px;animation:marquee 30s linear infinite}
.clients-marquee:hover{animation-play-state:paused}
.client-logo-card{flex-shrink:0;background:#fff;border:1px solid var(--border-lt);border-radius:var(--r-md);padding:18px 30px;display:flex;align-items:center;justify-content:center;min-width:170px;height:72px;box-shadow:var(--sh-xs);transition:var(--ease)}
.client-logo-card:hover{box-shadow:var(--sh-md);border-color:var(--gold);transform:translateY(-2px)}
.client-logo-card span{font-family:var(--font-head);font-size:.9rem;font-weight:700;color:var(--navy);text-align:center;line-height:1.3}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.client-card{background:#fff;border:1px solid var(--border-lt);border-radius:var(--r-lg);padding:26px 18px;text-align:center;box-shadow:var(--sh-xs);transition:var(--ease-b);position:relative;overflow:hidden}
.client-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--g-gold);transform:scaleX(0);transition:var(--ease)}
.client-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:transparent}
.client-card:hover::before{transform:scaleX(1)}
.client-icon{font-size:2.1rem;margin-bottom:11px}
.client-name{font-family:var(--font-head);font-size:.92rem;font-weight:700;color:var(--navy);margin-bottom:4px}
.client-type{font-size:10px;color:var(--text-lt);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:6px}
.client-location{font-size:12.5px;color:var(--text-md)}
.client-location i{color:var(--gold);margin-right:4px}
.client-since{display:inline-block;background:rgba(200,133,12,.08);color:var(--gold);border-radius:4px;padding:2px 9px;font-size:10.5px;font-weight:600;margin-top:9px}
.sector-filter{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-bottom:42px}
.sector-btn{padding:7px 18px;border-radius:50px;border:2px solid var(--border);background:#fff;color:var(--text-md);font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--ease);font-family:var(--font-body)}
.sector-btn:hover,.sector-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}

/* ── TESTIMONIALS PAGE ──────────────────────────────────────────────── */
.testi-org-tag{display:inline-block;border-radius:4px;padding:3px 11px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:9px;background:rgba(200,133,12,.1);color:var(--gold);border:1px solid rgba(200,133,12,.25)}
.testi-org-tag.education{background:rgba(37,99,235,.1);color:#1d4ed8;border-color:rgba(37,99,235,.25)}
.testi-org-tag.healthcare{background:rgba(22,163,74,.1);color:#15803d;border-color:rgba(22,163,74,.25)}
.testi-org-tag.hospitality{background:rgba(124,58,237,.1);color:#6d28d9;border-color:rgba(124,58,237,.25)}
.testi-org-tag.corporate{background:rgba(200,133,12,.1);color:var(--gold);border-color:rgba(200,133,12,.25)}
.testi-org-tag.industrial{background:rgba(220,38,38,.1);color:#b91c1c;border-color:rgba(220,38,38,.25)}

/* ── INDUSTRY PAGE ──────────────────────────────────────────────────── */
.ind-feat{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.75);margin-bottom:8px}
.ind-feat::before{content:"✓";color:var(--gold-lt);font-weight:700;font-size:11.5px}
.ind-tag{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:3px 9px;font-size:11px;color:rgba(255,255,255,.7);margin:3px 4px 3px 0}

/* ── FORMS ──────────────────────────────────────────────────────────── */
.checkbox-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;cursor:pointer}
.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold);margin-top:2px;cursor:pointer;flex-shrink:0}
.checkbox-item span{font-size:13.5px;color:var(--text-md);line-height:1.5}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:11.5px;font-weight:700;color:var(--navy);margin-bottom:7px;text-transform:uppercase;letter-spacing:1px}
.form-control{width:100%;padding:12px 15px;border:1.5px solid var(--border);border-radius:9px;font-size:14px;font-family:var(--font-body);color:var(--text);background:var(--off);transition:var(--ease);outline:none;box-sizing:border-box}
.form-control:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(200,133,12,.1)}
textarea.form-control{resize:vertical;min-height:125px}
select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2346607A' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.contact-form-wrap{background:#fff;border-radius:var(--r-xl);padding:46px;box-shadow:var(--sh-lg);border:1px solid var(--border-lt)}

/* ── ABOUT PAGE ─────────────────────────────────────────────────────── */
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.value-card{background:#fff;border-radius:var(--r-lg);padding:28px 20px;text-align:center;border:1px solid var(--border-lt);box-shadow:var(--sh-xs);transition:var(--ease-b)}
.value-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}
.value-icon{font-size:2.4rem;margin-bottom:12px}
.value-card h3{font-family:var(--font-head);font-size:.97rem;font-weight:700;color:var(--navy);margin-bottom:8px}
.value-card p{font-size:13.5px;color:var(--text-md);line-height:1.65}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.team-card{background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);border:1px solid var(--border-lt);transition:var(--ease-b);text-align:center}
.team-card:hover{transform:translateY(-7px);box-shadow:var(--sh-lg)}
.team-photo{width:100%;height:240px;overflow:hidden}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s ease}
.team-card:hover .team-photo img{transform:scale(1.06)}
.team-card-body{padding:20px}
.team-role{font-size:10.5px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.team-card-body h4{font-family:var(--font-head);font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:4px}
.team-card-body p{font-size:12.5px;color:var(--text-lt)}
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cert-card{background:#fff;border-radius:var(--r-lg);padding:34px;text-align:center;border:1px solid var(--border-lt);box-shadow:var(--sh-xs);transition:var(--ease-b)}
.cert-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:rgba(200,133,12,.3)}
.cert-seal{width:84px;height:84px;border-radius:50%;margin:0 auto 16px;background:rgba(200,133,12,.09);display:flex;align-items:center;justify-content:center;font-size:2.5rem;border:3px solid rgba(200,133,12,.2)}
.cert-card h3{font-family:var(--font-head);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}
.cert-card p{font-size:13.5px;color:var(--text-md);line-height:1.65}

/* ── SERVICES DETAIL ────────────────────────────────────────────────── */
.service-detail-block{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;padding:68px 0;border-bottom:1px solid var(--border-lt)}
.service-detail-block:last-child{border-bottom:none}
.service-detail-block.reverse{direction:rtl}
.service-detail-block.reverse>*{direction:ltr}
.service-visual{border-radius:var(--r-xl);overflow:hidden;height:380px}
.service-visual img{width:100%;height:100%;object-fit:cover}
.service-feat-list{margin:16px 0 24px;display:flex;flex-direction:column;gap:11px}
.service-feat-item{display:flex;align-items:flex-start;gap:11px;font-size:14px;color:var(--text-md);line-height:1.6}
.feat-icon{width:20px;height:20px;border-radius:50%;background:rgba(200,133,12,.1);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--gold);font-weight:700;flex-shrink:0;margin-top:2px}
.service-tag{display:inline-block;background:rgba(200,133,12,.1);color:var(--gold);border:1px solid rgba(200,133,12,.3);border-radius:50px;padding:5px 14px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}
.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.package-card{background:#fff;border-radius:var(--r-lg);padding:34px 26px;border:2px solid var(--border-lt);transition:var(--ease-b);text-align:center;box-shadow:var(--sh-xs)}
.package-card.featured{border-color:var(--gold);background:rgba(200,133,12,.03)}
.package-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}
.package-icon{font-size:2.5rem;margin-bottom:13px}
.package-card h3{font-family:var(--font-head);font-size:1.05rem;font-weight:700;color:var(--navy);margin-bottom:7px}
.package-card p{font-size:13.5px;color:var(--text-md);line-height:1.65}

/* ── ICON CARDS ─────────────────────────────────────────────────────── */
.icon-card{background:#fff;border-radius:var(--r-lg);padding:32px 24px;box-shadow:var(--sh-xs);border:1px solid var(--border-lt);transition:var(--ease-b);position:relative;overflow:hidden}
.icon-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--g-gold);transform:scaleX(0);transform-origin:left;transition:var(--ease)}
.icon-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}
.icon-card:hover::after{transform:scaleX(1)}
.icon-box{width:56px;height:56px;border-radius:12px;background:rgba(200,133,12,.09);display:flex;align-items:center;justify-content:center;font-size:1.55rem;margin-bottom:16px;transition:var(--ease)}
.icon-card:hover .icon-box{background:var(--g-gold)}
.icon-card h3{font-family:var(--font-head);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}
.icon-card p{color:var(--text-md);font-size:13.5px;line-height:1.7}

/* ── ENQUIRY ────────────────────────────────────────────────────────── */
.enquiry-grid{display:grid;grid-template-columns:1fr 2fr;gap:56px}
.enq-info-card{background:var(--navy-dk);border-radius:var(--r-lg);padding:32px;color:#fff;margin-bottom:18px}
.enq-info-card h3{font-family:var(--font-head);font-size:1rem;font-weight:700;color:#fff;margin-bottom:12px}
.enq-info-card p{font-size:13.5px;color:rgba(255,255,255,.58);line-height:1.75}
.enq-stat{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.enq-stat-num{font-family:var(--font-head);font-size:1.8rem;font-weight:800;color:var(--gold)}
.enq-stat-label{font-size:12.5px;color:rgba(255,255,255,.5)}

/* ── FOOTER ─────────────────────────────────────────────────────────── */
.footer{background:var(--navy-dk);padding:80px 0 0;color:rgba(255,255,255,.58)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.8fr;gap:52px;padding-bottom:52px;border-bottom:1px solid rgba(255,255,255,.06)}
.footer-logo{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.footer-logo-img{width:48px;height:48px;border-radius:11px;overflow:hidden;border:2px solid rgba(200,133,12,.3);background:#fff;display:flex;align-items:center;justify-content:center}
.footer-logo-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.footer-logo-name{font-family:var(--font-head);font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:-.3px}
.footer-logo-name span{color:var(--gold)}
.footer-brand p,.footer-brand-text{font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.48);margin-bottom:13px;max-width:300px}
.footer-gstin{display:inline-block;background:rgba(200,133,12,.12);border:1px solid rgba(200,133,12,.28);border-radius:4px;padding:3px 11px;font-size:10.5px;color:var(--gold-lt);font-weight:600;letter-spacing:.5px}
.footer-social{display:flex;gap:7px}
.footer-social a{width:32px;height:32px;border-radius:7px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:11px;color:rgba(255,255,255,.52);transition:var(--ease)}
.footer-social a:hover{background:var(--gold);color:#fff;transform:translateY(-2px)}
.footer-col-title{font-family:var(--font-head);font-size:.97rem;font-weight:700;color:#fff;margin-bottom:16px;padding-bottom:11px;position:relative}
.footer-col-title::after{content:'';position:absolute;bottom:0;left:0;width:24px;height:2px;background:var(--g-gold);border-radius:2px}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-links a{font-size:13px;color:rgba(255,255,255,.48);transition:var(--ease);display:flex;align-items:center;gap:6px}
.footer-links a::before{content:'›';color:var(--gold);font-size:.95rem}
.footer-links a:hover{color:var(--gold-lt);padding-left:4px}
.footer-contacts{display:flex;flex-direction:column;gap:12px}
.footer-contact-item{display:flex;align-items:flex-start;gap:9px}
.fci-icon{color:var(--gold);font-size:11.5px;margin-top:3px;flex-shrink:0}
.footer-contact-item span{font-size:12.5px;color:rgba(255,255,255,.52);line-height:1.6}
.footer-contact-item a{font-size:12.5px;color:var(--gold-lt)}
.footer-contact-item a:hover{color:var(--gold-glow);text-decoration:underline}
.footer-bottom{padding:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:11px}
.footer-bottom p{font-size:12.5px;color:rgba(255,255,255,.32)}
.footer-bottom-links{display:flex;gap:16px}
.footer-bottom-links a{font-size:12.5px;color:rgba(255,255,255,.32);transition:var(--ease)}
.footer-bottom-links a:hover{color:var(--gold)}

/* ── MAP ────────────────────────────────────────────────────────────── */
.map-wrap{border-radius:var(--r-lg);overflow:hidden;height:380px;box-shadow:var(--sh-md)}
.map-wrap iframe{width:100%;height:100%;border:0;display:block}

/* ── SCROLL TOP ─────────────────────────────────────────────────────── */
#scrollTop{position:fixed;bottom:28px;right:28px;z-index:999;width:42px;height:42px;border-radius:50%;background:var(--gold);color:#fff;border:none;box-shadow:var(--sh-gold);display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transform:translateY(10px);transition:var(--ease);pointer-events:none;cursor:pointer}
#scrollTop.visible{opacity:1;transform:none;pointer-events:auto}
#scrollTop:hover{transform:translateY(-3px);filter:brightness(1.1)}

/* ── ANIMATIONS ─────────────────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.reveal.in{opacity:1;transform:none}
.reveal-l{opacity:0;transform:translateX(-28px);transition:opacity .65s ease,transform .65s ease}
.reveal-l.in{opacity:1;transform:none}
.reveal-r{opacity:0;transform:translateX(28px);transition:opacity .65s ease,transform .65s ease}
.reveal-r.in{opacity:1;transform:none}
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
.delay-4{transition-delay:.32s}.delay-5{transition-delay:.40s}.delay-6{transition-delay:.48s}

/* ================================================================
   MOBILE RESPONSIVE — Complete Fix
   Breakpoints: 1100px | 900px | 768px | 480px | 360px
   ================================================================ */

/* ── 1100px — Large tablets ──────────────────────────────────── */
@media (max-width:1100px) {
  .about-grid { grid-template-columns:1fr; gap:52px }
  .why-split  { grid-template-columns:1fr; gap:48px }
  .why-photo  { height:340px }
  .footer-grid{ grid-template-columns:1fr 1fr; gap:36px }
  .clients-grid { grid-template-columns:repeat(3,1fr) }
  .values-grid  { grid-template-columns:repeat(2,1fr) }
  .team-grid    { grid-template-columns:repeat(2,1fr) }
  .highlight-strip .container { gap:14px }
}

/* ── 900px — Tablets ─────────────────────────────────────────── */
@media (max-width:900px) {
  .section  { padding:72px 0 }
  .section-sm { padding:48px 0 }
  .container { padding:0 22px }
  .industry-grid  { grid-template-columns:repeat(2,1fr); gap:16px }
  .stats-row      { grid-template-columns:repeat(2,1fr); gap:16px }
  .services-grid  { grid-template-columns:repeat(2,1fr); gap:18px }
  .process-steps  { grid-template-columns:repeat(2,1fr); gap:28px }
  .process-steps::before { display:none }
  .enquiry-grid   { grid-template-columns:1fr }
  .cert-grid      { grid-template-columns:repeat(2,1fr) }
  .service-detail-block { grid-template-columns:1fr; gap:28px }
  .service-detail-block.reverse { direction:ltr }
  .service-visual { height:260px }
  .packages-grid  { grid-template-columns:1fr 1fr }
  .hero-slider    { height:82vh; min-height:520px }
  .slide-h1       { font-size:2.4rem; letter-spacing:-0.5px }
  .slide-p        { font-size:15px }
  .services-strip { grid-template-columns:repeat(2,1fr) }
  .testi-card     { padding:36px 28px }
  /* contact & enquiry */
  .contact-main-grid { grid-template-columns:1fr }
  .enq-layout { grid-template-columns:1fr }
}

/* ── 768px — Mobile landscape / small tablets ────────────────── */
@media (max-width:768px) {
  /* ── TOPBAR ── */
  .top-bar { padding:7px 0 }
  .top-bar .container { flex-wrap:wrap; gap:6px; justify-content:space-between }
  .top-bar-left { gap:12px; flex-wrap:wrap }
  .top-bar-left span:nth-child(3) { display:none }
  .top-bar-left span, .top-bar-left a { font-size:11px }

  /* ── NAVBAR ── */
  .nav-inner { padding:10px 0 }
  .logo-name  { font-size:1.1rem }
  .logo-tagline { font-size:8px; letter-spacing:1.5px }
  .logo-img-wrap { width:44px; height:44px }
  .nav-menu {
    display:none;
    flex-direction:column;
    position:fixed;
    top:0; right:0;
    width:82vw; max-width:290px;
    height:100vh;
    background:#fff;
    padding:70px 20px 36px;
    z-index:9999;
    box-shadow:-8px 0 40px rgba(11,30,61,.18);
    transform:translateX(100%);
    transition:transform .38s cubic-bezier(.4,0,.2,1);
    gap:2px;
    overflow-y:auto;
  }
  .nav-menu.open { display:flex; transform:translateX(0) }
  .nav-link { padding:11px 14px; font-size:14px; border-radius:8px; display:block; width:100% }
  .nav-cta  { margin-top:12px; text-align:center !important; display:block !important }
  .nav-hamburger { display:flex }

  /* ── HERO SLIDER ── */
  .hero-slider { height:78vh; min-height:500px }
  .slide-content { padding:0 0 56px }
  .slide-content .container { max-width:100% }
  .slide-tag  { font-size:11px; padding:6px 14px; margin-bottom:16px }
  .slide-h1   { font-size:2rem; letter-spacing:-0.5px; margin-bottom:14px; line-height:1.12 }
  .slide-p    { font-size:14.5px; line-height:1.7; margin-bottom:24px }
  .slide-actions { flex-direction:row; gap:10px; flex-wrap:wrap }
  .slide-actions .btn { padding:12px 20px; font-size:13.5px }
  .slider-arr { display:none }
  .slider-dots { bottom:20px }

  /* ── HIGHLIGHT STRIP ── */
  .highlight-strip .container { flex-wrap:wrap; justify-content:center; gap:12px }
  .highlight-item span { font-size:12px }

  /* ── SECTIONS ── */
  .section    { padding:60px 0 }
  .section-sm { padding:44px 0 }
  .sec-title, .section-title { font-size:1.7rem }
  .sec-desc, .section-sub { font-size:14.5px }
  .divider { margin:10px 0 16px }

  /* ── STATS ── */
  .stats-row { grid-template-columns:repeat(2,1fr); gap:14px }
  .stat-num  { font-size:2.4rem }
  .stat-card { padding:24px 18px }

  /* ── ABOUT ── */
  .about-grid { grid-template-columns:1fr; gap:40px }
  .about-main-photo { height:300px; border-radius:14px }
  .about-badge-card { display:none }
  .about-mini-card  { bottom:-18px; right:-10px; min-width:160px; padding:14px 16px }
  .about-mini-card h5 { font-size:.82rem }

  /* ── SERVICES ── */
  .services-grid { grid-template-columns:1fr; gap:16px }
  .service-photo-wrap { height:200px }
  .card-body { padding:20px }
  .service-cta-card { min-height:260px }

  /* ── WHY CHOOSE US ── */
  .why-split  { grid-template-columns:1fr; gap:36px }
  .why-photo  { height:280px; border-radius:14px }
  .why-photo-badge { bottom:16px; left:16px; padding:11px 14px }
  .why-list   { gap:16px }
  .why-item-icon { width:40px; height:40px; font-size:1rem }

  /* ── INDUSTRY ── */
  .industry-grid { grid-template-columns:1fr 1fr; gap:14px }
  .industry-card { height:260px }
  .industry-card h3 { font-size:1rem }
  .industry-card p  { font-size:12px }

  /* ── PROCESS ── */
  .process-steps { grid-template-columns:repeat(2,1fr); gap:22px }
  .process-steps::before { display:none }
  .step-num { width:58px; height:58px; font-size:1.25rem }
  .process-step h4 { font-size:.9rem }
  .process-step p  { font-size:13px }

  /* ── TESTIMONIALS ── */
  .testi-card { padding:28px 18px }
  .testi-text { font-size:.9rem }
  .testi-quote-icon { font-size:3.5rem; top:18px; right:20px }

  /* ── CTA STRIP ── */
  .cta-strip  { padding:48px 0 }
  .cta-strip .container { flex-direction:column; text-align:center; gap:24px }
  .cta-strip h2 { font-size:1.5rem }
  .cta-strip-actions { justify-content:center; flex-wrap:wrap }

  /* ── INDUSTRY DETAIL (industry page) ── */
  .ind-grid   { grid-template-columns:1fr !important; gap:28px }
  .ind-grid.rev { direction:ltr }
  .ind-photo  { height:240px; border-radius:14px }

  /* ── SERVICE DETAIL (services page) ── */
  .service-detail-block { grid-template-columns:1fr; gap:24px; padding:44px 0 }
  .service-detail-block.reverse { direction:ltr }
  .service-visual { height:240px; border-radius:14px }
  .packages-grid { grid-template-columns:1fr }

  /* ── FORMS ── */
  .form-row { grid-template-columns:1fr }
  .cf-row   { grid-template-columns:1fr !important }
  .enq-row  { grid-template-columns:1fr !important }
  .chk-grid { grid-template-columns:1fr }
  .contact-form-wrap { padding:24px 18px }
  .cf-wrap  { padding:28px 20px !important }
  .enq-form-wrap { padding:24px 18px }

  /* ── CONTACT PAGE ── */
  .contact-info-grid { grid-template-columns:1fr 1fr !important; margin-top:-28px }
  .cic { padding:24px 18px }
  .contact-main-grid { grid-template-columns:1fr; gap:28px }
  .cip-block { padding:24px }

  /* ── ENQUIRY PAGE ── */
  .enq-layout { grid-template-columns:1fr; gap:28px }
  .enq-sidebar { flex-direction:column }

  /* ── CLIENTS ── */
  .clients-grid  { grid-template-columns:repeat(2,1fr) }
  .sector-filter { gap:7px }
  .sector-btn    { padding:6px 14px; font-size:12px }

  /* ── ABOUT PAGE ── */
  .values-grid { grid-template-columns:1fr 1fr; gap:14px }
  .team-grid   { grid-template-columns:1fr 1fr; gap:16px }
  .cert-grid   { grid-template-columns:1fr }
  .team-photo  { height:200px }

  /* ── TESTIMONIALS PAGE ── */
  .testi-full-grid { grid-template-columns:1fr !important }
  .spotlight-block { grid-template-columns:1fr !important; padding:28px 22px !important }
  .spotlight-img   { height:220px !important }

  /* ── FOOTER ── */
  .footer { padding:56px 0 0 }
  .footer-grid { grid-template-columns:1fr; gap:32px; padding-bottom:36px }
  .footer-bottom { flex-direction:column; align-items:flex-start; gap:8px }
  .footer-bottom-links { gap:14px }

  /* ── PAGE HERO ── */
  .page-hero { padding:72px 0 56px }
  .page-hero h1 { font-size:1.9rem }
  .page-hero p  { font-size:.9rem }
}

/* ── 480px — Mobile portrait ─────────────────────────────────── */
@media (max-width:480px) {
  .container { padding:0 14px }
  .section    { padding:52px 0 }
  .sec-title, .section-title { font-size:1.5rem; letter-spacing:-0.3px }
  .sec-head   { margin-bottom:36px }
  .section-header { margin-bottom:36px }

  /* Hero */
  .hero-slider  { height:72vh; min-height:460px }
  .slide-h1     { font-size:1.75rem; letter-spacing:-0.3px; line-height:1.15 }
  .slide-p      { font-size:13.5px; line-height:1.65; margin-bottom:20px }
  .slide-tag    { font-size:10px; padding:5px 12px }
  .slide-actions .btn { padding:11px 18px; font-size:13px }
  .slider-dots  { bottom:14px }

  /* Highlight */
  .highlight-strip .container { gap:10px }
  .highlight-item { gap:7px }
  .highlight-item span { font-size:11.5px }
  .highlight-item i { font-size:1rem }

  /* Stats */
  .stats-row { grid-template-columns:repeat(2,1fr); gap:12px }
  .stat-num  { font-size:2rem }
  .stat-card { padding:20px 14px }

  /* About */
  .about-main-photo { height:260px }
  .about-mini-card  { display:none }
  .about-badge-card { display:none }
  .about-checklist  { gap:10px }
  .check-dot        { width:18px; height:18px; font-size:8px }

  /* Services */
  .services-grid { grid-template-columns:1fr }
  .service-photo-wrap { height:185px }

  /* Industry */
  .industry-grid { grid-template-columns:1fr; gap:12px }
  .industry-card { height:220px }

  /* Process */
  .process-steps { grid-template-columns:1fr 1fr; gap:18px }
  .step-num  { width:50px; height:50px; font-size:1.1rem }
  .process-step p { font-size:12px }

  /* Team / values */
  .values-grid { grid-template-columns:1fr 1fr; gap:12px }
  .value-card  { padding:22px 14px }
  .team-grid   { grid-template-columns:1fr; gap:16px }

  /* Clients */
  .clients-grid { grid-template-columns:1fr 1fr; gap:12px }

  /* Footer */
  .footer-grid { gap:28px }
  .footer-logo-name { font-size:1rem }

  /* Contact info strip */
  .contact-info-grid { grid-template-columns:1fr !important }
  .cic { border-right:none !important; border-bottom:1px solid var(--border-lt) }

  /* Buttons */
  .btn-lg { padding:13px 24px; font-size:14px }
  .btn    { padding:11px 20px; font-size:13.5px }

  /* Page hero */
  .page-hero { padding:60px 0 44px }
  .page-hero h1 { font-size:1.65rem }
  .page-hero p  { font-size:.88rem; max-width:95% }

  /* Testi */
  .testi-card   { padding:22px 14px; border-radius:12px }
  .testi-text   { font-size:.87rem }
  .testi-author { gap:10px }
  .testi-avatar-photo { width:44px; height:44px }
  .testi-author-info h5 { font-size:.87rem }

  /* Enquiry checklist */
  .chk-grid { grid-template-columns:1fr }
  .chk-item { padding:8px 10px }

  /* CTA */
  .cta-strip { padding:40px 0 }
  .cta-strip h2 { font-size:1.35rem }
  .cta-strip-actions .btn { width:100%; justify-content:center }
}

/* ── 360px — Very small phones (Samsung Galaxy S etc.) ──────── */
@media (max-width:360px) {
  .container  { padding:0 12px }
  .slide-h1   { font-size:1.55rem }
  .slide-p    { display:none }
  .hero-slider{ height:65vh; min-height:420px }
  .sec-title, .section-title { font-size:1.35rem }
  .stats-row  { grid-template-columns:1fr 1fr; gap:10px }
  .stat-num   { font-size:1.75rem }
  .values-grid { grid-template-columns:1fr }
  .clients-grid { grid-template-columns:1fr }
  .process-steps { grid-template-columns:1fr }
  .industry-grid { grid-template-columns:1fr }
  .nav-menu { width:88vw }
  .logo-name { font-size:1rem }
  .logo-tagline { display:none }
}

/* ── MOBILE MENU COMPLETE FIX ───────────────────────────────────────── */

/* Navbar always stays on top */
.navbar{z-index:10000 !important;}

/* Hamburger transforms into X close button when menu open */
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* When menu is open, hamburger gets a close label */
.nav-hamburger.open::after{
  content:'Close';
  position:absolute;
  bottom:-18px;
  left:50%;
  transform:translateX(-50%);
  font-size:9px;
  font-weight:700;
  color:#C8850C;
  letter-spacing:1px;
  text-transform:uppercase;
  white-space:nowrap;
}
.nav-hamburger{position:relative;}

/* Menu slides below navbar — not from full top */
@media(max-width:768px){
  .nav-menu{
    top:0 !important;
    padding-top:72px !important;
  }
}

/* ── NAV CLOSE BUTTON (mobile only) ─────────────────────────────────── */
.nav-close-btn{
  display:none; /* hidden on desktop */
}
@media(max-width:768px){
  .nav-close-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:14px;
    right:14px;
    width:36px;
    height:36px;
    border-radius:50%;
    border:2px solid #dde4ed;
    background:#fff;
    color:#0B1E3D;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
    z-index:10001;
    transition:all 0.2s;
    line-height:1;
  }
  .nav-close-btn:hover{
    background:#C8850C;
    border-color:#C8850C;
    color:#fff;
  }
}

/* ── DIGITAL USP SECTION ────────────────────────────────────────────── */
.digital-card:hover{
  background:rgba(255,255,255,0.1) !important;
  border-color:rgba(200,133,12,0.4) !important;
  transform:translateY(-5px);
}
@media(max-width:900px){
  .digital-grid{grid-template-columns:repeat(2,1fr) !important;}
}
@media(max-width:480px){
  .digital-grid{grid-template-columns:1fr !important;}
}