/* =====================================================================
   Educational Instruments India — Modern Stylesheet (Bootstrap 5)
   Palette: Deep Petrol Teal + Amber accent. No red.
   Pairs Poppins (display) with system-safe body fallback.
   ===================================================================== */

:root{
  --ei-teal:#0f6e7c;          /* primary */
  --ei-teal-dark:#0a4d57;     /* darker shade for gradients/footer */
  --ei-teal-deep:#063138;     /* deepest */
  --ei-amber:#f4a425;         /* accent */
  --ei-amber-soft:#ffd277;
  --ei-ink:#13282c;           /* headings */
  --ei-body:#4a5a5d;          /* body text */
  --ei-muted:#7c8b8d;
  --ei-line:#e3eaeb;
  --ei-bg:#ffffff;
  --ei-bg-soft:#f3f7f7;
  --ei-bg-mint:#eaf4f3;
  --ei-radius:14px;
  --ei-shadow:0 10px 30px rgba(15,110,124,.10);
  --ei-shadow-lg:0 22px 50px rgba(10,77,87,.16);
  --ei-font:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--ei-font);
  color:var(--ei-body);
  background:var(--ei-bg);
  line-height:1.7;
  margin:0;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{font-family:var(--ei-font);color:var(--ei-ink);font-weight:700;letter-spacing:-.01em;}
a{color:var(--ei-teal);text-decoration:none;transition:color .2s ease;}
a:hover{color:var(--ei-amber);}
img{max-width:100%;height:auto;}
.clearfix::after{content:"";display:table;clear:both;}

/* ---- Section title helper ---- */
.ei-eyebrow{
  display:inline-block;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ei-amber);
  margin-bottom:.6rem;
}
.ei-heading{
  font-size:clamp(1.6rem,3vw,2.4rem);
  font-weight:700;
  margin-bottom:.4rem;
}
.ei-heading .accent{color:var(--ei-teal);}
.ei-section-sub{color:var(--ei-muted);max-width:720px;margin:0 auto;}
.ei-divider{
  width:64px;height:4px;border-radius:4px;
  background:linear-gradient(90deg,var(--ei-teal),var(--ei-amber));
  margin:1rem auto 1.6rem;
}
.ei-divider.start{margin-left:0;margin-right:auto;}

/* =====================================================================
   HEADER / NAVBAR
   ===================================================================== */
.ei-topbar{
  background:var(--ei-teal-deep);
  color:#cfe3e4;
  font-size:.84rem;
}
.ei-topbar a{color:#cfe3e4;}
.ei-topbar a:hover{color:var(--ei-amber-soft);}
.ei-topbar .ei-top-inner{
  display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;
  align-items:center;justify-content:space-between;
  padding:.5rem 0;
}
.ei-topbar i{color:var(--ei-amber);margin-right:.4rem;}

.ei-navbar{
  background:#fff;
  box-shadow:0 4px 18px rgba(10,77,87,.07);
  padding-top:.6rem;padding-bottom:.6rem;
  transition:box-shadow .3s ease;
}
.ei-navbar .navbar-brand img{height:48px;width:auto;}
.ei-navbar .nav-link{
  color:var(--ei-ink);
  font-weight:500;
  margin:0 .15rem;
  padding:.5rem .9rem !important;
  border-radius:8px;
  position:relative;
}
.ei-navbar .nav-link:hover,
.ei-navbar .nav-link.active{
  color:var(--ei-teal);
  background:var(--ei-bg-mint);
}
.ei-navbar .navbar-toggler{border-color:var(--ei-line);}
.ei-navbar .navbar-toggler:focus{box-shadow:none;}

/* sticky scroll header */
.ei-sticky{
  position:fixed;top:0;left:0;right:0;z-index:1040;
  background:#fff;
  box-shadow:0 6px 24px rgba(10,77,87,.12);
  transform:translateY(-100%);
  transition:transform .35s ease;
  display:none;
}
.ei-sticky.show{transform:translateY(0);display:block;}
.ei-sticky .navbar-brand img{height:42px;}

/* =====================================================================
   BUTTONS
   ===================================================================== */
.btn-ei{
  background:var(--ei-amber);
  color:#222 !important;
  font-weight:600;
  border:none;
  padding:.7rem 1.7rem;
  border-radius:50px;
  box-shadow:0 8px 18px rgba(244,164,37,.35);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.btn-ei:hover{
  background:var(--ei-amber-soft);
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(244,164,37,.45);
}
.btn-ei-outline{
  background:transparent;
  color:#fff !important;
  border:2px solid rgba(255,255,255,.7);
  font-weight:600;
  padding:.65rem 1.6rem;
  border-radius:50px;
  transition:all .2s ease;
}
.btn-ei-outline:hover{background:#fff;color:var(--ei-teal-dark) !important;border-color:#fff;}
.btn-ei-teal{
  background:var(--ei-teal);
  color:#fff !important;
  font-weight:600;border:none;
  padding:.6rem 1.5rem;border-radius:50px;
  transition:all .2s ease;
}
.btn-ei-teal:hover{background:var(--ei-teal-dark);transform:translateY(-2px);}

/* =====================================================================
   HERO / BANNER SLIDER — Brighton-style split layout
   Text panel (gradient) on the left, photo on the right.
   ===================================================================== */
.ei-hero{position:relative;background:var(--ei-teal-deep);overflow:hidden;}
/* height increased by ~15% (460->529, 66vh->76vh, 660->759) */
.ei-hero .carousel-item{height:clamp(529px,76vh,759px);position:relative;overflow:hidden;}

/* real photo, pinned to the RIGHT side — left edge fades out so it blends
   seamlessly into the teal panel (no hard vertical seam) */
.ei-hero-img{
  position:absolute;top:0;right:0;height:100%;width:70%;
  object-fit:cover;object-position:center right;
  z-index:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 12%,#000 38%);
          mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 12%,#000 38%);
}
.ei-hero-img.is-missing{display:none;}              /* hide broken image cleanly */
/* fallback texture on the right when no image loads */
.ei-hero::before{
  content:"";position:absolute;top:0;right:0;height:100%;width:70%;z-index:0;
  background:
    radial-gradient(circle at 70% 40%,rgba(244,164,37,.18),transparent 55%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 2px,transparent 2px 22px),
    linear-gradient(135deg,var(--ei-teal),var(--ei-teal-deep));
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%);
          mask-image:linear-gradient(90deg,transparent 0%,#000 38%);
}
/* gradient panel: solid teal on the left, gently fades across the photo.
   Wide, smooth transition = seamless blend between text side and photo. */
.ei-hero-panel{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(95deg,
     rgba(6,49,56,.96) 0%,
     rgba(8,64,72,.90) 28%,
     rgba(12,95,107,.62) 46%,
     rgba(15,110,124,.32) 60%,
     rgba(15,110,124,.10) 74%,
     rgba(15,110,124,0) 90%);
}
.ei-hero .container{position:relative;z-index:2;height:100%;display:flex;align-items:center;}
.ei-hero-text{max-width:560px;color:#fff;}

/* small uppercase eyebrow line (amber) — text reduced ~10% */
.ei-hero-eyebrow{
  display:inline-block;
  color:var(--ei-amber);
  font-size:clamp(.77rem,1.26vw,.95rem);
  font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  margin-bottom:.7rem;
}
.ei-hero-text h1{
  color:#fff;
  font-size:clamp(1.9rem,4.3vw,3.25rem);
  line-height:1.08;font-weight:700;margin-bottom:1.1rem;letter-spacing:-.01em;
}
.ei-hero-text h1 span{color:var(--ei-amber);}
.ei-hero-text p{font-size:.97rem;color:#d8e7e8;margin-bottom:1.8rem;max-width:480px;}

/* square solid buttons (Brighton style) */
.ei-hero-btns{display:flex;flex-wrap:wrap;gap:1rem;}
.ei-hero-btn-fill,.ei-hero-btn-ghost{
  border-radius:0;
  font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  padding:.95rem 2.1rem;font-size:.92rem;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}
.ei-hero-btn-fill{background:var(--ei-amber);color:#1a1a1a !important;border:2px solid var(--ei-amber);}
.ei-hero-btn-fill:hover{background:var(--ei-amber-soft);border-color:var(--ei-amber-soft);transform:translateY(-3px);box-shadow:0 12px 24px rgba(244,164,37,.4);}
.ei-hero-btn-ghost{background:#fff;color:var(--ei-teal-dark) !important;border:2px solid #fff;}
.ei-hero-btn-ghost:hover{background:transparent;color:#fff !important;transform:translateY(-3px);}

/* slide content animation */
.ei-hero .carousel-item .ei-hero-text > *{opacity:0;transform:translateY(26px);}
.ei-hero .carousel-item.active .ei-hero-text > *{animation:eiHeroUp .7s ease forwards;}
.ei-hero .carousel-item.active .ei-hero-text > *:nth-child(1){animation-delay:.15s;}
.ei-hero .carousel-item.active .ei-hero-text > *:nth-child(2){animation-delay:.30s;}
.ei-hero .carousel-item.active .ei-hero-text > *:nth-child(3){animation-delay:.45s;}
.ei-hero .carousel-item.active .ei-hero-text > *:nth-child(4){animation-delay:.60s;}
@keyframes eiHeroUp{to{opacity:1;transform:translateY(0);}}

/* dot indicators (bottom-left, yellow dots) */
.ei-hero-dots{justify-content:flex-start;left:0;right:auto;margin-left:max(24px,calc((100% - 1140px)/2 + 12px));margin-bottom:1.6rem;z-index:3;}
.ei-hero-dots [data-bs-target]{
  width:14px;height:14px;border-radius:50%;border:2px solid var(--ei-amber);
  background:var(--ei-amber);opacity:.85;margin:0 5px;transition:all .2s ease;
}
.ei-hero-dots [data-bs-target].active{background:transparent;opacity:1;transform:scale(1.15);}

/* nav arrows */
.ei-hero .carousel-control-prev,
.ei-hero .carousel-control-next{width:56px;opacity:.85;z-index:3;}
.ei-hero .carousel-control-prev-icon,
.ei-hero .carousel-control-next-icon{
  background-color:rgba(6,49,56,.55);
  border-radius:50%;padding:1.4rem;background-size:38%;
}
.ei-hero .carousel-control-prev:hover .carousel-control-prev-icon,
.ei-hero .carousel-control-next:hover .carousel-control-next-icon{background-color:var(--ei-amber);}

/* mobile: image spans full width behind the panel, text centered & readable */
@media (max-width:767px){
  .ei-hero-img{width:100%;}
  .ei-hero::before{width:100%;}
  .ei-hero-panel{background:linear-gradient(160deg,rgba(6,49,56,.95),rgba(12,95,107,.88));}
  .ei-hero-text{max-width:100%;text-align:center;}
  .ei-hero-text p{margin-left:auto;margin-right:auto;}
  .ei-hero-btns{justify-content:center;}
  .ei-hero-dots{justify-content:center;left:0;right:0;margin-left:0;}
}


/* =====================================================================
   FEATURE STRIP (Lab Design / Manufacturing ...)
   ===================================================================== */
.ei-feature-strip{
  background:linear-gradient(135deg,var(--ei-bg-mint),#fff);
  position:relative;margin-top:-1px;
}
.ei-feature-card{
  background:#fff;
  border-radius:var(--ei-radius);
  padding:2rem 1.4rem;
  text-align:center;
  height:100%;
  border:1px solid var(--ei-line);
  box-shadow:var(--ei-shadow);
  transition:transform .25s ease,box-shadow .25s ease;
}
.ei-feature-card:hover{transform:translateY(-6px);box-shadow:var(--ei-shadow-lg);}
.ei-feature-card .ic{
  width:74px;height:74px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 1rem;
  background:var(--ei-bg-mint);
}
.ei-feature-card .ic img{max-width:42px;}
.ei-feature-card h3{font-size:1.1rem;margin-bottom:.4rem;}
.ei-feature-card p{font-size:.92rem;color:var(--ei-muted);margin:0;}

/* =====================================================================
   GENERIC SECTION SPACING
   ===================================================================== */
.ei-section{padding:5rem 0;}
.ei-section.tight{padding:3.5rem 0;}
.ei-bg-soft{background:var(--ei-bg-soft);}
.ei-bg-mint{background:var(--ei-bg-mint);}

/* =====================================================================
   CATEGORY / PRODUCT GRID
   ===================================================================== */
.ei-cat-card{
  display:block;height:100%;
  background:#fff;
  border:1px solid var(--ei-line);
  border-radius:var(--ei-radius);
  padding:1.6rem 1.2rem;
  text-align:center;
  color:var(--ei-ink);
  font-weight:600;
  position:relative;
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.ei-cat-card::before{
  content:"";position:absolute;left:0;top:0;height:4px;width:100%;
  background:linear-gradient(90deg,var(--ei-teal),var(--ei-amber));
  transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}
.ei-cat-card:hover{transform:translateY(-5px);box-shadow:var(--ei-shadow-lg);border-color:transparent;color:var(--ei-teal);}
.ei-cat-card:hover::before{transform:scaleX(1);}
.ei-cat-card .ei-cat-img{
  width:100%;height:140px;display:flex;align-items:center;justify-content:center;
  background:var(--ei-bg-mint);border-radius:10px;margin-bottom:1rem;overflow:hidden;
}
.ei-cat-card .ei-cat-img img{max-height:128px;object-fit:contain;mix-blend-mode:multiply;}
.ei-cat-card .ei-cat-name{font-size:.98rem;line-height:1.4;}
.ei-cat-icon{
  width:56px;height:56px;border-radius:12px;margin:0 auto .8rem;
  display:flex;align-items:center;justify-content:center;
  background:var(--ei-bg-mint);color:var(--ei-teal);font-size:1.4rem;
}

/* =====================================================================
   PRODUCT LISTING CARD (products.php)
   ===================================================================== */
.ei-product-card{
  background:#fff;border:1px solid var(--ei-line);border-radius:var(--ei-radius);
  overflow:hidden;height:100%;display:flex;flex-direction:column;
  box-shadow:var(--ei-shadow);transition:transform .25s ease,box-shadow .25s ease;
}
.ei-product-card:hover{transform:translateY(-5px);box-shadow:var(--ei-shadow-lg);}
.ei-product-card .ei-pimg{
  height:200px;background:var(--ei-bg-mint);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.ei-product-card .ei-pimg img{max-height:180px;object-fit:contain;mix-blend-mode:multiply;}
.ei-product-card .ei-pbody{padding:1.1rem 1.2rem;display:flex;flex-direction:column;flex:1;}
.ei-product-card .ei-code{font-size:.8rem;color:var(--ei-amber);font-weight:600;text-transform:uppercase;letter-spacing:.05em;}
.ei-product-card h4{font-size:1.02rem;margin:.3rem 0 1rem;}
.ei-product-card h4 a{color:var(--ei-ink);}
.ei-product-card h4 a:hover{color:var(--ei-teal);}
.ei-product-card .ei-pactions{margin-top:auto;display:flex;gap:.5rem;flex-wrap:wrap;}
.ei-product-card .ei-pactions .btn{flex:1;font-size:.85rem;padding:.5rem .6rem;}

/* =====================================================================
   WHY CHOOSE US (SEO Section)
   ===================================================================== */
.ei-why-card{
  background:#fff;border-radius:var(--ei-radius);padding:1.8rem;height:100%;
  border:1px solid var(--ei-line);box-shadow:var(--ei-shadow);
  transition:transform .25s ease,box-shadow .25s ease;
}
.ei-why-card:hover{transform:translateY(-5px);box-shadow:var(--ei-shadow-lg);}
.ei-why-card .ei-why-ic{
  width:62px;height:62px;border-radius:14px;margin-bottom:1.1rem;
  display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;
  background:linear-gradient(135deg,var(--ei-teal),var(--ei-teal-dark));
}
.ei-why-card:nth-child(even) .ei-why-ic{background:linear-gradient(135deg,var(--ei-amber),#e08b00);}
.ei-why-card h4{font-size:1.12rem;margin-bottom:.5rem;}
.ei-why-card p{font-size:.93rem;color:var(--ei-muted);margin:0;}

/* =====================================================================
   HOW WE WORK (process)
   ===================================================================== */
.ei-step{
  background:#fff;border-radius:var(--ei-radius);padding:2rem 1.5rem 1.6rem;height:100%;
  position:relative;border:1px solid var(--ei-line);box-shadow:var(--ei-shadow);
  transition:transform .25s ease;
}
.ei-step:hover{transform:translateY(-6px);}
.ei-step .ei-step-num{
  position:absolute;top:-18px;left:1.5rem;
  width:46px;height:46px;border-radius:50%;
  background:linear-gradient(135deg,var(--ei-teal),var(--ei-teal-dark));
  color:#fff;font-weight:700;font-size:1.1rem;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 16px rgba(15,110,124,.35);
}
.ei-step h4{margin:1rem 0 .5rem;font-size:1.1rem;}
.ei-step p{font-size:.92rem;color:var(--ei-muted);margin:0;}
.ei-step .ei-step-ic{font-size:1.8rem;color:var(--ei-amber);}

/* =====================================================================
   STATS / COUNTER BAND
   ===================================================================== */
.ei-stats{
  position:relative;color:#fff;
  background:linear-gradient(rgba(6,49,56,.92),rgba(10,77,87,.92)),var(--stat-bg,none);
  background-size:cover;background-position:center;background-attachment:fixed;
}
.ei-stat{padding:1.2rem .5rem;}
.ei-stat .num{
  font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--ei-amber);
  line-height:1;margin-bottom:.3rem;
}
.ei-stat .lbl{font-size:.95rem;letter-spacing:.04em;color:#d8e7e8;text-transform:uppercase;}
.ei-stat-divider{border-color:rgba(255,255,255,.15)!important;}

/* =====================================================================
   INDUSTRIES WE SERVE (SEO internal links)
   ===================================================================== */
.ei-industry-pill{
  display:inline-flex;align-items:center;gap:.5rem;
  background:#fff;border:1px solid var(--ei-line);
  padding:.6rem 1.1rem;border-radius:50px;
  font-size:.92rem;font-weight:500;color:var(--ei-ink);
  box-shadow:0 4px 12px rgba(10,77,87,.05);
  transition:all .2s ease;
}
.ei-industry-pill i{color:var(--ei-teal);}
.ei-industry-pill:hover{background:var(--ei-teal);color:#fff;transform:translateY(-3px);}
.ei-industry-pill:hover i{color:var(--ei-amber-soft);}

/* =====================================================================
   FAQ ACCORDION (SEO + schema)
   ===================================================================== */
.ei-faq .accordion-item{
  border:1px solid var(--ei-line);border-radius:var(--ei-radius)!important;
  margin-bottom:1rem;overflow:hidden;box-shadow:var(--ei-shadow);
}
.ei-faq .accordion-button{
  font-weight:600;color:var(--ei-ink);font-size:1.02rem;padding:1.1rem 1.3rem;
  background:#fff;
}
.ei-faq .accordion-button:not(.collapsed){color:var(--ei-teal);background:var(--ei-bg-mint);box-shadow:none;}
.ei-faq .accordion-button:focus{box-shadow:none;border-color:var(--ei-line);}
.ei-faq .accordion-button::after{
  background-image:none;content:"\f067";font-family:"FontAwesome";
  font-size:.8rem;width:auto;height:auto;transition:transform .2s ease;color:var(--ei-teal);
}
.ei-faq .accordion-button:not(.collapsed)::after{content:"\f068";transform:none;}
.ei-faq .accordion-body{color:var(--ei-body);font-size:.95rem;padding:0 1.3rem 1.2rem;}

/* =====================================================================
   CTA BAND
   ===================================================================== */
.ei-cta{
  background:linear-gradient(120deg,var(--ei-teal-dark),var(--ei-teal));
  color:#fff;border-radius:22px;padding:3rem 2rem;position:relative;overflow:hidden;
}
.ei-cta::before{
  content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;
  background:radial-gradient(circle,rgba(244,164,37,.35),transparent 70%);
}
.ei-cta h2{color:#fff;}
.ei-cta p{color:#d8e7e8;margin-bottom:0;}

/* =====================================================================
   ABOUT / INTRO PROSE
   ===================================================================== */
.ei-prose p{color:var(--ei-body);text-align:justify;}
.ei-prose .lead{color:var(--ei-ink);font-weight:500;}

/* =====================================================================
   INNER PAGE BANNER
   ===================================================================== */
.ei-inner-banner{
  background:linear-gradient(120deg,var(--ei-teal-deep),var(--ei-teal));
  color:#fff;padding:3.2rem 0 2.8rem;position:relative;overflow:hidden;
}
.ei-inner-banner::after{
  content:"";position:absolute;right:-40px;bottom:-60px;width:260px;height:260px;
  background:radial-gradient(circle,rgba(244,164,37,.25),transparent 70%);
}
.ei-inner-banner h1,.ei-inner-banner h3{color:#fff;margin:0;font-size:clamp(1.6rem,3vw,2.3rem);}
.ei-inner-banner .breadcrumb{margin:.6rem 0 0;}
.ei-inner-banner .breadcrumb a{color:var(--ei-amber-soft);}
.ei-inner-banner .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.55);}
.ei-inner-banner .breadcrumb-item.active,
.ei-inner-banner .breadcrumb a:hover{color:#fff;}

/* =====================================================================
   LEFT SIDEBAR MENU (left_pannel.php #cssmenu category tree)
   ===================================================================== */
.ei-side{background:#fff;border:1px solid var(--ei-line);border-radius:var(--ei-radius);overflow:hidden;box-shadow:var(--ei-shadow);}
.ei-side-head{background:linear-gradient(120deg,var(--ei-teal),var(--ei-teal-dark));color:#fff;padding:1rem 1.2rem;font-weight:600;font-size:1.05rem;}
.ei-side .left_section{background:transparent;}
#cssmenu ul{list-style:none;margin:0;padding:0;}
#cssmenu > ul > li{border-bottom:1px solid var(--ei-line);}
#cssmenu > ul > li:last-child{border-bottom:none;}
/* top-level item with expand arrow */
#cssmenu > ul > li > a{
  display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  padding:.85rem 1.2rem;color:var(--ei-ink);font-weight:500;font-size:.95rem;
  transition:background .2s ease,color .2s ease;
}
#cssmenu > ul > li > a span{flex:1;}
#cssmenu > ul > li.has-sub > a::after{
  content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;
  font-size:.7rem;color:var(--ei-muted);transition:transform .25s ease;
}
#cssmenu > ul > li.active > a::after{transform:rotate(180deg);color:var(--ei-teal);}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li > a:hover{background:var(--ei-bg-mint);color:var(--ei-teal);}
#cssmenu > ul > li.active > a::after,
#cssmenu > ul > li > a:hover::after{color:var(--ei-teal);}
/* sub-menu */
#cssmenu ul ul{display:none;background:var(--ei-bg-soft);border-top:1px solid var(--ei-line);}
#cssmenu ul ul li a{
  display:flex;align-items:center;gap:.5rem;
  padding:.55rem 1.2rem .55rem 1.5rem;font-size:.88rem;color:var(--ei-body);
  border-bottom:1px solid rgba(0,0,0,.04);transition:all .2s ease;
}
#cssmenu ul ul li:last-child a{border-bottom:none;}
#cssmenu ul ul li a::before{
  content:"\f105";font-family:"Font Awesome 6 Free";font-weight:900;
  font-size:.72rem;color:var(--ei-amber);
}
#cssmenu ul ul li a:hover,
#cssmenu ul ul li a.active{color:var(--ei-teal);background:#fff;padding-left:1.7rem;}
#cssmenu ul ul li a.active{font-weight:600;}

/* =====================================================================
   FOOTER
   ===================================================================== */
.ei-footer{background:var(--ei-teal-deep);color:#b9d2d4;padding-top:3.5rem;}
.ei-footer h5{color:#fff;font-size:1.05rem;margin-bottom:1.1rem;}
.ei-footer a{color:#b9d2d4;}
.ei-footer a:hover{color:var(--ei-amber);}
.ei-footer .ei-foot-links{list-style:none;padding:0;margin:0;}
.ei-footer .ei-foot-links li{margin-bottom:.55rem;}
.ei-footer .ei-foot-links li a{display:inline-flex;align-items:center;gap:.5rem;}
.ei-footer .ei-foot-links li a i{color:var(--ei-amber);font-size:.7rem;}
.ei-footer .ei-foot-contact i{color:var(--ei-amber);width:18px;}
.ei-footer .ei-soc a{
  width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);
  display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-right:.4rem;
  transition:all .2s ease;
}
.ei-footer .ei-soc a:hover{background:var(--ei-amber);color:#222;}
.ei-footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:2.5rem;padding:1.4rem 0;font-size:.85rem;color:#8fb0b2;}
.ei-footer-bottom .copyright{margin:0 0 .4rem;line-height:1.6;}

/* back to top */
#back-top{position:fixed;right:24px;bottom:24px;z-index:1050;display:none;}
#back-top a{
  width:46px;height:46px;border-radius:50%;background:var(--ei-teal);color:#fff;
  display:flex;align-items:center;justify-content:center;box-shadow:var(--ei-shadow-lg);
  transition:all .2s ease;
}
#back-top a:hover{background:var(--ei-amber);color:#222;transform:translateY(-3px);}

/* =====================================================================
   ANIMATIONS
   ===================================================================== */
@keyframes eiFadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
.ei-reveal{opacity:0;}
.ei-reveal.in{animation:eiFadeUp .7s ease forwards;}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width:991px){
  .ei-section{padding:3.5rem 0;}
  .ei-hero .carousel-item{height:480px;}
  .ei-stats{background-attachment:scroll;}
}
@media (max-width:575px){
  .ei-hero-text p{font-size:1rem;}
  .ei-feature-card{padding:1.6rem 1rem;}
}

/* =====================================================================
   FEATURE CARDS — colorful per-card themes, top accent bar, colored icons
   ===================================================================== */
.ei-feature-card{position:relative;overflow:hidden;}
.ei-feature-card .ic i{font-size:2rem;line-height:1;transition:transform .25s ease;}
.ei-feature-card:hover .ic i{transform:scale(1.12) rotate(-4deg);}
.ei-feature-card .ic{transition:background .25s ease,transform .25s ease;}
.ei-feature-card:hover .ic{transform:scale(1.06);}
/* top accent bar that grows on hover */
.ei-feature-card::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:4px;
  transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}
.ei-feature-card:hover::before{transform:scaleX(1);}

/* teal */
.ei-feature-card.fc-teal::before{background:linear-gradient(90deg,#0f6e7c,#0a4d57);}
.ei-feature-card.fc-teal .ic{background:rgba(15,110,124,.12);}
.ei-feature-card.fc-teal .ic i{color:#0f6e7c;}
.ei-feature-card.fc-teal:hover .ic{background:#0f6e7c;}
.ei-feature-card.fc-teal:hover .ic i{color:#fff;}
/* amber */
.ei-feature-card.fc-amber::before{background:linear-gradient(90deg,#f4a425,#e08b00);}
.ei-feature-card.fc-amber .ic{background:rgba(244,164,37,.16);}
.ei-feature-card.fc-amber .ic i{color:#e0930f;}
.ei-feature-card.fc-amber:hover .ic{background:#f4a425;}
.ei-feature-card.fc-amber:hover .ic i{color:#fff;}
/* green */
.ei-feature-card.fc-green::before{background:linear-gradient(90deg,#2f9e7d,#1f7d62);}
.ei-feature-card.fc-green .ic{background:rgba(47,158,125,.14);}
.ei-feature-card.fc-green .ic i{color:#2f9e7d;}
.ei-feature-card.fc-green:hover .ic{background:#2f9e7d;}
.ei-feature-card.fc-green:hover .ic i{color:#fff;}
/* violet */
.ei-feature-card.fc-violet::before{background:linear-gradient(90deg,#6c63b5,#4f4894);}
.ei-feature-card.fc-violet .ic{background:rgba(108,99,181,.14);}
.ei-feature-card.fc-violet .ic i{color:#6c63b5;}
.ei-feature-card.fc-violet:hover .ic{background:#6c63b5;}
.ei-feature-card.fc-violet:hover .ic i{color:#fff;}


/* FIX: category cards — drop washed-out blend, equal heights, real alignment */
.ei-cat-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.ei-cat-card .ei-cat-img img{mix-blend-mode:normal;}        /* show images at full opacity */
.ei-cat-card .ei-cat-name{margin-top:auto;}                 /* push name to a consistent baseline */
.ei-cat-card .ei-cat-icon i{line-height:1;}

/* =====================================================================
   FEATURED PRODUCTS  (styled after "Latest Courses")
   ===================================================================== */
.ei-course-card{
  background:#fff;border-radius:var(--ei-radius);overflow:hidden;height:100%;
  display:flex;flex-direction:column;
  box-shadow:var(--ei-shadow);border:1px solid var(--ei-line);
  transition:transform .25s ease,box-shadow .25s ease;
}
.ei-course-card:hover{transform:translateY(-6px);box-shadow:var(--ei-shadow-lg);}
.ei-course-img{height:220px;background:var(--ei-bg-mint);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ei-course-img img{width:100%;height:100%;object-fit:cover;}
.ei-course-noimg{font-size:3rem;color:var(--ei-teal);opacity:.4;}
.ei-course-bar{
  background:#2a3439;color:#fff;
  display:flex;align-items:center;justify-content:space-between;
  padding:.85rem 1.1rem;gap:.5rem;
}
.ei-course-title{font-weight:600;font-size:1rem;line-height:1.3;}
.ei-course-tag{font-weight:600;font-size:.82rem;white-space:nowrap;color:var(--ei-amber-soft);}
.ei-course-meta{padding:1.2rem 1.1rem 1.4rem;color:#fff;flex:1;display:flex;flex-direction:column;}
.ei-course-row{display:flex;justify-content:space-between;font-size:.85rem;gap:.5rem;flex-wrap:wrap;}
.ei-course-row i{margin-right:.3rem;}
.ei-course-line{display:block;width:48px;height:3px;border-radius:3px;background:rgba(255,255,255,.5);margin:.9rem 0;}
.ei-course-meta p{font-size:.9rem;margin:0 0 1rem;opacity:.95;}
.ei-course-link{margin-top:auto;color:#fff;font-weight:600;font-size:.9rem;}
.ei-course-link:hover{color:#fff;opacity:.85;}
.ei-course-link i{transition:transform .2s ease;}
.ei-course-card:hover .ei-course-link i{transform:translateX(4px);}
/* per-card accent colour for the lower meta panel */
.ei-course-card.theme-teal  .ei-course-meta{background:linear-gradient(160deg,var(--ei-teal),var(--ei-teal-dark));}
.ei-course-card.theme-amber .ei-course-meta{background:linear-gradient(160deg,#e6962b,#c97e16);}
.ei-course-card.theme-green .ei-course-meta{background:linear-gradient(160deg,#2f9e7d,#1f7d62);}

/* =====================================================================
   TENDER SUPPLY SERVICES  (styled after "Our Services")
   ===================================================================== */
.ei-services{background:
   linear-gradient(0deg,rgba(255,255,255,.6),rgba(255,255,255,.6)),
   repeating-linear-gradient(0deg,var(--ei-line) 0 1px,transparent 1px 46px),
   repeating-linear-gradient(90deg,var(--ei-line) 0 1px,transparent 1px 46px);
}
.ei-svc-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:520px;
}
.ei-svc-ic{
  aspect-ratio:1/1;border:2px solid var(--ei-teal);border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.9rem;color:var(--ei-teal);background:#fff;
  transition:all .25s ease;cursor:default;
}
.ei-svc-ic:hover{background:var(--ei-teal);color:#fff;transform:translateY(-4px);box-shadow:var(--ei-shadow);}
@media (max-width:575px){
  .ei-svc-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;}
  .ei-svc-ic{font-size:1.4rem;border-radius:11px;}
}

/* =====================================================================
   v6 ICON SAFETY: ensure shimmed v4 names size correctly
   ===================================================================== */
.fa, .fas, .far, .fa-solid, .fa-regular{line-height:inherit;}

/* =====================================================================
   WHY CHOOSE US — distinct coloured icon backgrounds (override even/odd)
   ===================================================================== */
.ei-why-card .ei-why-ic{color:#fff;}
.ei-why-card .ei-why-ic.ic-teal  {background:linear-gradient(135deg,#0f6e7c,#0a4d57);}
.ei-why-card .ei-why-ic.ic-amber {background:linear-gradient(135deg,#f4a425,#e08b00);}
.ei-why-card .ei-why-ic.ic-green {background:linear-gradient(135deg,#2f9e7d,#1f7d62);}
.ei-why-card .ei-why-ic.ic-violet{background:linear-gradient(135deg,#6c63b5,#4f4894);}

/* =====================================================================
   TENDER SERVICES — colourful icons
   ===================================================================== */
.ei-svc-ic.svc-c1{border-color:#0f6e7c;color:#0f6e7c;}
.ei-svc-ic.svc-c2{border-color:#2f9e7d;color:#2f9e7d;}
.ei-svc-ic.svc-c3{border-color:#f4a425;color:#e0930f;}
.ei-svc-ic.svc-c4{border-color:#6c63b5;color:#6c63b5;}
.ei-svc-ic.svc-c5{border-color:#d9774d;color:#d9774d;}
.ei-svc-ic.svc-c6{border-color:#3a93c9;color:#3a93c9;}
.ei-svc-ic.svc-c7{border-color:#c0506f;color:#c0506f;}
.ei-svc-ic.svc-c8{border-color:#5aa469;color:#5aa469;}
.ei-svc-ic.svc-c1:hover{background:#0f6e7c;color:#fff;}
.ei-svc-ic.svc-c2:hover{background:#2f9e7d;color:#fff;}
.ei-svc-ic.svc-c3:hover{background:#f4a425;color:#fff;}
.ei-svc-ic.svc-c4:hover{background:#6c63b5;color:#fff;}
.ei-svc-ic.svc-c5:hover{background:#d9774d;color:#fff;}
.ei-svc-ic.svc-c6:hover{background:#3a93c9;color:#fff;}
.ei-svc-ic.svc-c7:hover{background:#c0506f;color:#fff;}
.ei-svc-ic.svc-c8:hover{background:#5aa469;color:#fff;}

/* =====================================================================
   FEATURED PRODUCTS — 9 cards, horizontal scroll
   ===================================================================== */
.ei-course-scroll{
  overflow-x:auto;overflow-y:hidden;
  padding:.5rem .25rem 1.25rem;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.ei-course-track{display:flex;gap:1.5rem;width:max-content;}
.ei-course-col{flex:0 0 320px;max-width:320px;scroll-snap-align:start;}
@media (max-width:480px){.ei-course-col{flex-basis:80vw;max-width:80vw;}}
/* custom scrollbar */
.ei-course-scroll::-webkit-scrollbar{height:8px;}
.ei-course-scroll::-webkit-scrollbar-track{background:#e3eaeb;border-radius:8px;}
.ei-course-scroll::-webkit-scrollbar-thumb{background:var(--ei-teal);border-radius:8px;}
.ei-course-scroll::-webkit-scrollbar-thumb:hover{background:var(--ei-teal-dark);}
.ei-course-scroll{scrollbar-color:var(--ei-teal) #e3eaeb;scrollbar-width:thin;}

/* =====================================================================
   CTA — button alignment
   ===================================================================== */
.ei-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start;}
@media (min-width:992px){.ei-cta-actions{justify-content:flex-end;}}
.ei-cta-actions .btn{margin:0;}

/* =====================================================================
   NAVBAR — keep all items on one line on desktop
   ===================================================================== */
@media (min-width:992px){
  .ei-navbar .nav-link{margin:0 .05rem;padding:.5rem .7rem !important;white-space:nowrap;}
  .ei-navbar .navbar-nav{flex-wrap:nowrap;}
}
.ei-topbar .ei-top-right span i{margin-right:.4rem;}

/* =====================================================================
   PROFILE / CONTACT page components
   ===================================================================== */
/* company-at-a-glance facts list */
.ei-facts li{display:flex;gap:.9rem;align-items:flex-start;padding:.85rem 1.2rem;border-bottom:1px solid var(--ei-line);font-size:.92rem;}
.ei-facts li:last-child{border-bottom:none;}
.ei-facts li i{color:var(--ei-teal);font-size:1.15rem;width:22px;text-align:center;margin-top:.15rem;}
.ei-facts li span strong{color:var(--ei-ink);}

/* product-range cards (profile) */
.ei-range-card{
  display:flex;gap:1rem;align-items:flex-start;height:100%;
  background:#fff;border:1px solid var(--ei-line);border-radius:var(--ei-radius);
  padding:1.5rem;box-shadow:var(--ei-shadow);color:var(--ei-ink);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.ei-range-card:hover{transform:translateY(-5px);box-shadow:var(--ei-shadow-lg);border-color:transparent;}
.ei-range-card i{font-size:1.7rem;color:var(--ei-teal);background:var(--ei-bg-mint);
  width:56px;height:56px;min-width:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;}
.ei-range-card h4{font-size:1.05rem;margin:0 0 .35rem;color:var(--ei-ink);}
.ei-range-card p{font-size:.9rem;color:var(--ei-muted);margin:0;}
.ei-range-card:hover i{background:var(--ei-teal);color:#fff;}

/* check list (profile + contact) */
.ei-check-list{list-style:none;padding:0;margin:1.2rem 0;}
.ei-check-list li{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.7rem;color:var(--ei-body);font-size:.96rem;}
.ei-check-list li i{color:var(--ei-teal);margin-top:.2rem;}

/* stat boxes */
.ei-stat-box{
  background:#fff;border:1px solid var(--ei-line);border-radius:var(--ei-radius);
  padding:1.6rem 1rem;text-align:center;box-shadow:var(--ei-shadow);height:100%;
  transition:transform .25s ease;
}
.ei-stat-box:hover{transform:translateY(-5px);}
.ei-stat-box .num{display:block;font-size:2rem;font-weight:700;color:var(--ei-teal);line-height:1;}
.ei-stat-box .lbl{display:block;margin-top:.4rem;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ei-muted);}

/* contact cards */
.ei-contact-card{
  background:#fff;border:1px solid var(--ei-line);border-radius:var(--ei-radius);
  padding:2.2rem 1.6rem;text-align:center;height:100%;box-shadow:var(--ei-shadow);
  transition:transform .25s ease,box-shadow .25s ease;
}
.ei-contact-card:hover{transform:translateY(-6px);box-shadow:var(--ei-shadow-lg);}
.ei-contact-ic{
  width:70px;height:70px;border-radius:50%;margin:0 auto 1.1rem;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.7rem;
}
.ei-contact-ic.ic-teal{background:linear-gradient(135deg,#0f6e7c,#0a4d57);}
.ei-contact-ic.ic-amber{background:linear-gradient(135deg,#f4a425,#e08b00);}
.ei-contact-ic.ic-green{background:linear-gradient(135deg,#2f9e7d,#1f7d62);}
.ei-contact-card h4{font-size:1.12rem;margin-bottom:.5rem;}
.ei-contact-card p{margin-bottom:.4rem;font-weight:500;word-break:break-word;}
.ei-contact-card .ei-contact-note{font-size:.85rem;color:var(--ei-muted);}

/* =====================================================================
   PRODUCTS / PRODUCT-DETAILS page components
   ===================================================================== */
/* breadcrumb inside inner banner (works with displayFrontlink_new output) */
.ei-breadcrumb{font-size:.9rem;color:#cfe3e4;}
.ei-breadcrumb a,.ei-breadcrumb .inlink{color:var(--ei-amber-soft);}
.ei-breadcrumb a:hover{color:#fff;}
.ei-breadcrumb span{color:#fff;}

/* product detail image */
.ei-detail-img{
  background:#fff;border:1px solid var(--ei-line);border-radius:var(--ei-radius);
  padding:1.5rem;box-shadow:var(--ei-shadow);
  display:flex;align-items:center;justify-content:center;min-height:340px;
}
.ei-detail-img img{max-height:420px;object-fit:contain;}
.ei-detail-code{
  display:inline-block;background:var(--ei-bg-mint);color:var(--ei-teal);
  padding:.5rem 1rem;border-radius:8px;font-size:.95rem;
}
.ei-detail-code strong{color:var(--ei-ink);}
.ei-detail-desc p{margin-bottom:.9rem;}
.ei-detail-meta{display:flex;flex-wrap:wrap;gap:1.2rem;padding-top:1.2rem;border-top:1px solid var(--ei-line);}
.ei-detail-meta span{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--ei-body);font-weight:500;}
.ei-detail-meta i{color:var(--ei-teal);}

/* SEO pagination links (seo_paginate_new output) */
.ei-pagination{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;}
.ei-pagination a,.ei-pagination span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 .7rem;border-radius:8px;
  border:1px solid var(--ei-line);color:var(--ei-ink);font-weight:500;background:#fff;
  text-decoration:none;transition:all .2s ease;
}
.ei-pagination a:hover{background:var(--ei-teal);color:#fff;border-color:var(--ei-teal);}
.ei-pagination .current,.ei-pagination strong{background:var(--ei-teal);color:#fff;border-color:var(--ei-teal);}

/* sidebar wrapping the legacy #cssmenu from left.php */
.ei-side #cssmenu{padding:0;}
.ei-side .left_section{padding:0;}

/* =====================================================================
   PRODUCTS sidebar — sticky on desktop, full-width below grid on mobile
   ===================================================================== */
@media (min-width:992px){
  .ei-side-sticky{position:sticky;top:90px;}
}
@media (max-width:991px){
  /* sidebar appears under the product grid, full column width, not squished */
  .ei-side-sticky{margin-top:1.5rem;}
}

/* =====================================================================
   PRODUCT-DETAILS (rich layout) — .ei-pd-* components
   ===================================================================== */
/* hero */
.ei-pd-hero{padding-top:2.2rem;}
.ei-pd-imgwrap{background:#fff;border:1px solid var(--ei-line);border-radius:var(--ei-radius);
  padding:1.5rem;box-shadow:var(--ei-shadow);display:flex;align-items:center;justify-content:center;min-height:320px;}
.ei-pd-imgwrap img{max-height:380px;object-fit:contain;}
.ei-pd-flag{display:inline-flex;align-items:center;gap:.45rem;background:var(--ei-bg-mint);color:var(--ei-teal);
  font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:.35rem .8rem;border-radius:50px;margin-bottom:.8rem;}
.ei-pd-title{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;color:var(--ei-teal-dark);margin-bottom:1.2rem;line-height:1.15;}
.ei-pd-spectable{border:1px solid var(--ei-line);border-radius:12px;overflow:hidden;margin-bottom:1.2rem;}
.ei-pd-specrow{display:flex;border-bottom:1px solid var(--ei-line);font-size:.92rem;}
.ei-pd-specrow:last-child{border-bottom:none;}
.ei-pd-specrow .k{flex:0 0 38%;background:var(--ei-bg-soft);padding:.7rem .9rem;color:var(--ei-body);font-weight:500;display:flex;align-items:center;gap:.5rem;}
.ei-pd-specrow .k i{color:var(--ei-teal);}
.ei-pd-specrow .v{flex:1;padding:.7rem .9rem;color:var(--ei-ink);}
.ei-pd-tag{display:inline-block;background:var(--ei-bg-mint);color:var(--ei-teal);padding:.2rem .7rem;border-radius:50px;font-size:.82rem;}
.ei-pd-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.3rem;}
.ei-pd-pills span{display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;color:var(--ei-body);
  background:#fff;border:1px solid var(--ei-line);padding:.35rem .8rem;border-radius:50px;}
.ei-pd-pills i{color:var(--ei-teal);}
.ei-pd-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.1rem;}
.ei-pd-micro{display:flex;flex-wrap:wrap;gap:1.1rem;font-size:.82rem;color:var(--ei-muted);}
.ei-pd-micro i{color:var(--ei-teal);margin-right:.35rem;}

/* tabs panel */
.ei-pd-panel{background:#fff;border:1px solid var(--ei-line);border-radius:var(--ei-radius);box-shadow:var(--ei-shadow);overflow:hidden;}
.ei-pd-tabs{border-bottom:1px solid var(--ei-line);padding:0 .5rem;background:var(--ei-bg-soft);}
.ei-pd-tabs .nav-link{border:none;background:none;color:var(--ei-body);font-weight:500;padding:1rem 1.2rem;border-bottom:3px solid transparent;border-radius:0;}
.ei-pd-tabs .nav-link:hover{color:var(--ei-teal);}
.ei-pd-tabs .nav-link.active{color:var(--ei-teal);border-bottom-color:var(--ei-teal);background:none;}
.ei-pd-tabbody{padding:1.8rem;}
.ei-pd-spec2{margin-top:1rem;border:1px solid var(--ei-line);}
.ei-pd-spec2 th{background:var(--ei-bg-soft);color:var(--ei-ink);font-weight:600;width:34%;padding:.7rem .9rem;border:1px solid var(--ei-line);}
.ei-pd-spec2 td{padding:.7rem .9rem;border:1px solid var(--ei-line);color:var(--ei-body);}

/* sectors block */
.ei-pd-sectors{background:#fff;border:1px solid var(--ei-line);border-radius:var(--ei-radius);box-shadow:var(--ei-shadow);padding:2.2rem;}
.ei-pd-sectors-title{text-align:center;color:var(--ei-teal-dark);font-size:1.2rem;font-weight:600;margin-bottom:.4rem;}
.ei-svc-item{display:flex;gap:.9rem;align-items:flex-start;height:100%;padding:1.1rem;border:1px solid var(--ei-line);border-radius:12px;background:var(--ei-bg-soft);transition:all .25s ease;}
.ei-svc-item:hover{transform:translateY(-4px);box-shadow:var(--ei-shadow);background:#fff;border-color:transparent;}
.ei-svc-item i{font-size:1.3rem;color:var(--ei-teal);background:var(--ei-bg-mint);width:46px;height:46px;min-width:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;}
.ei-svc-item h5{font-size:.95rem;margin:0 0 .25rem;color:var(--ei-ink);}
.ei-svc-item p{font-size:.84rem;color:var(--ei-muted);margin:0;}

/* stats panel (dark teal) */
.ei-pd-statspanel{background:linear-gradient(150deg,var(--ei-teal-dark),var(--ei-teal-deep));border-radius:var(--ei-radius);padding:1.8rem;color:#fff;height:100%;}
.ei-pd-statshead{display:flex;align-items:center;gap:.6rem;font-size:1.1rem;margin-bottom:1.2rem;}
.ei-pd-statshead i{color:var(--ei-amber);font-size:1.4rem;}
.ei-pd-statshead small{color:#bfe0e2;font-weight:400;font-size:.8rem;}
.ei-pd-statbox{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:1.1rem;text-align:left;height:100%;}
.ei-pd-statbox .n{display:block;font-size:1.7rem;font-weight:700;color:var(--ei-amber);line-height:1;}
.ei-pd-statbox .l{display:block;margin-top:.35rem;font-size:.78rem;color:#cfe7e8;}
.ei-pd-quote{margin-top:1.3rem;padding:1rem 1.1rem;background:rgba(0,0,0,.18);border-left:3px solid var(--ei-amber);border-radius:8px;font-size:.85rem;font-style:italic;color:#e8f3f3;}
.ei-pd-quote i{color:var(--ei-amber);margin-right:.4rem;}

/* bulk/tender supply */
.ei-pd-bulk{background:#fff;border:1px solid var(--ei-line);border-radius:var(--ei-radius);box-shadow:var(--ei-shadow);padding:1.8rem;height:100%;}
.ei-pd-bulk h3{color:var(--ei-teal-dark);font-size:1.25rem;display:flex;align-items:center;margin-bottom:.8rem;}
.ei-pd-bulk h3 i{color:var(--ei-teal);}
.ei-pd-dest-title{font-size:1rem;color:var(--ei-ink);margin:1.1rem 0 .7rem;}
.ei-pd-dest-title i{color:var(--ei-teal);}
.ei-pd-dest-row{display:flex;gap:1rem;padding:.7rem 0;border-bottom:1px dashed var(--ei-line);font-size:.9rem;}
.ei-pd-dest-row .region{flex:0 0 130px;font-weight:600;color:var(--ei-teal);display:flex;align-items:center;gap:.4rem;}
.ei-pd-dest-row .list{flex:1;color:var(--ei-body);}
.ei-pd-dest-note{font-size:.84rem;color:var(--ei-muted);margin:.9rem 0 1.2rem;}

/* sticky contact CTA bar */
.ei-pd-stickycta{position:sticky;bottom:0;z-index:40;background:linear-gradient(120deg,var(--ei-teal),var(--ei-teal-dark));box-shadow:0 -6px 20px rgba(0,0,0,.15);}
.ei-pd-stickycta-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;color:#fff;flex-wrap:wrap;}
.ei-pd-stickycta .msg{display:flex;align-items:center;gap:.8rem;}
.ei-pd-stickycta .msg i{font-size:1.6rem;color:var(--ei-amber);}
.ei-pd-stickycta .msg small{color:#cfe7e8;}
@media(max-width:767px){
  .ei-pd-stickycta-inner{justify-content:center;text-align:center;}
  .ei-pd-dest-row{flex-direction:column;gap:.2rem;}
  .ei-pd-dest-row .region{flex:none;}
}

/* =====================================================================
   SEARCH / RANGE / CART / TENDERS page components
   ===================================================================== */
/* search form box */
.ei-search-box{background:#fff;border:1px solid var(--ei-line);border-radius:var(--ei-radius);box-shadow:var(--ei-shadow);padding:1.6rem;}
.ei-search-box h4{color:var(--ei-teal-dark);}
.ei-search-box .form-label{font-size:.9rem;color:var(--ei-body);margin-bottom:.3rem;}
.ei-search-box .form-control{border:1px solid var(--ei-line);border-radius:8px;padding:.6rem .8rem;}
.ei-search-box .form-control:focus{border-color:var(--ei-teal);box-shadow:0 0 0 .2rem rgba(15,110,124,.15);}

/* A-Z index */
.ei-az-group{margin-bottom:1.8rem;}
.ei-az-letter{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;
  background:linear-gradient(135deg,var(--ei-teal),var(--ei-teal-dark));color:#fff;font-weight:700;font-size:1.2rem;margin-bottom:.8rem;}
.ei-az-link{display:block;padding:.45rem .2rem;color:var(--ei-body);font-size:.92rem;border-bottom:1px solid rgba(0,0,0,.04);transition:all .2s ease;}
.ei-az-link i{color:var(--ei-amber);margin-right:.3rem;}
.ei-az-link:hover{color:var(--ei-teal);padding-left:.6rem;}

/* cart / request bag */
.ei-cart-panel{background:#fff;border:1px solid var(--ei-line);border-radius:var(--ei-radius);box-shadow:var(--ei-shadow);padding:1.8rem;}
.ei-cart-table thead th{background:var(--ei-bg-soft);color:var(--ei-ink);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--ei-line);}
.ei-cart-table td{vertical-align:middle;border-bottom:1px solid var(--ei-line);color:var(--ei-body);}
.ei-qty{width:70px;text-align:center;border:1px solid var(--ei-line);border-radius:8px;padding:.4rem;}
.ei-cart-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.3rem;}
.ei-cart-empty{color:var(--ei-muted);}
.ei-cart-empty i{color:var(--ei-line);}

/* tender countries — flag cards grid */
.ei-flag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.8rem;}
.ei-flag-card{display:flex;align-items:center;gap:.7rem;background:#fff;border:1px solid var(--ei-line);
  border-radius:10px;padding:.7rem .9rem;box-shadow:var(--ei-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.ei-flag-card:hover{transform:translateY(-3px);box-shadow:var(--ei-shadow-lg);border-color:var(--ei-teal);}
.ei-flag-emoji{font-size:1.5rem;line-height:1;flex:0 0 auto;
  font-family:"Twemoji Mozilla","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;}
.ei-flag-name{font-size:.88rem;color:var(--ei-ink);font-weight:500;line-height:1.2;}
@media(max-width:575px){
  .ei-flag-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;}
  .ei-flag-emoji{font-size:1.3rem;}
  .ei-flag-name{font-size:.82rem;}
}

/* responsive cart table -> stacked cards on mobile */
@media(max-width:575px){
  .ei-cart-table thead{display:none;}
  .ei-cart-table tbody tr{display:block;border:1px solid var(--ei-line);border-radius:10px;margin-bottom:.8rem;padding:.5rem;}
  .ei-cart-table tbody td{display:flex;justify-content:space-between;border:none;padding:.4rem .6rem;}
  .ei-cart-table tbody td::before{content:attr(data-content);font-weight:600;color:var(--ei-ink);}
  .ei-qty{width:90px;}
}

/* =====================================================================
   SEARCH RESULTS — horizontal result cards
   ===================================================================== */
.ei-result-list{display:flex;flex-direction:column;gap:1.2rem;}
.ei-result-card{background:#fff;border:1px solid var(--ei-line);border-radius:var(--ei-radius);
  box-shadow:var(--ei-shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;}
.ei-result-card:hover{transform:translateY(-3px);box-shadow:var(--ei-shadow-lg);}
.ei-result-img{display:flex;align-items:center;justify-content:center;background:var(--ei-bg-soft);
  height:100%;min-height:200px;padding:1rem;}
.ei-result-img img{max-width:100%;max-height:200px;object-fit:contain;}
.ei-result-body{padding:1.5rem;}
.ei-result-body h3{font-size:1.15rem;margin:0 0 .5rem;}
.ei-result-body h3 a{color:var(--ei-teal-dark);}
.ei-result-body h3 a:hover{color:var(--ei-teal);}
.ei-result-desc{color:var(--ei-body);font-size:.92rem;margin:.7rem 0 1rem;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.ei-result-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;}
@media(max-width:767px){
  .ei-result-img{min-height:180px;}
}