/* ===================== Educational-Mart — Custom Styles ===================== */
:root{
  --brand:#0d4f8b;          /* deep professional blue */
  --brand-dark:#093a68;
  --accent:#f26b21;         /* warm orange accent */
  --accent-dark:#d9551a;
  --ink:#1d2733;
  --font-head:'Sora',system-ui,sans-serif;
  --font-body:'DM Sans',system-ui,sans-serif;
}
*{font-family:var(--font-body);}
body{color:var(--ink);}
h1,h2,h3,h4,.brand-logo,.stat-num{font-family:var(--font-head);}
.fw-800{font-weight:800;}

/* utility colors */
.text-primary-brand{color:var(--brand)!important;}
.text-accent{color:var(--accent)!important;}
.bg-primary-brand{background:var(--brand)!important;}
.bg-accent{background:var(--accent)!important;}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff;}
.btn-accent:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff;}
.link-light:hover{opacity:.85;}

/* topbar */
.topbar{background:var(--brand);font-size:.85rem;}

/* header */
.brand-logo{font-weight:800;font-size:1.5rem;color:var(--brand);letter-spacing:-.5px;}
.navbar .nav-link{color:#374151;}
.navbar .nav-link:hover,.navbar .nav-link:focus{color:var(--brand);}
.text-primary-brand.text-decoration-none:hover{color:var(--brand-dark)!important;}
.dropdown-item:hover{background:#eef3f9;color:var(--brand);}

/* hero */
.hero{min-height:60vh;display:flex;align-items:center;background:var(--brand-dark);overflow:hidden;}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,58,104,.92),rgba(9,58,104,.55) 60%,rgba(9,58,104,.2));z-index:1;}
.hero .container{z-index:2;}
.hero-content{animation:fadeUp .8s ease both;}
.badge-accent{background:var(--accent);color:#fff;font-weight:700;letter-spacing:1px;padding:.45em .9em;border-radius:50rem;font-size:.7rem;}
.lead-sm{font-size:1.02rem;line-height:1.7;}

/* rules / dividers */
.rule-accent{display:inline-block;width:46px;height:3px;background:var(--accent);border-radius:3px;}
.rule-light{width:54px;height:3px;background:rgba(255,255,255,.4);border-radius:3px;}

/* check list */
.list-check{list-style:none;padding-left:0;}
.list-check li{position:relative;padding-left:1.6rem;margin-bottom:.35rem;}
.list-check li::before{content:"\F26E";font-family:"bootstrap-icons";position:absolute;left:0;color:var(--accent);font-weight:bold;}

/* image frames */
.img-frame{position:relative;border-radius:1rem;overflow:hidden;min-height:220px;background:#e9eef5;}
.img-frame.img-fallback{background:linear-gradient(135deg,var(--brand),var(--accent));}
.feature-img{width:100%;height:100%;object-fit:cover;min-height:260px;}

/* feature cards */
.feature-card{border-radius:1rem;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.08);height:100%;}

/* category tiles */
.tile{position:relative;display:block;border-radius:.6rem;overflow:hidden;height:230px;}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.tile:hover img{transform:scale(1.08);}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(9,58,104,.85));}
.tile.tile-fallback{background:linear-gradient(135deg,var(--brand),var(--accent));}
.tile-label{position:absolute;left:0;right:0;bottom:16px;z-index:2;color:#fff;font-weight:700;text-align:center;font-family:var(--font-head);padding:0 .5rem;}

/* info panels */
.info-panel{background:#fff;border:1px solid #e6ebf2;border-left:5px solid var(--brand);border-radius:.8rem;padding:1.8rem;}
.info-panel-accent{border-left-color:var(--accent);}

/* stats */
.stat-num{font-size:2.2rem;font-weight:800;color:#fff;}
.stat-label{opacity:.85;font-weight:600;}

/* certifications */
.cert-card{background:#fff;border:1px solid #e6ebf2;border-radius:.8rem;padding:1.4rem;text-align:center;transition:.3s;height:100%;}
.cert-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);}
.cert-card i{font-size:2.4rem;color:var(--brand);}
.cert-card span{display:block;margin-top:.6rem;font-weight:600;color:#555;font-size:.9rem;}

/* marquee */
.marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}
.marquee-track{display:flex;gap:.9rem;width:max-content;animation:scroll 60s linear infinite;}
.marquee:hover .marquee-track{animation-play-state:paused;}
.marquee-track span{flex:0 0 auto;padding:.6rem 1.3rem;border-radius:.5rem;background:rgba(13,79,139,.08);color:var(--brand);font-weight:600;white-space:nowrap;}
.marquee-track span:nth-child(even){background:rgba(242,107,33,.1);color:var(--accent-dark);}

/* why cards */
.why-card{padding:1.2rem .8rem;height:100%;}
.why-card i{font-size:2.3rem;color:var(--brand);}

/* testimonials */
.testimonial-card{background:#fff;border:1px solid #eee;border-radius:.9rem;padding:1.6rem;box-shadow:0 4px 10px rgba(0,0,0,.05);}
.testimonial-featured{border:2px solid var(--brand);box-shadow:0 16px 32px rgba(13,79,139,.15);}

/* faq */
.faq{max-width:820px;}
.accordion-button:not(.collapsed){color:var(--brand);background:#eef3f9;box-shadow:none;}
.accordion-button:focus{box-shadow:none;border-color:#dbe5f0;}

/* seo strip */
.seo-strip{background:#f5f7fa;border-top:1px solid #e6ebf2;}
.seo-strip a{color:var(--brand);text-decoration:none;font-weight:600;}
.seo-strip a:hover{text-decoration:underline;}

/* footer */
.footer{background:var(--brand-dark);}
.footer-head{border-bottom:2px solid var(--accent);padding-bottom:.5rem;display:inline-block;margin-bottom:1rem;}
.footer-contact li,.footer-links li{margin-bottom:.5rem;}
.footer-contact i{color:var(--accent);margin-right:.4rem;}
.footer a{color:#cdd7e3;text-decoration:none;}
.footer a:hover{color:#fff;}
.footer-bottom{background:var(--accent);}

/* whatsapp float */
.wa-float{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.7rem;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:1050;transition:transform .25s;}
.wa-float:hover{transform:scale(1.1);color:#fff;}

/* animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

@media(max-width:768px){
  .hero{min-height:48vh;}
  .stat-num{font-size:1.7rem;}
}

/* ===================== horizontal main menu ===================== */
.main-menu .nav-link{color:#2b3440;padding:.4rem 1rem;position:relative;}
.main-menu .nav-link:hover,.main-menu .nav-link.active{color:var(--brand);}
.main-menu .nav-link::after{content:"";position:absolute;left:1rem;right:1rem;bottom:2px;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .25s;}
.main-menu .nav-link:hover::after{transform:scaleX(1);}
.brand-logo{font-weight:800;font-size:1.7rem;color:var(--brand);letter-spacing:-.5px;}
.dropdown-item:hover{background:#eef3f9;color:var(--brand);}

/* ===================== logo banner / colour nav (legacy partials, kept) ===================== */
.logo-banner{padding:14px 0;border-bottom:1px solid #eef0f3;}
.logo-banner-img{max-height:130px;width:auto;}
.nav-color .nav-link{border-left:1px solid #fff;color:#fff;}
.nav-color .nc-1{background:#03bada;}.nav-color .nc-2{background:#cadb03;color:#222;}
.nav-color .nc-3{background:#ecc464;color:#222;}.nav-color .nc-4{background:#6e8bf3;}
.nav-color .nc-5{background:#c3112f;}.nav-color .nc-6{background:#b7b85b;color:#222;}
.nav-color .nc-7{background:#f7b900;color:#222;}

/* ===================== scrolling flag marquee ===================== */
.countries-section{background:radial-gradient(circle at 20% 20%,rgba(13,79,139,.04),transparent 60%),radial-gradient(circle at 80% 80%,rgba(242,107,33,.05),transparent 55%);overflow:hidden;}
.flag-marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.flag-track{display:flex;gap:1rem;width:max-content;animation:flagscroll 80s linear infinite;padding:.5rem 0;}
.flag-marquee:hover .flag-track{animation-play-state:paused;}
.flag-card{flex:0 0 auto;width:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:#fff;border:1px solid #e9eef4;border-radius:.9rem;padding:1.1rem .6rem;text-align:center;transition:transform .25s,box-shadow .25s,border-color .25s;}
.flag-card:hover{transform:translateY(-6px);box-shadow:0 12px 26px rgba(13,79,139,.16);border-color:var(--brand);}
.flag-emoji{font-size:2.1rem;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12));}
.flag-name{font-size:.82rem;font-weight:600;color:#37414d;}
@keyframes flagscroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(max-width:640px){.flag-track{animation-duration:55s;}.flag-card{width:108px;}}

/* ===================== hero carousel (6 banners) ===================== */
.hero-carousel .hero{min-height:60vh;}
.hero-carousel .carousel-indicators{margin-bottom:1rem;z-index:3;}
.hero-carousel .carousel-indicators [data-bs-target]{width:32px;height:5px;border-radius:5px;background:rgba(255,255,255,.55);border:0;}
.hero-carousel .carousel-indicators .active{background:var(--accent);}
.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{width:6%;z-index:3;opacity:.65;}
.hero-carousel .carousel-control-prev:hover,.hero-carousel .carousel-control-next:hover{opacity:1;}
@media(max-width:768px){.hero-carousel .hero{min-height:48vh;}.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{display:none;}}

/* ===================== product range + trust cards ===================== */
.range-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9rem;background:#fff;border:1px solid #e9eef4;border-radius:1rem;padding:1.8rem 1.4rem;transition:transform .25s,box-shadow .25s,border-color .25s;}
.range-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(13,79,139,.13);border-color:var(--brand);}
.range-ic{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(13,79,139,.1);color:var(--brand);font-size:1.7rem;transition:.25s;}
.range-card:hover .range-ic{background:var(--brand);color:#fff;}

.trust-card{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #e9eef4;border-left:4px solid var(--accent);border-radius:.9rem;padding:1.3rem 1.4rem;transition:transform .25s,box-shadow .25s;}
.trust-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(242,107,33,.14);}
.trust-ic{flex:0 0 auto;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:.7rem;background:rgba(242,107,33,.12);color:var(--accent);font-size:1.4rem;}

/* ===================== exporter / tenders panels (redesigned) ===================== */
.exporter-section{background:linear-gradient(180deg,#fff 0%,#f6f8fb 100%);}
.exporter-card{position:relative;background:#fff;border:1px solid #e7edf4;border-radius:1.2rem;padding:2.2rem;box-shadow:0 10px 30px rgba(13,79,139,.07);overflow:hidden;transition:transform .3s,box-shadow .3s;}
.exporter-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(13,79,139,.14);}
.exporter-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;}
.exporter-card--blue::before{background:linear-gradient(90deg,var(--brand),#3f7fd6);}
.exporter-card--orange::before{background:linear-gradient(90deg,var(--accent),#ff8a4d);}
.exporter-card::after{content:"";position:absolute;right:-40px;bottom:-40px;width:150px;height:150px;border-radius:50%;opacity:.06;}
.exporter-card--blue::after{background:var(--brand);}
.exporter-card--orange::after{background:var(--accent);}
.exporter-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem;}
.exporter-ic{flex:0 0 auto;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:linear-gradient(135deg,var(--brand),#3f7fd6);color:#fff;font-size:1.7rem;box-shadow:0 8px 18px rgba(13,79,139,.3);}
.exporter-ic--orange{background:linear-gradient(135deg,var(--accent),#ff8a4d);box-shadow:0 8px 18px rgba(242,107,33,.3);}
.exporter-card p{color:#4a5763;line-height:1.7;font-size:.95rem;position:relative;z-index:1;}
.exporter-card strong{color:var(--ink);font-weight:700;}
.exporter-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.3rem;position:relative;z-index:1;}
.exporter-chips span{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;padding:.4rem .8rem;border-radius:50rem;background:rgba(13,79,139,.08);color:var(--brand);}
.exporter-chips--orange span{background:rgba(242,107,33,.1);color:var(--accent-dark);}

/* ===================== feature media column (image + CTA, balanced height) ===================== */
.feature-media{display:flex;flex-direction:column;}
.feature-media .img-frame{display:flex;}
.feature-media .feature-img{width:100%;height:100%;object-fit:cover;min-height:240px;}
.btn-primary-brand{background:var(--brand);border-color:var(--brand);color:#fff;}
.btn-primary-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;}

/* ===================== feature split cards (redesigned, attractive) ===================== */
.features-section{background:linear-gradient(180deg,#f6f8fb 0%,#fff 100%);}
.feature-split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#fff;border-radius:1.4rem;overflow:hidden;box-shadow:0 14px 40px rgba(13,79,139,.10);transition:transform .35s,box-shadow .35s;}
.feature-split:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(13,79,139,.18);}
.feature-split--rev .feature-split-img{order:2;}
.feature-split--rev .feature-split-body{order:1;}
.feature-split-img{position:relative;min-height:340px;height:100%;overflow:hidden;}
.feature-split-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;display:block;}
.feature-split:hover .feature-split-img img{transform:scale(1.06);}
.feature-split-img.img-fallback{background:linear-gradient(135deg,var(--brand),var(--accent));}
.feature-badge{position:absolute;top:1.2rem;left:1.2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:rgba(255,255,255,.92);color:var(--brand);font-size:1.6rem;box-shadow:0 8px 20px rgba(0,0,0,.18);backdrop-filter:blur(4px);}
.feature-badge--orange{color:var(--accent);}
.feature-split-body{padding:2.6rem;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;}
.feature-split-body.theme-blue{background:linear-gradient(135deg,var(--brand) 0%,#0a3f74 100%);}
.feature-split-body.theme-orange{background:linear-gradient(135deg,var(--accent) 0%,#c9521a 100%);}
.feature-split-body::after{content:"";position:absolute;right:-30px;bottom:-30px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.07);}
.feature-tag{display:inline-block;align-self:flex-start;text-transform:uppercase;letter-spacing:1px;font-size:.72rem;font-weight:700;padding:.35rem .8rem;border-radius:50rem;background:rgba(255,255,255,.18);}
.feature-split-body h3{position:relative;z-index:1;}
.feature-split-body p{color:rgba(255,255,255,.92);line-height:1.7;font-size:.95rem;position:relative;z-index:1;}
.feature-split-body .btn-light{align-self:flex-start;color:var(--brand);border-radius:50rem;padding:.55rem 1.4rem;position:relative;z-index:1;}
.feature-split-body.theme-orange .btn-light{color:var(--accent-dark);}
.feature-split-body .btn-light:hover{transform:translateX(3px);}
@media(max-width:768px){
  .feature-split{grid-template-columns:1fr;}
  .feature-split--rev .feature-split-img{order:1;}
  .feature-split--rev .feature-split-body{order:2;}
  .feature-split-img{min-height:230px;}
  .feature-split-body{padding:1.8rem;}
}

/* ===================== inner pages ===================== */
.page-hero{background:linear-gradient(135deg,var(--brand) 0%,#0a3f74 100%);color:#fff;padding:2.4rem 0;position:relative;}
.page-hero h1{font-size:1.8rem;}
.page-crumbs{font-size:.85rem;margin-bottom:.5rem;color:rgba(255,255,255,.75);}
.page-crumbs a{color:rgba(255,255,255,.9);text-decoration:none;}
.page-crumbs a:hover{color:#fff;text-decoration:underline;}
.page-crumbs i{font-size:.7rem;margin:0 .25rem;}

/* sidebar */
.cat-sidebar{background:#fff;border:1px solid #e7edf4;border-radius:1rem;overflow:hidden;box-shadow:0 6px 18px rgba(13,79,139,.06);}
.cat-sidebar-head{background:var(--ink);color:#fff;font-weight:700;font-family:var(--font-head);padding:.85rem 1.1rem;}
.cat-list li{border-bottom:1px solid #eef2f6;}
.cat-list li:last-child{border-bottom:0;}
.cat-list a{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;color:#37414d;text-decoration:none;font-weight:500;font-size:.92rem;transition:.2s;}
.cat-list a:hover{background:#f3f7fc;color:var(--brand);padding-left:1.4rem;}
.cat-list a i{font-size:.7rem;color:var(--accent);}
.cat-catalogue{display:block;margin-top:1rem;border-radius:1rem;overflow:hidden;position:relative;}
.cat-catalogue-fallback{display:flex;align-items:center;justify-content:center;min-height:160px;background:linear-gradient(135deg,var(--accent),var(--brand));border-radius:1rem;}
.cat-catalogue-fallback-text{display:none;color:#fff;font-weight:700;gap:.4rem;align-items:center;}
.cat-catalogue-fallback .cat-catalogue-fallback-text{display:flex;}

/* contact cards */
.contact-card{background:#fff;border:1px solid #e7edf4;border-top:4px solid var(--brand);border-radius:1rem;padding:1.8rem;box-shadow:0 8px 24px rgba(13,79,139,.07);}
.contact-ic{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:.9rem;background:rgba(13,79,139,.1);color:var(--brand);font-size:1.5rem;margin-bottom:1rem;}
.contact-lines li{padding:.35rem 0;}
.contact-lines i{color:var(--accent);width:22px;}
.contact-lines a{color:var(--ink);text-decoration:none;font-weight:600;}
.contact-lines a:hover{color:var(--brand);}
.contact-banner{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--accent),#c9521a);color:#fff;border-radius:1rem;padding:1.6rem 1.8rem;}
.contact-banner .btn-light{color:var(--accent-dark);border-radius:50rem;}

/* prose + profile stats */
.content-prose p{color:#4a5763;line-height:1.8;margin-bottom:1rem;text-align:justify;}
.profile-stat{background:#fff;border:1px solid #e7edf4;border-radius:1rem;padding:1.3rem;text-align:center;box-shadow:0 6px 18px rgba(13,79,139,.06);}
.profile-num{display:block;font-family:var(--font-head);font-weight:800;font-size:1.7rem;color:var(--brand);}
.profile-lbl{font-size:.85rem;color:#6b7682;font-weight:600;}

/* product grid (inner) */
.ip-head{font-family:var(--font-head);font-weight:800;color:var(--ink);font-size:1.5rem;margin-bottom:.3rem;}
.ip-crumb{color:#6b7682;font-size:.9rem;margin-bottom:1.2rem;}
.cat-tile{display:block;background:#fff;border:1px solid #e7edf4;border-radius:1rem;overflow:hidden;text-decoration:none;transition:.25s;height:100%;}
.cat-tile:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(13,79,139,.14);}
.cat-tile-img{height:150px;display:flex;align-items:center;justify-content:center;background:#f4f7fb;overflow:hidden;}
.cat-tile-img img{max-width:100%;max-height:100%;object-fit:contain;}
.cat-tile-name{background:var(--ink);color:#fff;text-align:center;font-weight:600;padding:.7rem .5rem;font-size:.9rem;}
.prod-card{background:#fff;border:1px solid #e7edf4;border-radius:1rem;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:.25s;min-width:0;word-break:break-word;overflow-wrap:anywhere;}
.prod-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(13,79,139,.14);}
.prod-card-img{height:200px;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:1rem;overflow:hidden;}
.prod-card-img img{max-width:100%;max-height:100%;object-fit:contain;}
.prod-card-img.img-fallback{background:linear-gradient(135deg,var(--brand),var(--accent));}
.prod-card-body{padding:1.1rem;display:flex;flex-direction:column;flex-grow:1;min-width:0;}
.prod-card-body h3{font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:.4rem;}
.prod-code{font-size:.8rem;color:#6b7682;margin-bottom:.5rem;}
.prod-desc{font-size:.85rem;color:#5a6671;flex-grow:1;margin-bottom:.9rem;}
.prod-actions{display:flex;gap:.5rem;}
.prod-actions .btn{flex:1;border-radius:50rem;font-size:.8rem;font-weight:600;padding:.45rem .5rem;}
.ip-pagination{display:flex;justify-content:center;gap:.35rem;margin-top:2rem;flex-wrap:wrap;}
.ip-pagination a,.ip-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 .6rem;border-radius:.6rem;border:1px solid #e0e7ef;text-decoration:none;color:var(--brand);font-weight:600;background:#fff;}
.ip-pagination a:hover{background:var(--brand);color:#fff;border-color:var(--brand);}
.ip-pagination .current,.ip-pagination strong{background:var(--brand);color:#fff;border-color:var(--brand);}

/* search */
.search-panel{background:#fff;border:1px solid #e7edf4;border-radius:1rem;padding:1.6rem;box-shadow:0 6px 18px rgba(13,79,139,.06);}
.alpha-row{display:flex;flex-wrap:wrap;gap:.35rem;}
.alpha-row a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:.5rem;border:1px solid #e0e7ef;text-decoration:none;color:var(--brand);font-weight:700;}
.alpha-row a:hover{background:var(--brand);color:#fff;}

/* trust strip */
.trust-strip{background:#f4f7fb;border-top:1px solid #e7edf4;}
.trust-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);font-weight:600;}
.trust-ic-circle{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:2px solid var(--accent);color:var(--accent);font-size:1.4rem;transition:.25s;}
.trust-item:hover .trust-ic-circle{background:var(--accent);color:#fff;transform:translateY(-4px);}
.trust-label{font-size:.85rem;}

/* cart table */
.cart-table th{font-size:.85rem;}
.cart-table td{vertical-align:middle;}

/* ============ V2 CAROUSEL OVERRIDES (defeat template /css/style.css conflicts) ============ */
.em-home section{position:relative;width:auto;}
.em-home .container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}
.em-home img{max-width:100%;height:auto;}
.em-home .carousel{position:relative!important;}
.em-home .carousel-inner{position:relative!important;width:100%!important;overflow:hidden!important;}
.em-home .carousel-item{position:relative!important;display:none!important;float:none!important;width:100%!important;margin:0!important;backface-visibility:hidden;transition:transform .6s ease-in-out;}
.em-home .carousel-item.active{display:block!important;}
.em-home .carousel-item .hero{position:relative!important;width:100%!important;min-height:60vh!important;display:flex!important;align-items:center!important;}
.em-home .hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important;z-index:0!important;}
.em-home .hero-overlay{position:absolute!important;inset:0!important;z-index:1!important;}
.em-home .hero .container{position:relative!important;z-index:2!important;}
.em-home .hero-content *{color:#fff;}
.em-home .carousel-indicators{position:absolute!important;bottom:0;left:0;right:0;display:flex!important;justify-content:center;}
.em-home .carousel-control-prev,.em-home .carousel-control-next{position:absolute!important;top:0;bottom:0;display:flex!important;align-items:center;}
@media(max-width:768px){.em-home .carousel-item .hero{min-height:48vh!important;}}

/* ============ V2 header/footer additions (Bootstrap 5 chrome) ============ */
.header-logo{max-height:54px;width:auto;}
.topbar-search .form-control{max-width:220px;border:0;border-radius:50rem 0 0 50rem;font-size:.82rem;}
.topbar-search .btn{border-radius:0 50rem 50rem 0;}
.footer-logo{max-height:56px;width:auto;background:#fff;padding:6px 10px;border-radius:.5rem;}
.footer-seo{border-top:1px solid rgba(255,255,255,.12);}
.footer-fine{font-size:.74rem;color:#8d9bab;line-height:1.7;margin-bottom:.6rem;}
.footer-links a.active{color:var(--accent);}


/* ensure topbar links readable */
.topbar a{color:#fff;}
.topbar a:hover{color:#ffd9c2;}

/* ============ products / product-detail extras ============ */
.cat-list .submenu li a{padding:.45rem 1.1rem .45rem 1.6rem;font-size:.85rem;color:#5a6671;}
.cat-list .submenu li a:hover{color:var(--brand);}
.cat-list .submenu{background:#fbfcfe;border-top:1px solid #eef2f6;}
.prod-detail-img img{max-height:420px;object-fit:contain;}
.nav-tabs .nav-link{color:var(--ink);font-weight:600;}
.nav-tabs .nav-link.active{color:var(--brand);border-color:#dee2e6 #dee2e6 #fff;}
.loading_bar{display:none;}

/* ============ Redesigned footer (CTA + social) ============ */
.footer-cta{background:linear-gradient(135deg,var(--accent) 0%,#c9521a 100%);padding:2.2rem 0;position:relative;overflow:hidden;}
.footer-cta::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08);}
.footer-cta .btn-light{color:var(--accent-dark);border-radius:50rem;padding:.6rem 1.4rem;}
.footer-cta .btn-outline-light{border-radius:50rem;padding:.6rem 1.4rem;}
.footer{background:var(--brand-dark);}
.footer-head{position:relative;padding-bottom:.6rem;margin-bottom:1rem;color:#fff;}
.footer-head::after{content:"";position:absolute;left:0;bottom:0;width:38px;height:3px;background:var(--accent);border-radius:3px;}
.footer-about{color:#aebbc9;font-size:.9rem;line-height:1.7;}
.footer-links li{margin-bottom:.55rem;}
.footer-links a{color:#cdd7e3;text-decoration:none;transition:.2s;font-size:.92rem;}
.footer-links a:hover{color:#fff;padding-left:5px;}
.footer-links a.active{color:var(--accent);}
.footer-contact li{display:flex;gap:.6rem;margin-bottom:.7rem;color:#aebbc9;font-size:.9rem;line-height:1.5;}
.footer-contact i{color:var(--accent);margin-top:.15rem;}
.footer-contact a{color:#cdd7e3;text-decoration:none;}
.footer-contact a:hover{color:#fff;}
.footer-social{display:flex;gap:.6rem;margin-top:1rem;}
.footer-social a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:1.05rem;transition:.25s;}
.footer-social a:hover{background:var(--accent);transform:translateY(-3px);}
.footer-bottom{background:rgba(0,0,0,.25);color:#aebbc9;}
.footer-bottom a{color:#cdd7e3;}
.footer-logo{max-height:56px;width:auto;background:#fff;padding:6px 10px;border-radius:.5rem;}

/* ============ Redesigned header (topbar links + actions) ============ */
.topbar{background:linear-gradient(90deg,var(--brand) 0%,var(--brand-dark) 100%);font-size:.85rem;}
.topbar-link{color:#fff;text-decoration:none;display:inline-flex;align-items:center;font-weight:600;transition:.2s;}
.topbar-link:hover{color:#ffd9c2;}
.topbar-wa{background:#25D366;padding:.2rem .7rem;border-radius:50rem;}
.topbar-wa:hover{background:#1ebe57;color:#fff;}
.em-header .navbar-brand .header-logo{max-height:56px;width:auto;}
.header-actions .header-search .form-control{max-width:160px;border-radius:50rem 0 0 50rem;border-right:0;font-size:.85rem;}
.header-actions .header-search .btn{border-radius:0 50rem 50rem 0;}
.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .7rem;border-radius:50rem;background:rgba(13,79,139,.08);color:var(--brand);font-size:1.1rem;text-decoration:none;font-weight:600;transition:.25s;}
.header-icon-btn:hover,.header-icon-btn.active{background:var(--brand);color:#fff;}
@media(max-width:1199px){
  .header-actions{margin-top:.8rem;flex-wrap:wrap;}
  .header-actions .header-search{flex:1 1 auto;}
  .header-actions .header-search .form-control{max-width:none;width:100%;}
  .header-icon-btn{width:100%;justify-content:flex-start;border-radius:.5rem;margin-top:.3rem;}
}

/* ============ Blog / Articles ============ */
.blog-card{display:block;background:#fff;border:1px solid #e7edf4;border-radius:1rem;overflow:hidden;text-decoration:none;box-shadow:var(--shadow);transition:.3s;}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.blog-card-img{height:200px;overflow:hidden;background:#f4f7fb;}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:.5s;}
.blog-card:hover .blog-card-img img{transform:scale(1.07);}
.blog-card-body{padding:1.2rem;}
.blog-date{font-size:.78rem;color:var(--accent);font-weight:600;}
.blog-title{font-family:var(--font-head);font-weight:700;font-size:1.05rem;color:var(--ink);margin:.4rem 0 .5rem;line-height:1.35;}
.blog-brief{font-size:.88rem;color:var(--muted);margin-bottom:.8rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.blog-more{font-weight:600;color:var(--brand);font-size:.85rem;}
.blog-card:hover .blog-more{color:var(--accent);}
.article-hero-img img{width:100%;max-height:420px;object-fit:cover;}
.article-meta{color:var(--muted);font-size:.9rem;}
.article-detail .content-prose img{max-width:100%;height:auto;border-radius:.6rem;margin:1rem 0;}

/* ============ Top bar = SEO keyword strip ============ */
.topbar{background:linear-gradient(90deg,var(--brand) 0%,var(--brand-dark) 100%);}
.topbar-seo{font-size:.78rem;color:rgba(255,255,255,.82);padding:.45rem 0;text-align:center;line-height:1.5;font-weight:500;letter-spacing:.2px;}
@media(max-width:640px){.topbar-seo{font-size:.7rem;}}

/* ============ Floating action buttons ============ */
.float-stack{position:fixed;right:18px;bottom:18px;z-index:1050;display:flex;flex-direction:column;gap:12px;}
.float-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.22);transition:transform .25s,box-shadow .25s;}
.float-btn:hover{transform:translateY(-4px) scale(1.06);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.28);}
.float-wa{background:#25D366;}
.float-wa:hover{background:#1ebe57;}
.float-mail{background:var(--brand);}
.float-mail:hover{background:var(--brand-dark);}
.float-top{background:var(--accent);}
.float-top:hover{background:var(--accent-dark);}
@media(max-width:640px){.float-stack{right:12px;bottom:12px;gap:10px;}.float-btn{width:46px;height:46px;font-size:1.3rem;}}

/* ============ Article share buttons ============ */
.article-share{border-top:1px solid #e7edf4;}
.share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;font-size:1.1rem;text-decoration:none;margin-right:.4rem;transition:.25s;}
.share-btn:hover{transform:translateY(-3px);color:#fff;}
.share-fb{background:#1877f2;}
.share-x{background:#111;}
.share-in{background:#0a66c2;}
.share-wa{background:#25D366;}

/* ============ Footer keyword pills ============ */
.footer-keywords{border-top:1px solid rgba(255,255,255,.12);}
.kw-pills{display:flex;flex-wrap:wrap;gap:.5rem;}
.kw-pill{display:inline-block;padding:.35rem .8rem;border-radius:50rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#cdd7e3;font-size:.78rem;font-weight:500;text-decoration:none;transition:.2s;line-height:1.3;}
.kw-pill:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px);}

/* ============ Homepage blog scroller (3 visible + scroll) ============ */
.blog-scroller{display:flex;gap:1.5rem;overflow-x:auto;padding:.5rem .25rem 1.25rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--brand) #e7edf4;}
.blog-scroller::-webkit-scrollbar{height:8px;}
.blog-scroller::-webkit-scrollbar-track{background:#e7edf4;border-radius:50rem;}
.blog-scroller::-webkit-scrollbar-thumb{background:var(--brand);border-radius:50rem;}
.blog-scroll-item{flex:0 0 calc((100% - 3rem) / 3);scroll-snap-align:start;}
@media(max-width:991px){.blog-scroll-item{flex:0 0 calc((100% - 1.5rem) / 2);}}
@media(max-width:640px){.blog-scroll-item{flex:0 0 86%;}}

/* ============ About page tweaks ============ */
.feature-card .range-ic{margin-left:auto;margin-right:auto;}
.info-panel .list-check li{color:#3a4651;}



/* ============ Educational-Mart brand logo (badge + name + tagline) ============ */
.em-brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;line-height:1;}
.em-brand-badge{flex:0 0 auto;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:.8rem;background:var(--brand-dark);font-family:var(--font-head);font-weight:800;font-size:1.45rem;letter-spacing:-1px;box-shadow:0 4px 12px rgba(9,58,104,.25);}
.em-brand-badge .em-b1{color:#fff;}
.em-brand-badge .em-b2{color:var(--accent);}
.em-brand-text{display:flex;flex-direction:column;}
.em-brand-name{font-family:var(--font-head);font-weight:800;font-size:1.4rem;color:var(--brand-dark);letter-spacing:-.4px;}
.em-brand-tag{font-family:var(--font-body);font-weight:500;font-size:.66rem;letter-spacing:2.5px;color:#7a8794;text-transform:uppercase;margin-top:3px;}
.em-brand:hover .em-brand-name{color:var(--brand);}
/* footer variant */
.em-brand--footer .em-brand-badge{background:#fff;}
.em-brand--footer .em-brand-badge .em-b1{color:var(--brand-dark);}
.em-brand--footer .em-brand-name{color:#fff;}
.em-brand--footer .em-brand-tag{color:#aebbc9;}
@media(max-width:480px){
  .em-brand-badge{width:44px;height:44px;font-size:1.2rem;}
  .em-brand-name{font-size:1.15rem;}
  .em-brand-tag{font-size:.58rem;letter-spacing:1.8px;}
}

/* ============ School Science Lab Equipment cards ============ */
.school-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;background:#fff;border:1px solid #e9eef4;border-radius:1rem;padding:1.6rem 1.1rem;text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s;}
.school-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(13,79,139,.13);border-color:var(--brand);color:var(--ink);}
.school-ic{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(242,107,33,.12);color:var(--accent);font-size:1.6rem;margin-bottom:.3rem;transition:.25s;}
.school-card:hover .school-ic{background:var(--accent);color:#fff;}
.school-card h3{color:var(--ink);}

/* ============ OEM process steps ============ */
.oem-step{background:#fff;border:1px solid #e7edf4;border-radius:1rem;padding:1.6rem 1.2rem;text-align:center;position:relative;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;}
.oem-step:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}
.oem-step-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#3f7fd6);color:#fff;font-family:var(--font-head);font-weight:800;font-size:1.1rem;box-shadow:0 6px 14px rgba(13,79,139,.28);}
.oem-step h3{color:var(--ink);}

/* ============ Product detail — rich layout ============ */
.pd-card{background:#fff;border:1px solid #e7edf4;border-radius:1.2rem;overflow:hidden;box-shadow:0 14px 40px rgba(13,79,139,.10);}
.pd-img{height:100%;min-height:340px;display:flex;align-items:center;justify-content:center;background:#f4f7fb;padding:2rem;}
.pd-img img{max-width:100%;max-height:420px;object-fit:contain;}
.pd-info{padding:2.2rem;}
.pd-quality{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--brand);background:rgba(13,79,139,.08);padding:.35rem .8rem;border-radius:50rem;margin-bottom:1rem;}
.pd-title{font-family:var(--font-head);font-weight:800;font-size:1.8rem;color:var(--brand);line-height:1.2;margin-bottom:1.2rem;}
.pd-meta{margin-bottom:1.2rem;}
.pd-meta li{display:flex;align-items:center;gap:.7rem;padding:.6rem 0;border-bottom:1px solid #eef2f6;font-size:.9rem;}
.pd-meta li:last-child{border-bottom:0;}
.pd-meta-ic{width:32px;height:32px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:rgba(13,79,139,.08);color:var(--brand);}
.pd-meta-lbl{flex:0 0 110px;color:#6b7682;font-weight:600;}
.pd-meta-val{color:var(--ink);font-weight:600;}
.pd-meta-val a{color:var(--brand);text-decoration:none;}
.pd-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.3rem;}
.pd-badges span{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;padding:.4rem .8rem;border-radius:50rem;background:rgba(242,107,33,.1);color:var(--accent-dark);}
.pd-actions{display:flex;gap:.6rem;flex-wrap:wrap;}
.pd-actions .btn{flex:1;min-width:150px;}
.pd-assure{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid #eef2f6;}
.pd-assure span{font-size:.78rem;color:#6b7682;display:inline-flex;align-items:center;gap:.35rem;}
.pd-assure i{color:var(--accent);}
.pd-tabs{border-top:1px solid #e7edf4;}
.pd-tabs .nav-tabs{border-bottom:1px solid #e7edf4;padding:0 1rem;}
.pd-tabs .nav-link{color:var(--ink);font-weight:600;border:0;border-bottom:3px solid transparent;}
.pd-tabs .nav-link.active{color:var(--brand);border-bottom-color:var(--accent);background:transparent;}

/* sectors */
.sector-item{display:flex;flex-direction:column;gap:.2rem;}
.sector-ic{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:.7rem;background:rgba(13,79,139,.08);color:var(--brand);font-size:1.2rem;margin-bottom:.5rem;}

/* by the numbers */
.pd-numbers{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border-radius:1.2rem;padding:1.8rem;}
.pd-num-box{background:rgba(255,255,255,.1);border-radius:.8rem;padding:1rem;text-align:center;}
.pd-num{display:block;font-family:var(--font-head);font-weight:800;font-size:1.7rem;color:#fff;}
.pd-num-lbl{font-size:.78rem;opacity:.85;}
.pd-quote{font-size:.82rem;font-style:italic;opacity:.9;border-left:3px solid var(--accent);padding-left:.9rem;line-height:1.6;}

/* export destinations */
.export-dest{display:flex;gap:.8rem;padding:.7rem 0;border-bottom:1px solid #eef2f6;}
.export-dest:last-of-type{border-bottom:0;}
.ed-region{flex:0 0 110px;font-weight:700;color:var(--brand);font-size:.85rem;display:flex;align-items:center;gap:.3rem;}
.ed-region i{color:var(--accent);}
.ed-list{font-size:.85rem;color:#5a6671;line-height:1.6;}

/* sticky contact bar */
.pd-sticky-bar{position:sticky;bottom:0;z-index:1030;background:var(--brand-dark);color:#fff;padding:.9rem 0;box-shadow:0 -6px 18px rgba(0,0,0,.18);}
.pd-sticky-text{font-size:.9rem;color:rgba(255,255,255,.9);max-width:80%;}
@media(max-width:768px){.pd-sticky-text{font-size:.8rem;max-width:100%;}.pd-meta-lbl{flex:0 0 90px;}}

/* ============ Africa countries pills (light section) ============ */
.kw-pills--africa{gap:.5rem;}
.kw-pill--static{background:#fff;border:1px solid #d9e2ec;color:#33414f;cursor:default;}
.kw-pill--static:hover{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-2px);}

/* ============ Africa countries flag grid ============ */
.africa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;}
.africa-card{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid #e3e9f0;border-radius:.7rem;padding:.7rem .9rem;box-shadow:0 2px 6px rgba(13,79,139,.05);transition:transform .2s,box-shadow .2s,border-color .2s;}
.africa-card:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:0 10px 22px rgba(13,79,139,.13);}
.africa-flag{font-size:1.4rem;line-height:1;flex:0 0 auto;}
.africa-name{font-size:.86rem;font-weight:600;color:#2b3a47;line-height:1.25;}
@media(max-width:480px){.africa-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.55rem;}.africa-card{padding:.55rem .7rem;}.africa-name{font-size:.8rem;}}

/* ============ South Africa landing page ============ */
.badge-eyebrow{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--brand);background:rgba(13,79,139,.08);padding:.4rem .9rem;border-radius:50rem;}
.sa-panel{background:linear-gradient(135deg,var(--brand-dark) 0%,var(--brand) 100%);color:#fff;border-radius:1.2rem;padding:1.8rem;position:relative;overflow:hidden;box-shadow:0 14px 40px rgba(13,79,139,.18);}
.sa-panel::before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:rgba(242,107,33,.18);}
.sa-panel-eyebrow{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:rgba(242,107,33,.25);padding:.35rem .8rem;border-radius:50rem;margin-bottom:1rem;}
.sa-panel h3{color:#fff;position:relative;}
.sa-panel p{position:relative;color:rgba(255,255,255,.85);}
.sa-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;position:relative;}
.sa-cat{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:.55rem;padding:.55rem .7rem;font-size:.78rem;font-weight:600;color:#fff;transition:.2s;}
.sa-cat:hover{background:rgba(242,107,33,.25);border-color:var(--accent);}
.sa-cat i{font-size:1rem;color:var(--accent);flex:0 0 auto;}
@media(max-width:480px){.sa-cat-grid{grid-template-columns:1fr;}}

.sa-highlight{display:flex;align-items:flex-start;gap:.9rem;background:#fff;border:1px solid #e7edf4;border-radius:1rem;padding:1.1rem 1.2rem;box-shadow:0 4px 12px rgba(13,79,139,.06);transition:transform .25s,box-shadow .25s;}
.sa-highlight:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(13,79,139,.12);}
.sa-h-ic{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:.7rem;background:rgba(242,107,33,.12);color:var(--accent);font-size:1.3rem;}

.sa-cat-tile{display:flex;align-items:center;gap:.55rem;background:#fff;border:1px solid #e7edf4;border-radius:.6rem;padding:.65rem .85rem;font-size:.85rem;font-weight:600;color:#33414f;transition:.2s;}
.sa-cat-tile:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px);}
.sa-cat-tile i{color:var(--accent);font-size:1.05rem;flex:0 0 auto;}

.list-check--lg li{padding:.45rem 0;font-size:.95rem;}

.sa-faq{background:#fff;border:1px solid #e7edf4;border-radius:.9rem;padding:1.1rem 1.2rem;box-shadow:0 4px 10px rgba(13,79,139,.05);transition:transform .25s,box-shadow .25s,border-color .25s;}
.sa-faq:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(13,79,139,.1);border-color:var(--brand);}
.sa-faq h3{color:var(--brand);}

.sa-final-cta{background:linear-gradient(135deg,var(--brand-dark) 0%,var(--brand) 100%);color:#fff;border-radius:1.2rem;padding:2.2rem;position:relative;overflow:hidden;box-shadow:0 16px 40px rgba(13,79,139,.2);}
.sa-final-cta::before{content:"";position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:rgba(242,107,33,.16);}
.sa-final-cta h2,.sa-final-cta p{position:relative;color:#fff;}
.sa-final-cta .btn-outline-light{border-color:rgba(255,255,255,.6);color:#fff;}
.sa-final-cta .btn-outline-light:hover{background:#fff;color:var(--brand);}

/* sa-panel mini list */
.sa-mini-list li{display:flex;align-items:flex-start;gap:.55rem;padding:.4rem 0;font-size:.85rem;color:rgba(255,255,255,.92);position:relative;}
.sa-mini-list li i{color:var(--accent);font-size:1.05rem;flex:0 0 auto;margin-top:.05rem;}

/* ============ Audience cards (Where Our Equipment Goes to Work) ============ */
.aud-card{position:relative;display:flex;align-items:flex-start;gap:1rem;background:#fff;border:1px solid #e7edf4;border-radius:1rem;padding:1.4rem 1.3rem 1.3rem;box-shadow:0 4px 14px rgba(13,79,139,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden;}
.aud-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .35s ease;}
.aud-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(13,79,139,.14);border-color:transparent;}
.aud-card:hover::before{transform:scaleX(1);}
.aud-ic{flex:0 0 auto;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:.8rem;background:linear-gradient(135deg,rgba(13,79,139,.1),rgba(242,107,33,.1));color:var(--brand);font-size:1.45rem;transition:.3s;}
.aud-card:hover .aud-ic{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;transform:scale(1.05);}
.aud-body{flex:1;min-width:0;}
.aud-title{font-family:var(--font-head);font-size:1rem;font-weight:800;color:var(--brand);margin:0 0 .25rem;line-height:1.3;}
.aud-sub{font-size:.82rem;color:#6a7682;line-height:1.5;margin:0;}

/* ============ Rich category cards (Whole Campus) ============ */
.cat-rich{display:flex;align-items:flex-start;gap:.9rem;background:#fff;border:1px solid #e7edf4;border-left:3px solid var(--accent);border-radius:.7rem;padding:1rem 1.1rem;box-shadow:0 3px 10px rgba(13,79,139,.05);transition:transform .25s,box-shadow .25s,border-left-color .25s;}
.cat-rich:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(13,79,139,.12);border-left-color:var(--brand);}
.cat-rich-ic{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.55rem;background:rgba(242,107,33,.12);color:var(--accent);font-size:1.15rem;transition:.25s;}
.cat-rich:hover .cat-rich-ic{background:var(--accent);color:#fff;}
.cat-rich-title{font-family:var(--font-head);font-size:.92rem;font-weight:700;color:var(--brand);margin:0 0 .15rem;line-height:1.3;}
.cat-rich-sub{font-size:.76rem;color:#7a8794;line-height:1.45;margin:0;}

/* ============ SA Pillar cards (Supporting Technical Education & STEM Lab Innovation) ============ */
.sa-pillar{position:relative;display:flex;align-items:flex-start;gap:1rem;background:#fff;border:1px solid #e7edf4;border-radius:1rem;padding:1.5rem 1.4rem;box-shadow:0 4px 14px rgba(13,79,139,.06);transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden;}
.sa-pillar::after{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:rgba(242,107,33,.06);transition:transform .4s ease,background .3s ease;}
.sa-pillar:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(13,79,139,.13);border-color:transparent;}
.sa-pillar:hover::after{transform:scale(1.4);background:rgba(242,107,33,.12);}
.sa-pillar-ic{position:relative;z-index:1;flex:0 0 auto;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:.85rem;background:linear-gradient(135deg,var(--accent),#ff8a4d);color:#fff;font-size:1.5rem;box-shadow:0 6px 14px rgba(242,107,33,.28);transition:transform .3s;}
.sa-pillar:hover .sa-pillar-ic{transform:rotate(-5deg) scale(1.06);}
.sa-pillar-title{position:relative;z-index:1;font-family:var(--font-head);font-size:1.05rem;font-weight:800;color:var(--brand);margin:0 0 .3rem;line-height:1.3;}
.sa-pillar-sub{position:relative;z-index:1;font-size:.85rem;color:#5a6772;line-height:1.55;margin:0;}
@media(max-width:640px){.sa-pillar{padding:1.2rem 1.1rem;}.sa-pillar-ic{width:46px;height:46px;font-size:1.25rem;border-radius:.7rem;}}






/* =====================================================
   TENDER COUNTRY PAGES — educational-mart.com
   Append to the END of em-design.css (or load after it).
   New `tender-cta-*` classes only — no existing class is changed.
   Uses the site's brand vars (--brand / --accent).
   ===================================================== */

.tender-cta-section{ padding:3rem 0; background:#f4f7fb; }

.tender-cta{
  position:relative;
  overflow:hidden;
  border-radius:1.25rem;
  background:linear-gradient(135deg, var(--brand,#0d4f8b) 0%, var(--brand-dark,#093a68) 100%);
  box-shadow:0 24px 50px rgba(9,58,104,.28);
}
/* decorative accent corner */
.tender-cta-decor{
  position:absolute; top:-60px; right:-60px;
  width:240px; height:240px; border-radius:50%;
  background:radial-gradient(circle at center, rgba(242,107,33,.55), rgba(242,107,33,0) 70%);
  pointer-events:none;
}
.tender-cta::after{
  content:""; position:absolute; left:0; top:0; bottom:0; width:6px;
  background:linear-gradient(180deg, var(--accent,#f26b21), var(--accent-dark,#d9551a));
}
.tender-cta-inner{
  position:relative; z-index:1;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:1.5rem; padding:2.2rem 2.4rem;
}
.tender-cta-text{ flex:1 1 420px; }
.tender-cta-eyebrow{
  display:inline-block;
  font-family:var(--font-body,sans-serif);
  font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:#fff; background:rgba(242,107,33,.95);
  padding:.32rem .8rem; border-radius:50rem; margin-bottom:.75rem;
}
.tender-cta-eyebrow i{ margin-right:.35rem; }
.tender-cta-title{
  font-family:var(--font-head,sans-serif); font-weight:800;
  color:#fff; font-size:1.55rem; line-height:1.25; margin:0 0 .5rem;
}
.tender-cta-sub{ color:rgba(255,255,255,.82); font-size:.98rem; margin:0; max-width:640px; }

.tender-cta-actions{
  flex:0 0 auto; display:flex; flex-direction:column; gap:.6rem; align-items:flex-start;
}
.tender-cta-btn{
  display:inline-flex; align-items:center; white-space:nowrap;
  background:linear-gradient(135deg, var(--accent,#f26b21), var(--accent-dark,#d9551a));
  color:#fff !important; font-family:var(--font-head,sans-serif); font-weight:700;
  padding:.85rem 1.7rem; border-radius:50rem; text-decoration:none;
  box-shadow:0 10px 24px rgba(242,107,33,.35);
  transition:transform .2s ease, box-shadow .2s ease;
}
.tender-cta-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(242,107,33,.5); color:#fff !important; }
.tender-cta-phone{
  display:inline-flex; align-items:center;
  color:#fff !important; font-weight:600; text-decoration:none; font-size:.95rem;
  opacity:.9;
}
.tender-cta-phone:hover{ opacity:1; color:#fff !important; }

@media (max-width:767px){
  .tender-cta-inner{ padding:1.8rem 1.5rem; }
  .tender-cta-title{ font-size:1.3rem; }
  .tender-cta-actions{ width:100%; }
  .tender-cta-btn{ width:100%; justify-content:center; }
}

/* =====================================================
   SIDEBAR — Quick Facts card + styled side cards
   (matches the attached "Tender Desk" reference design)
   ===================================================== */

/* Quick Facts hero card */
.tender-facts{
  background:#f6f8fc;
  border:1px solid #e6ebf2;
  border-left:5px solid var(--accent,#f26b21);
  border-radius:1rem;
  padding:1.6rem 1.5rem;
  box-shadow:0 10px 30px rgba(13,79,139,.07);
}
.tender-facts-title{
  font-family:var(--font-head,sans-serif); font-weight:800;
  color:var(--brand-dark,#093a68); font-size:1.15rem; margin:0 0 1rem;
}
.tender-facts-list{ list-style:none; margin:0 0 1.2rem; padding:0; }
.tender-facts-list li{
  display:flex; align-items:center; gap:.8rem;
  padding:.7rem 0; border-bottom:1px solid #e9eef4;
  font-size:.95rem; color:#2b3a47; line-height:1.35;
}
.tender-facts-list li:last-child{ border-bottom:0; }
.tender-facts-list .tf-ic{
  flex:0 0 auto; width:36px; height:36px; border-radius:9px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--accent,#f26b21), var(--accent-dark,#d9551a));
  color:#fff; font-size:1rem; box-shadow:0 6px 14px rgba(242,107,33,.3);
}
.tender-facts-btn{
  display:flex; align-items:center; justify-content:center;
  width:100%; text-align:center;
  background:linear-gradient(135deg, var(--accent,#f26b21), var(--accent-dark,#d9551a));
  color:#fff !important; font-family:var(--font-head,sans-serif); font-weight:700;
  padding:.85rem 1rem; border-radius:.7rem; text-decoration:none;
  box-shadow:0 10px 22px rgba(242,107,33,.32);
  transition:transform .2s ease, box-shadow .2s ease;
}
.tender-facts-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(242,107,33,.45); color:#fff !important; }

/* =====================================================
   SIDEBAR INFO CARDS (clients / why / docs / logistics)
   Modern icon-badge header style.
   ===================================================== */
.tcard{
  background:#fff;
  border:1px solid #eef2f7;
  border-radius:1rem;
  padding:1.4rem 1.4rem 1.5rem;
  box-shadow:0 8px 24px rgba(13,79,139,.06);
  position:relative;
  overflow:hidden;
  transition:box-shadow .25s ease, transform .25s ease;
}
.tcard:hover{ box-shadow:0 16px 36px rgba(13,79,139,.13); transform:translateY(-3px); }
/* top accent strip */
.tcard::before{
  content:""; position:absolute; left:0; right:0; top:0; height:4px;
}
.tcard-accent::before{ background:linear-gradient(90deg, var(--accent,#f26b21), var(--accent-dark,#d9551a)); }
.tcard-brand::before { background:linear-gradient(90deg, var(--brand,#0d4f8b), var(--brand-dark,#093a68)); }

.tcard-head{ display:flex; align-items:flex-start; gap:.75rem; margin-bottom:1rem; }
.tcard-ic{
  flex:0 0 auto; width:42px; height:42px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.15rem; color:#fff;
  background:linear-gradient(135deg, var(--accent,#f26b21), var(--accent-dark,#d9551a));
  box-shadow:0 8px 18px rgba(242,107,33,.3);
}
.tcard-ic-brand{
  background:linear-gradient(135deg, var(--brand,#0d4f8b), var(--brand-dark,#093a68));
  box-shadow:0 8px 18px rgba(13,79,139,.3);
}
.tcard-title{
  font-family:var(--font-head,sans-serif); font-weight:800;
  font-size:1rem; line-height:1.3; margin:0; color:var(--brand-dark,#093a68);
  align-self:center;
}
.tcard-text{ margin:0; font-size:.92rem; line-height:1.6; color:#5a6573; }

/* custom check list */
.tcard-list{ list-style:none; margin:0; padding:0; }
.tcard-list li{
  position:relative; padding:.5rem 0 .5rem 1.7rem;
  font-size:.92rem; color:#2b3a47; line-height:1.4;
  border-bottom:1px dashed #eef2f7;
}
.tcard-list li:last-child{ border-bottom:0; }
.tcard-list li::before{
  content:"\F26E"; font-family:"bootstrap-icons";
  position:absolute; left:0; top:.5rem; font-size:.85rem;
  color:var(--accent,#f26b21); font-weight:bold;
}
.tcard-brand .tcard-list li::before{ color:var(--brand,#0d4f8b); }