/* Kay Pee Industries consolidated stylesheet
   All former inline CSS and separate homepage CSS files are merged here. */

/* Former inline header/footer logo rules */

    .kp-brand{
      display:flex;
      align-items:center;
      padding:4px 0;
      margin-right:1rem;
    }
    .kp-site-logo{
      display:block;
      width:auto;
      max-height:86px;
      height:auto;
    }
    .kp-footer-brand{
      display:inline-flex;
      align-items:center;
      text-decoration:none;
    }
    .kp-footer-logo-img{
      display:block;
      width:auto;
      max-height:96px;
      height:auto;
    }
    @media (min-width: 1200px){
      .kp-header .navbar{
        min-height:96px;
      }
    }
    @media (max-width: 1199.98px){
      .kp-site-logo{
        max-height:72px;
      }
    }
    @media (max-width: 767.98px){
      .kp-site-logo{
        max-height:58px;
      }
      .kp-footer-logo-img{
        max-height:82px;
      }
    }
  


/* ===== kaypee-home-premium.css ===== */

:root{
  --kp-primary:#0f2740;
  --kp-primary-2:#173757;
  --kp-accent:#d9852b;
  --kp-accent-2:#f3b068;
  --kp-dark:#0a1118;
  --kp-text:#1f2a35;
  --kp-muted:#667085;
  --kp-light:#f4f7fa;
  --kp-white:#ffffff;
  --kp-border:#dde5ee;
  --kp-shadow:0 20px 50px rgba(9,21,35,.08);
  --kp-shadow-lg:0 28px 70px rgba(7,16,28,.18);
  --kp-radius:22px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--kp-text);
  background:#fff;
  line-height:1.65;
}
img{max-width:100%;display:block}
a{text-decoration:none;transition:all .25s ease}
.kp-section{padding:92px 0;position:relative}
.kp-section-light{background:var(--kp-light)}
.kp-eyebrow{
  display:inline-block;
  margin-bottom:14px;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--kp-accent);
}
.kp-eyebrow-warm{color:#ffd2a0}
.kp-title{
  margin:0 0 16px;
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1.12;
  font-weight:800;
  color:var(--kp-primary);
}
.kp-title-white{color:#fff}
.kp-subtitle,.kp-text-muted{
  color:var(--kp-muted);
  font-size:1.03rem;
  max-width:760px;
}
.kp-text-light{
  color:rgba(255,255,255,.82);
  font-size:1.03rem;
}
.kp-section-head{margin-bottom:44px}
.kp-btn{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 24px;
  border-radius:999px;
  font-weight:700;
  border:1px solid transparent;
}
.kp-btn-primary{
  background:linear-gradient(135deg,var(--kp-accent) 0%, #c97420 100%);
  color:#fff;
  box-shadow:0 14px 30px rgba(217,133,43,.24);
}
.kp-btn-primary:hover{color:#fff;transform:translateY(-2px)}
.kp-btn-dark{
  background:var(--kp-primary);
  color:#fff;
}
.kp-btn-dark:hover{background:var(--kp-primary-2);color:#fff}
.kp-btn-ghost{
  border-color:var(--kp-primary);
  color:var(--kp-primary);
  background:transparent;
}
.kp-btn-ghost:hover{background:var(--kp-primary);color:#fff}
.kp-btn-outline-light{
  border-color:rgba(255,255,255,.22);
  color:#fff;
  background:transparent;
}
.kp-btn-outline-light:hover{
  background:rgba(255,255,255,.08);
  border-color:#fff;
  color:#fff;
}
.kp-topbar{
  background:#081018;
  color:rgba(255,255,255,.82);
  padding:10px 0;
  font-size:.92rem;
}
.kp-topbar-left,.kp-topbar-right{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
}
.kp-topbar i{margin-right:6px;color:var(--kp-accent-2)}
.kp-topbar a{color:rgba(255,255,255,.82)}
.kp-topbar a:hover{color:#fff}
.kp-header{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(13,39,64,.06);
}
.kp-header .navbar{padding:14px 0}
.kp-logo-placeholder{
  width:220px;
  min-height:74px;
  border-radius:18px;
  background:linear-gradient(135deg,#fff 0%,#f6f9fc 100%);
  border:1px dashed #c8d4e2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:8px 14px;
}
.kp-logo-placeholder strong{
  color:var(--kp-primary);
  font-size:1rem;
  font-weight:800;
}
.kp-logo-placeholder span{
  color:var(--kp-muted);
  font-size:.8rem;
  font-weight:700;
  margin-top:4px;
}
.navbar-nav .nav-link{
  padding:10px 14px !important;
  color:var(--kp-primary);
  font-weight:700;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{color:var(--kp-accent)}
.dropdown-menu{
  min-width:290px;
  border-radius:18px;
  padding:12px;
}
.dropdown-item{
  border-radius:12px;
  padding:11px 14px;
  font-weight:600;
}
.dropdown-item:hover{
  background:#f5f8fb;
  color:var(--kp-primary);
}
.kp-hero{
  position:relative;
  overflow:hidden;
  padding:105px 0 95px;
  background:
    radial-gradient(circle at 80% 10%, rgba(243,176,104,.18), transparent 20%),
    radial-gradient(circle at 100% 40%, rgba(255,255,255,.06), transparent 25%),
    linear-gradient(135deg,#081018 0%,#0e2439 55%,#173b5e 100%);
}
.kp-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:48px 48px;
  opacity:.22;
  pointer-events:none;
}
.kp-hero-title{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(2.4rem,5vw,4.45rem);
  line-height:1.06;
  font-weight:800;
}
.kp-hero-text{max-width:650px;color:rgba(255,255,255,.82);font-size:1.06rem}
.kp-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 32px}
.kp-stat-grid .kp-stat-card{
  min-height:90px;
  padding:18px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  text-align:center;
}
.kp-stat-card strong{
  display:block;
  color:#fff;
  font-size:1.26rem;
}
.kp-stat-card span{
  display:block;
  color:rgba(255,255,255,.78);
  font-size:.92rem;
}
.kp-media-panel{
  position:relative;
  border-radius:28px;
  background:linear-gradient(135deg,#eef3f8 0%,#fafcfe 100%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:var(--kp-shadow-lg);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
}
.kp-media-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(15,39,64,.06) 1px, transparent 1px),
    linear-gradient(rgba(15,39,64,.06) 1px, transparent 1px);
  background-size:32px 32px;
}
.kp-panel-inner{
  position:relative;
  z-index:2;
  text-align:center;
  max-width:80%;
}
.kp-panel-inner strong{
  display:block;
  color:var(--kp-primary);
  font-size:1.15rem;
  font-weight:800;
}
.kp-panel-inner span{
  display:block;
  color:var(--kp-muted);
  font-weight:800;
  margin-top:4px;
}
.kp-panel-inner small{
  display:block;
  color:var(--kp-muted);
  margin-top:8px;
}
.kp-panel-badge{
  position:absolute;
  top:18px;
  left:18px;
  z-index:2;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  color:var(--kp-primary);
  font-weight:800;
  font-size:.78rem;
  box-shadow:0 12px 24px rgba(7,16,28,.08);
}
.kp-lg{min-height:560px}
.kp-md{min-height:490px}
.kp-scroll-cue{
  margin-top:34px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.78);
  font-weight:700;
}
.kp-scroll-cue i{
  width:40px;
  height:40px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.06);
}
.kp-logo-card{
  min-height:115px;
  border-radius:20px;
  background:#fff;
  border:1px solid var(--kp-border);
  box-shadow:var(--kp-shadow);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--kp-primary);
  font-weight:800;
  transition:transform .25s ease;
}
.kp-logo-card:hover{transform:translateY(-4px)}
.kp-logo-card small{color:var(--kp-muted)}
.kp-feature-chip{
  padding:15px 16px;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--kp-border);
  box-shadow:var(--kp-shadow);
  font-weight:700;
  color:var(--kp-primary);
}
.kp-feature-chip i{
  color:var(--kp-accent);
  margin-right:8px;
}
.kp-card{
  height:100%;
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,39,64,.07);
  box-shadow:var(--kp-shadow);
  transition:transform .25s ease, box-shadow .25s ease;
}
.kp-card:hover{
  transform:translateY(-6px);
  box-shadow:0 25px 55px rgba(8,17,30,.12);
}
.kp-card-topline{
  height:5px;
  background:linear-gradient(90deg,var(--kp-accent) 0%, #f0b36f 100%);
}
.kp-card-media{
  min-height:245px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#eef3f8 0%,#fafcfe 100%);
  border-bottom:1px solid var(--kp-border);
}
.kp-media-mini{
  text-align:center;
  max-width:80%;
}
.kp-media-mini strong{
  display:block;
  color:var(--kp-primary);
  font-size:1.05rem;
  font-weight:800;
}
.kp-media-mini span{
  display:block;
  color:var(--kp-muted);
  margin-top:5px;
  font-weight:700;
}
.kp-card-body{padding:24px 24px 26px}
.kp-card-body h3,.kp-icon-card h3,.kp-project-card h3{
  margin:0 0 10px;
  font-size:1.24rem;
  color:var(--kp-primary);
  font-weight:800;
}
.kp-card-body p,.kp-icon-card p,.kp-project-card p,.kp-why-card p,.kp-contact-card p{
  color:var(--kp-muted);
  margin-bottom:14px;
}
.kp-card-body a,.kp-project-card a{color:var(--kp-accent);font-weight:700}
.kp-dark-section{
  background:linear-gradient(135deg,#081018 0%,#0d2236 50%,#143654 100%);
}
.kp-dark-chip{
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  color:#fff;
  text-align:center;
  font-weight:700;
  border:1px solid rgba(255,255,255,.12);
}
.kp-metric-card{
  min-height:155px;
  padding:24px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
}
.kp-metric-card strong{
  display:block;
  color:#fff;
  font-size:1.38rem;
  margin-bottom:8px;
}
.kp-metric-card span{color:rgba(255,255,255,.78)}
.kp-icon-card{
  height:100%;
  padding:28px 24px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--kp-border);
  box-shadow:var(--kp-shadow);
  transition:transform .25s ease;
}
.kp-icon-card:hover{transform:translateY(-5px)}
.kp-icon{
  width:62px;
  height:62px;
  border-radius:18px;
  margin-bottom:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(217,133,43,.14) 0%, rgba(243,176,104,.18) 100%);
  color:var(--kp-accent);
  font-size:1.5rem;
}
.kp-cert-card,.kp-export-card{
  min-height:76px;
  padding:18px 18px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--kp-border);
  box-shadow:var(--kp-shadow);
  font-weight:800;
  color:var(--kp-primary);
  display:flex;
  align-items:center;
}
.kp-export-card i{
  color:var(--kp-accent);
  margin-right:10px;
  font-size:1.1rem;
}
.kp-why-card{
  height:100%;
  padding:24px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--kp-border);
  box-shadow:var(--kp-shadow);
}
.kp-why-card strong,.kp-contact-card strong{
  display:block;
  color:var(--kp-primary);
  font-size:1.08rem;
  margin-bottom:10px;
}
.kp-project-card{
  height:100%;
  padding:28px 24px;
  border-radius:22px;
  background:linear-gradient(135deg,#fff 0%,#fbfcfe 100%);
  border:1px solid var(--kp-border);
  box-shadow:var(--kp-shadow);
}
.kp-project-tag{
  display:inline-block;
  margin-bottom:14px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(217,133,43,.12);
  color:var(--kp-accent);
  font-size:.8rem;
  font-weight:800;
}
.kp-rfq-band{
  padding:74px 0;
  background:linear-gradient(135deg,#0d2236 0%,#174265 56%,#d9852b 150%);
}
.kp-contact-card{
  height:100%;
  padding:24px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--kp-border);
  box-shadow:var(--kp-shadow);
}
.kp-contact-card i{
  width:48px;
  height:48px;
  margin-bottom:16px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(217,133,43,.12);
  color:var(--kp-accent);
  font-size:1.2rem;
}
.kp-footer{
  padding:82px 0 28px;
  background:#081018;
  color:rgba(255,255,255,.78);
}
.kp-footer-logo{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.18);
}
.kp-footer-logo strong{color:#fff}
.kp-footer-logo span{color:rgba(255,255,255,.65)}
.kp-footer h4{
  color:#fff;
  font-size:1.08rem;
  font-weight:800;
  margin:0 0 16px;
}
.kp-footer-links{
  list-style:none;
  padding:0;
  margin:0;
}
.kp-footer-links li{margin-bottom:10px}
.kp-footer-links a{color:rgba(255,255,255,.78)}
.kp-footer-links a:hover{color:#fff}
.kp-footer-bottom{
  margin-top:36px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.kp-social{display:flex;gap:10px}
.kp-social a{
  width:42px;height:42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);color:#fff;
}
.kp-social a:hover{background:var(--kp-accent);color:#fff}
.kp-whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  width:60px;
  height:60px;
  border-radius:50%;
  z-index:999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#25D366;
  color:#fff;
  font-size:1.8rem;
  box-shadow:0 16px 35px rgba(0,0,0,.24);
  animation:kpPulse 2s infinite;
}
.kp-whatsapp-float:hover{color:#fff;transform:translateY(-2px)}
@keyframes kpPulse{
  0%{box-shadow:0 0 0 0 rgba(37,211,102,.42),0 16px 35px rgba(0,0,0,.24)}
  70%{box-shadow:0 0 0 18px rgba(37,211,102,0),0 16px 35px rgba(0,0,0,.24)}
  100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 16px 35px rgba(0,0,0,.24)}
}

@media (max-width: 1199.98px){
  .kp-topbar-right{justify-content:flex-start}
  .kp-header-cta{margin-top:16px}
}
@media (max-width: 991.98px){
  .kp-section{padding:76px 0}
  .kp-hero{padding:86px 0 76px}
  .kp-lg{min-height:430px}
  .kp-md{min-height:380px}
  .kp-header .navbar-collapse{
    margin-top:16px;
    padding:18px;
    border-radius:22px;
    background:#fff;
    box-shadow:var(--kp-shadow);
  }
}
@media (max-width: 767.98px){
  .kp-section{padding:62px 0}
  .kp-hero-title{font-size:2.28rem}
  .kp-lg{min-height:320px}
  .kp-md{min-height:300px}
  .kp-logo-placeholder{width:185px;min-height:62px}
  .kp-topbar-left,.kp-topbar-right{gap:10px}
  .kp-whatsapp-float{
    width:54px;height:54px;right:16px;bottom:16px;font-size:1.6rem;
  }
}

/* ===== FINAL HARD FIX: HERO, LOGO, RED BRAND ===== */
:root{
  --kp-accent:#d62929;
  --kp-accent-2:#ff6b6b;
}

.kp-btn-primary{
  background:linear-gradient(135deg,#d62929 0%, #a61d1d 100%) !important;
  box-shadow:0 14px 30px rgba(214,41,41,.25) !important;
}
.kp-topbar i,.kp-eyebrow,.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active,.kp-card-body a,.kp-project-card a,.kp-feature-chip i,.kp-export-card i,.kp-social a:hover{
  color:var(--kp-accent) !important;
}
.kp-icon, .kp-contact-card i{
  background:linear-gradient(135deg, rgba(214,41,41,.14) 0%, rgba(255,107,107,.18) 100%) !important;
  color:var(--kp-accent) !important;
}
.kp-card-topline{background:linear-gradient(90deg,var(--kp-accent) 0%, #ff6b6b 100%) !important;}
.kp-project-tag{background:rgba(214,41,41,.12) !important; color:var(--kp-accent) !important;}
.kp-rfq-band{background:linear-gradient(135deg,#0d2236 0%,#174265 56%,#d62929 150%) !important;}

.kp-header{background:rgba(255,255,255,.96) !important;backdrop-filter:blur(12px);border-bottom:1px solid rgba(13,39,64,.06);}
.kp-header .navbar{padding:16px 0 !important;min-height:96px;}
.kp-brand{display:flex;align-items:center;padding:0;margin-right:18px;}
.kp-logo-placeholder{display:none !important;}
.kp-logo{display:block !important;height:72px !important;width:auto !important;max-width:none !important;object-fit:contain;}
.kp-header.scrolled .kp-logo{height:60px !important;}

.kp-hero,.kp-hero-slider-wrap{position:relative !important;overflow:hidden !important;background:#081018 !important;min-height:900px !important;padding:0 !important;}
.kp-hero::before{display:none !important;}
.kp-hero-slider,.kp-hero-slider .carousel-inner,.kp-hero-slider .carousel-item{position:relative !important;min-height:900px !important;height:900px !important;}
.kp-hero-slider .carousel-item{overflow:hidden !important;}
.kp-hero-slider .carousel-item > img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;z-index:1 !important;transform:scale(1);transition:transform 6s ease;}
.kp-hero-slider .carousel-item.active > img{transform:scale(1.04);}
.kp-hero-overlay{position:absolute !important;inset:0 !important;z-index:2 !important;background:linear-gradient(90deg, rgba(4,10,18,.88) 0%, rgba(7,20,34,.68) 34%, rgba(7,20,34,.34) 62%, rgba(7,20,34,.10) 100%), linear-gradient(180deg, rgba(5,12,20,.14) 0%, rgba(5,12,20,.22) 100%) !important;}
.kp-hero .container{position:relative !important;z-index:3 !important;height:100%;}
.kp-hero-slide-content{position:relative !important;z-index:4 !important;min-height:900px !important;max-width:620px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;padding-top:110px !important;padding-bottom:90px !important;}
.kp-hero-title{max-width:620px !important;margin:0 0 18px !important;color:#fff !important;font-size:clamp(2.5rem,5vw,4.6rem) !important;line-height:1.03 !important;font-weight:800 !important;}
.kp-hero-text{max-width:560px !important;color:rgba(255,255,255,.84) !important;font-size:1.05rem !important;line-height:1.7 !important;margin-bottom:28px !important;}
.kp-hero-actions{display:flex !important;flex-wrap:wrap !important;gap:14px !important;margin:0 !important;}
.kp-hero-slide-content .kp-eyebrow,.kp-hero-slide-content .kp-hero-title,.kp-hero-slide-content .kp-hero-text,.kp-hero-slide-content .kp-hero-actions{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
.kp-hero-slider .carousel-item.active .kp-eyebrow,.kp-hero-slider .carousel-item.active .kp-hero-title,.kp-hero-slider .carousel-item.active .kp-hero-text,.kp-hero-slider .carousel-item.active .kp-hero-actions{opacity:1;transform:translateY(0);}
.kp-hero-slider .carousel-item.active .kp-hero-title{transition-delay:.10s;}
.kp-hero-slider .carousel-item.active .kp-hero-text{transition-delay:.22s;}
.kp-hero-slider .carousel-item.active .kp-hero-actions{transition-delay:.34s;}
.kp-hero-control{z-index:5 !important;width:58px !important;top:50% !important;bottom:auto !important;transform:translateY(-50%) !important;opacity:1 !important;}
.kp-hero-control.carousel-control-prev{left:20px !important;}
.kp-hero-control.carousel-control-next{right:20px !important;}
.kp-hero-control .carousel-control-prev-icon,.kp-hero-control .carousel-control-next-icon{width:48px !important;height:48px !important;border-radius:50% !important;background-color:rgba(255,255,255,.12) !important;background-size:48% 48% !important;border:1px solid rgba(255,255,255,.18) !important;backdrop-filter:blur(8px);}
.kp-hero-indicators{z-index:5 !important;bottom:26px !important;margin-bottom:0 !important;gap:10px !important;}
.kp-hero-indicators [data-bs-target]{width:12px !important;height:12px !important;margin:0 !important;border:0 !important;border-radius:50% !important;background:rgba(255,255,255,.42) !important;opacity:1 !important;}
.kp-hero-indicators .active{background:var(--kp-accent) !important;box-shadow:0 0 0 4px rgba(214,41,41,.22) !important;}

.kp-footer-brand{display:inline-flex;align-items:center;justify-content:flex-start;padding:14px 0 6px;}
.kp-footer-logo-img{height:66px !important;width:auto !important;display:block !important;filter:none !important;}

@media (max-width:1199.98px){.kp-logo{height:64px !important}.kp-header .navbar{min-height:86px !important}}
@media (max-width:991.98px){
  .kp-header .navbar{min-height:78px !important;padding:12px 0 !important;}
  .kp-logo{height:54px !important;}
  .kp-header .navbar-collapse{margin-top:16px;padding:18px;border-radius:22px;background:#fff;box-shadow:var(--kp-shadow);}
  .kp-hero,.kp-hero-slider,.kp-hero-slider .carousel-inner,.kp-hero-slider .carousel-item,.kp-hero-slide-content{min-height:760px !important;height:760px !important;}
  .kp-hero-slide-content{padding-top:96px !important;padding-bottom:80px !important;}
  .kp-hero-control{display:none !important;}
}
@media (max-width:767.98px){
  .kp-logo{height:46px !important;}
  .kp-hero,.kp-hero-slider,.kp-hero-slider .carousel-inner,.kp-hero-slider .carousel-item,.kp-hero-slide-content{min-height:620px !important;height:620px !important;}
  .kp-hero-slide-content{max-width:100% !important;padding-top:82px !important;padding-bottom:72px !important;}
  .kp-hero-title{font-size:clamp(2rem,8vw,3rem) !important;max-width:100% !important;}
  .kp-hero-text{max-width:100% !important;font-size:1rem !important;}
  .kp-hero-indicators{bottom:18px !important;}
  .kp-footer-logo-img{height:52px !important;}
}
@media (max-width:576px){.kp-logo{height:42px !important;}}



/* =========================================================
   KAYPEE COMPLETE OVERRIDE PATCH
   Keeps existing site intact, only refines header/topbar/nav
   and improves hero heading wrapping.
   ========================================================= */

:root{
  --kp-accent:#d62929;
  --kp-accent-2:#ff6b6b;
}

/* stronger red overrides */
.kp-btn-primary{
  background:linear-gradient(135deg,#d62929 0%, #a61d1d 100%) !important;
  box-shadow:0 14px 30px rgba(214,41,41,.25) !important;
}
.kp-card-topline{background:linear-gradient(90deg,#d62929 0%, #ff6b6b 100%) !important;}
.kp-project-tag{background:rgba(214,41,41,.12) !important;color:#d62929 !important;}
.kp-icon,.kp-contact-card i{
  background:linear-gradient(135deg, rgba(214,41,41,.14) 0%, rgba(255,107,107,.18) 100%) !important;
  color:#d62929 !important;
}
.kp-rfq-band{background:linear-gradient(135deg,#0d2236 0%,#174265 56%,#d62929 150%) !important;}

/* top bar */
.kp-topbar{
  background:linear-gradient(90deg,#07111b 0%, #09131f 55%, #07111b 100%) !important;
  color:rgba(255,255,255,.86);
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.kp-topbar-shell{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.kp-topbar-left,.kp-topbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.kp-topbar-left span{display:inline-flex;align-items:center;gap:8px;}
.kp-topbar-left i{
  width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;
  font-size:.82rem;color:#d62929 !important;opacity:.95;margin-right:0 !important;
}
.kp-topbar-certs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.kp-cert-pill{
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 14px;border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.04) 100%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.18);
  color:#fff;font-size:.79rem;font-weight:800;letter-spacing:.02em;white-space:nowrap;backdrop-filter:blur(8px);
}
.kp-cert-pill:hover{
  border-color:rgba(214,41,41,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 30px rgba(0,0,0,.22);
}

/* social icons */
/* BASE ICON STYLE */
.kp-topbar-social a {
  width: 38px;
  height: 38px;
  border-radius: 50%;

  display: grid;
  place-items: center;

  padding: 0;
  line-height: 0;

  border: 1px solid rgba(255,255,255,0.14);
  transition: all 0.3s ease;
}

/* ICON INSIDE */
.kp-topbar-social a i {
  font-size: 16px;
  line-height: 1;
  transform: translateY(1px);
}

/* =========================
   BRAND COLORS (DEFAULT)
   ========================= */

.kp-topbar-social a.whatsapp {
  background: #25D366;
  border-color: #25D366;
}

.kp-topbar-social a.linkedin {
  background: #0A66C2;
  border-color: #0A66C2;
}

.kp-topbar-social a.facebook {
  background: #1877F2;
  border-color: #1877F2;
}

.kp-topbar-social a.x {
  background: #111;
  border-color: #111;
}

/* =========================
   HOVER EFFECT (PREMIUM)
   ========================= */

.kp-topbar-social a:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
}

/* OPTIONAL GLOW PER BRAND */
.kp-topbar-social a.whatsapp:hover {
  box-shadow: 0 0 15px #25D366;
}

.kp-topbar-social a.linkedin:hover {
  box-shadow: 0 0 15px #0A66C2;
}

.kp-topbar-social a.facebook:hover {
  box-shadow: 0 0 15px #1877F2;
}

.kp-topbar-social a.x:hover {
  box-shadow: 0 0 15px #000;
}
@keyframes kpWhatsappPulse{
  0%{transform:scale(1);opacity:.45}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1);opacity:0}
}

/* header/nav */
.kp-header{
  background:rgba(255,255,255,.97) !important;
  backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,39,64,.08);box-shadow:0 8px 24px rgba(8,17,30,.04);
}
.kp-header .navbar{min-height:88px;padding:12px 0;}
.kp-brand{display:flex;align-items:center;padding:0;}
.kp-logo{height:92px !important;width:auto !important;max-width:none;object-fit:contain;}
.navbar-nav .nav-link{
  position:relative;padding:11px 14px !important;color:var(--kp-primary);font-weight:700;font-size:.9rem;line-height:1.2;
}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#d62929 !important;}
.navbar-nav .nav-link::after{
  content:"";position:absolute;left:14px;bottom:5px;width:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#d62929 0%, #ff6b6b 100%);transition:width .24s ease;
}
.navbar-nav .nav-link:hover::after,.navbar-nav .nav-link.active::after{width:calc(100% - 28px);}

/* cleaner product chevron */
.kp-nav-dropdown-toggle,.nav-link.dropdown-toggle{padding-right:28px !important;}
.kp-nav-dropdown-toggle::after,.nav-link.dropdown-toggle::after{display:none !important;}
.kp-nav-dropdown-toggle::before,.nav-link.dropdown-toggle::before{
  content:"";position:absolute;right:10px;top:50%;width:8px;height:8px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:translateY(-62%) rotate(45deg);transition:transform .22s ease;opacity:.75;
}
.nav-item.dropdown:hover > .kp-nav-dropdown-toggle::before,
.nav-item.dropdown:hover > .nav-link.dropdown-toggle::before,
.nav-item.dropdown .kp-nav-dropdown-toggle[aria-expanded="true"]::before,
.nav-item.dropdown .nav-link.dropdown-toggle[aria-expanded="true"]::before{transform:translateY(-34%) rotate(225deg);}

/* dropdown */
.dropdown-menu{
  min-width:320px;margin-top:0 !important;top:calc(100% + 8px);padding:14px;border-radius:18px;
  border:1px solid rgba(15,39,64,.08);box-shadow:0 22px 60px rgba(8,17,30,.16);background:#fff;
}
.dropdown-menu::before{
  content:"";position:absolute;left:16px;right:16px;top:0;height:3px;border-radius:999px;
  background:linear-gradient(90deg,#d62929 0%, #ff6b6b 100%);
}
.dropdown-item{
  min-height:46px;padding:11px 14px;border-radius:12px;font-weight:700;color:var(--kp-primary);transition:all .2s ease;
}
.dropdown-item:hover{background:#f7f9fc;color:#d62929 !important;transform:translateX(4px);}

/* hover bridge */
@media (min-width:1200px){
  .navbar .dropdown{position:relative;}
  .navbar .dropdown::after{content:"";position:absolute;left:0;right:0;top:100%;height:18px;}
  .navbar .dropdown > .dropdown-menu{
    display:block;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;
    transition:opacity .2s ease, visibility .2s ease, transform .2s ease;
  }
  .navbar .dropdown:hover > .dropdown-menu,.navbar .dropdown:focus-within > .dropdown-menu{
    opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;
  }
}

/* RFQ ripple */
.kp-header-cta .kp-btn,.kp-btn.kp-btn-primary{position:relative;overflow:hidden;}
.kp-header-cta .kp-btn::after,.kp-btn.kp-btn-primary::after{
  content:"";position:absolute;width:16px;height:16px;left:50%;top:50%;border-radius:999px;background:rgba(255,255,255,.32);
  transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;
}
.kp-header-cta .kp-btn:active::after,.kp-btn.kp-btn-primary:active::after{animation:kpRipple .55s ease-out;}
@keyframes kpRipple{
  0%{transform:translate(-50%,-50%) scale(0);opacity:.55}
  100%{transform:translate(-50%,-50%) scale(14);opacity:0}
}

/* hero heading wrap fix */
.kp-hero-slide-content{max-width:760px !important;}
.kp-hero-title{
  font-size:clamp(2.45rem, 4.1vw, 4.45rem) !important;line-height:1.02 !important;max-width:720px !important;letter-spacing:-.02em;
}
.kp-hero-text{max-width:620px !important;font-size:1.05rem !important;}
.kp-hero-slide-content .kp-eyebrow{margin-bottom:14px;}

/* responsive */
@media (max-width:1199.98px){
  .kp-topbar-shell{justify-content:center;}
  .kp-topbar-left,.kp-topbar-right{justify-content:center;}
  .kp-logo{height:64px !important;}
}
@media (max-width:991.98px){
  .kp-cert-pill{min-height:30px;padding:6px 10px;font-size:.74rem;}
  .kp-topbar-social a{width:34px;height:34px;}
  .kp-header .navbar{min-height:78px;}
  .kp-logo{height:54px !important;}
  .kp-header .navbar-collapse{background:#fff;}
  .kp-nav-dropdown-toggle::before,.nav-link.dropdown-toggle::before{right:6px;}
  .dropdown-menu{min-width:100%;top:100%;margin-top:8px !important;}
  .kp-hero-title{font-size:clamp(2.1rem, 6.8vw, 3.4rem) !important;max-width:100% !important;}
  .kp-hero-text{max-width:100% !important;}
}
@media (max-width:767.98px){
  .kp-topbar-left{gap:10px;font-size:.84rem;}
  .kp-logo{height:78px !important;}
}



/* =========================================================
   FINAL TOPBAR / ICON / RFQ VISIBILITY FIX
   ========================================================= */

/* cleaner topbar icon chips for Since 1962 and Location */
.kp-topbar-left span{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
.kp-topbar-left i{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-right:0 !important;
  border-radius:50% !important;
  background:rgba(214,41,41,.12) !important;
  border:1px solid rgba(214,41,41,.18) !important;
  color:#ff5252 !important;
  font-size:10px !important;
  line-height:1 !important;
}

/* social icons: make glyphs clearly visible if icon font is loading */
.kp-topbar-social{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.kp-topbar-social a{
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  padding:0 !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
  overflow:hidden !important;
}
.kp-topbar-social a i,
.kp-topbar-social a svg,
.kp-topbar-social a span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:16px !important;
  height:16px !important;
  font-size:15px !important;
  line-height:1 !important;
  color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* fallback letters if icon font is missing and data-label exists */
.kp-topbar-social a[data-label]::before{
  content:attr(data-label);
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  inset:0;
  font-size:13px;
  font-weight:800;
  color:#fff;
  opacity:0;
}
.kp-topbar-social a.no-icon::before{
  opacity:1;
}

.kp-topbar-social a.whatsapp{background:#25D366 !important;border-color:#25D366 !important;}
.kp-topbar-social a.linkedin:hover{background:#0A66C2 !important;border-color:#0A66C2 !important;}
.kp-topbar-social a.facebook:hover{background:#1877F2 !important;border-color:#1877F2 !important;}
.kp-topbar-social a.twitter:hover,
.kp-topbar-social a.x:hover{background:#111 !important;border-color:#111 !important;}
.kp-topbar-social a.whatsapp:hover{background:#1fb95b !important;border-color:#1fb95b !important;}
.kp-topbar-social a:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.24) !important;
}

/* stronger visible pulse/glow on RFQ over white header */
.kp-header-cta .kp-btn,
.kp-btn.kp-btn-primary{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.kp-header-cta .kp-btn::before,
.kp-btn.kp-btn-primary::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0) 45%);
  z-index:0;
}
.kp-header-cta .kp-btn > *,
.kp-btn.kp-btn-primary > *{
  position:relative;
  z-index:2;
}
.kp-header-cta .kp-btn::after,
.kp-btn.kp-btn-primary::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:18px;
  border-radius:999px;
  background:rgba(255,255,255,.52);
  transform:translate(-50%,-50%) scale(0);
  opacity:0;
  pointer-events:none;
  z-index:1;
}
.kp-header-cta .kp-btn:hover,
.kp-btn.kp-btn-primary:hover{
  box-shadow:0 16px 36px rgba(214,41,41,.28), 0 0 0 6px rgba(214,41,41,.08) !important;
}
.kp-header-cta .kp-btn:active::after,
.kp-btn.kp-btn-primary:active::after{
  animation:kpRippleStrong .65s ease-out !important;
}
@keyframes kpRippleStrong{
  0%{transform:translate(-50%,-50%) scale(0);opacity:.65}
  100%{transform:translate(-50%,-50%) scale(18);opacity:0}
}




/* =========================================================
   FINAL VISUAL POLISH FIXES
   - better centered social icons
   - cleaner topbar icons for Since 1962 / Location
   ========================================================= */

/* topbar label spacing */
.kp-topbar-left span{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

/* premium small icons */
.kp-topbar-left i{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  display:grid !important;
  place-items:center !important;
  margin-right:0 !important;
  border-radius:50% !important;
  background:linear-gradient(135deg, rgba(214,41,41,0.18), rgba(214,41,41,0.05)) !important;
  border:1px solid rgba(214,41,41,0.25) !important;
  color:#ff4d4d !important;
  font-size:11px !important;
  line-height:1 !important;
  box-shadow:0 4px 10px rgba(214,41,41,0.15) !important;
  opacity:1 !important;
}

/* social icon wrapper */
.kp-topbar-social{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

/* perfect centered circles */
.kp-topbar-social a{
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  line-height:0 !important;
  position:relative !important;
}

/* actual optical center fix for icon glyphs */
.kp-topbar-social a i{
  font-size:16px !important;
  line-height:1 !important;
  display:block !important;
  transform:translateY(1.5px) !important;
}

/* ===== FINAL CONSOLIDATED CSS (SOCIAL + ICON FIX ONLY) ===== */

/* SOCIAL ICONS CONTAINER */
.kp-topbar-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ICON BASE */
.kp-topbar-social a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);

    color: #ffffff;
    font-size: 16px;

    transition: all 0.3s ease;
}

/* PERFECT CENTER ALIGN */
.kp-topbar-social a i {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* BRAND COLORS */
.kp-topbar-social a.whatsapp {
    background: #25D366;
    border-color: #25D366;
}

.kp-topbar-social a.linkedin {
    background: #0A66C2;
    border-color: #0A66C2;
}

.kp-topbar-social a.facebook {
    background: #1877F2;
    border-color: #1877F2;
}

.kp-topbar-social a.x {
    background: #111111;
    border-color: #111111;
}

/* HOVER EFFECT */
.kp-topbar-social a:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 6px 14px rgba(0,0,0,0.3);
}

/* TOPBAR INFO ICONS (SINCE 1962 + LOCATION) */
.kp-topbar-info i {
    width: 26px;
    height: 26px;
    border-radius: 50%;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 59, 59, 0.12);
    border: 1px solid rgba(255, 59, 59, 0.25);

    color: #ff3b3b;
    font-size: 12px;
    margin-right: 6px;
}
/* ===== FINAL TOPBAR CLEAN FIX (LAST LINE ONLY) ===== */

/* LEFT ICONS (REMOVE UGLY DESIGN) */
.kp-topbar-left i {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #ff4d4d !important;
  font-size: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* SOCIAL ICONS (THIN PREMIUM STYLE - NO COLORS) */
.kp-topbar-social a {
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;

  transition: all 0.25s ease !important;
}

/* ICON CENTER FIX */
.kp-topbar-social a i {
  font-size: 14px !important;
  color: #ffffff !important;
  transform: translateY(1px) !important;
}

/* REMOVE ALL BRAND COLORS */
.kp-topbar-social a.whatsapp,
.kp-topbar-social a.linkedin,
.kp-topbar-social a.facebook,
.kp-topbar-social a.x {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.15) !important;
}

/* HOVER EFFECT */
.kp-topbar-social a:hover {
  background: rgba(255,255,255,0.1) !important;
  border-color: rgba(255,255,255,0.3) !important;
  transform: translateY(-1px) !important;
}
.kp-logo-marquee{
  position: relative;
  overflow: hidden;
  width: 100%;
}

.kp-logo-marquee::before,
.kp-logo-marquee::after{
  content: "";
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.kp-logo-marquee::before{
  left: 0;
  background: linear-gradient(to right, #f4f7fa, rgba(244,247,250,0));
}

.kp-logo-marquee::after{
  right: 0;
  background: linear-gradient(to left, #f4f7fa, rgba(244,247,250,0));
}

.kp-logo-track{
  display: flex;
  align-items: center;
  gap: 24px;
  width: max-content;
  animation: kpLogoScroll 34s linear infinite;
}

.kp-logo-pill{
  flex: 0 0 auto;
  width: 180px;
  height: 90px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  border: 1px solid rgba(15,39,64,.08);
  box-shadow: 0 10px 24px rgba(9,21,35,.08);
}

.kp-logo-pill img{
  max-width: 100%;
  max-height: 52px;
  object-fit: contain;
  display: block;
}

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

@keyframes kpLogoScroll{
  from{
    transform: translateX(0);
  }
  to{
    transform: translateX(calc(-50% - 12px));
  }
}

@media (max-width: 991.98px){
  .kp-logo-pill{
    width: 150px;
    height: 80px;
    padding: 12px 14px;
  }

  .kp-logo-pill img{
    max-height: 42px;
  }

  .kp-logo-track{
    gap: 18px;
  }
}

@media (max-width: 575.98px){
  .kp-logo-pill{
    width: 130px;
    height: 72px;
  }

  .kp-logo-pill img{
    max-height: 36px;
  }

  .kp-logo-marquee::before,
  .kp-logo-marquee::after{
    width: 40px;
  }
}
/* ===== TRUSTED CLIENTS PREMIUM LOOK ===== */
#trusted-clients.kp-section-light{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 20%, rgba(214,41,41,0.06), transparent 18%),
    radial-gradient(circle at 85% 15%, rgba(15,39,64,0.06), transparent 20%),
    linear-gradient(180deg, #f7f9fc 0%, #eef3f8 100%);
}

#trusted-clients::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(15,39,64,.03) 1px, transparent 1px),
    linear-gradient(rgba(15,39,64,.03) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity:.35;
  pointer-events:none;
}

#trusted-clients .container{
  position:relative;
  z-index:2;
}

#trusted-clients .kp-section-head{
  margin-bottom: 34px;
}

#trusted-clients .kp-title{
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.06;
}

#trusted-clients .kp-subtitle{
  max-width: 760px;
}

/* marquee wrapper */
#trusted-clients .kp-logo-marquee{
  position: relative;
  padding: 22px 0;
  border-radius: 28px;
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(15,39,64,.06);
  box-shadow: 0 18px 50px rgba(10,17,24,.06);
  backdrop-filter: blur(8px);
}

#trusted-clients .kp-logo-marquee::before,
#trusted-clients .kp-logo-marquee::after{
  width: 90px;
}

#trusted-clients .kp-logo-marquee::before{
  background: linear-gradient(to right, #eef3f8 0%, rgba(238,243,248,0) 100%);
}

#trusted-clients .kp-logo-marquee::after{
  background: linear-gradient(to left, #eef3f8 0%, rgba(238,243,248,0) 100%);
}

/* logo cards */
#trusted-clients .kp-logo-pill{
  width: 190px;
  height: 96px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(15,39,64,.06);
  box-shadow: 0 12px 28px rgba(15,39,64,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}

#trusted-clients .kp-logo-pill:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 34px rgba(15,39,64,.12);
}

#trusted-clients .kp-logo-pill img{
  max-height: 54px;
}

/* optional red accent line */
#trusted-clients .kp-logo-marquee-wrap{
  position: relative;
}

#trusted-clients .kp-logo-marquee-wrap::before{
  content:"";
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  width: 160px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(214,41,41,0) 0%, rgba(214,41,41,.95) 50%, rgba(214,41,41,0) 100%);
  z-index:3;
}

@media (max-width: 991.98px){
  #trusted-clients .kp-logo-pill{
    width: 160px;
    height: 84px;
  }

  #trusted-clients .kp-logo-pill img{
    max-height: 44px;
  }
}

@media (max-width: 575.98px){
  #trusted-clients .kp-logo-marquee{
    padding: 16px 0;
    border-radius: 20px;
  }

  #trusted-clients .kp-logo-pill{
    width: 138px;
    height: 72px;
    border-radius: 14px;
  }

  #trusted-clients .kp-logo-pill img{
    max-height: 36px;
  }

  #trusted-clients .kp-logo-marquee::before,
  #trusted-clients .kp-logo-marquee::after{
    width: 42px;
  }
}
.kp-media-panel{
  border-radius:16px;
  background:#fff;
  box-shadow:0 20px 60px rgba(0,0,0,0.08);
  position:relative;
  overflow:hidden;
}

.kp-factory-img{
  object-fit:cover;
  height:100%;
  min-height:420px;
  transition:transform 0.6s ease;
  display:block;
}

.kp-media-panel:hover .kp-factory-img{
  transform:scale(1.05);
}

.kp-media-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,0.25), transparent 45%);
  pointer-events:none;
}

.kp-panel-badge{
  position:absolute;
  top:18px;
  left:18px;
  z-index:3;
}

@media (max-width: 991.98px){
  .kp-factory-img{
    min-height:340px;
  }
}
/* ==========================================
   ABOUT INTRO - CONSOLIDATED FINAL CSS
========================================== */
.kp-about-premium-v2{
  position: relative;
  padding: 110px 0;
  background:
    radial-gradient(circle at 14% 18%, rgba(225, 38, 38, 0.05), transparent 22%),
    radial-gradient(circle at 86% 82%, rgba(17, 46, 87, 0.06), transparent 24%),
    linear-gradient(180deg, #f7f8fa 0%, #eef2f6 100%);
  overflow: hidden;
}

.kp-about-premium-v2::before{
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(17,46,87,.12), transparent);
}

.kp-about-premium-v2 .container{
  position: relative;
  z-index: 2;
}

/* ==========================================
   LEFT IMAGE AREA
========================================== */
.kp-about-visual{
  position: relative;
  max-width: 510px;
  margin: 0 auto;
}

.kp-about-visual::before{
  content: "";
  position: absolute;
  width: 130px;
  height: 130px;
  top: -18px;
  left: -18px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(225,38,38,.10), rgba(225,38,38,.02));
  z-index: 0;
}

.kp-about-visual::after{
  content: "";
  position: absolute;
  width: 175px;
  height: 175px;
  right: -16px;
  bottom: -18px;
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(17,46,87,.08), rgba(17,46,87,.02));
  z-index: 0;
}

.kp-about-image-card{
  position: relative;
  z-index: 2;
  border-radius: 30px;
  overflow: hidden;
  background: #ffffff;
  box-shadow:
    0 24px 55px rgba(17, 46, 87, 0.14),
    0 8px 18px rgba(17, 46, 87, 0.06);
}

.kp-about-image-card img{
  display: block;
  width: 100%;
  height: 565px;
  object-fit: cover;
}

.kp-about-image-card::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top, rgba(0,0,0,0.10), transparent 32%),
    linear-gradient(to right, rgba(17,46,87,0.05), transparent 26%);
  pointer-events: none;
}

.kp-about-image-badge{
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 20px;
  background: rgba(255,255,255,0.96);
  color: #112e57;
  font-size: 14px;
  font-weight: 700;
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(6px);
}

/* ==========================================
   RIGHT CONTENT PANEL
========================================== */
.kp-about-panel{
  position: relative;
  padding: 34px 34px 34px 36px;
  background: #f4f6f9;
  border: 1px solid #e2e7ee;
  border-radius: 30px;
  box-shadow: 0 18px 40px rgba(17,46,87,0.06);
}

.kp-about-panel::before{
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  width: 4px;
  height: 108px;
  border-radius: 0 8px 8px 0;
  background: linear-gradient(180deg, #e12626 0%, #112e57 100%);
}

.kp-about-panel::after{
  content: "";
  position: absolute;
  top: 0;
  right: 34px;
  width: 110px;
  height: 3px;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(90deg, #e12626 0%, rgba(225,38,38,0) 100%);
}

/* ==========================================
   TYPOGRAPHY
========================================== */
.kp-about-label{
  display: inline-block;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #d91f26;
}

.kp-about-heading{
  margin: 0 0 18px;
  max-width: 700px;
  font-size: 54px;
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -1.5px;
  color: #112e57;
}

.kp-about-desc{
  margin: 0;
  max-width: 640px;
  font-size: 18px;
  line-height: 1.85;
  color: #5d6c7d;
}

/* ==========================================
   FEATURE CARDS
========================================== */
.kp-about-features{
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 24px 0 32px;
}

.kp-about-feature{
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 96px;
  padding: 18px 20px;
  background: #ffffff;
  border: 1px solid #d5dde6;
  border-radius: 14px;
  box-shadow:
    0 8px 20px rgba(17,46,87,0.08),
    0 2px 6px rgba(0,0,0,0.04);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
  overflow: hidden;
}

.kp-about-feature::before{
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  width: 36px;
  height: 3px;
  background: #e12626;
  border-radius: 0 0 6px 6px;
}

.kp-about-feature::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.50) 45%,
    rgba(255,255,255,0) 100%
  );
  transform: translateX(-130%);
  transition: transform .75s ease;
  pointer-events: none;
}

.kp-about-feature:hover{
  transform: translateY(-3px);
  border-color: rgba(225, 38, 38, 0.28);
  box-shadow:
    0 14px 30px rgba(17,46,87,0.12),
    0 4px 10px rgba(0,0,0,0.06);
}

.kp-about-feature:hover::after{
  transform: translateX(130%);
}

.kp-about-feature-icon{
  width: 52px;
  height: 52px;
  min-width: 52px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ffeaea, #fff5f5);
  border: 1px solid #f1c5c5;
  color: #e12626;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.kp-about-feature:hover .kp-about-feature-icon{
  transform: scale(1.04);
  border-color: #ebb2b2;
  box-shadow: 0 6px 14px rgba(225,38,38,0.08);
}

.kp-about-feature-icon i{
  font-size: 18px;
  line-height: 1;
}

.kp-about-feature-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1;
}

.kp-about-feature-text strong{
  font-size: 18px;
  font-weight: 800;
  color: #112e57;
  letter-spacing: -0.1px;
}

.kp-about-feature-text span{
  margin-top: 4px;
  font-size: 13px;
  font-weight: 600;
  color: #6c7b8d;
}

/* ==========================================
   BUTTONS
========================================== */
.kp-about-buttons{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.kp-about-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 212px;
  min-height: 58px;
  padding: 15px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease;
}

.kp-about-btn-primary{
  background: linear-gradient(135deg, #ef2323 0%, #c91d1d 100%);
  color: #ffffff;
  box-shadow: 0 15px 32px rgba(225, 38, 38, 0.24);
}

.kp-about-btn-primary:hover{
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(225, 38, 38, 0.30);
}

.kp-about-btn-secondary{
  background: #ffffff;
  color: #112e57;
  border: 1.5px solid #112e57;
}

.kp-about-btn-secondary:hover{
  background: #112e57;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(17,46,87,0.16);
}

/* ==========================================
   REDUCED MOTION
========================================== */
@media (prefers-reduced-motion: reduce){
  .kp-about-feature,
  .kp-about-feature::after,
  .kp-about-feature-icon,
  .kp-about-btn{
    transition: none !important;
  }

  .kp-about-feature:hover,
  .kp-about-btn:hover,
  .kp-about-feature:hover .kp-about-feature-icon{
    transform: none !important;
  }
}

/* ==========================================
   RESPONSIVE
========================================== */
@media (max-width: 1399.98px){
  .kp-about-heading{
    font-size: 50px;
  }
}

@media (max-width: 1199.98px){
  .kp-about-premium-v2{
    padding: 95px 0;
  }

  .kp-about-panel{
    padding: 30px 26px 30px 30px;
  }

  .kp-about-heading{
    font-size: 44px;
  }

  .kp-about-desc{
    font-size: 17px;
  }

  .kp-about-feature-text strong{
    font-size: 17px;
  }

  .kp-about-feature-text span{
    font-size: 13px;
  }
}

@media (max-width: 991.98px){
  .kp-about-premium-v2{
    padding: 75px 0;
  }

  .kp-about-visual{
    max-width: 100%;
  }

  .kp-about-image-card img{
    height: auto;
  }

  .kp-about-panel{
    padding: 28px 22px;
    border-radius: 24px;
  }

  .kp-about-panel::before{
    display: none;
  }

  .kp-about-panel::after{
    right: 22px;
  }

  .kp-about-heading{
    font-size: 38px;
    line-height: 1.12;
  }

  .kp-about-features{
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 575.98px){
  .kp-about-premium-v2{
    padding: 65px 0;
  }

  .kp-about-label{
    font-size: 12px;
    letter-spacing: 2px;
  }

  .kp-about-heading{
    font-size: 30px;
  }

  .kp-about-desc{
    font-size: 16px;
    line-height: 1.8;
  }

  .kp-about-feature{
    min-height: 84px;
    padding: 15px 16px;
  }

  .kp-about-feature-icon{
    width: 48px;
    height: 48px;
    min-width: 48px;
  }

  .kp-about-feature-icon i{
    font-size: 16px;
  }

  .kp-about-feature-text strong{
    font-size: 16px;
  }

  .kp-about-feature-text span{
    font-size: 13px;
  }

  .kp-about-buttons{
    gap: 12px;
  }

  .kp-about-btn{
    width: 100%;
    min-width: 100%;
  }
}
/* =========================================================
   KAYPEE FINAL CONSOLIDATED CSS
   ========================================================= */

/* ===== GLOBAL ===== */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ===== HEADER NAV ===== */
.navbar .nav-link {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  padding: 10px 16px;
  letter-spacing: 0.2px;
  transition: 0.3s ease;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: #f3363e;
}

/* ===== SECTION HEAD ===== */
.kp-section-head {
  margin-bottom: 55px;
  text-align: center;
}

.kp-section-head .kp-eyebrow {
  color: #f3363e;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.kp-section-head .kp-title {
  font-size: 34px;
  font-weight: 700;
  margin: 10px 0;
}

.kp-section-head .kp-subtitle {
  max-width: 720px;
  margin: auto;
  color: #666;
  font-size: 15px;
}

/* =========================================================
   PRODUCT RANGE
   ========================================================= */

#product-range {
  padding: 90px 0;
  background: #f9fafc;
}

.kp-product-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #eee;
  transition: all 0.35s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.kp-product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 50px rgba(0,0,0,0.08);
}

.kp-card-topline {
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, #f3363e, #ff7b2c);
}

.kp-card-media {
  height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f6f9;
  padding: 20px;
}

.kp-card-media img {
  max-height: 180px;
  width: auto;
  object-fit: contain;
  transition: 0.4s ease;
}

.kp-product-card:hover .kp-card-media img {
  transform: scale(1.08);
}

.kp-card-body {
  padding: 24px;
  flex-grow: 1;
}

.kp-card-body h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #111;
}

.kp-card-body p {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 14px;
}

.kp-card-body a {
  font-size: 14px;
  font-weight: 600;
  color: #f3363e;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.kp-card-body a i {
  transition: 0.3s ease;
}

.kp-card-body a:hover i {
  transform: translateX(4px);
}

/* =========================================================
   APPLICATIONS
   ========================================================= */

#applications {
  padding: 90px 0;
}

.kp-app-card {
  position: relative;
  height: 270px;
  border-radius: 14px;
  overflow: hidden;
}

.kp-app-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
}

.kp-app-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 22px;
  background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.15));
}

.kp-app-overlay h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.kp-app-card:hover img {
  transform: scale(1.1);
}

.kp-app-card:hover .kp-app-overlay {
  background: linear-gradient(to top, rgba(243,54,62,0.85), rgba(0,0,0,0.2));
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

  .kp-card-media {
    height: 180px;
  }

  .kp-app-card {
    height: 220px;
  }

  .kp-section-head .kp-title {
    font-size: 26px;
  }

}
/* =========================================================
   PRODUCT RANGE - PREMIUM OVERRIDE
   Paste at very bottom of kaypee-home-premium.css
   ========================================================= */

#product-range{
  position: relative;
  padding: 95px 0;
  background: linear-gradient(180deg, #f7f8fa 0%, #eef2f6 100%);
}

#product-range .kp-section-head{
  margin-bottom: 56px;
  text-align: center;
}

#product-range .kp-eyebrow{
  display: inline-block;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #e12626;
}

#product-range .kp-title{
  margin: 0 0 14px;
  font-size: 52px;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -1.2px;
  color: #112e57;
}

#product-range .kp-subtitle{
  max-width: 780px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.8;
  color: #627084;
}

/* card wrapper */
#product-range .kp-product-card{
  position: relative;
  height: 100%;
  border-radius: 22px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dfe6ee;
  box-shadow:
    0 10px 30px rgba(17, 46, 87, 0.06),
    0 2px 8px rgba(0,0,0,0.03);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}

#product-range .kp-product-card:hover{
  transform: translateY(-8px);
  border-color: rgba(225,38,38,0.22);
  box-shadow:
    0 22px 50px rgba(17, 46, 87, 0.11),
    0 6px 16px rgba(0,0,0,0.05);
}

/* red premium top line */
#product-range .kp-card-topline{
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, #ef2323 0%, #ff6a6a 100%);
}

/* image zone */
#product-range .kp-card-media{
  position: relative;
  height: 255px;
  padding: 28px;
  background:
    radial-gradient(circle at top left, rgba(225,38,38,0.05), transparent 26%),
    linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%);
  border-bottom: 1px solid #e4ebf2;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* subtle grid/premium texture */
#product-range .kp-card-media::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(17,46,87,.04) 1px, transparent 1px),
    linear-gradient(rgba(17,46,87,.04) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: .35;
  pointer-events: none;
}

/* actual image */
#product-range .kp-card-media img{
  position: relative;
  z-index: 2;
  max-width: 100%;
  max-height: 180px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 14px 18px rgba(17,46,87,0.12));
  transition: transform .35s ease;
}

#product-range .kp-product-card:hover .kp-card-media img{
  transform: scale(1.06);
}

/* if image missing, keep area still looking intentional */
#product-range .kp-card-media img[src=""],
#product-range .kp-card-media img:not([src]){
  opacity: 0;
}

#product-range .kp-card-body{
  padding: 26px 24px 24px;
}

#product-range .kp-card-body h3{
  margin: 0 0 12px;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.4px;
  color: #112e57;
}

#product-range .kp-card-body p{
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.8;
  color: #667589;
}

#product-range .kp-card-body a{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #e12626;
  text-decoration: none;
}

#product-range .kp-card-body a i{
  transition: transform .25s ease;
}

#product-range .kp-card-body a:hover i{
  transform: translateX(4px);
}

/* spacing between rows */
#product-range .row.g-4{
  --bs-gutter-x: 1.7rem;
  --bs-gutter-y: 1.7rem;
}

/* responsive */
@media (max-width: 1399.98px){
  #product-range .kp-title{
    font-size: 46px;
  }

  #product-range .kp-card-body h3{
    font-size: 27px;
  }
}

@media (max-width: 1199.98px){
  #product-range{
    padding: 85px 0;
  }

  #product-range .kp-title{
    font-size: 40px;
  }

  #product-range .kp-subtitle{
    font-size: 17px;
  }

  #product-range .kp-card-media{
    height: 235px;
  }

  #product-range .kp-card-body h3{
    font-size: 24px;
  }
}

@media (max-width: 991.98px){
  #product-range{
    padding: 72px 0;
  }

  #product-range .kp-title{
    font-size: 34px;
  }

  #product-range .kp-card-media{
    height: 220px;
  }

  #product-range .kp-card-body{
    padding: 22px 20px 22px;
  }

  #product-range .kp-card-body h3{
    font-size: 22px;
  }

  #product-range .kp-card-body p{
    font-size: 15px;
  }
}

@media (max-width: 575.98px){
  #product-range .kp-eyebrow{
    font-size: 12px;
    letter-spacing: 2px;
  }

  #product-range .kp-title{
    font-size: 28px;
  }

  #product-range .kp-subtitle{
    font-size: 15px;
    line-height: 1.7;
  }

  #product-range .kp-card-media{
    height: 200px;
    padding: 20px;
  }

  #product-range .kp-card-media img{
    max-height: 145px;
  }

  #product-range .kp-card-body h3{
    font-size: 20px;
  }

  #product-range .kp-card-body p{
    font-size: 14px;
  }
}
/* =========================================================
   PRODUCT RANGE - ULTRA PREMIUM UPGRADE
   ========================================================= */

#product-range{
  position: relative;
  padding: 100px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(225,38,38,.05), transparent 22%),
    radial-gradient(circle at 88% 82%, rgba(17,46,87,.06), transparent 24%),
    linear-gradient(180deg, #f7f8fa 0%, #eef2f6 100%);
  overflow: hidden;
}

#product-range::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(17,46,87,.12), transparent);
}

#product-range .container{
  position:relative;
  z-index:2;
}

/* section heading */
#product-range .kp-section-head{
  margin-bottom:58px;
  text-align:center;
}

#product-range .kp-eyebrow{
  display:inline-block;
  margin-bottom:14px;
  font-size:13px;
  font-weight:800;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:#e12626;
}

#product-range .kp-title{
  margin:0 0 14px;
  font-size:52px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-1.2px;
  color:#112e57;
}

#product-range .kp-subtitle{
  max-width:780px;
  margin:0 auto;
  font-size:18px;
  line-height:1.8;
  color:#627084;
}

/* grid spacing */
#product-range .row.g-4{
  --bs-gutter-x: 1.7rem;
  --bs-gutter-y: 1.7rem;
}

/* product card */
#product-range .kp-product-card{
  position:relative;
  height:100%;
  border-radius:24px;
  overflow:hidden;
  background:#ffffff;
  border:1px solid #dfe6ee;
  box-shadow:
    0 10px 30px rgba(17,46,87,.06),
    0 2px 8px rgba(0,0,0,.03);
  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

#product-range .kp-product-card:hover{
  transform:translateY(-10px);
  border-color:rgba(225,38,38,.22);
  box-shadow:
    0 24px 55px rgba(17,46,87,.12),
    0 8px 20px rgba(0,0,0,.05);
}

/* top line */
#product-range .kp-card-topline{
  height:4px;
  width:100%;
  background:linear-gradient(90deg, #ef2323 0%, #ff6a6a 100%);
}

/* media area */
#product-range .kp-card-media{
  position:relative;
  height:250px;
  padding:28px;
  background:
    radial-gradient(circle at top left, rgba(225,38,38,.05), transparent 26%),
    linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%);
  border-bottom:1px solid #e4ebf2;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

/* subtle premium pattern */
#product-range .kp-card-media::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(17,46,87,.04) 1px, transparent 1px),
    linear-gradient(rgba(17,46,87,.04) 1px, transparent 1px);
  background-size:28px 28px;
  opacity:.35;
  pointer-events:none;
}

/* image */
#product-range .kp-card-media img{
  position:relative;
  z-index:2;
  max-width:100%;
  max-height:180px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 14px 18px rgba(17,46,87,.12));
  transition:transform .35s ease;
}

#product-range .kp-product-card:hover .kp-card-media img{
  transform:scale(1.07);
}

/* body */
#product-range .kp-card-body{
  position:relative;
  padding:26px 24px 24px;
}

/* small red accent */
#product-range .kp-card-body::before{
  content:"";
  position:absolute;
  top:0;
  left:24px;
  width:42px;
  height:3px;
  border-radius:0 0 6px 6px;
  background:#e12626;
}

#product-range .kp-card-body h3{
  margin:0 0 12px;
  font-size:30px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-0.4px;
  color:#112e57;
}

#product-range .kp-card-body p{
  margin:0 0 18px;
  font-size:15px;
  line-height:1.85;
  color:#667589;
}

/* link */
#product-range .kp-card-body a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:15px;
  font-weight:700;
  color:#e12626;
  text-decoration:none;
}

#product-range .kp-card-body a i{
  transition:transform .25s ease;
}

#product-range .kp-card-body a:hover i{
  transform:translateX(4px);
}

/* hover sheen */
#product-range .kp-product-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.45) 45%,
    rgba(255,255,255,0) 100%
  );
  transform:translateX(-130%);
  transition:transform .8s ease;
  pointer-events:none;
}

#product-range .kp-product-card:hover::after{
  transform:translateX(130%);
}

/* responsive */
@media (max-width: 1399.98px){
  #product-range .kp-title{
    font-size:46px;
  }

  #product-range .kp-card-body h3{
    font-size:27px;
  }
}

@media (max-width: 1199.98px){
  #product-range{
    padding:86px 0;
  }

  #product-range .kp-title{
    font-size:40px;
  }

  #product-range .kp-subtitle{
    font-size:17px;
  }

  #product-range .kp-card-media{
    height:235px;
  }

  #product-range .kp-card-body h3{
    font-size:24px;
  }
}

@media (max-width: 991.98px){
  #product-range{
    padding:74px 0;
  }

  #product-range .kp-title{
    font-size:34px;
  }

  #product-range .kp-card-media{
    height:245px;
  }

  #product-range .kp-card-body{
    padding:22px 20px 22px;
  }

  #product-range .kp-card-body::before{
    left:20px;
  }

  #product-range .kp-card-body h3{
    font-size:22px;
  }

  #product-range .kp-card-body p{
    font-size:14px;
    line-height:1.75;
  }
}

@media (max-width: 575.98px){
  #product-range .kp-eyebrow{
    font-size:12px;
    letter-spacing:2px;
  }

  #product-range .kp-title{
    font-size:28px;
  }

  #product-range .kp-subtitle{
    font-size:15px;
    line-height:1.7;
  }

  #product-range .kp-card-media{
    height:200px;
    padding:20px;
  }

  #product-range .kp-card-media img{
    max-height:145px;
  }

  #product-range .kp-card-body h3{
    font-size:20px;
  }

  #product-range .kp-card-body p{
    font-size:14px;
  }
}
/* =========================================================
   KAYPEE - CONSOLIDATED CSS
   Ultra premium product cards + strong header
   ========================================================= */

/* =========================
   GLOBAL
========================= */
body{
  font-family: "Inter", Arial, sans-serif;
  background:#f5f7fa;
  color:#1a2a3a;
}

a{
  text-decoration:none;
  transition:all .3s ease;
}

img{
  max-width:100%;
  display:block;
}

/* =========================
   HEADER
========================= */
.kp-header,
.navbar{
  background:#ffffff;
  box-shadow:0 6px 24px rgba(0,0,0,.06);
}

.navbar-nav .nav-link{
  font-size:15px;
  font-weight:700;
  color:#102a43;
  padding:12px 16px !important;
  position:relative;
  letter-spacing:.2px;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
  color:#e63946;
}

.navbar-nav .nav-link::after{
  content:"";
  position:absolute;
  left:16px;
  bottom:6px;
  width:0;
  height:2px;
  background:#e63946;
  transition:width .3s ease;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after{
  width:calc(100% - 32px);
}

/* dropdown */
.dropdown-menu{
  border:none;
  border-radius:16px;
  box-shadow:0 18px 45px rgba(0,0,0,.10);
  padding:10px;
}

.dropdown-item{
  border-radius:10px;
  padding:10px 14px;
  font-size:14px;
  font-weight:600;
  color:#17324d;
}

.dropdown-item:hover{
  background:#f3f6fa;
  color:#e63946;
}

/* =========================
   SECTIONS
========================= */
.kp-section{
  padding:90px 0;
}

.kp-section-light{
  background:linear-gradient(180deg,#f7f9fc 0%, #eef3f8 100%);
}

.kp-section-head{
  margin-bottom:56px;
  text-align:center;
}

.kp-section-head .kp-eyebrow,
.kp-eyebrow{
  display:inline-block;
  margin-bottom:14px;
  font-size:13px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#e63946;
}

.kp-title{
  margin:0 0 14px;
  font-size:42px;
  line-height:1.12;
  font-weight:800;
  color:#102a43;
  letter-spacing:-.6px;
}

.kp-subtitle{
  max-width:760px;
  margin:0 auto;
  font-size:17px;
  line-height:1.8;
  color:#6b7c93;
}

/* =========================
   PRODUCT RANGE - ULTRA PREMIUM
========================= */
#product-range{
  position:relative;
  overflow:hidden;
}

#product-range::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%, rgba(230,57,70,.05), transparent 24%),
    radial-gradient(circle at 88% 82%, rgba(16,42,67,.05), transparent 24%);
  pointer-events:none;
}

#product-range .container{
  position:relative;
  z-index:2;
}

#product-range .row.g-4{
  --bs-gutter-x: 1.7rem;
  --bs-gutter-y: 1.7rem;
}

/* card */
.kp-product-card{
  position:relative;
  height:100%;
  border-radius:24px;
  overflow:hidden;
  background:#ffffff;
  border:1px solid #dfe7ef;
  box-shadow:
    0 10px 30px rgba(16,42,67,.06),
    0 2px 8px rgba(0,0,0,.03);
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

.kp-product-card:hover{
  transform:translateY(-10px);
  border-color:rgba(230,57,70,.22);
  box-shadow:
    0 24px 55px rgba(16,42,67,.12),
    0 8px 20px rgba(0,0,0,.05);
}

/* red top accent */
.kp-card-topline{
  position:absolute;
  top:0;
  left:0;
  width:72px;
  height:4px;
  background:linear-gradient(90deg,#ef233c 0%, #ff6b6b 100%);
  z-index:3;
  border-radius:0 0 8px 0;
}

/* image area */
.kp-card-media{
  position:relative;
  width:100%;
  height:250px;
  overflow:hidden;
  background:#e9eef4;
}

/* full-cover image */
.kp-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .65s ease;
}

/* premium overlay */
.kp-card-media::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to top, rgba(8,20,34,.48) 0%, rgba(8,20,34,.10) 38%, rgba(8,20,34,0) 68%),
    linear-gradient(to right, rgba(255,255,255,.06), rgba(255,255,255,0));
  z-index:1;
  pointer-events:none;
}

/* subtle sheen */
.kp-card-media::after{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:70%;
  height:100%;
  background:linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.22) 50%, rgba(255,255,255,0) 100%);
  transform:skewX(-20deg);
  z-index:2;
  pointer-events:none;
  transition:left .9s ease;
}

.kp-product-card:hover .kp-card-media img{
  transform:scale(1.08);
}

.kp-product-card:hover .kp-card-media::after{
  left:140%;
}

/* body */
.kp-card-body{
  position:relative;
  padding:24px 24px 24px;
  background:#ffffff;
}

.kp-card-body::before{
  content:"";
  position:absolute;
  top:0;
  left:24px;
  width:42px;
  height:3px;
  background:#ef233c;
  border-radius:0 0 6px 6px;
}

.kp-card-body h3{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.15;
  font-weight:800;
  color:#102a43;
  letter-spacing:-.3px;
}

.kp-card-body p{
  margin:0 0 18px;
  font-size:15px;
  line-height:1.8;
  color:#62748a;
}

.kp-card-body a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:15px;
  font-weight:700;
  color:#ef233c;
}

.kp-card-body a i{
  transition:transform .25s ease;
}

.kp-card-body a:hover{
  color:#c1121f;
}

.kp-card-body a:hover i{
  transform:translateX(4px);
}

/* =========================
   APPLICATION CARDS
========================= */
#applications{
  position:relative;
}

.kp-app-card{
  position:relative;
  height:300px;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(16,42,67,.08);
  transition:transform .35s ease, box-shadow .35s ease;
}

.kp-app-card:hover{
  transform:translateY(-8px);
  box-shadow:0 24px 50px rgba(16,42,67,.14);
}

.kp-app-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .6s ease;
}

.kp-app-card:hover img{
  transform:scale(1.08);
}

.kp-app-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  padding:22px;
  background:linear-gradient(to top, rgba(8,20,34,.82) 0%, rgba(8,20,34,.20) 45%, rgba(8,20,34,0) 75%);
}

.kp-app-overlay h3{
  margin:0;
  color:#fff;
  font-size:20px;
  font-weight:700;
  line-height:1.2;
}

/* =========================
   BUTTONS
========================= */
.kp-btn,
.kp-btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:12px 26px;
  border-radius:999px;
  font-weight:700;
}

.kp-btn-primary{
  background:linear-gradient(135deg,#ef233c 0%, #c1121f 100%);
  color:#fff;
  box-shadow:0 12px 26px rgba(230,57,70,.24);
}

.kp-btn-primary:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(230,57,70,.30);
}

/* =========================
   FOOTER
========================= */
footer,
.kp-footer{
  background:#0f172a;
  color:#fff;
}

.kp-footer h4{
  font-size:18px;
  font-weight:700;
  margin-bottom:18px;
}

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

.kp-footer-links li{
  margin-bottom:10px;
}

.kp-footer-links a{
  color:#cbd5e1;
  font-size:14px;
}

.kp-footer-links a:hover{
  color:#ffffff;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1199.98px){
  .kp-title{
    font-size:36px;
  }

  .kp-card-media{
    height:230px;
  }
}

@media (max-width: 991.98px){
  .kp-section{
    padding:74px 0;
  }

  .kp-title{
    font-size:32px;
  }

  .kp-subtitle{
    font-size:16px;
  }

  .kp-card-media{
    height:245px;
  }

  .kp-app-card{
    height:260px;
  }
}

@media (max-width: 575.98px){
  .kp-section{
    padding:64px 0;
  }

  .kp-title{
    font-size:28px;
  }

  .kp-subtitle{
    font-size:15px;
    line-height:1.7;
  }

  .kp-card-media{
    height:200px;
  }

  .kp-card-body{
    padding:20px;
  }

  .kp-card-body::before{
    left:20px;
  }

  .kp-card-body h3{
    font-size:20px;
  }

  .kp-card-body p{
    font-size:14px;
    line-height:1.7;
  }

  .kp-app-card{
    height:245px;
  }

  .kp-app-overlay h3{
    font-size:18px;
  }
}
/* =========================================================
   PRODUCT CARDS - FULL COVER IMAGE FIX
   Put this at the VERY BOTTOM of your CSS
   ========================================================= */

.kp-product-card{
  display: flex;
  flex-direction: column;
}

.kp-card-media{
  position: relative;
  width: 100%;
  height: 280px;
  min-height: 280px;
  overflow: hidden;
  background: #dfe6ee;
  padding: 0 !important;
  border-radius: 24px 24px 0 0;
}

.kp-card-media img{
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block;
  transition: transform .6s ease;
}

.kp-product-card:hover .kp-card-media img{
  transform: scale(1.08);
}

.kp-card-media::before,
.kp-card-media::after{
  pointer-events: none;
}

.kp-card-body{
  flex: 1 1 auto;
}

/* responsive */
@media (max-width: 1199.98px){
  .kp-card-media{
    height: 250px;
    min-height: 250px;
  }
}

@media (max-width: 991.98px){
  .kp-card-media{
    height: 230px;
    min-height: 230px;
  }
}

@media (max-width: 575.98px){
  .kp-card-media{
    height: 210px;
    min-height: 210px;
  }
}
.kp-dark-section {
  background: linear-gradient(135deg, #0a1f33, #0f2f4f);
  color: #fff;
  position: relative;
  overflow: hidden;
}

/* TEXT */
.kp-text-light {
  color: rgba(255,255,255,0.75);
  font-size: 16px;
  line-height: 1.7;
}

/* PROCESS GRID */
.kp-process-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.kp-process-grid div {
  padding: 12px 16px;
  background: rgba(255,255,255,0.05);
  border-radius: 10px;
  font-size: 14px;
  transition: all 0.3s ease;
  border: 1px solid rgba(255,255,255,0.08);
}

.kp-process-grid div:hover {
  background: #d8232a;
  transform: translateY(-3px);
}

/* IMAGE SIDE */
.kp-manufacturing-media {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.kp-manufacturing-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 420px;
}

/* FLOATING BOXES */
.kp-float-box {
  position: absolute;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  padding: 14px 18px;
  border-radius: 12px;
  color: #fff;
  font-size: 14px;
  border: 1px solid rgba(255,255,255,0.15);
}

.kp-float-box strong {
  display: block;
  font-size: 16px;
}

/* positions */
.box-1 { top: 20px; left: 20px; }
.box-2 { bottom: 20px; left: 20px; }
.box-3 { bottom: 20px; right: 20px; }

@media (max-width: 991px){
  .kp-manufacturing-media img {
    min-height: 320px;
  }
}
/* ===== MANUFACTURING ULTRA SECTION ===== */
.kp-manufacturing-ultra{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 20%, rgba(214,41,41,.10), transparent 22%),
    radial-gradient(circle at 85% 15%, rgba(255,255,255,.04), transparent 18%),
    linear-gradient(135deg, #071420 0%, #0a2238 45%, #12395d 100%);
}

.kp-manufacturing-ultra::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:40px 40px;
  opacity:.22;
  pointer-events:none;
}

.kp-manufacturing-ultra .container{
  position:relative;
  z-index:2;
}

.kp-eyebrow-red{
  color:#ff4b4b;
}

.kp-manufacturing-title{
  font-size:clamp(2.2rem, 4vw, 3.8rem);
  line-height:1.04;
  margin-bottom:18px;
  max-width:680px;
}

.kp-manufacturing-title span{
  display:block;
  color:rgba(255,255,255,.88);
}

.kp-manufacturing-text{
  max-width:620px;
  font-size:1.05rem;
  line-height:1.75;
  color:rgba(255,255,255,.78);
}

.kp-process-grid-ultra{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}

.kp-process-grid-ultra div{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:all .28s ease;
  color:#fff;
  font-weight:700;
}

.kp-process-grid-ultra div i{
  width:38px;
  height:38px;
  min-width:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(214,41,41,.16);
  color:#ff5b5b;
  font-size:1rem;
}

.kp-process-grid-ultra div:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.10);
  border-color:rgba(214,41,41,.26);
  box-shadow:0 16px 30px rgba(0,0,0,.18);
}

.kp-manufacturing-mini-stats{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:26px;
}

.kp-mini-stat{
  min-width:170px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
}

.kp-mini-stat strong{
  display:block;
  color:#fff;
  font-size:1rem;
  margin-bottom:4px;
}

.kp-mini-stat span{
  display:block;
  color:rgba(255,255,255,.7);
  font-size:.92rem;
}

.kp-manufacturing-media-ultra{
  position:relative;
  border-radius:28px;
  overflow:hidden;
  min-height:560px;
  box-shadow:0 30px 70px rgba(0,0,0,.26);
  border:1px solid rgba(255,255,255,.08);
  background:#0d1823;
}

.kp-manufacturing-media-ultra img{
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:cover;
  display:block;
  transition:transform .7s ease;
  filter:contrast(1.05) saturate(1.08);
}

.kp-manufacturing-media-ultra:hover img{
  transform:scale(1.04);
}

.kp-manufacturing-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(4,10,18,.16) 0%, rgba(4,10,18,.18) 28%, rgba(4,10,18,.42) 100%),
    linear-gradient(90deg, rgba(4,10,18,.48) 0%, rgba(4,10,18,.14) 40%, rgba(4,10,18,.06) 100%);
  pointer-events:none;
}

.kp-manufacturing-media-ultra::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 70% 60%, rgba(216,35,42,0.25), transparent 40%);
  pointer-events:none;
}

.kp-spark-line{
  position:absolute;
  left:-20%;
  bottom:90px;
  width:55%;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, #ff3b3b, #ffae00, transparent);
  opacity:.9;
  animation:kpSparkMove 3.5s linear infinite;
}

@keyframes kpSparkMove{
  0%{transform:translateX(0); opacity:.15;}
  20%{opacity:.9;}
  100%{transform:translateX(180%); opacity:0;}
}

.kp-float-box-ultra{
  position:absolute;
  min-width:170px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(7,20,32,.48);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 35px rgba(0,0,0,.18);
  color:#fff;
}

.kp-float-box-ultra strong{
  display:block;
  font-size:1.02rem;
  margin-bottom:4px;
}

.kp-float-box-ultra span{
  display:block;
  color:rgba(255,255,255,.72);
  font-size:.9rem;
}

.kp-float-box-ultra.box-1{
  top:22px;
  left:22px;
}

.kp-float-box-ultra.box-2{
  bottom:22px;
  left:22px;
}

.kp-float-box-ultra.box-3{
  top:22px;
  right:22px;
}

@media (max-width:991.98px){
  .kp-process-grid-ultra{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .kp-manufacturing-media-ultra,
  .kp-manufacturing-media-ultra img{
    min-height:420px;
  }

  .kp-float-box-ultra{
    min-width:150px;
    padding:12px 14px;
  }
}

@media (max-width:767.98px){
  .kp-process-grid-ultra{
    grid-template-columns:1fr;
  }

  .kp-manufacturing-mini-stats{
    gap:10px;
  }

  .kp-mini-stat{
    width:100%;
    min-width:0;
  }

  .kp-manufacturing-media-ultra,
  .kp-manufacturing-media-ultra img{
    min-height:340px;
  }

  .kp-float-box-ultra{
    min-width:132px;
    padding:10px 12px;
    border-radius:14px;
  }

  .kp-float-box-ultra strong{
    font-size:.92rem;
  }

  .kp-float-box-ultra span{
    font-size:.82rem;
  }

  .kp-float-box-ultra.box-3{
    right:14px;
    top:14px;
  }

  .kp-float-box-ultra.box-1{
    left:14px;
    top:14px;
  }

  .kp-float-box-ultra.box-2{
    left:14px;
    bottom:14px;
  }
}
/* ===== MANUFACTURING PREMIUM COMPACT ===== */
.kp-manufacturing-premium{
  position: relative;
  padding: 78px 0;
  overflow: hidden;

  background:
    linear-gradient(120deg, #06131f 0%, #0a2238 40%, #0d2f4f 100%);
}

.kp-manufacturing-premium::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,50,50,0.12), transparent 25%),
    radial-gradient(circle at 80% 70%, rgba(255,120,0,0.10), transparent 25%);
  pointer-events:none;
}

.kp-manufacturing-premium .container{
  position:relative;
  z-index:2;
}

.kp-manufacturing-heading{
  color:#fff;
  font-size:clamp(2rem, 3.2vw, 3.1rem);
  line-height:1.05;
  font-weight:800;
  margin:10px 0 18px;
  max-width:600px;
}

.kp-manufacturing-heading span{
  display:block;
  color:rgba(255,255,255,.88);
}

.kp-manufacturing-para{
  color:rgba(255,255,255,.76);
  font-size:1rem;
  line-height:1.8;
  max-width:560px;
  margin-bottom:26px;
}

.kp-process-compact{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  max-width:560px;
}

.kp-process-compact div{
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-weight:700;
  transition:all .25s ease;
}

.kp-process-compact div i{
  width:34px;
  height:34px;
  min-width:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:rgba(214,41,41,.14);
  color:#ff5b5b;
  font-size:.95rem;
}

.kp-process-compact div:hover{
  transform:translateY(-3px);
  border-color:rgba(214,41,41,.24);
  background:rgba(255,255,255,.09);
}

.kp-manufacturing-visual{
  position:relative;
  min-height:470px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}

.kp-manufacturing-visual img{
  width:100%;
  height:100%;
  min-height:470px;
  object-fit:cover;
  display:block;
  filter:contrast(1.05) saturate(1.08);
  transition:transform .6s ease;
}

.kp-manufacturing-visual:hover img{
  transform:scale(1.04);
}

.kp-manufacturing-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(5,12,20,.10) 0%, rgba(5,12,20,.35) 100%),
    linear-gradient(90deg, rgba(5,12,20,.38) 0%, rgba(5,12,20,.08) 45%, rgba(216,35,42,.10) 100%);
  pointer-events:none;
}

.kp-stat-chip{
  position:absolute;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(8,20,32,.52);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
}

.kp-stat-chip strong{
  display:block;
  font-size:.98rem;
  margin-bottom:2px;
}

.kp-stat-chip span{
  display:block;
  font-size:.84rem;
  color:rgba(255,255,255,.72);
}

.kp-stat-chip.chip-1{
  top:18px;
  left:18px;
}

.kp-stat-chip.chip-2{
  bottom:18px;
  left:18px;
}

@media (max-width: 991.98px){
  .kp-manufacturing-premium{
    padding: 64px 0;
  }

  .kp-manufacturing-visual,
  .kp-manufacturing-visual img{
    min-height:380px;
  }
}

@media (max-width: 767.98px){
  .kp-process-compact{
    grid-template-columns:1fr;
  }

  .kp-manufacturing-visual,
  .kp-manufacturing-visual img{
    min-height:320px;
  }

  .kp-stat-chip{
    padding:10px 12px;
    border-radius:12px;
  }
}
/* =========================================
   QUALITY SECTION - ULTRA PREMIUM
========================================= */

.kp-quality-premium{
  position: relative;
  padding: 70px 0;
  background:
    radial-gradient(circle at 10% 20%, rgba(228,59,59,0.04), transparent 40%),
    radial-gradient(circle at 90% 80%, rgba(0,0,0,0.05), transparent 50%),
    linear-gradient(180deg, #ffffff, #fafafa);
}

/* REMOVE FAT LOOK */
.kp-quality-premium .kp-title{
  font-size: 34px;
  margin-bottom: 12px;
}

.kp-quality-premium .kp-text-muted{
  max-width: 520px;
  font-size: 15px;
  opacity: .85;
}

/* IMAGE BLOCK */
.kp-quality-visual{
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow:
    0 20px 50px rgba(0,0,0,.15),
    0 4px 10px rgba(0,0,0,.05);
}

.kp-quality-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition: transform .6s ease;
}

.kp-quality-visual:hover .kp-quality-img{
  transform: scale(1.04);
}

/* SUBTLE RED GLOW */
.kp-quality-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 80% 20%, rgba(228,59,59,0.12), transparent 40%);
  pointer-events:none;
}

/* CERT CARDS */
.kp-cert-card{
  padding: 16px 18px;
  border-radius: 14px;
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(0,0,0,0.06);
  backdrop-filter: blur(8px);
  font-weight: 600;
  font-size: 14px;
  transition: all .3s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,0.04);
}

.kp-cert-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 10px 26px rgba(0,0,0,.1);
  border-color: rgba(228,59,59,0.3);
}

/* HIGHLIGHT CERT */
.kp-cert-card.highlight{
  background: linear-gradient(135deg, #fff5f5, #ffffff);
  border: 1px solid rgba(228,59,59,0.3);
  color: #b91c1c;
}

/* BUTTON SPACING */
.kp-quality-premium .kp-btn{
  padding: 10px 18px;
  font-size: 14px;
}
/* =========================================
   QUALITY SECTION - LEVEL 3
========================================= */
.kp-quality-l3{
  position:relative;
  padding:78px 0;
  background:
    radial-gradient(circle at 10% 20%, rgba(225,38,38,.05), transparent 24%),
    radial-gradient(circle at 88% 82%, rgba(17,46,87,.05), transparent 26%),
    linear-gradient(180deg, #fbfcfd 0%, #f1f5f9 100%);
  overflow:hidden;
}

.kp-quality-l3::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(17,46,87,.025) 1px, transparent 1px),
    linear-gradient(rgba(17,46,87,.025) 1px, transparent 1px);
  background-size:36px 36px;
  opacity:.35;
  pointer-events:none;
}

.kp-quality-l3 .container{
  position:relative;
  z-index:2;
}

.kp-quality-l3 .kp-title{
  font-size:clamp(2rem, 3.2vw, 3.15rem);
  line-height:1.04;
  margin-bottom:14px;
  color:#112e57;
}

.kp-quality-l3 .kp-text-muted{
  max-width:620px;
  font-size:1rem;
  line-height:1.82;
  color:#627084;
}
/* =========================================
   WHY KAYPEE - PREMIUM SECTION
========================================= */
.kp-why-premium{
  position:relative;
  padding:84px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(225,38,38,.05), transparent 22%),
    radial-gradient(circle at 88% 82%, rgba(17,46,87,.05), transparent 24%),
    linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%);
  overflow:hidden;
}

.kp-why-premium::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(17,46,87,.025) 1px, transparent 1px),
    linear-gradient(rgba(17,46,87,.025) 1px, transparent 1px);
  background-size:38px 38px;
  opacity:.35;
  pointer-events:none;
}

.kp-why-premium .container{
  position:relative;
  z-index:2;
}

.kp-why-premium .kp-section-head{
  margin-bottom:48px;
}

.kp-why-premium .kp-title{
  color:#112e57;
  margin-bottom:14px;
}

.kp-why-premium .kp-subtitle{
  max-width:760px;
  color:#64748b;
  font-size:1rem;
  line-height:1.85;
}

.kp-why-card-premium{
  position:relative;
  height:100%;
  padding:28px 24px 24px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.84) 100%);
  border:1px solid rgba(17,46,87,.08);
  box-shadow:
    0 12px 30px rgba(17,46,87,.06),
    inset 0 1px 0 rgba(255,255,255,.7);
  overflow:hidden;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.kp-why-card-premium::before{
  content:"";
  position:absolute;
  top:0;
  left:24px;
  width:48px;
  height:3px;
  border-radius:0 0 6px 6px;
  background:linear-gradient(90deg, #e12626 0%, #d7832a 100%);
}

.kp-why-card-premium::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.42) 45%,
    rgba(255,255,255,0) 100%
  );
  transform:translateX(-130%);
  transition:transform .85s ease;
  pointer-events:none;
}

.kp-why-card-premium:hover{
  transform:translateY(-6px);
  border-color:rgba(225,38,38,.16);
  box-shadow:
    0 22px 42px rgba(17,46,87,.10),
    0 8px 18px rgba(0,0,0,.04);
}

.kp-why-card-premium:hover::after{
  transform:translateX(130%);
}

.kp-why-icon{
  width:58px;
  height:58px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  background:linear-gradient(135deg, rgba(225,38,38,.10), rgba(215,131,42,.10));
  border:1px solid rgba(225,38,38,.12);
  color:#e12626;
  box-shadow:0 8px 18px rgba(225,38,38,.06);
}

.kp-why-icon i{
  font-size:1.28rem;
  line-height:1;
}

.kp-why-card-premium h3{
  margin:0 0 10px;
  font-size:1.28rem;
  line-height:1.2;
  font-weight:800;
  color:#112e57;
}

.kp-why-card-premium p{
  margin:0;
  color:#667589;
  font-size:.98rem;
  line-height:1.8;
}

@media (max-width: 991.98px){
  .kp-why-premium{
    padding:72px 0;
  }

  .kp-why-card-premium{
    padding:24px 20px 22px;
  }

  .kp-why-card-premium h3{
    font-size:1.16rem;
  }
}

@media (max-width: 575.98px){
  .kp-why-premium{
    padding:60px 0;
  }

  .kp-why-icon{
    width:52px;
    height:52px;
    border-radius:14px;
  }

  .kp-why-icon i{
    font-size:1.1rem;
  }

  .kp-why-card-premium h3{
    font-size:1.08rem;
  }

  .kp-why-card-premium p{
    font-size:.94rem;
    line-height:1.7;
  }
}
/* ===== REAL IMAGE PANEL FIX ===== */
.kp-media-real {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 20px 60px rgba(0,0,0,0.12);
}

/* REMOVE ALL INNER PADDING CAUSING GAP */
.kp-media-real .kp-panel-inner {
  display: none;
}

.kp-media-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 20px;
}

/* IMAGE HEIGHT CONTROL */
.kp-md.kp-media-real {
  height: 100%;
  min-height: 420px;
}

/* BADGE */
.kp-media-real .kp-panel-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: #ffffff;
  color: #0a2540;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  z-index: 2;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

/* OVERLAY */
.kp-media-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 18px 20px;
  background: linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0));
  color: #fff;
}

.kp-media-overlay h6 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.kp-media-overlay span {
  font-size: 13px;
  opacity: 0.85;
}

/* HOVER EFFECT */
.kp-media-real:hover .kp-media-img {
  transform: scale(1.04);
}

.kp-media-img {
  transition: transform 0.6s ease;
}
/* =========================================
   RFQ CTA - PREMIUM FIX
========================================= */
.kp-rfq-premium{
  position:relative;
  padding:78px 0;
  background:
    radial-gradient(circle at 18% 26%, rgba(225,38,38,.14), transparent 24%),
    radial-gradient(circle at 82% 76%, rgba(255,255,255,.06), transparent 24%),
    linear-gradient(135deg, #081521 0%, #0f2f4a 55%, #6a3448 130%);
  overflow:hidden;
}

.kp-rfq-premium::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:42px 42px;
  opacity:.22;
  pointer-events:none;
}

.kp-rfq-premium .container{
  position:relative;
  z-index:2;
}

.kp-rfq-shell{
  position:relative;
  padding:42px 44px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.03) 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 24px 60px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(10px);
  overflow:hidden;
}

.kp-rfq-shell::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.07) 45%,
    rgba(255,255,255,0) 100%
  );
  transform:translateX(-140%);
  animation:kpRfqSheen 7s linear infinite;
  pointer-events:none;
}

@keyframes kpRfqSheen{
  0%{transform:translateX(-140%)}
  100%{transform:translateX(140%)}
}

.kp-rfq-title{
  margin:0 0 14px;
  color:#ffffff;
  font-size:clamp(2rem, 3.2vw, 3.35rem);
  line-height:1.04;
  font-weight:800;
  letter-spacing:-.03em;
  max-width:720px;
}

.kp-rfq-text{
  max-width:680px;
  color:rgba(255,255,255,.82);
  font-size:1.02rem;
  line-height:1.8;
}

.kp-rfq-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  justify-content:flex-end;
  align-items:center;
}

.kp-rfq-premium .kp-btn{
  min-height:56px;
  padding:14px 28px;
  font-size:.98rem;
  font-weight:800;
}

.kp-rfq-premium .kp-btn-primary{
  box-shadow:0 18px 36px rgba(214,41,41,.28);
}

.kp-rfq-premium .kp-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 40px rgba(214,41,41,.34);
}

.kp-rfq-premium .kp-btn-outline-light{
  border:1.5px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.04);
}

.kp-rfq-premium .kp-btn-outline-light:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.34);
}

@media (max-width: 991.98px){
  .kp-rfq-premium{
    padding:66px 0;
  }

  .kp-rfq-shell{
    padding:34px 28px;
    border-radius:24px;
  }

  .kp-rfq-actions{
    justify-content:flex-start;
    margin-top:6px;
  }
}

@media (max-width: 575.98px){
  .kp-rfq-premium{
    padding:56px 0;
  }

  .kp-rfq-shell{
    padding:28px 20px;
    border-radius:20px;
  }

  .kp-rfq-premium .kp-btn{
    width:100%;
    justify-content:center;
  }
}
/* =========================================
   FOOTER - ULTRA PREMIUM
========================================= */
.kp-footer-premium{
  position:relative;
  padding:92px 0 28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(225,38,38,.16), transparent 20%),
    radial-gradient(circle at 88% 14%, rgba(255,255,255,.04), transparent 16%),
    linear-gradient(135deg, #050d19 0%, #07172b 42%, #091c34 70%, #0a1630 100%);
  color:rgba(255,255,255,.82);
}

.kp-footer-premium::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:42px 42px;
  opacity:.16;
  pointer-events:none;
}

.kp-footer-premium::after{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-120px;
  width:340px;
  height:340px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(225,38,38,.18) 0%, rgba(225,38,38,.03) 38%, transparent 70%);
  filter:blur(70px);
  pointer-events:none;
}

.kp-footer-premium .container{
  position:relative;
  z-index:2;
}

.kp-footer-shell{
  position:relative;
  padding:38px 0 0;
}

.kp-footer-brand-block{
  max-width:360px;
}

.kp-footer-brand{
  display:inline-flex;
  align-items:center;
  margin-bottom:18px;
}

.kp-footer-logo-img{
  display:block;
  width:auto;
  height:92px !important;
  max-height:none !important;
  filter:
    drop-shadow(0 0 12px rgba(225,38,38,.26))
    drop-shadow(0 10px 28px rgba(0,0,0,.22));
}

.kp-footer-about{
  margin:0 0 20px;
  color:rgba(255,255,255,.78);
  font-size:1rem;
  line-height:1.9;
  max-width:340px;
}

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

.kp-footer-badges span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 14px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.04) 100%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  color:#fff;
  font-size:.8rem;
  font-weight:700;
}

.kp-footer-premium h4{
  margin:0 0 18px;
  color:#ffffff;
  font-size:1.16rem;
  font-weight:800;
  letter-spacing:-.01em;
}

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

.kp-footer-links li{
  margin-bottom:12px;
}

.kp-footer-links a{
  color:rgba(255,255,255,.76);
  font-size:.98rem;
  transition:all .25s ease;
}

.kp-footer-links a:hover{
  color:#ffffff;
  padding-left:4px;
}

.kp-footer-contact-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:18px 18px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.03) 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 12px 28px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.kp-footer-contact-card a,
.kp-footer-contact-card span{
  color:rgba(255,255,255,.84);
  font-size:.98rem;
  line-height:1.7;
}

.kp-footer-contact-card a:hover{
  color:#fff;
}

.kp-footer-cta-wrap{
  margin-top:18px;
}

.kp-footer-cta-wrap .kp-btn{
  min-height:54px;
  padding:14px 26px;
  font-weight:800;
  box-shadow:0 16px 32px rgba(214,41,41,.22);
}

.kp-footer-bottom{
  margin-top:38px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}

.kp-footer-bottom span{
  color:rgba(255,255,255,.76);
  font-size:.96rem;
}

.kp-footer-social{
  display:flex;
  gap:12px;
}

.kp-footer-social a{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  transition:all .25s ease;
}

.kp-footer-social a:hover{
  transform:translateY(-3px);
  background:rgba(225,38,38,.14);
  border-color:rgba(225,38,38,.34);
  box-shadow:0 12px 22px rgba(225,38,38,.14);
}

@media (max-width: 991.98px){
  .kp-footer-premium{
    padding:72px 0 26px;
  }

  .kp-footer-logo-img{
    height:80px !important;
  }

  .kp-footer-brand-block{
    max-width:100%;
  }
}

@media (max-width: 575.98px){
  .kp-footer-premium{
    padding:60px 0 24px;
  }

  .kp-footer-logo-img{
    height:72px !important;
  }

  .kp-footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }
}
/* =========================================
   FOOTER - FINAL PREMIUM POLISH
========================================= */

/* subtle top light beam */
.kp-footer-premium{
  position: relative;
}

.kp-footer-premium .container::before{
  content:"";
  position:absolute;
  top:-24px;
  left:50%;
  transform:translateX(-50%);
  width:380px;
  height:120px;
  background:radial-gradient(circle, rgba(225,38,38,.16) 0%, rgba(225,38,38,.05) 34%, transparent 72%);
  filter:blur(26px);
  pointer-events:none;
  z-index:0;
}

/* elegant top wave */
.kp-footer-premium::marker{
  content:"";
}

.kp-footer-premium::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:120px;
  background:
    radial-gradient(120px 40px at 10% 0%, rgba(255,255,255,.04), transparent 70%),
    radial-gradient(180px 60px at 30% 0%, rgba(225,38,38,.06), transparent 70%),
    radial-gradient(200px 60px at 55% 0%, rgba(255,255,255,.03), transparent 70%),
    radial-gradient(180px 60px at 78% 0%, rgba(225,38,38,.05), transparent 70%);
  pointer-events:none;
  opacity:.9;
}

/* stronger shell feel */
.kp-footer-shell{
  border-top:1px solid rgba(255,255,255,.08);
}

/* logo block more impressive */
.kp-footer-brand-block{
  position:relative;
  padding-right:10px;
}

.kp-footer-brand-block::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:90px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, #e12626 0%, rgba(225,38,38,0) 100%);
}

.kp-footer-logo-img{
  position:relative;
  margin-top:10px;
  filter:
    drop-shadow(0 0 12px rgba(225,38,38,.24))
    drop-shadow(0 0 32px rgba(225,38,38,.10))
    drop-shadow(0 10px 24px rgba(0,0,0,.24));
}

/* footer headings more premium */
.kp-footer-premium h4{
  position:relative;
  display:inline-block;
  padding-bottom:8px;
}

.kp-footer-premium h4::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:38px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, #e12626 0%, #d7832a 100%);
}

/* links softer, more elegant */
.kp-footer-links a{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.kp-footer-links a::before{
  content:"";
  width:0;
  height:1px;
  background:#e12626;
  transition:width .25s ease;
}

.kp-footer-links a:hover::before{
  width:12px;
}

/* contact card upgraded */
.kp-footer-contact-card{
  position:relative;
  overflow:hidden;
}

.kp-footer-contact-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.05) 46%,
    rgba(255,255,255,0) 100%
  );
  transform:translateX(-140%);
  transition:transform .9s ease;
  pointer-events:none;
}

.kp-footer-contact-card:hover::after{
  transform:translateX(140%);
}

/* RFQ button stronger */
.kp-footer-cta-wrap .kp-btn-primary{
  min-width:156px;
}

/* bottom bar refinement */
.kp-footer-bottom{
  position:relative;
}

.kp-footer-bottom::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:140px;
  height:1px;
  background:linear-gradient(90deg, rgba(225,38,38,.85) 0%, rgba(225,38,38,0) 100%);
}

/* social icons glow */
.kp-footer-social a i{
  font-size:1rem;
}

.kp-footer-social a:hover{
  color:#fff;
  background:linear-gradient(135deg, rgba(225,38,38,.18), rgba(225,38,38,.08));
}

/* mobile tidy */
@media (max-width: 575.98px){
  .kp-footer-premium .container::before{
    width:220px;
    height:80px;
  }

  .kp-footer-brand-block::after{
    width:70px;
  }

  .kp-footer-bottom::before{
    width:90px;
  }
}
/* =========================================
   CONTACT SNAPSHOT - PREMIUM
========================================= */
.kp-contact-premium{
  position:relative;
  padding:84px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(225,38,38,.05), transparent 22%),
    radial-gradient(circle at 88% 82%, rgba(17,46,87,.05), transparent 24%),
    linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%);
  overflow:hidden;
}

.kp-contact-premium::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(17,46,87,.025) 1px, transparent 1px),
    linear-gradient(rgba(17,46,87,.025) 1px, transparent 1px);
  background-size:38px 38px;
  opacity:.35;
  pointer-events:none;
}

.kp-contact-premium .container{
  position:relative;
  z-index:2;
}

.kp-contact-premium .kp-section-head{
  margin-bottom:46px;
}

.kp-contact-premium .kp-subtitle{
  max-width:720px;
  color:#667589;
  font-size:1rem;
  line-height:1.8;
}

.kp-contact-card-premium{
  position:relative;
  height:100%;
  min-height:245px;
  padding:24px 22px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.84) 100%);
  border:1px solid rgba(17,46,87,.08);
  box-shadow:
    0 12px 30px rgba(17,46,87,.06),
    inset 0 1px 0 rgba(255,255,255,.72);
  overflow:hidden;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.kp-contact-card-premium::before{
  content:"";
  position:absolute;
  top:0;
  left:22px;
  width:46px;
  height:3px;
  border-radius:0 0 6px 6px;
  background:linear-gradient(90deg, #e12626 0%, #d7832a 100%);
}

.kp-contact-card-premium::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.42) 45%,
    rgba(255,255,255,0) 100%
  );
  transform:translateX(-130%);
  transition:transform .85s ease;
  pointer-events:none;
}

.kp-contact-card-premium:hover{
  transform:translateY(-6px);
  border-color:rgba(225,38,38,.16);
  box-shadow:
    0 22px 42px rgba(17,46,87,.10),
    0 8px 18px rgba(0,0,0,.04);
}

.kp-contact-card-premium:hover::after{
  transform:translateX(130%);
}

.kp-contact-icon{
  width:58px;
  height:58px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  background:linear-gradient(135deg, rgba(225,38,38,.10), rgba(215,131,42,.10));
  border:1px solid rgba(225,38,38,.12);
  color:#e12626;
  box-shadow:0 8px 18px rgba(225,38,38,.06);
}

.kp-contact-icon i{
  font-size:1.25rem;
  line-height:1;
}

.kp-contact-card-premium strong{
  display:block;
  margin-bottom:10px;
  font-size:1.22rem;
  font-weight:800;
  color:#112e57;
}

.kp-contact-card-premium p{
  margin:0;
  color:#667589;
  font-size:.98rem;
  line-height:1.85;
}

.kp-contact-cta{
  margin-top:30px;
}

.kp-contact-cta .kp-btn-dark{
  min-height:56px;
  padding:14px 28px;
  border-radius:999px;
  box-shadow:0 16px 30px rgba(17,46,87,.14);
}

.kp-contact-cta .kp-btn-dark:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 34px rgba(17,46,87,.20);
}

@media (max-width: 991.98px){
  .kp-contact-premium{
    padding:72px 0;
  }

  .kp-contact-card-premium{
    min-height:200px;
  }
}

@media (max-width: 575.98px){
  .kp-contact-premium{
    padding:60px 0;
  }

  .kp-contact-icon{
    width:52px;
    height:52px;
    border-radius:14px;
  }

  .kp-contact-card-premium strong{
    font-size:1.08rem;
  }

  .kp-contact-card-premium p{
    font-size:.94rem;
    line-height:1.7;
  }
}
/* REMOVE DEFAULT BOOTSTRAP ARROW */
.navbar .dropdown-toggle::after{
  display:none !important;
}

/* NAV LINK ALIGNMENT */
.kp-nav-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
}

/* CUSTOM ARROW */
.kp-nav-arrow{
  width:7px;
  height:7px;
  border-right:2px solid #0f2f4a;
  border-bottom:2px solid #0f2f4a;
  transform:rotate(45deg);
  transition:all .25s ease;
  position:relative;
  top:-1px;
}

/* HOVER EFFECT */
.kp-nav-dropdown:hover .kp-nav-arrow{
  transform:rotate(225deg);
  border-color:#e12626;
  top:0;
}

/* ACTIVE DROPDOWN */
.kp-nav-dropdown.show .kp-nav-arrow{
  transform:rotate(225deg);
  border-color:#e12626;
}

/* PREMIUM NAV SPACING */
.navbar-nav .nav-link{
  font-weight:600;
  padding:10px 14px;
  color:#0f2f4a;
  transition:all .25s ease;
}

/* HOVER EFFECT */
.navbar-nav .nav-link:hover{
  color:#e12626;
}

/* ACTIVE LINK */
.navbar-nav .nav-link.active{
  color:#e12626;
}

/* OPTIONAL: UNDERLINE EFFECT */
.navbar-nav .nav-link{
  position:relative;
}

.navbar-nav .nav-link::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:2px;
  background:#e12626;
  transition:all .25s ease;
  transform:translateX(-50%);
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after{
  width:60%;
}
/* =========================================
   NAVBAR - ULTRA PREMIUM
========================================= */

/* main header polish */
.kp-header{
  background:rgba(255,255,255,.96) !important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(17,46,87,.08);
  box-shadow:0 10px 30px rgba(17,46,87,.05);
}

.kp-header .navbar{
  min-height:96px;
  padding:14px 0;
}

/* nav list */
.kp-nav-premium-list{
  gap:2px;
}

/* links */
.kp-nav-premium-list .nav-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:10px 14px !important;
  color:#112e57 !important;
  font-size:.97rem;
  font-weight:700;
  letter-spacing:-.01em;
  transition:color .25s ease;
}

.kp-nav-premium-list .nav-link:hover,
.kp-nav-premium-list .nav-link.active{
  color:#e12626 !important;
}

/* underline */
.kp-nav-premium-list .nav-link::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:3px;
  width:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, #e12626 0%, #ff6b6b 100%);
  transform:translateX(-50%);
  transition:width .25s ease;
}

.kp-nav-premium-list .nav-link:hover::after,
.kp-nav-premium-list .nav-link.active::after{
  width:62%;
}

/* remove default bootstrap arrow */
.navbar .dropdown-toggle::after{
  display:none !important;
}

/* products link */
.kp-nav-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
}

/* custom arrow */
.kp-nav-arrow{
  width:7px;
  height:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  transition:transform .22s ease, color .22s ease, top .22s ease;
  position:relative;
  top:-1px;
  opacity:.85;
}

/* arrow hover */
.kp-nav-dropdown:hover .kp-nav-arrow,
.kp-nav-dropdown.show .kp-nav-arrow{
  transform:rotate(225deg);
  top:1px;
}

/* dropdown menu */
.kp-mega-submenu{
  min-width:300px;
  margin-top:10px !important;
  padding:14px;
  border-radius:20px !important;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(17,46,87,.08) !important;
  box-shadow:0 24px 60px rgba(17,46,87,.14) !important;
  overflow:hidden;
}

.kp-mega-submenu::before{
  content:"";
  position:absolute;
  top:0;
  left:18px;
  right:18px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, #e12626 0%, #d7832a 100%);
}

.kp-mega-submenu .dropdown-item{
  min-height:46px;
  display:flex;
  align-items:center;
  padding:11px 14px;
  border-radius:14px;
  color:#112e57;
  font-size:.95rem;
  font-weight:700;
  transition:all .22s ease;
}

.kp-mega-submenu .dropdown-item:hover{
  background:#f7f9fc;
  color:#e12626;
  transform:translateX(4px);
}

/* desktop hover dropdown */
@media (min-width: 1200px){
  .kp-nav-dropdown{
    position:relative;
  }

  .kp-nav-dropdown::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:18px;
  }

  .kp-nav-dropdown > .dropdown-menu{
    display:block;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(10px);
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
  }

  .kp-nav-dropdown:hover > .dropdown-menu,
  .kp-nav-dropdown:focus-within > .dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }
}

/* RFQ button */
.kp-rfq-btn{
  min-height:54px !important;
  padding:14px 28px !important;
  border-radius:999px !important;
  font-weight:800 !important;
  box-shadow:0 16px 34px rgba(225,38,38,.24) !important;
  position:relative;
  overflow:hidden;
}

.kp-rfq-btn::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.24) 45%,
    rgba(255,255,255,0) 100%
  );
  transform:translateX(-130%);
  transition:transform .8s ease;
}

.kp-rfq-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 38px rgba(225,38,38,.30) !important;
}

.kp-rfq-btn:hover::after{
  transform:translateX(130%);
}

/* mobile */
@media (max-width: 1199.98px){
  .kp-header .navbar{
    min-height:82px;
  }

  .kp-nav-premium-list{
    gap:0;
  }

  .kp-header .navbar-collapse{
    margin-top:16px;
    padding:18px;
    border-radius:22px;
    background:#fff;
    box-shadow:0 18px 40px rgba(17,46,87,.10);
    border:1px solid rgba(17,46,87,.06);
  }

  .kp-nav-premium-list .nav-link{
    width:100%;
    justify-content:flex-start;
    padding:12px 10px !important;
  }

  .kp-nav-premium-list .nav-link::after{
    left:10px;
    transform:none;
  }

  .kp-nav-premium-list .nav-link:hover::after,
  .kp-nav-premium-list .nav-link.active::after{
    width:44px;
  }

  .kp-mega-submenu{
    margin-top:8px !important;
    min-width:100%;
    border-radius:16px !important;
  }

  .kp-header-cta{
    margin-top:14px;
  }

  .kp-rfq-btn{
    width:100%;
    justify-content:center;
  }
}
/* =========================================
   MOBILE HAMBURGER FIX
========================================= */

/* make sure toggler is visible */
.navbar-toggler{
  border:none !important;
  box-shadow:none !important;
  padding:8px 10px !important;
  position:relative;
  z-index:1102 !important;
}

.navbar-toggler:focus{
  box-shadow:none !important;
}

/* custom dark hamburger icon */
.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2817,46,87,0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  width:1.5em !important;
  height:1.5em !important;
}

/* mobile collapse panel */
@media (max-width: 1199.98px){
  #kpNav{
    background:#ffffff !important;
    border:1px solid rgba(17,46,87,.08) !important;
    border-radius:20px !important;
    box-shadow:0 20px 45px rgba(17,46,87,.12) !important;
    padding:16px 16px 18px !important;
    margin-top:14px !important;
  }

  /* hidden state */
  .navbar-collapse:not(.show){
    display:none !important;
  }

  /* open state */
  .navbar-collapse.show{
    display:block !important;
  }

  /* keep nav readable in mobile */
  .kp-nav-premium-list,
  .navbar-nav{
    width:100% !important;
  }

  .kp-nav-premium-list .nav-item,
  .navbar-nav .nav-item{
    width:100% !important;
  }

  .kp-nav-premium-list .nav-link,
  .navbar-nav .nav-link{
    width:100% !important;
    justify-content:flex-start !important;
    padding:12px 10px !important;
  }

  .kp-header-cta{
    margin-top:14px !important;
    width:100% !important;
  }

  .kp-header-cta .kp-btn{
    width:100% !important;
    justify-content:center !important;
  }

  /* dropdown inside mobile */
  .kp-nav-dropdown .dropdown-menu{
    position:static !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    box-shadow:none !important;
    border:1px solid rgba(17,46,87,.08) !important;
    margin-top:8px !important;
    padding:10px !important;
    display:none !important;
  }

  .kp-nav-dropdown.show .dropdown-menu{
    display:block !important;
  }
}

.kp-quality-visual{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:
    0 22px 52px rgba(17,46,87,.12),
    0 8px 18px rgba(0,0,0,.04);
  min-height:100%;
}

.kp-quality-img{
  width:100%;
  aspect-ratio:9 / 7;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .7s ease;
}

.kp-quality-visual:hover .kp-quality-img{
  transform:scale(1.04);
}

.kp-quality-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.18) 100%),
    radial-gradient(circle at 82% 20%, rgba(225,38,38,.14), transparent 34%);
  pointer-events:none;
}

.kp-quality-chip{
  position:absolute;
  left:18px;
  z-index:3;
  min-width:160px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 14px 30px rgba(0,0,0,.12);
}

.kp-quality-chip strong{
  display:block;
  font-size:.96rem;
  line-height:1.2;
  color:#112e57;
}

.kp-quality-chip span{
  display:block;
  margin-top:3px;
  font-size:.82rem;
  color:#6b7a8c;
}

.kp-quality-chip.chip-1{
  top:18px;
}

.kp-quality-chip.chip-2{
  bottom:18px;
}

.kp-quality-stats{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:22px 0 10px;
}

.kp-quality-stat{
  min-width:155px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(17,46,87,.08);
  box-shadow:0 8px 22px rgba(17,46,87,.06);
}

.kp-quality-stat strong{
  display:block;
  font-size:.98rem;
  color:#112e57;
}

.kp-quality-stat span{
  display:block;
  margin-top:4px;
  font-size:.84rem;
  color:#6c7b8d;
}

.kp-quality-l3 .kp-cert-card{
  position:relative;
  min-height:78px;
  display:flex;
  align-items:center;
  padding:16px 18px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.84) 100%);
  border:1px solid rgba(17,46,87,.08);
  box-shadow:
    0 10px 24px rgba(17,46,87,.06),
    inset 0 1px 0 rgba(255,255,255,.7);
  color:#112e57;
  font-weight:800;
  font-size:.97rem;
  overflow:hidden;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.kp-quality-l3 .kp-cert-card::before{
  content:"";
  position:absolute;
  top:0;
  left:18px;
  width:44px;
  height:3px;
  border-radius:0 0 6px 6px;
  background:linear-gradient(90deg, #e12626 0%, #d7832a 100%);
}

.kp-quality-l3 .kp-cert-card:hover{
  transform:translateY(-5px);
  border-color:rgba(225,38,38,.16);
  box-shadow:0 18px 36px rgba(17,46,87,.10);
}

.kp-quality-l3 .kp-cert-card.highlight{
  background:linear-gradient(135deg, #fff4f4 0%, #ffffff 100%);
  border-color:rgba(225,38,38,.20);
  color:#b91c1c;
}

.kp-quality-l3 .kp-btn-dark{
  background:linear-gradient(135deg, #112e57 0%, #0b3a6d 100%);
  box-shadow:0 14px 30px rgba(17,46,87,.16);
}

.kp-quality-l3 .kp-btn-dark:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(17,46,87,.22);
}

.kp-quality-l3 .kp-btn-ghost{
  border:1.5px solid #112e57;
  color:#112e57;
  background:rgba(255,255,255,.72);
}

.kp-quality-l3 .kp-btn-ghost:hover{
  background:#112e57;
  color:#fff;
}

@media (max-width: 991.98px){
  .kp-quality-l3{
    padding:68px 0;
  }

  .kp-quality-stats{
    gap:10px;
  }

  .kp-quality-stat{
    min-width:145px;
  }
}

@media (max-width: 575.98px){
  .kp-quality-l3{
    padding:58px 0;
  }

  .kp-quality-chip{
    min-width:132px;
    padding:10px 12px;
    border-radius:12px;
  }

  .kp-quality-chip strong{
    font-size:.88rem;
  }

  .kp-quality-chip span{
    font-size:.76rem;
  }

  .kp-quality-stats{
    display:grid;
    grid-template-columns:1fr;
  }

  .kp-quality-stat{
    min-width:0;
  }

  .kp-quality-l3 .kp-btn-dark,
  .kp-quality-l3 .kp-btn-ghost{
    width:100%;
    justify-content:center;
  }
}

/* ===== kaypee-topbar-only-patch.css ===== */

/* =========================================================
   TOPBAR FINAL PATCH v2
   - Social icons centered and red
   - Left icons (Since 1962 / Location) cleaned and aligned
   - Does not touch slider, hero, navbar, logo, or dropdown
   ========================================================= */

/* LEFT INFO ROW */
.kp-topbar-left{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:wrap !important;
}

.kp-topbar-left span{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  line-height:1 !important;
}

/* LEFT ICONS CLEAN + BETTER LOOK */
.kp-topbar-left i{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:#e43b3b !important;
  font-size:14px !important;
  line-height:1 !important;
  opacity:1 !important;
}

.kp-topbar-left i::before{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  transform:translateY(0.25px) !important;
}

/* SOCIAL ICONS */
.kp-topbar-social{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

.kp-topbar-social a{
  width:36px !important;
  height:36px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  margin:0 !important;
  text-decoration:none !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition:all .25s ease !important;
  overflow:hidden !important;
}

.kp-topbar-social a i{
  font-size:0 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
}

.kp-topbar-social a i::before{
  display:block !important;
  font-size:14px !important;
  line-height:1 !important;
  color:#e43b3b !important;
  transform:none !important;
}

.kp-topbar-social a.x i::before{
  font-size:13px !important;
}

.kp-topbar-social a:hover{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(228,59,59,.32) !important;
  transform:translateY(-1px) !important;
}

.kp-topbar-social a:hover i::before{
  color:#ff5656 !important;
}

@media (max-width:1199.98px){
  .kp-topbar-shell{
    justify-content:center !important;
  }
  .kp-topbar-left,
  .kp-topbar-right{
    justify-content:center !important;
  }
}


/* ===== kaypee-left-icons-only-fix.css ===== */

/* =========================================================
   LEFT TOPBAR ICONS ONLY - STRONGER / CLEANER
   This patch changes ONLY the 2 left icons.
   ========================================================= */

.kp-topbar-left{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:wrap !important;
}

.kp-topbar-left span{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  line-height:1 !important;
}

/* make the two icons visually stronger and cleaner */
.kp-topbar-left i{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:50% !important;
  background:rgba(228,59,59,.08) !important;
  border:1px solid rgba(228,59,59,.28) !important;
  box-shadow:none !important;
  color:#e43b3b !important;
  font-size:11px !important;
  line-height:1 !important;
}

.kp-topbar-left i::before{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  transform:translateY(.5px) !important;
}


/* ===== kaypee-manufacturing-final-override.css ===== */


/* =========================================================
   KAYPEE MANUFACTURING SECTION - FINAL OVERRIDE
   Load this AFTER kaypee-home-premium.css
   ========================================================= */

#manufacturing-strength.kp-manufacturing-premium{
  position:relative !important;
  overflow:hidden !important;
  padding:64px 0 68px !important;
  background:
    radial-gradient(circle at 12% 16%, rgba(214,41,41,.18) 0%, rgba(214,41,41,.03) 18%, transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(255,180,80,.10) 0%, transparent 24%),
    linear-gradient(115deg, #07111b 0%, #0a1f33 34%, #0f3554 68%, #123a5b 100%) !important;
}

#manufacturing-strength.kp-manufacturing-premium::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px) !important;
  background-size:44px 44px !important;
  opacity:.18 !important;
  pointer-events:none !important;
}

#manufacturing-strength.kp-manufacturing-premium::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:-130% !important;
  width:58% !important;
  height:100% !important;
  background:linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.08) 46%, rgba(255,255,255,0) 100%) !important;
  transform:skewX(-18deg) !important;
  animation:kpManufacturingSweep 7s linear infinite !important;
  pointer-events:none !important;
  z-index:1 !important;
}

@keyframes kpManufacturingSweep{
  0%{left:-130%}
  100%{left:135%}
}

#manufacturing-strength.kp-manufacturing-premium .container{
  position:relative !important;
  z-index:2 !important;
}

#manufacturing-strength .kp-eyebrow-red{
  color:#ff4747 !important;
  letter-spacing:.18em !important;
  font-size:.84rem !important;
  margin-bottom:14px !important;
}

#manufacturing-strength .kp-manufacturing-heading{
  color:#fff !important;
  max-width:560px !important;
  margin:0 0 16px !important;
  font-size:clamp(2rem, 3vw, 3rem) !important;
  line-height:1.02 !important;
  font-weight:800 !important;
  letter-spacing:-.03em !important;
}

#manufacturing-strength .kp-manufacturing-heading span{
  display:block !important;
  color:rgba(255,255,255,.92) !important;
}

#manufacturing-strength .kp-manufacturing-para{
  max-width:560px !important;
  margin:0 0 22px !important;
  font-size:1rem !important;
  line-height:1.85 !important;
  color:rgba(255,255,255,.80) !important;
}

#manufacturing-strength .kp-process-compact{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:12px !important;
  max-width:560px !important;
}

#manufacturing-strength .kp-process-compact div{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:62px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.05) 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  color:#fff !important;
  font-weight:700 !important;
  transition:transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease !important;
}

#manufacturing-strength .kp-process-compact div:hover{
  transform:translateY(-3px) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.07) 100%) !important;
  border-color:rgba(214,41,41,.34) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
}

#manufacturing-strength .kp-process-compact div i{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:10px !important;
  background:rgba(214,41,41,.16) !important;
  color:#ff6363 !important;
  font-size:.95rem !important;
}

#manufacturing-strength .kp-manufacturing-visual{
  position:relative !important;
  min-height:495px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.24) !important;
  background:#08131e !important;
}

#manufacturing-strength .kp-manufacturing-visual img{
  width:100% !important;
  height:100% !important;
  min-height:495px !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  filter:contrast(1.06) saturate(1.08) !important;
  transition:transform .65s ease !important;
}

#manufacturing-strength .kp-manufacturing-visual:hover img{
  transform:scale(1.04) !important;
}

#manufacturing-strength .kp-manufacturing-overlay{
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg, rgba(5,12,20,.06) 0%, rgba(5,12,20,.26) 60%, rgba(5,12,20,.42) 100%),
    linear-gradient(90deg, rgba(5,12,20,.35) 0%, rgba(5,12,20,.10) 42%, rgba(216,35,42,.10) 100%) !important;
  pointer-events:none !important;
}

#manufacturing-strength .kp-manufacturing-visual::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(circle at 76% 60%, rgba(216,35,42,.30), transparent 34%) !important;
  pointer-events:none !important;
}

#manufacturing-strength .kp-stat-chip{
  position:absolute !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  background:rgba(8,20,32,.58) !important;
  backdrop-filter:blur(12px) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(0,0,0,.18) !important;
}

#manufacturing-strength .kp-stat-chip strong{
  display:block !important;
  font-size:1rem !important;
  margin-bottom:2px !important;
}

#manufacturing-strength .kp-stat-chip span{
  display:block !important;
  font-size:.84rem !important;
  color:rgba(255,255,255,.74) !important;
}

#manufacturing-strength .kp-stat-chip.chip-1{
  top:18px !important;
  left:18px !important;
}

#manufacturing-strength .kp-stat-chip.chip-2{
  bottom:18px !important;
  left:18px !important;
}

@media (max-width: 991.98px){
  #manufacturing-strength.kp-manufacturing-premium{
    padding:58px 0 62px !important;
  }
  #manufacturing-strength .kp-manufacturing-visual,
  #manufacturing-strength .kp-manufacturing-visual img{
    min-height:390px !important;
  }
}

@media (max-width: 767.98px){
  #manufacturing-strength .kp-process-compact{
    grid-template-columns:1fr !important;
  }
  #manufacturing-strength .kp-manufacturing-visual,
  #manufacturing-strength .kp-manufacturing-visual img{
    min-height:320px !important;
  }
  #manufacturing-strength .kp-manufacturing-heading{
    font-size:clamp(1.8rem, 8vw, 2.45rem) !important;
  }
}
#manufacturing-strength.kp-manufacturing-premium .container::before{
  content:"";
  position:absolute;
  inset:-40px;

  background:
    radial-gradient(circle at center, transparent 55%, rgba(0,0,0,0.45) 100%);

  pointer-events:none;
  z-index:0;
}
/* =========================================================
   MANUFACTURING STRENGTH - ULTRA PREMIUM FINAL
   Paste at very bottom of kaypee-manufacturing-final-override.css
   ========================================================= */

#manufacturing-strength.kp-manufacturing-premium{
  position:relative !important;
  overflow:hidden !important;
  padding:68px 0 72px !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(255,70,70,.18) 0%, rgba(255,70,70,.04) 20%, transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(255,160,60,.12) 0%, rgba(255,160,60,.02) 16%, transparent 30%),
    linear-gradient(120deg, #06111b 0%, #081a2a 24%, #0b2740 55%, #123d5d 100%) !important;
}

/* engineering texture */
#manufacturing-strength.kp-manufacturing-premium::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px) !important;
  background-size:48px 48px !important;
  opacity:.22 !important;
  pointer-events:none !important;
  z-index:0 !important;
}

/* moving premium light sweep */
#manufacturing-strength.kp-manufacturing-premium::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:-120% !important;
  width:52% !important;
  height:100% !important;
  background:linear-gradient(
    118deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.05) 22%,
    rgba(255,255,255,.12) 48%,
    rgba(255,255,255,0) 72%
  ) !important;
  transform:skewX(-18deg) !important;
  animation:kpManufacturingUltraSweep 6.2s linear infinite !important;
  pointer-events:none !important;
  z-index:1 !important;
}

@keyframes kpManufacturingUltraSweep{
  0%{left:-120%}
  100%{left:135%}
}

#manufacturing-strength.kp-manufacturing-premium .container{
  position:relative !important;
  z-index:2 !important;
}

/* dark vignette for cinematic depth */
#manufacturing-strength.kp-manufacturing-premium .container::before{
  content:"" !important;
  position:absolute !important;
  inset:-70px !important;
  background:radial-gradient(circle at center, transparent 48%, rgba(0,0,0,.26) 100%) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

/* text styling */
#manufacturing-strength .kp-eyebrow-red{
  color:#ff4a4a !important;
  letter-spacing:.20em !important;
  font-size:.84rem !important;
  margin-bottom:14px !important;
}

#manufacturing-strength .kp-manufacturing-heading{
  color:#ffffff !important;
  max-width:570px !important;
  margin:0 0 16px !important;
  font-size:clamp(2rem, 3vw, 3.15rem) !important;
  line-height:1.01 !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
  text-shadow:0 8px 28px rgba(0,0,0,.18) !important;
}

#manufacturing-strength .kp-manufacturing-heading span{
  display:block !important;
  color:rgba(255,255,255,.94) !important;
}

#manufacturing-strength .kp-manufacturing-para{
  max-width:560px !important;
  margin:0 0 22px !important;
  font-size:1rem !important;
  line-height:1.86 !important;
  color:rgba(255,255,255,.82) !important;
}

/* compact process cards */
#manufacturing-strength .kp-process-compact{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:12px !important;
  max-width:560px !important;
}

#manufacturing-strength .kp-process-compact div{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:62px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.05) 100%) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 20px rgba(0,0,0,.08) !important;
  color:#fff !important;
  font-weight:700 !important;
  transition:transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease !important;
}

#manufacturing-strength .kp-process-compact div:hover{
  transform:translateY(-4px) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.07) 100%) !important;
  border-color:rgba(255,90,90,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 16px 32px rgba(0,0,0,.16) !important;
}

#manufacturing-strength .kp-process-compact div i{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:10px !important;
  background:linear-gradient(135deg, rgba(214,41,41,.26), rgba(255,130,80,.16)) !important;
  color:#ff6a6a !important;
  font-size:.95rem !important;
  box-shadow:0 6px 14px rgba(214,41,41,.12) !important;
}

/* image side */
#manufacturing-strength .kp-manufacturing-visual{
  position:relative !important;
  min-height:500px !important;
  border-radius:26px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.24),
    0 6px 14px rgba(0,0,0,.10) !important;
  background:#08131e !important;
}

#manufacturing-strength .kp-manufacturing-visual img{
  width:100% !important;
  height:100% !important;
  min-height:500px !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  filter:contrast(1.08) saturate(1.08) !important;
  transition:transform .75s ease !important;
}

#manufacturing-strength .kp-manufacturing-visual:hover img{
  transform:scale(1.045) !important;
}

/* cinematic overlay */
#manufacturing-strength .kp-manufacturing-overlay{
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg, rgba(6,12,18,.10) 0%, rgba(6,12,18,.18) 38%, rgba(6,12,18,.42) 100%),
    linear-gradient(90deg, rgba(6,12,18,.40) 0%, rgba(6,12,18,.10) 44%, rgba(214,41,41,.10) 100%) !important;
  pointer-events:none !important;
}

/* red/orange hot-zone glow */
#manufacturing-strength .kp-manufacturing-visual::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 76% 58%, rgba(255,90,60,.22), transparent 18%),
    radial-gradient(circle at 70% 64%, rgba(216,35,42,.24), transparent 36%) !important;
  pointer-events:none !important;
}

/* animated spark line */
#manufacturing-strength .kp-manufacturing-visual::before{
  content:"" !important;
  position:absolute !important;
  left:-24% !important;
  bottom:74px !important;
  width:52% !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent, #ff3b3b, #ffb24a, transparent) !important;
  opacity:.86 !important;
  animation:kpManufacturingSpark 3.6s linear infinite !important;
  z-index:3 !important;
  pointer-events:none !important;
}

@keyframes kpManufacturingSpark{
  0%{transform:translateX(0);opacity:.08}
  20%{opacity:.92}
  100%{transform:translateX(185%);opacity:0}
}

/* floating chips */
#manufacturing-strength .kp-stat-chip{
  position:absolute !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  background:rgba(8,20,32,.56) !important;
  backdrop-filter:blur(12px) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(0,0,0,.18) !important;
  z-index:4 !important;
}

#manufacturing-strength .kp-stat-chip strong{
  display:block !important;
  font-size:1rem !important;
  margin-bottom:2px !important;
}

#manufacturing-strength .kp-stat-chip span{
  display:block !important;
  font-size:.84rem !important;
  color:rgba(255,255,255,.74) !important;
}

#manufacturing-strength .kp-stat-chip.chip-1{
  top:18px !important;
  left:18px !important;
}

#manufacturing-strength .kp-stat-chip.chip-2{
  bottom:18px !important;
  left:18px !important;
}

@media (max-width: 991.98px){
  #manufacturing-strength.kp-manufacturing-premium{
    padding:58px 0 62px !important;
  }

  #manufacturing-strength .kp-manufacturing-visual,
  #manufacturing-strength .kp-manufacturing-visual img{
    min-height:390px !important;
  }
}

@media (max-width: 767.98px){
  #manufacturing-strength .kp-process-compact{
    grid-template-columns:1fr !important;
  }

  #manufacturing-strength .kp-manufacturing-visual,
  #manufacturing-strength .kp-manufacturing-visual img{
    min-height:320px !important;
  }

  #manufacturing-strength .kp-manufacturing-heading{
    font-size:clamp(1.8rem, 8vw, 2.45rem) !important;
  }
}
"""
path = Path("/mnt/data/kaypee-manufacturing-ultra-premium.css")
path.write_text(css)
print(str(path))
.application-card img {
  filter: contrast(1.08) saturate(1.05);
}
.application-card::after {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(120deg, rgba(10,42,90,0.5), rgba(0,0,0,0.2));
}
/* =========================================================
   QUALITY & CERTIFICATIONS - ULTRA PREMIUM LEVEL 2
   ========================================================= */

#quality-certifications{
  position:relative;
  overflow:hidden;
  padding:96px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(215,131,42,.12) 0%, transparent 24%),
    radial-gradient(circle at 88% 14%, rgba(225,38,38,.08) 0%, transparent 20%),
    linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%);
}

#quality-certifications::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(17,46,87,.03) 1px, transparent 1px),
    linear-gradient(rgba(17,46,87,.03) 1px, transparent 1px);
  background-size:36px 36px;
  opacity:.35;
  pointer-events:none;
}

#quality-certifications::after{
  content:"";
  position:absolute;
  top:-120px;
  right:-120px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(215,131,42,.18) 0%, rgba(215,131,42,.06) 34%, transparent 70%);
  filter:blur(70px);
  pointer-events:none;
}

#quality-certifications .container{
  position:relative;
  z-index:2;
}

/* image panel */
#quality-certifications .kp-media-panel{
  position:relative;
  padding:0 !important;
  border-radius:28px;
  overflow:hidden;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:
    0 24px 60px rgba(17,46,87,.10),
    0 10px 24px rgba(0,0,0,.05);
  backdrop-filter:blur(12px);
  transition:transform .35s ease, box-shadow .35s ease;
}

#quality-certifications .kp-media-panel:hover{
  transform:translateY(-6px);
  box-shadow:
    0 34px 72px rgba(17,46,87,.14),
    0 14px 28px rgba(0,0,0,.06);
}

#quality-certifications .kp-media-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(17,46,87,.04) 1px, transparent 1px),
    linear-gradient(rgba(17,46,87,.04) 1px, transparent 1px);
  background-size:32px 32px;
  opacity:.35;
  pointer-events:none;
  z-index:1;
}

#quality-certifications .kp-quality-img{
  width:100%;
  height:100%;
  min-height:430px;
  object-fit:cover;
  object-position:center;
  display:block;
  position:relative;
  z-index:2;
  transition:transform .7s ease;
}

#quality-certifications .kp-media-panel:hover .kp-quality-img{
  transform:scale(1.04);
}

#quality-certifications .kp-media-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.20) 100%),
    linear-gradient(90deg, rgba(17,46,87,.10) 0%, rgba(17,46,87,0) 36%);
  z-index:3;
  pointer-events:none;
}

#quality-certifications .kp-panel-badge{
  position:absolute;
  top:18px;
  left:18px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#112e57;
  font-size:.82rem;
  font-weight:800;
  box-shadow:0 12px 28px rgba(0,0,0,.10);
  backdrop-filter:blur(8px);
}

/* text */
#quality-certifications .kp-eyebrow{
  color:#e12626 !important;
  font-weight:800;
  letter-spacing:.18em;
  font-size:.84rem;
  margin-bottom:14px;
}

#quality-certifications .kp-title{
  color:#112e57 !important;
  font-size:clamp(2rem, 3.6vw, 3.6rem);
  line-height:1.03;
  font-weight:800;
  letter-spacing:-.04em;
  margin-bottom:16px;
  max-width:760px;
}

#quality-certifications .kp-text-muted{
  color:#5f7084 !important;
  font-size:1.05rem;
  line-height:1.85;
  max-width:740px;
}

/* card grid */
#quality-certifications .row.g-3{
  --bs-gutter-x:1.2rem;
  --bs-gutter-y:1.2rem;
}

#quality-certifications .kp-cert-card{
  position:relative;
  min-height:84px;
  display:flex;
  align-items:center;
  padding:18px 20px;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.80) 100%);
  border:1px solid rgba(17,46,87,.08);
  box-shadow:
    0 12px 28px rgba(17,46,87,.06),
    inset 0 1px 0 rgba(255,255,255,.65);
  color:#112e57;
  font-weight:800;
  font-size:1rem;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
  overflow:hidden;
}

#quality-certifications .kp-cert-card::before{
  content:"";
  position:absolute;
  top:0;
  left:20px;
  width:54px;
  height:3px;
  border-radius:0 0 8px 8px;
  background:linear-gradient(90deg, #e12626 0%, #d7832a 100%);
}

#quality-certifications .kp-cert-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.48) 48%,
    rgba(255,255,255,0) 100%
  );
  transform:translateX(-130%);
  transition:transform .85s ease;
  pointer-events:none;
}

#quality-certifications .kp-cert-card:hover{
  transform:translateY(-6px);
  border-color:rgba(225,38,38,.16);
  background:linear-gradient(180deg, #ffffff 0%, #fdfdfd 100%);
  box-shadow:
    0 22px 42px rgba(17,46,87,.11),
    0 6px 14px rgba(0,0,0,.04);
}

#quality-certifications .kp-cert-card:hover::after{
  transform:translateX(130%);
}

/* buttons */
#quality-certifications .kp-btn-dark{
  min-height:54px;
  padding:12px 28px;
  border-radius:999px;
  background:linear-gradient(135deg, #112e57 0%, #0b3a6d 100%);
  border:none;
  color:#fff;
  font-weight:800;
  box-shadow:0 14px 30px rgba(17,46,87,.18);
  transition:transform .28s ease, box-shadow .28s ease;
}

#quality-certifications .kp-btn-dark:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(17,46,87,.24);
  color:#fff;
}

#quality-certifications .kp-btn-ghost{
  min-height:54px;
  padding:12px 28px;
  border-radius:999px;
  border:1.5px solid #112e57;
  color:#112e57;
  background:rgba(255,255,255,.65);
  backdrop-filter:blur(8px);
  font-weight:800;
  transition:all .28s ease;
}

#quality-certifications .kp-btn-ghost:hover{
  background:#112e57;
  color:#fff;
  box-shadow:0 16px 30px rgba(17,46,87,.16);
}

/* subtle credibility divider effect */
#quality-certifications .col-lg-7{
  position:relative;
}

#quality-certifications .col-lg-7::before{
  content:"";
  position:absolute;
  left:-24px;
  top:8px;
  bottom:8px;
  width:1px;
  background:linear-gradient(
    180deg,
    rgba(17,46,87,0) 0%,
    rgba(17,46,87,.10) 20%,
    rgba(17,46,87,.10) 80%,
    rgba(17,46,87,0) 100%
  );
}

@media (max-width: 991.98px){
  #quality-certifications{
    padding:78px 0;
  }

  #quality-certifications .kp-quality-img{
    min-height:360px;
  }

  #quality-certifications .col-lg-7::before{
    display:none;
  }

  #quality-certifications .kp-title{
    font-size:clamp(1.9rem, 7vw, 3rem);
  }
}

@media (max-width: 575.98px){
  #quality-certifications{
    padding:64px 0;
  }

  #quality-certifications .kp-quality-img{
    min-height:300px;
  }

  #quality-certifications .kp-cert-card{
    min-height:76px;
    padding:16px 18px;
    border-radius:16px;
    font-size:.96rem;
  }

  #quality-certifications .kp-btn-dark,
  #quality-certifications .kp-btn-ghost{
    width:100%;
    justify-content:center;
  }
}

/* ===== kaypee-image-fix.css ===== */


/* ===== FIXED IMAGE ALIGNMENT PATCH ===== */

#manufacturing-strength .kp-manufacturing-visual{
  position:relative !important;
  height:100% !important;
  min-height:auto !important;
  border-radius:26px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.24),
    0 6px 14px rgba(0,0,0,.10) !important;
  background:#08131e !important;
  display:flex !important;
}

#manufacturing-strength .kp-manufacturing-visual img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  filter:contrast(1.08) saturate(1.08) !important;
  transition:transform .75s ease !important;
}

/* OPTIONAL: REMOVE FAKE VIGNETTE (commented) */
/*
#manufacturing-strength.kp-manufacturing-premium .container::before{
  display:none !important;
}
*/


/* ===== kaypee-quality-image-gap-fix.css ===== */


/* =========================================================
   KAYPEE QUALITY SECTION - IMAGE GAP FIX
   Load this AFTER all existing CSS files
   ========================================================= */

#quality-certifications .kp-media-panel{
  padding: 0 !important;
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  align-items: unset !important;
  justify-content: unset !important;
  background: #ffffff !important;
}

#quality-certifications .kp-md{
  min-height: 0 !important;
}

#quality-certifications .kp-media-panel::before{
  display: none !important;
}

#quality-certifications .kp-quality-img{
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 9 / 7 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
}

/* keep badge above image cleanly */
#quality-certifications .kp-panel-badge{
  z-index: 5 !important;
}

@media (max-width: 991.98px){
  #quality-certifications .kp-quality-img{
    aspect-ratio: 9 / 7 !important;
  }
}


/* ===== kaypee-mobile-nav-fix.css ===== */


/* =========================================
   KAYPEE MOBILE NAV FIX
   Load after all CSS files
========================================= */
@media (max-width: 1199.98px){
  .kp-header .navbar{
    position: relative !important;
  }

  .navbar-toggler{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 8px 10px !important;
    z-index: 1105 !important;
  }

  .navbar-toggler:focus{
    box-shadow: none !important;
  }

  .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2817,46,87,0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    width: 1.5em !important;
    height: 1.5em !important;
  }

  #kpNav{
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid rgba(17,46,87,.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 45px rgba(17,46,87,.12) !important;
    padding: 14px 16px 18px !important;
    margin-top: 14px !important;
  }

  .kp-header .navbar-collapse{
    flex-basis: 100% !important;
  }

  .kp-header .navbar-collapse:not(.show){
    display: none !important;
  }

  .kp-header .navbar-collapse.show{
    display: block !important;
  }

  .kp-nav-premium-list,
  .navbar-nav{
    width: 100% !important;
    margin-right: 0 !important;
  }

  .kp-nav-premium-list .nav-item,
  .navbar-nav .nav-item{
    width: 100% !important;
  }

  .kp-nav-premium-list .nav-link,
  .navbar-nav .nav-link{
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 12px 10px !important;
  }

  .kp-header-cta{
    margin-top: 14px !important;
    width: 100% !important;
  }

  .kp-header-cta .kp-btn{
    width: 100% !important;
    justify-content: center !important;
  }

  .kp-nav-dropdown .dropdown-menu{
    position: static !important;
    transform: none !important;
    inset: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    box-shadow: none !important;
    border: 1px solid rgba(17,46,87,.08) !important;
    margin-top: 8px !important;
    padding: 10px !important;
    display: none !important;
  }

  .kp-nav-dropdown.show .dropdown-menu{
    display: block !important;
  }
}



/* ===== Global website pages + master header/footer fixes ===== */
.kp-header .navbar .container{display:flex;align-items:center;gap:28px;}
.kp-header .navbar-collapse{align-items:center;}
.kp-logo{height:auto;max-height:96px;width:auto;}
.kp-header .nav-link{font-weight:800;letter-spacing:.01em;white-space:nowrap;}
.kp-header .navbar-nav{gap:8px;}
.kp-header-cta{margin-left:18px;white-space:nowrap;}
.kp-mega-submenu{min-width:250px;border-radius:18px;padding:12px;border:0;box-shadow:0 24px 60px rgba(5,18,35,.18)}
.kp-mega-submenu .dropdown-item{font-weight:750;padding:10px 14px;border-radius:12px;color:#0f2740}
.kp-mega-submenu .dropdown-item:hover{background:#f5f7fb;color:#d71920}
.kp-page-hero{position:relative;min-height:380px;display:flex;align-items:center;color:#fff;overflow:hidden;background:#0f2740;}
.kp-page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,28,.90),rgba(6,16,28,.55),rgba(182,0,0,.28));z-index:1;}
.kp-page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;}
.kp-page-hero .container{position:relative;z-index:2;}
.kp-page-hero h1{font-size:clamp(2.6rem,5vw,5rem);line-height:.98;font-weight:900;margin:12px 0 18px;max-width:850px;}
.kp-page-hero p{font-size:1.14rem;max-width:760px;color:rgba(255,255,255,.84)}
.kp-breadcrumb-line{color:#ff3d3d;font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:.82rem;}
.kp-content-section{padding:90px 0;}
.kp-content-section.light{background:#f4f8fb;}
.kp-info-card{height:100%;background:#fff;border:1px solid rgba(15,39,64,.08);border-radius:22px;padding:28px;box-shadow:0 20px 46px rgba(8,24,45,.07);}
.kp-info-card h3{font-size:1.25rem;font-weight:900;color:#0f2740;margin-bottom:12px;}
.kp-info-card p,.kp-info-card li{color:#5b6876;}
.kp-red-dot-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.kp-red-dot-list li{position:relative;padding-left:26px;}
.kp-red-dot-list li:before{content:"";width:9px;height:9px;border-radius:50%;background:#d71920;position:absolute;left:0;top:.65em;box-shadow:0 0 0 5px rgba(215,25,32,.10);}
.kp-product-detail-card{overflow:hidden;background:#fff;border-radius:24px;border:1px solid rgba(15,39,64,.08);box-shadow:0 24px 54px rgba(8,24,45,.09);height:100%;}
.kp-product-detail-card img{width:100%;height:260px;object-fit:cover;}
.kp-product-detail-card .body{padding:26px;}
.kp-product-detail-card h3{font-weight:900;color:#0f2740;margin-bottom:12px;}
.kp-pill-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.kp-pill-grid span{background:#f3f6fa;border:1px solid #dfe7ef;border-radius:999px;padding:8px 13px;font-weight:800;color:#0f2740;font-size:.87rem;}
.kp-cta-band{background:linear-gradient(135deg,#071320,#123a5b 55%,#b51d22);border-radius:30px;color:#fff;padding:44px;box-shadow:0 30px 80px rgba(7,19,32,.20);}
.kp-cta-band h2{font-weight:900;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.04;margin-bottom:10px;}
.kp-cta-band p{color:rgba(255,255,255,.82);margin-bottom:0;}
.kp-logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;}
.kp-logo-tile{height:98px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dfe7ef;border-radius:18px;padding:18px;box-shadow:0 16px 34px rgba(8,24,45,.06);}
.kp-logo-tile img{max-height:58px;width:auto;object-fit:contain;}
.kp-contact-box{height:100%;border-radius:22px;background:#fff;border:1px solid #e2e9f1;padding:28px;box-shadow:0 20px 44px rgba(8,24,45,.06);}
.kp-contact-box i{width:46px;height:46px;border-radius:16px;background:rgba(215,25,32,.09);color:#d71920;display:inline-flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:18px;}
.kp-form-control{width:100%;border:1px solid #dfe7ef;border-radius:14px;padding:14px 16px;outline:0;font-weight:600;color:#0f2740;background:#fff;}
.kp-form-control:focus{border-color:#d71920;box-shadow:0 0 0 4px rgba(215,25,32,.08);}
@media (min-width:1200px){.kp-header .navbar{min-height:116px}.kp-header .navbar .container{max-width:1280px}.kp-header .nav-link{font-size:1rem!important;padding-left:4px!important;padding-right:4px!important}.kp-header .kp-btn{padding:15px 28px}}
@media (max-width:1199.98px){.kp-header .navbar .container{gap:12px}.kp-logo{max-height:74px}.kp-header .navbar-collapse{background:#fff;margin-top:16px;border-radius:18px;padding:18px;box-shadow:0 18px 50px rgba(8,24,45,.12)}.kp-header .navbar-nav{align-items:flex-start!important;gap:0}.kp-header .nav-link{padding:12px 6px!important}.kp-header-cta{margin-left:0;margin-top:12px}.kp-header-cta .kp-btn{width:100%;}.kp-page-hero{min-height:310px}.kp-page-hero h1{font-size:2.7rem}}
@media (max-width:767.98px){.kp-topbar-social{display:none}.kp-topbar-shell{gap:10px}.kp-logo{max-height:62px}.kp-content-section{padding:62px 0}.kp-cta-band{padding:30px 24px}.kp-product-detail-card img{height:210px}}

/* ================================
   About Us Detailed Catalogue Page
================================ */
.kp-about-profile-section{
  padding:90px 0;
  background:linear-gradient(180deg,#fff 0%,#f4f8fc 100%);
}
.kp-about-photo-card{
  top:120px;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 28px 70px rgba(7,25,48,.16);
  border:1px solid rgba(10,46,84,.08);
  position:relative;
}
.kp-about-photo-card img{
  width:100%;
  min-height:430px;
  object-fit:cover;
  display:block;
}
.kp-about-photo-badge{
  position:absolute;
  left:24px;
  bottom:24px;
  background:#fff;
  border-radius:18px;
  padding:15px 20px;
  box-shadow:0 18px 45px rgba(7,25,48,.18);
}
.kp-about-photo-badge strong{
  display:block;
  color:#d71920;
  font-size:22px;
  font-weight:900;
}
.kp-about-photo-badge span{
  display:block;
  color:#0b2340;
  font-weight:800;
  font-size:13px;
}
.kp-about-copy p{
  color:#314761;
  font-size:16px;
  line-height:1.85;
  margin-bottom:18px;
}
.kp-about-highlight-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:28px;
}
.kp-about-highlight-grid div,
.kp-cert-grid-large div{
  background:#fff;
  border:1px solid rgba(9,39,75,.08);
  border-radius:18px;
  padding:20px;
  box-shadow:0 16px 42px rgba(6,28,58,.08);
}
.kp-about-highlight-grid strong{
  display:block;
  color:#0a2d52;
  font-size:20px;
  font-weight:900;
}
.kp-about-highlight-grid span{
  display:block;
  color:#6b7b8c;
  margin-top:4px;
  font-weight:700;
}
.kp-rich-card p{
  line-height:1.8;
  color:#41546c;
}
.kp-market-list{
  display:grid;
  gap:14px;
}
.kp-market-list div{
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:18px 20px;
  background:#fff;
  border-radius:18px;
  border:1px solid rgba(10,46,84,.08);
  box-shadow:0 16px 40px rgba(7,25,48,.08);
}
.kp-market-list i{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(215,25,32,.1);
  color:#d71920;
  font-size:18px;
}
.kp-market-list span{
  color:#263b56;
  font-weight:700;
  line-height:1.6;
}
.kp-about-cert-section .kp-title,
.kp-about-cert-section p{
  color:#fff;
}
.kp-cert-grid-large{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.kp-cert-grid-large div{
  color:#fff;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.15);
  font-size:22px;
  font-weight:900;
  text-align:center;
}
@media(max-width:991px){
  .kp-about-profile-section{padding:60px 0;}
  .kp-about-photo-card img{min-height:300px;}
  .kp-about-highlight-grid,.kp-cert-grid-large{grid-template-columns:1fr;}
}


/* Final navigation cleanup: compact premium header after removing extra tabs */
@media (min-width:1200px){
  .kp-nav-dropdown:hover > .dropdown-menu{display:block; margin-top:0;}
  .kp-nav-dropdown:hover > .nav-link{color:var(--kp-red,#d71920) !important;}
}
.kp-mega-submenu .dropdown-item{font-weight:700;}


/* =========================================================
   Kay Pee final premium shared polish
   ========================================================= */
:root{--kp-blue:#08294d;--kp-blue-2:#0b3768;--kp-red:#d71920;--kp-ink:#102942;--kp-muted:#5f7185;--kp-light:#f4f7fb;}
body{font-family:'Inter','Segoe UI',Arial,sans-serif;color:var(--kp-ink);}
.kp-header{background:#fff;box-shadow:0 16px 45px rgba(4,24,48,.08);}
.kp-header .navbar{padding:0;min-height:94px;}
.kp-logo{height:82px;width:auto;max-width:230px;object-fit:contain;}
.navbar-nav{gap:2px;}
.navbar-nav .nav-link{font-size:14.5px;font-weight:900;letter-spacing:.18px;color:#0b2747!important;padding:38px 11px!important;white-space:nowrap;position:relative;text-transform:none;}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--kp-red)!important;}
.navbar-nav .nav-link:before{content:"";position:absolute;left:12px;right:12px;bottom:25px;height:3px;background:var(--kp-red);border-radius:20px;transform:scaleX(0);transform-origin:left;transition:.25s ease;}
.navbar-nav .nav-link:hover:before,.navbar-nav .nav-link.active:before{transform:scaleX(1);}
.kp-header-cta .kp-btn{padding:14px 26px!important;white-space:nowrap;font-weight:900;}
.kp-topbar{background:#08294d;color:#fff;}
.kp-topbar-shell{min-height:42px;}
.kp-topbar-left span,.kp-cert-pill{font-weight:800;}
.kp-mega-submenu{display:none;border-radius:18px!important;padding:12px!important;min-width:250px;margin-top:0!important;box-shadow:0 24px 60px rgba(8,41,77,.18)!important;}
.kp-nav-dropdown:hover>.kp-mega-submenu{display:block;}
.kp-mega-submenu .dropdown-item{font-weight:800;border-radius:12px;padding:11px 15px;color:#102942;}
.kp-mega-submenu .dropdown-item:hover{background:#f1f5fa;color:var(--kp-red);}
.kp-page-hero{min-height:440px;display:flex;align-items:center;position:relative;overflow:hidden;background:#071d36;color:#fff;}
.kp-page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52;}
.kp-page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,38,.88),rgba(3,20,38,.55),rgba(3,20,38,.18));}
.kp-page-hero .container{position:relative;z-index:2;}
.kp-page-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.05;font-weight:900;max-width:850px;margin:14px 0 18px;letter-spacing:-1.7px;}
.kp-page-hero p{font-size:19px;line-height:1.7;max-width:760px;color:rgba(255,255,255,.9);font-weight:600;}
.kp-breadcrumb-line{display:inline-flex;align-items:center;gap:8px;color:#fff;background:rgba(215,25,32,.95);border-radius:50px;padding:9px 18px;font-size:12px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;}
.kp-content-section{padding:92px 0;}.kp-content-section.light{background:linear-gradient(180deg,#f6f8fb,#eef3f8);} 
.kp-title{font-weight:900;letter-spacing:-.8px;color:#08294d;}.kp-lead-text{font-size:17px;line-height:1.8;color:#52667b;font-weight:600;}.kp-subtitle{font-weight:600;color:#64778b;}
.kp-premium-card,.kp-info-card,.kp-product-detail-card,.kp-contact-box{height:100%;background:#fff;border:1px solid rgba(8,41,77,.08);border-radius:24px;box-shadow:0 20px 55px rgba(8,41,77,.08);transition:.25s ease;overflow:hidden;}
.kp-premium-card:hover,.kp-info-card:hover,.kp-product-detail-card:hover,.kp-contact-box:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(8,41,77,.13);}
.kp-premium-card,.kp-info-card{padding:30px;}.kp-info-card h3,.kp-premium-card h3{font-size:20px;font-weight:900;color:#08294d;margin-bottom:12px;}.kp-info-card p,.kp-premium-card p{color:#5c6f84;line-height:1.75;font-weight:600;}
.kp-card-icon{width:54px;height:54px;border-radius:16px;background:rgba(215,25,32,.1);color:var(--kp-red);display:grid;place-items:center;font-size:24px;margin-bottom:20px;}
.kp-stat-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#08294d;border-radius:30px;padding:26px;box-shadow:0 28px 80px rgba(8,41,77,.2);}
.kp-stat-panel div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;text-align:center;}.kp-stat-panel strong{display:block;color:#fff;font-size:31px;font-weight:900;}.kp-stat-panel span{display:block;color:rgba(255,255,255,.78);font-weight:800;font-size:13px;margin-top:4px;}
.kp-red-dot-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:13px;}.kp-red-dot-list li{position:relative;padding-left:30px;font-weight:700;color:#314b66;line-height:1.65;}.kp-red-dot-list li:before{content:"";position:absolute;left:0;top:10px;width:10px;height:10px;border-radius:50%;background:var(--kp-red);box-shadow:0 0 0 6px rgba(215,25,32,.1);}
.kp-pill-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}.kp-pill-grid span{padding:12px 16px;background:#fff;border:1px solid rgba(8,41,77,.09);border-radius:40px;font-weight:800;color:#173452;box-shadow:0 12px 30px rgba(8,41,77,.06);}
.kp-product-detail-card img{width:100%;height:255px;object-fit:cover;}.kp-product-detail-card .body{padding:28px;}.kp-product-detail-card h3{font-weight:900;color:#08294d;margin-bottom:12px;}.kp-product-detail-card p{color:#5e7185;line-height:1.75;font-weight:600;min-height:110px;}
.kp-page-product-img{width:100%;max-height:430px;object-fit:cover;}.kp-product-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}.kp-btn-ghost{border:2px solid rgba(8,41,77,.14);background:#fff;color:#08294d!important;}.kp-btn-ghost:hover{border-color:var(--kp-red);color:var(--kp-red)!important;}
.kp-contact-box{padding:30px;text-align:center;}.kp-contact-box i{font-size:34px;color:var(--kp-red);}.kp-contact-box h3{font-weight:900;margin:16px 0 10px;color:#08294d;}.kp-contact-box p{color:#5e7185;font-weight:700;line-height:1.7;margin:0;}.kp-contact-rfq{background:linear-gradient(135deg,#08294d,#0b3768);border-radius:34px;padding:46px;color:#fff;}.kp-contact-rfq h2{font-size:38px;font-weight:900;}.kp-contact-rfq p{color:rgba(255,255,255,.78);font-weight:600;}.kp-white-list{list-style:none;padding:0;margin:22px 0 0;}.kp-white-list li{margin:10px 0;font-weight:800;color:#fff;}.kp-white-list li:before{content:"✓";color:#ffb4b7;margin-right:10px;}.light-text{color:#fff!important;}
.kp-cert-card .kp-card-icon{margin-left:auto;margin-right:auto;}.kp-cert-card{text-align:center;}
@media(max-width:1199px){.kp-logo{height:68px}.kp-header .navbar{min-height:80px}.navbar-nav .nav-link{padding:16px 12px!important}.navbar-nav .nav-link:before{display:none}.kp-mega-submenu{display:block;position:static!important;box-shadow:none!important;border-radius:14px!important;margin:0 0 12px 14px!important;background:#f6f8fb}.kp-header-cta{padding:12px 0 22px}.kp-topbar-right{display:none}.kp-topbar-shell{justify-content:center}.kp-page-hero{min-height:360px}}
@media(max-width:767px){.kp-logo{height:58px}.kp-content-section{padding:64px 0}.kp-page-hero h1{font-size:34px}.kp-page-hero p{font-size:16px}.kp-stat-panel{grid-template-columns:1fr}.kp-contact-rfq{padding:30px 22px}.kp-product-detail-card p{min-height:auto}}

/* =========================================================
   FINAL HEADER COMPACT POLISH
   Fix weak top strip + reduce empty header band
   ========================================================= */
.kp-topbar{
  padding:4px 0 !important;
  min-height:38px !important;
  background:linear-gradient(90deg,#06101b 0%,#0b1724 50%,#06101b 100%) !important;
  border-bottom:2px solid rgba(214,41,41,.35) !important;
}
.kp-topbar .container{
  max-width:1320px !important;
}
.kp-topbar-shell{
  min-height:34px !important;
  gap:18px !important;
}
.kp-topbar-left,
.kp-topbar-right,
.kp-topbar-certs{
  gap:12px !important;
}
.kp-topbar-left span{
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  color:#fff !important;
  white-space:nowrap !important;
}
.kp-topbar-left i{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  font-size:9px !important;
  box-shadow:none !important;
}
.kp-cert-pill{
  min-height:28px !important;
  padding:5px 13px !important;
  font-size:12px !important;
  font-weight:900 !important;
  border-color:rgba(255,255,255,.20) !important;
  background:rgba(255,255,255,.075) !important;
  box-shadow:none !important;
}
.kp-topbar-social{
  gap:8px !important;
}
.kp-topbar-social a{
  width:30px !important;
  height:30px !important;
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}
.kp-topbar-social a i{
  font-size:13px !important;
  transform:translateY(1px) !important;
}
.kp-topbar-social a:hover{
  transform:translateY(-1px) !important;
}

.kp-header{
  box-shadow:0 10px 28px rgba(8,17,30,.07) !important;
}
.kp-header .navbar{
  min-height:100px !important;
  padding:10px 0 !important;
}
.kp-header .container{
  max-width:1320px !important;
}
.kp-logo{
  height:86px !important;
}
.navbar-nav .nav-link{
  font-size:15px !important;
  font-weight:850 !important;
  padding:12px 13px !important;
}
.kp-header-cta .kp-btn{
  padding:15px 32px !important;
}
.kp-hero{
  margin-top:0 !important;
}

@media (max-width:1199.98px){
  .kp-topbar-shell{justify-content:center !important;}
  .kp-header .navbar{min-height:82px !important;}
  .kp-logo{height:66px !important;}
}
@media (max-width:991.98px){
  .kp-topbar{padding:6px 0 !important;}
  .kp-topbar-left,.kp-topbar-right{justify-content:center !important;}
  .kp-topbar-social a{width:28px !important;height:28px !important;}
  .kp-header .navbar{min-height:76px !important;padding:8px 0 !important;}
  .kp-logo{height:58px !important;}
}
@media (max-width:575.98px){
  .kp-topbar-certs{display:none !important;}
  .kp-topbar-left span{font-size:12px !important;}
}

/* =========================================================
   KAY PEE HEADER REDESIGN - DARK INDUSTRIAL MASTER HEADER
   Replaces weak white band with a premium integrated dark header
   ========================================================= */
.kp-topbar{
  background:#050d16 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  padding:0 !important;
  min-height:40px !important;
}
.kp-topbar-shell{
  min-height:40px !important;
}
.kp-topbar-left span,
.kp-cert-pill{
  color:#fff !important;
  font-weight:900 !important;
}
.kp-topbar-left i{
  color:#ff4a4f !important;
  border-color:rgba(255,255,255,.15) !important;
  background:rgba(255,255,255,.06) !important;
}
.kp-cert-pill{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}
.kp-topbar-social a{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#ff4a4f !important;
}

.kp-header{
  background:linear-gradient(90deg,#071523 0%,#0b2138 52%,#071523 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.22) !important;
  backdrop-filter:none !important;
}
.kp-header .navbar{
  min-height:86px !important;
  padding:0 !important;
}
.kp-header .container{
  max-width:1320px !important;
}
.kp-brand{
  background:#fff !important;
  padding:12px 28px 13px !important;
  border-radius:0 0 22px 22px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.28) !important;
  margin-right:34px !important;
  position:relative !important;
  align-self:stretch !important;
  min-height:104px !important;
  justify-content:center !important;
}
.kp-brand:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:5px;
  background:linear-gradient(90deg,#d71920,#ff4a4f,#d71920);
  border-radius:0 0 22px 22px;
}
.kp-logo{
  height:86px !important;
  width:auto !important;
  max-width:230px !important;
  object-fit:contain !important;
}
.navbar-nav{
  gap:4px !important;
}
.navbar-nav .nav-link{
  color:#ffffff !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.18px !important;
  padding:31px 12px !important;
  text-shadow:0 1px 1px rgba(0,0,0,.22) !important;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link{
  color:#ff4a4f !important;
}
.navbar-nav .nav-link:before{
  bottom:21px !important;
  height:3px !important;
  background:#ff4a4f !important;
}
.kp-nav-arrow:after{
  border-top-color:currentColor !important;
}
.kp-header-cta{
  margin-left:24px !important;
}
.kp-header-cta .kp-btn,
.kp-btn-primary{
  background:linear-gradient(135deg,#f1353b 0%,#b70f16 100%) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 16px 36px rgba(215,25,32,.34) !important;
}
.kp-header-cta .kp-btn{
  padding:15px 30px !important;
  font-size:15px !important;
  border-radius:999px !important;
}
.kp-header-cta .kp-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 20px 46px rgba(215,25,32,.42) !important;
}
.dropdown-menu.kp-mega-submenu{
  background:#ffffff !important;
  border:1px solid rgba(8,41,77,.08) !important;
  margin-top:0 !important;
}
.navbar-toggler{
  background:#fff !important;
  border-radius:12px !important;
  padding:9px 12px !important;
}

@media (min-width:1200px){
  .kp-header .navbar-collapse{
    min-height:86px !important;
  }
}
@media (max-width:1199.98px){
  .kp-header .navbar{
    padding:8px 0 !important;
    min-height:76px !important;
  }
  .kp-brand{
    min-height:auto !important;
    margin-right:0 !important;
    padding:9px 18px 11px !important;
    border-radius:18px !important;
    align-self:center !important;
  }
  .kp-brand:before{height:4px;border-radius:0 0 18px 18px;}
  .kp-logo{height:60px !important;}
  .navbar-collapse{
    background:#071523 !important;
    margin-top:12px !important;
    padding:14px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.08) !important;
  }
  .navbar-nav .nav-link{
    padding:13px 12px !important;
    color:#fff !important;
  }
  .kp-header-cta{
    margin-left:0 !important;
    padding:12px 0 4px !important;
  }
  .kp-header-cta .kp-btn{
    width:100% !important;
  }
}
@media (max-width:575.98px){
  .kp-logo{height:52px !important;}
  .kp-brand{padding:8px 14px 10px !important;}
}

/* =========================================================
   HEADER VISIBILITY FIX - HIGH CONTRAST DARK HEADER
   Ensures all header menu links stay clearly visible
   ========================================================= */
.kp-header,
.kp-header.sticky-top{
  background:linear-gradient(90deg,#06111f 0%,#09223c 48%,#06111f 100%) !important;
  overflow:visible !important;
  z-index:1030 !important;
}
.kp-header .navbar{
  min-height:92px !important;
  overflow:visible !important;
}
.kp-header .navbar .container{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:nowrap !important;
  gap:22px !important;
  max-width:1340px !important;
}
.kp-header .navbar-collapse{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:18px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
  overflow:visible !important;
}
.kp-header .navbar-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.kp-header .navbar-nav .nav-link,
.kp-header .navbar-nav .kp-nav-link,
.kp-header .nav-link{
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:0 2px 6px rgba(0,0,0,.45) !important;
  font-size:15.5px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.15px !important;
  white-space:nowrap !important;
  padding:34px 8px !important;
  display:inline-flex !important;
  align-items:center !important;
}
.kp-header .navbar-nav .nav-link:hover,
.kp-header .navbar-nav .nav-link.active,
.kp-header .navbar-nav .show > .nav-link{
  color:#ff4a4f !important;
}
.kp-header .kp-nav-arrow{
  border-color:#ffffff !important;
  border-left:0 !important;
  border-top:0 !important;
  opacity:1 !important;
}
.kp-header .navbar-nav .nav-link:hover .kp-nav-arrow{
  border-color:#ff4a4f !important;
}
.kp-header-cta{
  display:flex !important;
  flex:0 0 auto !important;
  margin-left:18px !important;
}
.kp-header-cta .kp-btn{
  color:#fff !important;
  white-space:nowrap !important;
  min-width:145px !important;
}
.kp-brand{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
}
.kp-mega-submenu{
  z-index:1090 !important;
}
.kp-mega-submenu .dropdown-item{
  color:#0b2340 !important;
  text-shadow:none !important;
}
.kp-mega-submenu .dropdown-item:hover{
  color:#d71920 !important;
}
@media (min-width:1200px) and (max-width:1320px){
  .kp-header .navbar-nav{gap:6px !important;}
  .kp-header .navbar-nav .nav-link{font-size:14.5px !important;padding-left:5px !important;padding-right:5px !important;}
  .kp-brand{margin-right:16px !important;padding-left:22px !important;padding-right:22px !important;}
  .kp-logo{height:78px !important;}
  .kp-header-cta .kp-btn{padding-left:22px !important;padding-right:22px !important;min-width:130px !important;}
}
@media (max-width:1199.98px){
  .kp-header .navbar-collapse{
    display:none !important;
    background:#071523 !important;
  }
  .kp-header .navbar-collapse.show{
    display:block !important;
  }
  .kp-header .navbar-nav{
    display:block !important;
  }
  .kp-header .navbar-nav .nav-link{
    color:#ffffff !important;
    padding:14px 12px !important;
  }
}

/* ==================================================
   Quality & Certifications showcase upgrade
   Replaces repeated plain ISO cards with a meaningful
   certification + inspection workflow presentation.
================================================== */
#quality-certifications .kp-cert-showcase{
  margin-top:26px;
  display:grid;
  gap:18px;
}

#quality-certifications .kp-cert-main-card{
  position:relative;
  display:grid;
  grid-template-columns:70px 1fr;
  gap:18px;
  align-items:center;
  padding:24px 26px;
  border-radius:26px;
  background:
    linear-gradient(135deg, rgba(17,46,87,.98), rgba(11,58,109,.94)),
    radial-gradient(circle at top right, rgba(225,38,38,.38), transparent 34%);
  box-shadow:0 24px 52px rgba(17,46,87,.22);
  color:#fff;
  overflow:hidden;
}

#quality-certifications .kp-cert-main-card::after{
  content:"";
  position:absolute;
  right:-40px;
  top:-50px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}

#quality-certifications .kp-cert-icon{
  width:70px;
  height:70px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#e12626,#b91c1c);
  box-shadow:0 16px 30px rgba(225,38,38,.28);
  font-size:32px;
}

#quality-certifications .kp-cert-main-card small{
  display:block;
  margin-bottom:5px;
  color:rgba(255,255,255,.72);
  text-transform:uppercase;
  letter-spacing:1.5px;
  font-size:11px;
  font-weight:800;
}

#quality-certifications .kp-cert-main-card strong{
  display:block;
  font-size:30px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.5px;
}

#quality-certifications .kp-cert-main-card span{
  display:block;
  max-width:520px;
  margin-top:8px;
  color:rgba(255,255,255,.82);
  font-size:15px;
  line-height:1.55;
}

#quality-certifications .kp-cert-grid-clean{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}

#quality-certifications .kp-cert-mini-card{
  position:relative;
  min-height:118px;
  padding:20px 20px 18px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(17,46,87,.08);
  box-shadow:0 16px 34px rgba(17,46,87,.08);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

#quality-certifications .kp-cert-mini-card:hover{
  transform:translateY(-5px);
  border-color:rgba(225,38,38,.22);
  box-shadow:0 22px 46px rgba(17,46,87,.13);
}

#quality-certifications .kp-cert-mini-card i{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  border-radius:13px;
  color:#e12626;
  background:rgba(225,38,38,.08);
  font-size:18px;
}

#quality-certifications .kp-cert-mini-card strong{
  display:block;
  color:#112e57;
  font-size:17px;
  line-height:1.25;
  font-weight:900;
}

#quality-certifications .kp-cert-mini-card span{
  display:block;
  margin-top:6px;
  color:#6c7b8d;
  font-size:14px;
  line-height:1.4;
}

#quality-certifications .kp-quality-process{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(17,46,87,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}

#quality-certifications .kp-quality-process div{
  padding:14px 10px;
  text-align:center;
  border-radius:16px;
  background:rgba(255,255,255,.86);
}

#quality-certifications .kp-quality-process b{
  display:block;
  margin-bottom:5px;
  color:#e12626;
  font-size:13px;
  letter-spacing:1px;
}

#quality-certifications .kp-quality-process span{
  display:block;
  color:#112e57;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}

@media (max-width: 767.98px){
  #quality-certifications .kp-cert-main-card{
    grid-template-columns:1fr;
    padding:22px;
  }
  #quality-certifications .kp-cert-grid-clean,
  #quality-certifications .kp-quality-process{
    grid-template-columns:1fr;
  }
}


/* ==================================================
   FINAL HEADER + QUALITY SECTION FIXES
   Clean white premium header, dark visible links,
   no active red underline, balanced certification section.
================================================== */
.kp-header{
  background:#ffffff !important;
  border-bottom:1px solid rgba(12,35,64,.08) !important;
  box-shadow:0 10px 35px rgba(8,21,36,.07) !important;
}
.kp-header .navbar{
  min-height:92px !important;
  padding:8px 0 !important;
}
.kp-header .container{
  max-width:1320px !important;
}
.kp-header .navbar-nav .nav-link,
.kp-header .navbar-nav .kp-nav-link,
.kp-header .nav-link{
  color:#0b2747 !important;
  text-shadow:none !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.12px !important;
  padding:28px 10px !important;
}
.kp-header .navbar-nav .nav-link:hover,
.kp-header .navbar-nav .nav-link.active,
.kp-header .navbar-nav .show > .nav-link{
  color:#d6262a !important;
}
.kp-header .navbar-nav .nav-link:before,
.kp-header .navbar-nav .nav-link::after,
.navbar-nav .nav-link:before,
.navbar-nav .nav-link::after{
  display:none !important;
  content:none !important;
}
.kp-header .kp-nav-arrow{
  border-color:#0b2747 !important;
  border-left:0 !important;
  border-top:0 !important;
}
.kp-header .navbar-nav .nav-link:hover .kp-nav-arrow{
  border-color:#d6262a !important;
}
.kp-brand{
  padding:0 !important;
  margin-right:34px !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.kp-logo{
  height:92px !important;
  max-width:240px !important;
  object-fit:contain !important;
}
.kp-header-cta .kp-btn{
  background:linear-gradient(135deg,#e43236,#b7191e) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 16px 35px rgba(214,38,42,.25) !important;
}
.kp-header .dropdown-menu{
  background:#fff !important;
  border:1px solid rgba(12,35,64,.08) !important;
}
.kp-header .dropdown-item{
  color:#0b2747 !important;
}
.kp-header .dropdown-item:hover{
  color:#d6262a !important;
  background:#f6f8fb !important;
}

.kp-quality-balanced{
  background:
    radial-gradient(circle at 92% 8%, rgba(214,38,42,.08), transparent 25%),
    linear-gradient(180deg,#ffffff 0%,#f3f7fb 100%);
  overflow:hidden;
}
.kp-qc-photo-card{
  position:relative;
  min-height:480px;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 24px 60px rgba(8,30,55,.16);
  border:1px solid rgba(255,255,255,.6);
}
.kp-qc-photo-card img{
  width:100%;height:100%;object-fit:cover;
  min-height:480px;
}
.kp-qc-photo-card:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,21,36,0) 35%,rgba(8,21,36,.78) 100%);
}
.kp-qc-photo-caption{
  position:absolute;left:26px;right:26px;bottom:24px;z-index:2;
  padding:20px 22px;border-radius:22px;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 35px rgba(0,0,0,.16);
}
.kp-qc-photo-caption strong{display:block;color:#0b2747;font-size:20px;font-weight:900;}
.kp-qc-photo-caption span{display:block;margin-top:4px;color:#657386;font-size:14px;font-weight:700;}
.kp-qc-panel{
  padding:34px;
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(12,35,64,.08);
  box-shadow:0 22px 60px rgba(8,30,55,.09);
}
.kp-qc-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:22px;}
.kp-qc-label{display:inline-block;margin-bottom:8px;color:#d6262a;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;}
.kp-qc-panel h3{margin:0;color:#0b2747;font-size:30px;line-height:1.16;font-weight:900;letter-spacing:-.45px;}
.kp-qc-panel-top i{flex:0 0 auto;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#d6262a,#a91518);font-size:30px;box-shadow:0 16px 30px rgba(214,38,42,.22);}
.kp-qc-cert-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;}
.kp-qc-cert-card{position:relative;min-height:142px;padding:22px 18px;border-radius:22px;background:linear-gradient(180deg,#fbfdff,#f3f7fb);border:1px solid rgba(12,35,64,.08);}
.kp-qc-cert-card:before{content:"";position:absolute;left:18px;top:0;width:54px;height:4px;border-radius:0 0 8px 8px;background:#d6262a;}
.kp-qc-cert-card strong{display:block;color:#0b2747;font-size:20px;line-height:1.2;font-weight:900;}
.kp-qc-cert-card span{display:block;margin-top:9px;color:#657386;font-size:14px;line-height:1.42;font-weight:700;}
.kp-qc-subgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px;}
.kp-qc-mini{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center;padding:17px 18px;border-radius:20px;background:#0b2747;color:#fff;}
.kp-qc-mini i{grid-row:span 2;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.12);color:#fff;font-size:20px;}
.kp-qc-mini strong{display:block;font-size:16px;font-weight:900;line-height:1.2;}
.kp-qc-mini span{display:block;margin-top:4px;color:rgba(255,255,255,.72);font-size:13px;font-weight:600;}
.kp-qc-tests{padding:22px;border-radius:22px;background:#f5f8fb;border:1px solid rgba(12,35,64,.07);}
.kp-qc-tests h4{margin:0 0 14px;color:#0b2747;font-size:18px;font-weight:900;}
.kp-qc-test-list{display:flex;flex-wrap:wrap;gap:10px;}
.kp-qc-test-list span{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(12,35,64,.08);color:#405169;font-size:13px;font-weight:800;}
.kp-qc-test-list span:before{content:"✓";margin-right:7px;color:#d6262a;font-weight:900;}
#quality-certifications .kp-quality-stats,
#quality-certifications .kp-cert-card{display:none !important;}

@media(max-width:1199.98px){
  .kp-header .navbar-collapse{display:none !important;}
  .kp-header .navbar-collapse.show{display:block !important;}
  .kp-logo{height:72px !important;}
  .kp-header .navbar-nav .nav-link{padding:14px 8px !important;}
}
@media(max-width:991.98px){
  .kp-qc-cert-row,.kp-qc-subgrid{grid-template-columns:1fr;}
  .kp-qc-photo-card,.kp-qc-photo-card img{min-height:380px;}
  .kp-qc-panel{padding:24px;}
  .kp-qc-panel h3{font-size:25px;}
}

/* =========================================================
   Homepage Certifications & Approvals Section
   Catalogue-aligned replacement for old export section
========================================================= */
.kp-approvals-home{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 15%, rgba(215,25,32,.08), transparent 28%),
        linear-gradient(135deg,#f8fbff 0%,#ffffff 48%,#eef5fb 100%);
    border-top:1px solid rgba(11,35,64,.06);
    border-bottom:1px solid rgba(11,35,64,.06);
}
.kp-approvals-home::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(11,35,64,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,35,64,.035) 1px,transparent 1px);
    background-size:34px 34px;
    pointer-events:none;
}
.kp-approvals-home .container{position:relative;z-index:1;}
.kp-approval-intro-card{
    background:#fff;
    border:1px solid rgba(11,35,64,.08);
    border-radius:28px;
    padding:42px;
    box-shadow:0 28px 70px rgba(11,35,64,.10);
}
.kp-approval-intro-card .kp-title{margin-bottom:16px;}
.kp-approval-logo-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}
.kp-approval-tile{
    min-height:112px;
    background:#fff;
    border:1px solid rgba(11,35,64,.09);
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    box-shadow:0 16px 35px rgba(11,35,64,.08);
    transition:.25s ease;
    position:relative;
    overflow:hidden;
}
.kp-approval-tile::before{
    content:"";
    position:absolute;
    left:18px;
    top:0;
    width:42px;
    height:4px;
    border-radius:0 0 8px 8px;
    background:#d71920;
}
.kp-approval-tile:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 48px rgba(11,35,64,.13);
}
.kp-approval-tile img{
    max-width:145px;
    max-height:62px;
    object-fit:contain;
    filter:saturate(1.03) contrast(1.02);
}
.kp-approval-text{
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    text-align:left;
}
.kp-approval-text strong{
    color:#08294d;
    font-size:1.12rem;
    font-weight:900;
    line-height:1.2;
}
.kp-approval-text span{
    color:#66758a;
    font-size:.9rem;
    font-weight:700;
    margin-top:7px;
}
@media(max-width:991px){
    .kp-approval-logo-grid{grid-template-columns:repeat(2,1fr);}
    .kp-approval-intro-card{padding:30px;}
}
@media(max-width:575px){
    .kp-approval-logo-grid{grid-template-columns:1fr;}
    .kp-approval-tile{min-height:96px;}
}

/* =========================================================
   Final Homepage Certifications & Approvals - catalogue logo grid
   Replaces scattered ISO/export blocks with the full catalogue logo set
========================================================= */
.kp-approvals-home{
    background:linear-gradient(135deg,#f7fbff 0%,#ffffff 52%,#f2f6fb 100%) !important;
    border-top:1px solid rgba(11,35,64,.07);
    border-bottom:1px solid rgba(11,35,64,.07);
}
.kp-approvals-home::before{
    opacity:.55;
}
.kp-catalogue-approvals-card{
    max-width:1120px;
    margin:0 auto;
    background:#fff;
    border:1px solid rgba(11,35,64,.10);
    border-radius:30px;
    padding:34px;
    box-shadow:0 28px 80px rgba(11,35,64,.10);
    position:relative;
    overflow:hidden;
}
.kp-catalogue-approvals-card::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:7px;
    background:linear-gradient(90deg,#0b3c74,#08a6d8,#d71920);
}
.kp-catalogue-logos-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}
.kp-catalogue-logo{
    min-height:150px;
    background:#ffffff;
    border:1px solid rgba(11,35,64,.10);
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    box-shadow:0 14px 35px rgba(11,35,64,.07);
    transition:.25s ease;
}
.kp-catalogue-logo:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 48px rgba(11,35,64,.12);
}
.kp-catalogue-logo img{
    max-width:100%;
    max-height:105px;
    object-fit:contain;
}
.kp-logo-large img{
    max-height:86px;
}
.kp-logo-wide{
    grid-column:span 2;
}
.kp-logo-wide img{
    max-height:92px;
}
@media(max-width:991px){
    .kp-catalogue-logos-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .kp-catalogue-approvals-card{padding:24px;}
    .kp-catalogue-logo{min-height:126px;}
    .kp-logo-wide{grid-column:span 2;}
}
@media(max-width:575px){
    .kp-catalogue-logos-grid{grid-template-columns:1fr;}
    .kp-logo-wide{grid-column:span 1;}
}

/* =========================================================
   Homepage Certifications & Approvals section - premium layout
   Left title + horizontal ISO cards + full-width approval logos
========================================================= */
.kp-approvals-home{
    position:relative;
    overflow:hidden;
    padding:86px 0 !important;
    background:linear-gradient(135deg,#f8fbff 0%,#ffffff 48%,#f2f7fc 100%) !important;
    border-top:1px solid rgba(11,35,64,.06);
    border-bottom:1px solid rgba(11,35,64,.06);
}
.kp-approvals-home::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(11,35,64,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,35,64,.035) 1px,transparent 1px);
    background-size:34px 34px;
    pointer-events:none;
    opacity:.7;
}
.kp-approvals-home .container{position:relative;z-index:1;}
.kp-recognised-panel{
    max-width:1340px;
    margin:0 auto;
}
.kp-recognised-top{
    display:grid;
    grid-template-columns:420px minmax(0,1fr);
    gap:42px;
    align-items:start;
    margin-bottom:36px;
}
.kp-recognised-copy{
    padding:8px 0 0;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
.kp-recognised-copy .kp-eyebrow{
    display:block;
    margin-bottom:18px;
    color:#d71920;
    font-size:14px;
    font-weight:900;
    letter-spacing:4px;
    text-transform:uppercase;
}
.kp-recognised-copy h2{
    margin:0 0 22px;
    color:#08294d;
    font-size:48px;
    line-height:1.08;
    font-weight:900;
    letter-spacing:-1.1px;
}
.kp-recognised-copy h2::after{
    content:"";
    display:block;
    width:74px;
    height:3px;
    margin-top:22px;
    background:#d71920;
    border-radius:8px;
}
.kp-recognised-copy p{
    margin:0;
    color:#53677f;
    font-size:17px;
    line-height:1.75;
    font-weight:600;
}
.kp-recognised-iso-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin:0;
}
.kp-iso-card{
    min-height:150px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(11,35,64,.09);
    border-radius:22px;
    padding:28px 26px;
    position:relative;
    overflow:hidden;
    box-shadow:0 18px 44px rgba(8,35,65,.08);
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.kp-iso-card::before{
    content:"";
    position:absolute;
    left:26px;
    bottom:24px;
    width:44px;
    height:3px;
    background:#d71920;
    border-radius:10px;
}
.kp-iso-card strong{
    display:block;
    color:#08294d;
    font-size:22px;
    line-height:1.2;
    font-weight:900;
}
.kp-iso-card span{
    display:block;
    margin-top:10px;
    color:#5d6f86;
    font-size:16px;
    line-height:1.45;
    font-weight:700;
}
.kp-approvals-title{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:20px;
    align-items:center;
    margin:18px 0 24px;
    color:#08294d;
    text-transform:uppercase;
    letter-spacing:4px;
    font-size:15px;
    font-weight:900;
}
.kp-approvals-title span{
    height:1px;
    background:rgba(11,35,64,.18);
}
.kp-approvals-title strong{position:relative;}
.kp-approvals-title strong::before,
.kp-approvals-title strong::after{
    content:"";
    display:inline-block;
    width:8px;
    height:8px;
    margin:0 16px;
    border-radius:50%;
    background:#d71920;
    vertical-align:middle;
}
.kp-recognised-logos{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.kp-recognised-logo{
    height:128px;
    min-height:128px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(11,35,64,.09);
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:26px 34px;
    overflow:hidden;
    box-shadow:0 12px 30px rgba(8,35,65,.065);
    transition:.25s ease;
}
.kp-recognised-logo:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 48px rgba(8,35,65,.12);
}
.kp-recognised-logo img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:78px !important;
    object-fit:contain !important;
    object-position:center !important;
}
@media(max-width:1199px){
    .kp-recognised-top{grid-template-columns:1fr;gap:28px;}
    .kp-recognised-copy h2{font-size:42px;}
}
@media(max-width:991px){
    .kp-recognised-iso-row{grid-template-columns:1fr;}
    .kp-iso-card{min-height:auto;}
}
@media(max-width:767px){
    .kp-approvals-home{padding:62px 0 !important;}
    .kp-recognised-copy h2{font-size:34px;}
    .kp-recognised-copy p{font-size:16px;}
    .kp-recognised-logos{grid-template-columns:repeat(2,minmax(0,1fr));}
    .kp-recognised-logo{height:116px;min-height:116px;padding:22px;}
    .kp-recognised-logo img{max-height:70px !important;}
    .kp-approvals-title{grid-template-columns:1fr;font-size:13px;text-align:center;gap:10px;}
    .kp-approvals-title span{display:none;}
}
@media(max-width:480px){
    .kp-recognised-logos{grid-template-columns:1fr;}
}

}

/* ==================================================
   FINAL: Certifications & Approvals compact right-side layout
   ================================================== */
.kp-approvals-home{
    padding:90px 0 !important;
    background:linear-gradient(180deg,#f8fbff 0%,#eef4fa 100%) !important;
    position:relative;
    overflow:hidden;
}
.kp-recognised-panel{
    max-width:1380px !important;
    margin:0 auto !important;
}
.kp-recognised-top{
    display:grid !important;
    grid-template-columns:390px minmax(0,1fr) !important;
    gap:44px !important;
    align-items:start !important;
    margin-bottom:0 !important;
}
.kp-recognised-copy{
    padding-top:6px !important;
}
.kp-recognised-copy .kp-eyebrow{
    margin-bottom:16px !important;
}
.kp-recognised-copy h2{
    font-size:46px !important;
    line-height:1.08 !important;
    margin-bottom:22px !important;
}
.kp-recognised-copy p{
    font-size:17px !important;
    line-height:1.7 !important;
    max-width:360px !important;
}
.kp-recognised-right{
    width:100% !important;
}
.kp-recognised-iso-row{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    margin:0 0 18px !important;
}
.kp-iso-card{
    min-height:118px !important;
    padding:24px 24px !important;
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid #dde7f0 !important;
    box-shadow:0 14px 36px rgba(8,35,65,.08) !important;
}
.kp-iso-card::before{
    left:24px !important;
    bottom:18px !important;
    width:42px !important;
}
.kp-iso-card strong{
    font-size:20px !important;
}
.kp-iso-card span{
    font-size:15px !important;
}
.kp-approvals-title{
    display:none !important;
}
.kp-recognised-logos{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    margin:0 !important;
}
.kp-recognised-logo{
    height:122px !important;
    min-height:122px !important;
    padding:18px 24px !important;
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid #dde7f0 !important;
    box-shadow:0 12px 30px rgba(8,35,65,.065) !important;
    overflow:hidden !important;
}
.kp-recognised-logo img{
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:92px !important;
    object-fit:contain !important;
    object-position:center !important;
}
@media(max-width:1199px){
    .kp-recognised-top{
        grid-template-columns:1fr !important;
    }
    .kp-recognised-copy p{max-width:720px !important;}
}
@media(max-width:991px){
    .kp-recognised-iso-row,
    .kp-recognised-logos{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media(max-width:575px){
    .kp-recognised-copy h2{font-size:34px !important;}
    .kp-recognised-iso-row,
    .kp-recognised-logos{
        grid-template-columns:1fr !important;
    }
    .kp-recognised-logo{height:112px !important;min-height:112px !important;}
}

/* =====================================================
   HOME CONTACT SNAPSHOT REMOVED + FINAL PREMIUM FOOTER
===================================================== */
.kp-contact-premium#contact-snapshot{display:none!important;}
.kp-footer.kp-footer-premium{
  position:relative!important;
  padding:86px 0 30px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 8% 0%, rgba(225,38,38,.20), transparent 22%),
    radial-gradient(circle at 86% 8%, rgba(255,255,255,.06), transparent 18%),
    linear-gradient(135deg,#04101f 0%,#061a31 45%,#07152b 100%)!important;
  color:rgba(255,255,255,.84)!important;
}
.kp-footer.kp-footer-premium:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;
  background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;
}
.kp-footer.kp-footer-premium:after{
  content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,#e12626,#0ba7d9,#e12626);
}
.kp-footer-shell{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.10);padding-top:38px!important;}
.kp-footer-brand-block{position:relative;max-width:390px;}
.kp-footer-brand-block:after{content:"";position:absolute;left:0;top:-18px;width:105px;height:3px;border-radius:99px;background:linear-gradient(90deg,#e12626,rgba(225,38,38,0));}
.kp-footer-logo-img{height:86px!important;width:auto!important;filter:drop-shadow(0 12px 30px rgba(0,0,0,.32)) drop-shadow(0 0 18px rgba(225,38,38,.20))!important;}
.kp-footer-about{font-size:1rem;line-height:1.85;color:rgba(255,255,255,.78);margin:18px 0 20px;}
.kp-footer-badges{display:flex;flex-wrap:wrap;gap:10px;}
.kp-footer-badges span{padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:.8rem;font-weight:800;color:#fff;}
.kp-footer-premium h4{position:relative;display:inline-block;color:#fff!important;font-size:1.12rem!important;font-weight:900!important;margin:0 0 20px!important;padding-bottom:10px;}
.kp-footer-premium h4:after{content:"";position:absolute;left:0;bottom:0;width:42px;height:2px;border-radius:99px;background:linear-gradient(90deg,#e12626,#d7832a);}
.kp-footer-links{list-style:none;margin:0;padding:0;}
.kp-footer-links li{margin-bottom:11px!important;}
.kp-footer-links a{position:relative;display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.76)!important;font-size:.97rem;text-decoration:none!important;transition:.25s ease;}
.kp-footer-links a:before{content:"";width:0;height:1px;background:#e12626;transition:.25s ease;}
.kp-footer-links a:hover{color:#fff!important;transform:translateX(3px);}
.kp-footer-links a:hover:before{width:12px;}
.kp-footer-contact-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden;}
.kp-footer-contact-card a,.kp-footer-contact-card span{display:flex;gap:10px;color:rgba(255,255,255,.84)!important;line-height:1.65;text-decoration:none!important;font-size:.96rem;}
.kp-footer-contact-card i{color:#ff4b4b;min-width:18px;margin-top:4px;}
.kp-footer-contact-card a:hover{color:#fff!important;}
.kp-footer-cta-wrap{margin-top:18px;}
.kp-footer-cta-wrap .kp-btn{min-height:52px;padding:14px 28px!important;font-weight:900!important;box-shadow:0 18px 38px rgba(225,38,38,.25)!important;}
.kp-footer-bottom{margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;}
.kp-footer-bottom span{color:rgba(255,255,255,.70);font-size:.95rem;}
.kp-footer-social{display:flex;gap:11px;}
.kp-footer-social a{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff!important;text-decoration:none!important;transition:.25s ease;}
.kp-footer-social a:hover{transform:translateY(-3px);background:linear-gradient(135deg,rgba(225,38,38,.25),rgba(225,38,38,.08));border-color:rgba(225,38,38,.42);box-shadow:0 14px 28px rgba(225,38,38,.18);}
@media(max-width:991.98px){.kp-footer.kp-footer-premium{padding:66px 0 26px!important}.kp-footer-logo-img{height:72px!important}.kp-footer-brand-block{max-width:100%;}}
@media(max-width:575.98px){.kp-footer.kp-footer-premium{padding:56px 0 24px!important}.kp-footer-bottom{align-items:flex-start;flex-direction:column}.kp-footer-logo-img{height:66px!important}}


/* =========================================================
   FINAL CLIENT REQUEST: PREMIUM BLACK TOP STRIP + CTA/FTR
   Date: 2026-06-10
   Purpose: Improve top black patch and correct RFQ copy
   ========================================================= */
.kp-topbar{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 14% 50%, rgba(214,41,41,.18), transparent 28%),
    radial-gradient(circle at 82% 45%, rgba(255,255,255,.09), transparent 25%),
    linear-gradient(90deg,#030912 0%,#071526 42%,#030912 100%)!important;
  padding:10px 0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.32)!important;
}
.kp-topbar:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,transparent,black 16%,black 84%,transparent);
}
.kp-topbar:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,41,41,.65),transparent);
}
.kp-topbar .container{position:relative;z-index:2;}
.kp-topbar-shell{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}
.kp-topbar-left{
  display:flex!important;
  align-items:center!important;
  gap:26px!important;
  color:#fff!important;
  font-weight:900!important;
}
.kp-topbar-left span{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  white-space:nowrap!important;
  letter-spacing:.01em!important;
}
.kp-topbar-left span + span:before{
  content:"";
  position:absolute;
  left:-14px;
  top:50%;
  width:1px;
  height:18px;
  transform:translateY(-50%);
  background:rgba(255,255,255,.18);
}
.kp-topbar-left i{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(214,41,41,.13)!important;
  border:1px solid rgba(214,41,41,.38)!important;
  color:#ff4141!important;
  font-size:12px!important;
  box-shadow:0 0 18px rgba(214,41,41,.16)!important;
}
.kp-topbar-right{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}
.kp-topbar-certs{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.kp-cert-pill{
  min-height:34px!important;
  padding:7px 17px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:.82rem!important;
  font-weight:900!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.25)!important;
}
.kp-cert-pill:hover{
  border-color:rgba(214,41,41,.55)!important;
  box-shadow:0 0 0 4px rgba(214,41,41,.10),0 16px 30px rgba(0,0,0,.30)!important;
}
.kp-topbar-social{display:flex!important;align-items:center!important;gap:9px!important;}
.kp-topbar-social a{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#ff4040!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 22px rgba(0,0,0,.18)!important;
}
.kp-topbar-social a i{font-size:14px!important;line-height:1!important;transform:none!important;}
.kp-topbar-social a:hover{
  color:#fff!important;
  background:linear-gradient(135deg,#e32626,#b91118)!important;
  border-color:rgba(255,255,255,.20)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(214,41,41,.24)!important;
}

/* Stronger CTA before footer */
.kp-rfq-premium{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 35%, rgba(214,41,41,.24), transparent 32%),
    linear-gradient(135deg,#071523 0%,#0a2135 48%,#171b2f 100%)!important;
  padding:92px 0!important;
}
.kp-rfq-premium:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(0,0,0,.30),transparent 55%), url('assets/images/slider-3.webp') right center/cover no-repeat!important;
  opacity:.18!important;
  filter:grayscale(1) contrast(1.08)!important;
}
.kp-rfq-shell{
  position:relative!important;
  overflow:hidden!important;
  padding:56px 60px!important;
  border-radius:32px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(10px)!important;
}
.kp-rfq-shell:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at right center, rgba(214,41,41,.18), transparent 38%),
    linear-gradient(90deg, transparent, rgba(255,255,255,.03));
}
.kp-rfq-shell .row{position:relative;z-index:2;}
.kp-eyebrow-warm{
  color:#ff4242!important;
  letter-spacing:4px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.kp-rfq-title{
  max-width:650px!important;
  color:#fff!important;
  font-size:clamp(2.2rem,4vw,4.35rem)!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
  margin:16px 0 20px!important;
}
.kp-rfq-text{
  max-width:690px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:1.08rem!important;
  line-height:1.75!important;
  font-weight:700!important;
}
.kp-rfq-actions{display:flex!important;gap:18px!important;justify-content:flex-end!important;flex-wrap:wrap!important;}
.kp-rfq-premium .kp-btn{
  min-height:58px!important;
  padding:16px 30px!important;
  border-radius:999px!important;
  font-size:1rem!important;
  font-weight:950!important;
}
.kp-rfq-premium .kp-btn-primary{box-shadow:0 18px 42px rgba(214,41,41,.35)!important;}
.kp-rfq-premium .kp-btn-outline-light{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.36)!important;
  color:#fff!important;
}
.kp-rfq-premium .kp-btn-outline-light:hover{background:#fff!important;color:#071523!important;}

/* Footer deeper industrial polish */
.kp-footer.kp-footer-premium{
  background:
    radial-gradient(circle at 10% 0%, rgba(214,41,41,.14), transparent 26%),
    radial-gradient(circle at 86% 12%, rgba(35,90,130,.20), transparent 30%),
    linear-gradient(180deg,#07111b 0%,#030811 100%)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.kp-footer.kp-footer-premium:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px, transparent 1px)!important;
  background-size:42px 42px!important;
  opacity:.18!important;
  pointer-events:none!important;
}
.kp-footer-contact-card,
.kp-footer-badges span{
  backdrop-filter:blur(10px)!important;
}
@media(max-width:991.98px){
  .kp-topbar-shell,.kp-topbar-left,.kp-topbar-right{justify-content:center!important;text-align:center!important;}
  .kp-rfq-shell{padding:38px 26px!important;}
  .kp-rfq-actions{justify-content:flex-start!important;}
}
@media(max-width:575.98px){
  .kp-topbar-left span + span:before{display:none!important;}
  .kp-topbar-left,.kp-topbar-right,.kp-topbar-certs{gap:9px!important;}
  .kp-cert-pill{font-size:.72rem!important;padding:6px 10px!important;}
  .kp-rfq-premium{padding:58px 0!important;}
}


/* ===== Catalogue-based premium bolts page ===== */
.kp-product-hero{min-height:285px!important;}
.kp-bolts-premium{
  padding:86px 0 70px;
  background:
    radial-gradient(circle at 8% 0%, rgba(214,41,41,.045), transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#edf4fa 100%);
}
.kp-section-head{max-width:860px;margin-bottom:46px;}
.kp-section-head h2{font-size:clamp(2.15rem,4vw,4.25rem);line-height:1.04;font-weight:950;letter-spacing:-.05em;color:#092849;margin:14px 0 16px;}
.kp-section-head p{max-width:720px;margin:0 auto;color:#62758d;font-size:1.02rem;line-height:1.7;font-weight:650;}
.kp-section-head.compact{margin-bottom:32px;}
.kp-section-head.compact h2{font-size:clamp(1.7rem,2.3vw,2.4rem);}
.kp-spec-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px;}
.kp-spec-pills span{background:#fff;border:1px solid #dce6f0;border-radius:999px;padding:11px 20px;box-shadow:0 10px 24px rgba(11,40,70,.08);color:#082849;font-weight:900;font-size:.88rem;}
.kp-bolts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.kp-bolt-card{
  display:grid;grid-template-columns:48% 52%;align-items:stretch;min-height:255px;
  background:#fff;border:1px solid #dfe8f0;border-radius:18px;overflow:hidden;
  box-shadow:0 16px 42px rgba(8,35,65,.075);transition:.25s ease;position:relative;
}
.kp-bolt-card:before{content:"";position:absolute;top:0;left:24px;width:52px;height:3px;background:linear-gradient(90deg,#e31e24,#ff8a30);border-radius:0 0 999px 999px;}
.kp-bolt-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(8,35,65,.12);}
.kp-bolt-imgbox{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff 0%,#f7fafc 100%);padding:20px;border-right:1px solid #e7eef5;min-height:255px;}
.kp-bolt-imgbox img{width:100%;height:225px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(8,35,65,.13));}
.kp-bolt-info{padding:32px 28px 26px;display:flex;flex-direction:column;justify-content:center;}
.kp-bolt-num{display:inline-flex;width:max-content;background:#ffe9e9;color:#e31e24;border-radius:8px;padding:5px 9px;font-weight:950;font-size:.76rem;margin-bottom:10px;}
.kp-bolt-info h3{font-size:1.45rem;font-weight:950;letter-spacing:-.035em;color:#082849;margin:0 0 8px;}
.kp-bolt-info p{color:#51657d;font-weight:650;line-height:1.55;margin-bottom:16px;}
.kp-bolt-tags{display:flex;flex-wrap:wrap;gap:8px;}
.kp-bolt-tags span{border:1px solid #e1eaf2;background:#f8fbff;border-radius:999px;padding:6px 10px;color:#12375c;font-weight:850;font-size:.72rem;}
.kp-bolt-tags span:before{content:"";display:inline-block;width:5px;height:5px;background:#e31e24;border-radius:50%;margin-right:6px;vertical-align:middle;}
.kp-manufacturing-strip{padding:62px 0;background:#eef4fa;}
.kp-capability-box{display:grid;grid-template-columns:1.45fr repeat(5,1fr);gap:0;background:#fff;border:1px solid #dfe8f0;border-radius:18px;box-shadow:0 18px 45px rgba(8,35,65,.07);overflow:hidden;}
.kp-capability-title{background:#082849;color:#fff;padding:26px 28px;}
.kp-capability-title span{color:#ff4545;text-transform:uppercase;letter-spacing:2px;font-size:.7rem;font-weight:950;}
.kp-capability-title h3{font-size:1.05rem;margin:8px 0 0;font-weight:950;line-height:1.25;}
.kp-capability-item{padding:27px 22px;border-left:1px solid #e6edf4;display:flex;flex-direction:column;justify-content:center;min-height:130px;}
.kp-capability-item strong{color:#082849;font-size:1.05rem;font-weight:950;}
.kp-capability-item small{color:#64788e;font-weight:750;margin-top:5px;}
.kp-applications-premium{padding:68px 0 92px;background:linear-gradient(180deg,#f8fbff,#fff);}
.kp-application-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:42px;}
.kp-application-icons div{background:#fff;border:1px solid #e0e9f2;border-radius:16px;min-height:112px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;box-shadow:0 14px 34px rgba(8,35,65,.07);color:#082849;font-weight:900;text-align:center;}
.kp-application-icons i{font-size:1.8rem;color:#e31e24;}
.kp-product-cta-dark{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#06213c,#082f56);color:#fff;border-radius:18px;padding:30px 34px;box-shadow:0 24px 55px rgba(8,35,65,.22);}
.kp-product-cta-dark span{color:#ff4747;text-transform:uppercase;letter-spacing:2px;font-size:.72rem;font-weight:950;}
.kp-product-cta-dark h3{font-size:1.65rem;font-weight:950;margin:5px 0 4px;}
.kp-product-cta-dark p{margin:0;color:rgba(255,255,255,.72);font-weight:650;}
@media(max-width:1199.98px){.kp-capability-box{grid-template-columns:1fr 1fr 1fr}.kp-capability-title{grid-column:1/-1}.kp-application-icons{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991.98px){.kp-bolts-grid{grid-template-columns:1fr}.kp-bolt-card{grid-template-columns:42% 58%}.kp-section-head h2{font-size:2.4rem}.kp-product-cta-dark{flex-direction:column;align-items:flex-start}.kp-capability-box{grid-template-columns:1fr 1fr}.kp-application-icons{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575.98px){.kp-bolts-premium{padding:54px 0}.kp-bolt-card{grid-template-columns:1fr}.kp-bolt-imgbox{border-right:0;border-bottom:1px solid #e7eef5}.kp-bolt-imgbox img{height:245px}.kp-capability-box,.kp-application-icons{grid-template-columns:1fr}.kp-section-head h2{font-size:2rem}.kp-product-cta-dark{padding:25px 22px}}

/* =========================================================
   FINAL FIX: centered homepage headings + improved bolt visuals
   Added after all previous CSS so it overrides older rules.
========================================================= */
#product-range .kp-section-head,
#applications .kp-section-head,
.kp-section-head.text-center{
  text-align:center !important;
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#product-range .kp-title,
#applications .kp-title,
#product-range .kp-section-head h2,
#applications .kp-section-head h2{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#product-range .kp-subtitle,
#applications .kp-subtitle,
#product-range .kp-section-head p,
#applications .kp-section-head p{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  max-width:820px !important;
}

.kp-bolts-premium{
  padding-top:86px !important;
  padding-bottom:72px !important;
  background:linear-gradient(180deg,#f7fbff 0%,#edf4fa 100%) !important;
}
.kp-bolts-premium .kp-section-head{
  max-width:920px !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}
.kp-bolts-premium .kp-section-head h2{
  font-size:clamp(2.2rem,4vw,4.1rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  color:#082849 !important;
  text-align:center !important;
}
.kp-bolts-premium .kp-section-head p{
  max-width:780px !important;
  margin:14px auto 22px !important;
  text-align:center !important;
}
.kp-bolts-grid{
  max-width:1180px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px !important;
}
.kp-bolt-card{
  display:grid !important;
  grid-template-columns:48% 52% !important;
  min-height:306px !important;
  background:#fff !important;
  border:1px solid rgba(8,40,73,.08) !important;
  border-radius:22px !important;
  overflow:hidden !important;
  box-shadow:0 18px 48px rgba(8,35,65,.075) !important;
}
.kp-bolt-imgbox{
  min-height:306px !important;
  padding:18px !important;
  border-right:1px solid #e7eef5 !important;
  background:radial-gradient(circle at 50% 46%,#ffffff 0%,#ffffff 48%,#eef4fa 100%) !important;
}
.kp-bolt-imgbox img{
  width:100% !important;
  height:270px !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:scale(1.12) !important;
  filter:drop-shadow(0 20px 18px rgba(8,35,65,.14)) !important;
}
.kp-bolt-info{
  padding:32px 30px !important;
  justify-content:center !important;
}
.kp-bolt-info h3{
  font-size:1.55rem !important;
  line-height:1.05 !important;
}
.kp-bolt-info p{
  font-size:.98rem !important;
  line-height:1.55 !important;
}
@media(max-width:991.98px){
  .kp-bolts-grid{grid-template-columns:1fr !important;}
  .kp-bolt-card{grid-template-columns:45% 55% !important;}
}
@media(max-width:575.98px){
  .kp-bolt-card{grid-template-columns:1fr !important;}
  .kp-bolt-imgbox{border-right:0 !important;border-bottom:1px solid #e7eef5 !important;}
  .kp-bolt-imgbox img{height:250px !important;transform:scale(1.03) !important;}
}


/* ===== Product pages shared styling update: applies Bolts master layout to all catalogue product pages ===== */
.kp-bolts-premium .kp-bolt-imgbox img{
  height:250px !important;
  transform:none !important;
  object-fit:contain !important;
  max-width:92% !important;
}
.kp-bolts-premium .kp-bolt-card{
  min-height:296px !important;
}
.kp-bolts-premium .kp-bolt-imgbox{
  min-height:296px !important;
}
@media(max-width:575.98px){
  .kp-bolts-premium .kp-bolt-imgbox img{height:235px !important;max-width:94% !important;}
}


/* === Kay Pee catalogue update: product, certification and quality refinements === */
.kp-product-card .kp-card-media{background:#fff;display:flex;align-items:center;justify-content:center;min-height:230px;}
.kp-product-card .kp-card-media img{object-fit:contain!important;width:82%!important;height:190px!important;padding:18px;}
.kp-all-products-section{background:#eef5fb;}
.kp-all-product-card{height:100%;border:1px solid rgba(8,38,70,.08);background:#fff;border-radius:24px;box-shadow:0 18px 45px rgba(8,38,70,.09);overflow:hidden;transition:.25s ease;}
.kp-all-product-card:hover{transform:translateY(-5px);box-shadow:0 25px 60px rgba(8,38,70,.14);}
.kp-all-product-img{display:flex;height:245px;background:linear-gradient(135deg,#f8fbff,#eef5fb);align-items:center;justify-content:center;padding:26px;}
.kp-all-product-img img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.10));}
.kp-all-product-body{padding:26px;}
.kp-all-product-body span{display:inline-block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#e51b23;font-weight:900;margin-bottom:10px;}
.kp-all-product-body h3{font-size:24px;color:#082646;font-weight:900;margin-bottom:10px;}
.kp-all-product-body p{font-size:15px;line-height:1.7;color:#51657a;min-height:76px;}
.kp-all-product-body a{color:#e51b23;font-weight:900;text-decoration:none;}
.kp-cert-download{display:inline-block;margin-top:8px;color:#e51b23;font-size:12px;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;}
.kp-cert-page-section{padding:100px 0;background:linear-gradient(180deg,#f8fbff,#eef5fb);background-image:linear-gradient(rgba(8,38,70,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,38,70,.035) 1px,transparent 1px);background-size:32px 32px;}
.kp-cert-note{font-weight:800;color:#51657a;border-left:4px solid #e51b23;padding-left:15px;margin-top:25px;}
.kp-cert-page-grid.iso-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:26px;}
.kp-cert-main-card{background:#fff;border:1px solid rgba(8,38,70,.10);border-radius:20px;padding:26px;box-shadow:0 16px 40px rgba(8,38,70,.08);text-decoration:none;position:relative;color:#082646;transition:.25s ease;}
.kp-cert-main-card:before{content:"";position:absolute;left:26px;top:0;width:54px;height:4px;background:#e51b23;border-radius:0 0 12px 12px;}
.kp-cert-main-card strong{display:block;font-size:22px;font-weight:900;margin-bottom:8px;}
.kp-cert-main-card span{display:block;color:#51657a;font-weight:800;min-height:44px;}
.kp-cert-main-card em{display:inline-block;margin-top:12px;color:#e51b23;font-style:normal;font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.08em;}
.kp-cert-main-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(8,38,70,.14);}
.kp-approval-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.kp-approval-card{height:128px;border:1px solid rgba(8,38,70,.10);border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 14px 36px rgba(8,38,70,.07);}
.kp-approval-card img{max-width:82%;max-height:88px;object-fit:contain;}
.kp-quality-premium,.kp-quality-equipment{padding:90px 0;background:#eef5fb;}
.kp-quality-equipment{background:#fff;}
.kp-catalogue-image-card{background:#fff;border-radius:24px;padding:16px;border:1px solid rgba(8,38,70,.08);box-shadow:0 25px 65px rgba(8,38,70,.12);}
.kp-catalogue-image-card img{width:100%;border-radius:16px;display:block;}
.kp-quality-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px;}
.kp-quality-check-grid span{background:#fff;border:1px solid rgba(8,38,70,.08);border-radius:14px;padding:13px 15px;font-weight:800;color:#082646;box-shadow:0 10px 25px rgba(8,38,70,.06);}
.kp-quality-check-grid i{color:#e51b23;margin-right:8px;}
.kp-quality-equipment-card{height:100%;background:#f8fbff;border:1px solid rgba(8,38,70,.08);border-radius:20px;padding:28px;box-shadow:0 16px 40px rgba(8,38,70,.08);}
.kp-quality-equipment-card i{font-size:28px;color:#e51b23;margin-bottom:18px;display:block;}
.kp-quality-equipment-card h3{font-size:20px;color:#082646;font-weight:900;margin-bottom:10px;}
.kp-quality-equipment-card p{color:#51657a;line-height:1.7;margin:0;}
@media(max-width:991px){.kp-cert-page-grid.iso-row,.kp-approval-logo-grid{grid-template-columns:1fr 1fr}.kp-quality-check-grid{grid-template-columns:1fr}}
@media(max-width:575px){.kp-cert-page-grid.iso-row,.kp-approval-logo-grid{grid-template-columns:1fr}.kp-all-product-img{height:210px}}
/* ==============================
   QUALITY PAGE IMAGE FIX
   Add at END of style.css
================================= */

.quality-page .quality-catalogue-image,
.quality-page .quality-image-card,
.quality-page .quality-visual,
.quality-page .testing-image-card {
    width: 100%;
    max-width: 620px;
    padding: 22px;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(8, 26, 48, 0.10);
    overflow: visible !important;
}

.quality-page .quality-catalogue-image img,
.quality-page .quality-image-card img,
.quality-page .quality-visual img,
.quality-page .testing-image-card img {
    width: 100%;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block;
    border-radius: 18px;
}

.quality-page .quality-grid,
.quality-page .quality-feature-grid,
.quality-page .testing-grid,
.quality-page .inspection-grid {
    display: grid;
    grid-template-columns: minmax(440px, 620px) 1fr;
    gap: 56px;
    align-items: center;
}

@media (max-width: 991px) {
    .quality-page .quality-grid,
    .quality-page .quality-feature-grid,
    .quality-page .testing-grid,
    .quality-page .inspection-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .quality-page .quality-catalogue-image,
    .quality-page .quality-image-card,
    .quality-page .quality-visual,
    .quality-page .testing-image-card {
        max-width: 100%;
    }
}
/* QUALITY EQUIPMENT IMAGE FIX */
.quality-equipment-card img,
.equipment-card img,
.testing-equipment-card img {
    width: 100% !important;
    height: 230px !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #fff !important;
    padding: 14px !important;
    border-radius: 22px 22px 0 0 !important;
}

.quality-equipment-card,
.equipment-card,
.testing-equipment-card {
    overflow: hidden !important;
}

@media (max-width: 768px) {
    .quality-equipment-card img,
    .equipment-card img,
    .testing-equipment-card img {
        height: 210px !important;
    }
}

/* FINAL QUALITY EQUIPMENT IMAGE PATCH - no crop */
.kp-equipment-pro .kp-equipment-card{overflow:hidden !important;}
.kp-equipment-pro .kp-equipment-card > img{
  width:100% !important;
  height:260px !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#ffffff !important;
  padding:14px !important;
  border-radius:24px 24px 0 0 !important;
}
@media(max-width:991px){.kp-equipment-pro .kp-equipment-card > img{height:245px !important;}}
@media(max-width:575px){.kp-equipment-pro .kp-equipment-card > img{height:225px !important;padding:12px !important;}}


/* =========================================================
   KAY PEE LATEST VERSION: CERTIFICATE LINKS + FLOATING ACTIONS
   ========================================================= */
.kp-cert-pill{
  text-decoration:none !important;
  cursor:pointer;
}
.kp-cert-pill:hover{
  color:#fff !important;
  border-color:rgba(225,38,38,.52) !important;
  box-shadow:0 12px 28px rgba(225,38,38,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
  transform:translateY(-1px);
}
.kp-cert-mini,
.kp-iso-card{
  text-decoration:none !important;
  color:inherit;
  position:relative;
}
.kp-cert-mini em,
.kp-iso-card em{
  display:inline-block;
  margin-top:8px;
  font-size:.72rem;
  font-style:normal;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#e12626;
}
.kp-cert-mini:hover,
.kp-iso-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 38px rgba(17,46,87,.12) !important;
  border-color:rgba(225,38,38,.20) !important;
}
.kp-floating-actions{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:14px;
  align-items:flex-end;
  pointer-events:none;
}
.kp-float-btn{
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:56px;
  border-radius:999px;
  text-decoration:none !important;
  color:#fff !important;
  font-weight:900;
  letter-spacing:-.01em;
  box-shadow:0 18px 38px rgba(0,0,0,.22);
  position:relative;
  overflow:visible;
  transition:transform .25s ease, box-shadow .25s ease;
}
.kp-float-btn:hover{
  transform:translateY(-4px);
  color:#fff !important;
}
.kp-float-btn i{
  font-size:1.28rem;
  line-height:1;
}
.kp-float-catalogue{
  padding:0 20px;
  background:linear-gradient(135deg,#071a2e 0%,#0a345f 56%,#e12626 150%);
  border:1px solid rgba(255,255,255,.18);
}
.kp-float-catalogue::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(225,38,38,.22),rgba(10,52,95,.18));
  filter:blur(10px);
  z-index:-1;
}
.kp-float-whatsapp{
  width:60px;
  height:60px;
  background:#25D366;
  border:1px solid rgba(255,255,255,.22);
}
.kp-float-whatsapp::before,
.kp-float-whatsapp::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:rgba(37,211,102,.36);
  z-index:-1;
  animation:kpWhatsappRipple 2.2s infinite;
}
.kp-float-whatsapp::after{
  animation-delay:.9s;
}
@keyframes kpWhatsappRipple{
  0%{transform:scale(1);opacity:.62;}
  75%{transform:scale(1.75);opacity:0;}
  100%{transform:scale(1.75);opacity:0;}
}
@media(max-width:575.98px){
  .kp-floating-actions{
    right:14px;
    bottom:14px;
    gap:11px;
  }
  .kp-float-catalogue{
    min-height:50px;
    padding:0 15px;
    font-size:.86rem;
  }
  .kp-float-catalogue span{display:none;}
  .kp-float-whatsapp{
    width:54px;
    height:54px;
  }
}


/* =========================================================
   CONTACT PAGE MAP + FORMSUBMIT RFQ FINAL PATCH
   ========================================================= */
.kp-contact-premium-page{
  background:linear-gradient(180deg,#eef5fb 0%,#ffffff 58%,#f7fafc 100%);
  padding:82px 0 88px;
}
.kp-contact-premium-page .kp-contact-box a{color:#082b50;font-weight:800;word-break:break-word;}
.kp-map-rfq-shell{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:28px;
  align-items:stretch;
}
.kp-contact-map-card,
.kp-contact-form-card{
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(7,39,74,.08);
  box-shadow:0 24px 70px rgba(7,39,74,.10);
  overflow:hidden;
}
.kp-map-heading{padding:30px 32px 18px;}
.kp-map-heading h2,
.kp-contact-form-card h2{
  margin:0 0 10px;
  color:#082b50;
  font-weight:900;
  letter-spacing:-.04em;
  line-height:1.05;
  font-size:clamp(1.7rem,2.3vw,2.7rem);
}
.kp-map-heading p,
.kp-contact-form-card p{margin:0;color:#5d7087;font-weight:650;line-height:1.7;}
.kp-map-wrapper{height:460px;background:#eaf1f7;}
.kp-map-wrapper iframe{width:100%;height:100%;display:block;filter:saturate(1.05) contrast(1.02);}
.kp-contact-form-card{padding:34px 34px 36px;position:relative;overflow:hidden;}
.kp-contact-form-card::before{
  content:"";position:absolute;top:0;left:34px;width:70px;height:4px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#e12626,#ff6b6b);
}
.kp-contact-form{margin-top:24px;position:relative;z-index:2;}
.kp-contact-form .kp-form-control{
  width:100%;min-height:54px;border:1px solid rgba(7,39,74,.12);border-radius:16px;background:#f7fafc;color:#082b50;font-weight:700;padding:13px 16px;outline:none;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.kp-contact-form textarea.kp-form-control{resize:vertical;min-height:138px;}
.kp-contact-form .kp-form-control:focus{background:#fff;border-color:rgba(225,38,38,.45);box-shadow:0 0 0 4px rgba(225,38,38,.08);}
.kp-contact-form .kp-btn{min-width:165px;}
@media(max-width:991.98px){
  .kp-map-rfq-shell{grid-template-columns:1fr;}
  .kp-map-wrapper{height:380px;}
  .kp-contact-form-card{padding:28px 22px;}
}
@media(max-width:575.98px){
  .kp-contact-premium-page{padding:60px 0 70px;}
  .kp-map-heading{padding:24px 22px 14px;}
  .kp-map-wrapper{height:330px;}
}

/* stronger floating quick actions */
.kp-floating-actions{right:24px!important;bottom:24px!important;gap:14px!important;}
.kp-float-catalogue{min-height:58px!important;padding:0 22px!important;background:linear-gradient(135deg,#06172a 0%,#0a345f 55%,#e12626 150%)!important;box-shadow:0 18px 42px rgba(5,27,50,.30)!important;}
.kp-float-whatsapp{box-shadow:0 16px 36px rgba(37,211,102,.28)!important;}
@media(max-width:575.98px){.kp-floating-actions{right:14px!important;bottom:14px!important}.kp-float-catalogue{min-height:52px!important;padding:0 16px!important}}

/* =========================================================
   HOME PRODUCT RANGE IMAGE COVER FIX
   Makes grouped category images fill the complete product canvas.
   Added after all earlier product-card CSS so it overrides contain/82% rules.
   ========================================================= */
#product-range .kp-product-card .kp-card-media{
  height: 300px !important;
  min-height: 300px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #eef3f8 !important;
  display: block !important;
  position: relative !important;
}

#product-range .kp-product-card .kp-card-media img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  filter: none !important;
}

#product-range .kp-product-card:hover .kp-card-media img{
  transform: scale(1.04) !important;
}

@media (max-width: 1199.98px){
  #product-range .kp-product-card .kp-card-media{height: 270px !important;min-height:270px !important;}
}
@media (max-width: 575.98px){
  #product-range .kp-product-card .kp-card-media{height: 230px !important;min-height:230px !important;}
}


/* =========================================================
   PRODUCT PAGE IMAGE ENLARGE + LIGHTBOX FIX
   Applied to Bolts, Studs, Nuts, Washers and Special Fasteners pages.
   Keeps product images larger inside cards and adds a stylish enlarge action.
========================================================= */
.kp-bolts-premium .kp-bolt-card{
  grid-template-columns:54% 46% !important;
  min-height:360px !important;
}
.kp-bolts-premium .kp-bolt-imgbox{
  position:relative !important;
  min-height:360px !important;
  padding:14px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 48%, #ffffff 0%, #ffffff 50%, #eaf2f9 100%) !important;
}
.kp-bolts-premium .kp-bolt-imgbox img{
  width:100% !important;
  height:330px !important;
  max-width:100% !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:scale(1.24) !important;
  transform-origin:center center !important;
  filter:drop-shadow(0 22px 22px rgba(8,35,65,.16)) !important;
  cursor:zoom-in !important;
  transition:transform .35s ease, filter .35s ease !important;
}
.kp-bolts-premium .kp-bolt-card:hover .kp-bolt-imgbox img{
  transform:scale(1.32) !important;
  filter:drop-shadow(0 26px 26px rgba(8,35,65,.20)) !important;
}
.kp-product-enlarge-btn{
  position:absolute;
  right:16px;
  bottom:16px;
  z-index:5;
  border:0;
  outline:0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#06213c,#0b3b69);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:0 14px 28px rgba(6,33,60,.22);
  cursor:pointer;
  opacity:.96;
  transition:transform .24s ease, box-shadow .24s ease, background .24s ease;
}
.kp-product-enlarge-btn i{font-size:1rem;color:#ff4b4b;line-height:1;}
.kp-product-enlarge-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(6,33,60,.28);
  background:linear-gradient(135deg,#0b2c4d,#e12626);
}
.kp-product-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(3,11,20,.92);
  backdrop-filter:blur(10px);
  padding:34px;
}
.kp-product-lightbox.is-open{display:flex;}
.kp-product-lightbox-inner{
  position:relative;
  width:min(1120px,94vw);
  height:min(760px,86vh);
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff,#f5f8fb);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 34px 90px rgba(0,0,0,.38);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.kp-product-lightbox-inner:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 46%,#fff 0%,#fff 46%,#eef4fa 100%),
    linear-gradient(90deg, rgba(8,40,73,.04) 1px, transparent 1px),
    linear-gradient(rgba(8,40,73,.04) 1px, transparent 1px);
  background-size:auto,34px 34px,34px 34px;
  pointer-events:none;
}
.kp-product-lightbox-img{
  position:relative;
  z-index:2;
  max-width:88%;
  max-height:78%;
  object-fit:contain;
  filter:drop-shadow(0 28px 32px rgba(8,35,65,.18));
}
.kp-product-lightbox-title{
  position:absolute;
  left:26px;
  bottom:22px;
  z-index:3;
  padding:12px 18px;
  border-radius:999px;
  background:rgba(6,33,60,.92);
  color:#fff;
  font-weight:900;
  box-shadow:0 14px 28px rgba(6,33,60,.22);
}
.kp-product-lightbox-count{
  position:absolute;
  right:26px;
  bottom:22px;
  z-index:3;
  color:#63758b;
  background:rgba(255,255,255,.86);
  border:1px solid #dfe8f0;
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
}
.kp-product-lightbox-close,
.kp-product-lightbox-prev,
.kp-product-lightbox-next{
  position:absolute;
  z-index:4;
  border:0;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#fff;
  background:rgba(6,33,60,.92);
  box-shadow:0 14px 30px rgba(0,0,0,.24);
  transition:transform .22s ease, background .22s ease;
}
.kp-product-lightbox-close{top:22px;right:22px;width:48px;height:48px;border-radius:50%;font-size:1.35rem;}
.kp-product-lightbox-prev,.kp-product-lightbox-next{top:50%;width:54px;height:54px;border-radius:50%;font-size:1.55rem;transform:translateY(-50%);}
.kp-product-lightbox-prev{left:22px;}
.kp-product-lightbox-next{right:22px;}
.kp-product-lightbox-close:hover,
.kp-product-lightbox-prev:hover,
.kp-product-lightbox-next:hover{background:#e12626;}
.kp-product-lightbox-prev:hover{transform:translateY(-50%) translateX(-2px);}
.kp-product-lightbox-next:hover{transform:translateY(-50%) translateX(2px);}
@media(max-width:991.98px){
  .kp-bolts-premium .kp-bolt-card{grid-template-columns:52% 48% !important;min-height:330px !important;}
  .kp-bolts-premium .kp-bolt-imgbox{min-height:330px !important;}
  .kp-bolts-premium .kp-bolt-imgbox img{height:300px !important;transform:scale(1.18) !important;}
  .kp-bolts-premium .kp-bolt-card:hover .kp-bolt-imgbox img{transform:scale(1.23) !important;}
}
@media(max-width:575.98px){
  .kp-bolts-premium .kp-bolt-card{grid-template-columns:1fr !important;}
  .kp-bolts-premium .kp-bolt-imgbox{min-height:320px !important;border-right:0 !important;border-bottom:1px solid #e7eef5 !important;}
  .kp-bolts-premium .kp-bolt-imgbox img{height:285px !important;transform:scale(1.12) !important;}
  .kp-bolts-premium .kp-bolt-card:hover .kp-bolt-imgbox img{transform:scale(1.16) !important;}
  .kp-product-enlarge-btn{right:12px;bottom:12px;min-height:38px;padding:9px 12px;font-size:.74rem;}
  .kp-product-lightbox{padding:14px;}
  .kp-product-lightbox-inner{height:78vh;border-radius:20px;}
  .kp-product-lightbox-img{max-width:90%;max-height:70%;}
  .kp-product-lightbox-prev,.kp-product-lightbox-next{width:44px;height:44px;font-size:1.2rem;}
  .kp-product-lightbox-prev{left:10px;}.kp-product-lightbox-next{right:10px;}
  .kp-product-lightbox-close{top:12px;right:12px;width:42px;height:42px;}
  .kp-product-lightbox-title{left:14px;bottom:14px;max-width:calc(100% - 110px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .kp-product-lightbox-count{right:14px;bottom:14px;}
}
/* =========================================
   PRODUCT PAGE IMAGE NO-CUT FIX
   Add at very end of style.css
========================================= */

.kp-product-showcase-card,
.kp-bolt-card,
.kp-product-list-card,
.kp-product-item {
  overflow: visible !important;
}

.kp-product-showcase-card .kp-product-image,
.kp-bolt-card .kp-product-image,
.kp-product-card-image,
.kp-product-visual,
.kp-product-media,
.kp-card-media {
  min-height: 330px !important;
  height: 330px !important;
  padding: 26px !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.kp-product-showcase-card .kp-product-image img,
.kp-bolt-card .kp-product-image img,
.kp-product-card-image img,
.kp-product-visual img,
.kp-product-media img,
.kp-card-media img {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  max-width: 92% !important;
  max-height: 92% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  transform: none !important;
}

/* Remove hover zoom cutting issue */
.kp-product-showcase-card:hover img,
.kp-bolt-card:hover img,
.kp-product-card:hover img,
.kp-product-list-card:hover img {
  transform: none !important;
}

/* Enlarge button stays visible */
.kp-enlarge-btn,
.product-enlarge-btn,
.kp-lightbox-trigger {
  position: absolute !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 10 !important;
}

/* For very tall images like U-bolt / carriage bolt */
.kp-product-image img[src*="u-bolt"],
.kp-product-image img[src*="carriage"],
.kp-product-image img[src*="hammer"],
.kp-product-image img[src*="anchor"],
.kp-product-image img[src*="tower"] {
  max-height: 86% !important;
}

/* For wide products */
.kp-product-image img[src*="hex"],
.kp-product-image img[src*="sleeper"],
.kp-product-image img[src*="stud"],
.kp-product-image img[src*="washer"] {
  max-width: 88% !important;
}

/* Mobile */
@media (max-width: 768px) {
  .kp-product-showcase-card .kp-product-image,
  .kp-bolt-card .kp-product-image,
  .kp-product-card-image,
  .kp-product-visual,
  .kp-product-media,
  .kp-card-media {
    min-height: 260px !important;
    height: 260px !important;
    padding: 20px !important;
  }

  .kp-product-showcase-card .kp-product-image img,
  .kp-bolt-card .kp-product-image img,
  .kp-product-card-image img,
  .kp-product-visual img,
  .kp-product-media img,
  .kp-card-media img {
    max-width: 90% !important;
    max-height: 90% !important;
  }
}

/* =========================================================
   HOME PRODUCT CARDS - ENLARGE LENS + LIGHTBOX
   Final patch: makes all 5 home product images clickable.
   ========================================================= */
#product-range .kp-home-enlarge-card{
  cursor: zoom-in !important;
  position: relative !important;
}
#product-range .kp-home-enlarge-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at center, rgba(17,46,87,.08), rgba(17,46,87,.18));
  opacity:0;
  transition:opacity .28s ease;
  z-index:4;
  pointer-events:none;
}
#product-range .kp-home-lens{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(.88);
  z-index:6;
  min-width:118px;
  min-height:46px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#071f38 0%,#0e3a62 100%);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:800;
  font-size:14px;
  line-height:1;
  opacity:0;
  box-shadow:0 18px 35px rgba(7,31,56,.28);
  transition:opacity .25s ease, transform .25s ease, background .25s ease;
  cursor:zoom-in;
}
#product-range .kp-home-lens i{font-size:17px;line-height:1;}
#product-range .kp-home-enlarge-card:hover::after{opacity:1;}
#product-range .kp-home-enlarge-card:hover .kp-home-lens,
#product-range .kp-home-enlarge-card:focus-within .kp-home-lens{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}
#product-range .kp-home-lens:hover{
  background:linear-gradient(135deg,#d62929 0%,#a61d1d 100%);
}

.kp-home-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:34px 88px;
  background:rgba(3,10,18,.88);
  backdrop-filter:blur(10px);
}
.kp-home-lightbox.is-open{display:flex;}
.kp-home-lightbox-stage{
  margin:0;
  width:min(1050px, 100%);
  max-height:88vh;
  border-radius:26px;
  background:#fff;
  box-shadow:0 35px 90px rgba(0,0,0,.45);
  overflow:hidden;
  position:relative;
}
.kp-home-lightbox-stage img{
  width:100%;
  height:auto;
  max-height:78vh;
  object-fit:contain;
  display:block;
  background:#fff;
}
.kp-home-lightbox-stage figcaption{
  padding:14px 22px;
  background:linear-gradient(90deg,#071f38 0%,#0e3a62 100%);
  color:#fff;
  font-weight:800;
  letter-spacing:.02em;
}
.kp-home-lightbox-close,
.kp-home-lightbox-nav{
  border:0;
  color:#fff;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .24s ease, transform .24s ease;
}
.kp-home-lightbox-close{
  position:absolute;
  right:24px;
  top:22px;
  width:46px;
  height:46px;
  border-radius:50%;
  z-index:3;
}
.kp-home-lightbox-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:56px;
  height:56px;
  border-radius:50%;
  z-index:3;
  font-size:24px;
}
.kp-home-lightbox-prev{left:24px;}
.kp-home-lightbox-next{right:24px;}
.kp-home-lightbox-close:hover,
.kp-home-lightbox-nav:hover{
  background:#d62929;
  transform:translateY(-50%) scale(1.05);
}
.kp-home-lightbox-close:hover{transform:scale(1.05);}

@media (max-width: 767.98px){
  .kp-home-lightbox{padding:20px 16px;}
  .kp-home-lightbox-nav{width:44px;height:44px;font-size:18px;top:auto;bottom:20px;transform:none;}
  .kp-home-lightbox-prev{left:20px;}
  .kp-home-lightbox-next{right:20px;}
  .kp-home-lightbox-close{right:16px;top:14px;}
  #product-range .kp-home-lens{opacity:1;transform:translate(-50%,-50%) scale(.95);}
}

/* =========================================================
   MOBILE PRODUCTS SUBMENU FIX - FINAL
   Keeps Products submenu closed until tapped on mobile.
   ========================================================= */
@media (max-width: 1199.98px){
  .kp-nav-dropdown > .dropdown-menu{
    display: none !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 8px 0 6px !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    box-shadow: none !important;
    border: 1px solid rgba(17,46,87,.08) !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    padding: 10px !important;
  }

  .kp-nav-dropdown.show > .dropdown-menu{
    display: block !important;
  }

  .kp-nav-dropdown.show .kp-nav-arrow{
    transform: rotate(225deg) !important;
    top: 2px !important;
    border-color: #e12626 !important;
  }

  .kp-mega-submenu .dropdown-item{
    min-height: 42px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
  }
}


/* Final product-image visibility fix: keep the existing card layout, but prevent enlarged product photos from being cropped/cut off. */
.kp-bolts-premium .kp-bolt-imgbox{
  overflow: visible !important;
  padding: 18px 24px !important;
}
.kp-bolts-premium .kp-bolt-imgbox img{
  width: auto !important;
  max-width: 92% !important;
  max-height: 285px !important;
  height: auto !important;
  object-fit: contain !important;
  transform: none !important;
}
.kp-bolts-premium .kp-bolt-card:hover .kp-bolt-imgbox img{
  transform: scale(1.03) !important;
}
@media (min-width: 992px){
  .kp-bolts-premium .kp-bolt-imgbox{min-height: 330px !important;}
  .kp-bolts-premium .kp-bolt-imgbox img{max-height: 292px !important;}
}
@media (max-width: 575.98px){
  .kp-bolts-premium .kp-bolt-imgbox img{max-width: 90% !important;max-height: 260px !important;}
}

/* =========================================================
   MOBILE HEADER & MENU POLISH - JULY 2026
   Mobile only: cleaner topbar, fixed logo, premium off-canvas menu.
   Desktop remains unchanged.
   ========================================================= */
@media (max-width:1199.98px){
  body.kp-mobile-menu-open{overflow:hidden;}

  /* Mobile topbar: remove Since 1962, ISO cards and social icons */
  .kp-topbar{padding:7px 0 !important;}
  .kp-topbar-shell{display:flex !important;justify-content:center !important;align-items:center !important;min-height:auto !important;}
  .kp-topbar-left{width:100% !important;justify-content:center !important;gap:0 !important;font-size:.83rem !important;}
  .kp-topbar-left span:first-child,
  .kp-topbar-right,
  .kp-topbar-certs,
  .kp-topbar-social{display:none !important;}
  .kp-topbar-left span{padding:0 !important;color:#fff !important;white-space:nowrap !important;}
  .kp-topbar-left i{width:21px !important;height:21px !important;min-width:21px !important;font-size:11px !important;}

  /* Mobile header: logo fixed in its own place, menu slides separately */
  .kp-header{position:sticky !important;top:0 !important;z-index:1070 !important;background:#fff !important;overflow:visible !important;}
  .kp-header .navbar{min-height:94px !important;padding:10px 0 !important;}
  .kp-header .container{position:relative !important;display:flex !important;align-items:center !important;justify-content:space-between !important;}
  .kp-brand{position:relative !important;z-index:1042 !important;margin:0 !important;flex:0 0 auto !important;}
  .kp-logo,
  .kp-header.scrolled .kp-logo,
  .kp-header.kp-scrolled .kp-logo{
    height:76px !important;
    max-height:76px !important;
    width:auto !important;
    object-fit:contain !important;
    object-position:left center !important;
    display:block !important;
  }

  .navbar-toggler{
    position:relative !important;
    z-index:1062 !important;
    width:54px !important;
    height:54px !important;
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid rgba(13,39,64,.10) !important;
    box-shadow:0 12px 28px rgba(13,39,64,.10) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
  }
  .navbar-toggler-icon{width:24px !important;height:18px !important;background-image:none !important;position:relative !important;display:block !important;}
  .navbar-toggler-icon::before,
  .navbar-toggler-icon::after,
  .navbar-toggler-icon{
    border-top:3px solid #0d2740 !important;
    border-radius:4px !important;
  }
  .navbar-toggler-icon::before,
  .navbar-toggler-icon::after{content:"";position:absolute;left:0;width:24px;}
  .navbar-toggler-icon::before{top:5px;}
  .navbar-toggler-icon::after{top:13px;}
  body.kp-mobile-menu-open .navbar-toggler{background:#d62929 !important;border-color:#d62929 !important;box-shadow:0 16px 32px rgba(214,41,41,.30) !important;}
  body.kp-mobile-menu-open .navbar-toggler-icon{border-top-color:transparent !important;}
  body.kp-mobile-menu-open .navbar-toggler-icon::before{top:8px;transform:rotate(45deg);border-top-color:#fff !important;}
  body.kp-mobile-menu-open .navbar-toggler-icon::after{top:8px;transform:rotate(-45deg);border-top-color:#fff !important;}

  .kp-mobile-nav-backdrop{
    position:fixed;
    inset:0;
    background:rgba(2,10,18,.72);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    z-index:1045;
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease, visibility .25s ease;
  }
  body.kp-mobile-menu-open .kp-mobile-nav-backdrop{opacity:1;visibility:visible;}


  .kp-header .navbar-collapse,
  .kp-header .navbar-collapse *{
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .kp-header .navbar-collapse{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:min(86vw,390px) !important;
    height:100vh !important;
    display:block !important;
    overflow-y:auto !important;
    margin:0 !important;
    padding:116px 22px 28px !important;
    border-radius:30px 0 0 30px !important;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
    box-shadow:-22px 0 60px rgba(4,18,32,.22) !important;
    z-index:1050 !important;
    transform:translateX(105%) !important;
    visibility:hidden !important;
    transition:transform .33s cubic-bezier(.22,.9,.2,1), visibility .33s ease !important;
  }
  .kp-header .navbar-collapse.show,
  .kp-header .navbar-collapse.collapsing{
    transform:translateX(0) !important;
    visibility:visible !important;
  }
  .kp-header .navbar-collapse::before{
    content:"Menu";
    position:absolute;
    top:38px;
    left:24px;
    color:#0d2740;
    font-size:1.4rem;
    font-weight:900;
    letter-spacing:-.02em;
  }
  .kp-header .navbar-collapse::after{
    content:"Kay Pee Industries";
    position:absolute;
    top:68px;
    left:24px;
    color:#607086;
    font-size:.83rem;
    font-weight:700;
  }

  .kp-header .navbar-nav{align-items:stretch !important;width:100% !important;margin:0 !important;padding:0 !important;gap:0 !important;}
  .kp-header .nav-item{width:100% !important;}
  .kp-header .navbar-nav .nav-link{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    padding:16px 4px !important;
    border-bottom:1px solid rgba(13,39,64,.09) !important;
    color:#0d2740 !important;
    font-size:1.02rem !important;
    font-weight:850 !important;
    line-height:1.25 !important;
  }
  .kp-header .navbar-nav .nav-link:hover{color:#d62929 !important;}
  .kp-header .navbar-nav .nav-link::after{
    content:"›";
    color:#d62929;
    font-size:1.45rem;
    line-height:1;
    font-weight:700;
    opacity:.9;
  }
  .kp-header .kp-nav-dropdown .kp-nav-link::after{content:"⌄";font-size:1.2rem;transition:transform .2s ease;}
  .kp-header .kp-nav-dropdown.show .kp-nav-link::after{transform:rotate(180deg);}
  .kp-header .kp-nav-arrow{display:none !important;}

  .kp-header .dropdown-menu,
  .kp-header .kp-mega-submenu{
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    transform:none !important;
    margin:0 !important;
    padding:7px 0 10px 12px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    display:none !important;
  }
  .kp-header .kp-nav-dropdown.show .dropdown-menu{display:block !important;}
  .kp-header .dropdown-item{
    padding:10px 8px 10px 18px !important;
    border-left:2px solid rgba(214,41,41,.18) !important;
    color:#405066 !important;
    font-size:.92rem !important;
    font-weight:750 !important;
    border-radius:0 12px 12px 0 !important;
  }
  .kp-header .dropdown-item:hover{background:rgba(214,41,41,.07) !important;color:#d62929 !important;}

  .kp-header-cta{width:100% !important;margin:26px 0 0 !important;}
  .kp-header-cta .kp-btn{
    width:100% !important;
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:18px !important;
    font-size:1rem !important;
    box-shadow:0 16px 34px rgba(214,41,41,.28) !important;
  }
}

@media (max-width:575.98px){
  .kp-header .navbar{min-height:88px !important;}
  .kp-logo,
  .kp-header.scrolled .kp-logo,
  .kp-header.kp-scrolled .kp-logo{height:70px !important;max-height:70px !important;}
  .navbar-toggler{width:50px !important;height:50px !important;border-radius:16px !important;}
  .kp-header .navbar-collapse{width:88vw !important;border-radius:26px 0 0 26px !important;padding-top:108px !important;}
}

/* =========================================================
   FINAL MOBILE OFFCANVAS MENU - CLEAR PREMIUM PANEL
   Fixes dim/blurred panel by putting the menu above overlay.
   ========================================================= */
.kp-menu-icon{display:none;}
@media (max-width:1199.98px){
  html body.kp-mobile-menu-open{overflow:hidden!important;}
  html body.kp-mobile-menu-open .kp-mobile-nav-backdrop,
  .kp-mobile-nav-backdrop{
    position:fixed!important;
    inset:0!important;
    background:rgba(0,0,0,.72)!important;
    opacity:0!important;
    visibility:hidden!important;
    z-index:9000!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:opacity .25s ease, visibility .25s ease!important;
  }
  html body.kp-mobile-menu-open .kp-mobile-nav-backdrop{opacity:1!important;visibility:visible!important;}
  .kp-header{z-index:9500!important;overflow:visible!important;isolation:isolate!important;background:#fff!important;}
  .kp-header .navbar{position:relative!important;z-index:9501!important;background:#fff!important;}
  .kp-brand{z-index:9502!important;}

  .kp-header .navbar-collapse,
  .kp-header .navbar-collapse.show,
  .kp-header .navbar-collapse.collapsing{
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    bottom:auto!important;
    width:min(70vw,390px)!important;
    min-width:300px!important;
    height:100dvh!important;
    overflow-y:auto!important;
    margin:0!important;
    padding:185px 38px 34px!important;
    border-radius:30px 0 0 30px!important;
    background:#fff!important;
    background-image:linear-gradient(180deg,#fff 0%,#fff 70%,#fbfdff 100%)!important;
    box-shadow:-22px 0 70px rgba(0,0,0,.28)!important;
    z-index:10000!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:translateX(108%)!important;
    visibility:hidden!important;
    transition:transform .34s cubic-bezier(.22,.9,.2,1), visibility .34s ease!important;
  }
  .kp-header .navbar-collapse.show,
  .kp-header .navbar-collapse.collapsing{
    transform:translateX(0)!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .kp-header .navbar-collapse::before{
    content:""!important;
    position:absolute!important;
    top:46px!important;
    left:38px!important;
    width:170px!important;
    height:88px!important;
    background:url('../images/logo.webp') no-repeat left top/contain!important;
  }
  .kp-header .navbar-collapse::after{content:none!important;display:none!important;}

  body.kp-mobile-menu-open .navbar-toggler{
    position:fixed!important;
    top:46px!important;
    right:38px!important;
    z-index:10020!important;
    width:52px!important;
    height:52px!important;
    border-radius:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.kp-mobile-menu-open .navbar-toggler-icon{border-top-color:transparent!important;width:34px!important;height:34px!important;}
  body.kp-mobile-menu-open .navbar-toggler-icon::before,
  body.kp-mobile-menu-open .navbar-toggler-icon::after{
    width:34px!important;
    border-top:3px solid #0d2740!important;
    left:0!important;
    top:16px!important;
    border-radius:4px!important;
  }
  body.kp-mobile-menu-open .navbar-toggler-icon::before{transform:rotate(45deg)!important;}
  body.kp-mobile-menu-open .navbar-toggler-icon::after{transform:rotate(-45deg)!important;}

  .kp-header .navbar-nav{width:100%!important;margin:0!important;padding:0!important;gap:0!important;align-items:stretch!important;}
  .kp-header .navbar-nav .nav-item{width:100%!important;margin:0!important;}
  .kp-header .navbar-nav .nav-link{
    position:relative!important;
    display:grid!important;
    grid-template-columns:54px 1fr 24px!important;
    align-items:center!important;
    min-height:84px!important;
    padding:0!important;
    border-bottom:1px solid rgba(13,39,64,.10)!important;
    color:#0d2740!important;
    font-size:1.36rem!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
    line-height:1.15!important;
    text-decoration:none!important;
    background:transparent!important;
    text-shadow:none!important;
  }
  .kp-header .navbar-nav .nav-link::after{
    content:"›"!important;
    grid-column:3!important;
    justify-self:end!important;
    color:#0d2740!important;
    font-size:2rem!important;
    font-weight:300!important;
    line-height:1!important;
    opacity:1!important;
  }
  .kp-header .kp-nav-dropdown .kp-nav-link::after{content:"⌄"!important;font-size:1.7rem!important;font-weight:500!important;transition:transform .2s ease!important;}
  .kp-header .kp-nav-dropdown.show .kp-nav-link::after{transform:rotate(180deg)!important;}
  .kp-menu-icon{display:flex!important;align-items:center!important;justify-content:flex-start!important;color:#e12626!important;font-size:2rem!important;line-height:1!important;grid-column:1!important;}
  .kp-menu-text{grid-column:2!important;display:block!important;}
  .kp-header .kp-nav-arrow{display:none!important;}

  .kp-header .dropdown-menu,
  .kp-header .kp-mega-submenu{
    position:static!important;display:none!important;width:100%!important;min-width:0!important;margin:0!important;padding:10px 0 12px 54px!important;border:0!important;border-bottom:1px solid rgba(13,39,64,.10)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;
  }
  .kp-header .kp-nav-dropdown.show .dropdown-menu{display:block!important;}
  .kp-header .dropdown-item{padding:11px 14px!important;color:#405066!important;font-size:1rem!important;font-weight:750!important;border-left:2px solid rgba(225,38,38,.18)!important;border-radius:0 12px 12px 0!important;}
  .kp-header .dropdown-item:hover{background:rgba(225,38,38,.07)!important;color:#e12626!important;}

  .kp-header-cta{width:100%!important;margin:32px 0 0!important;}
  .kp-header-cta .kp-btn{
    width:100%!important;min-height:72px!important;border-radius:16px!important;display:flex!important;gap:14px!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#ef1717 0%,#d60000 100%)!important;color:#fff!important;font-size:1.32rem!important;font-weight:850!important;box-shadow:0 20px 38px rgba(214,0,0,.22)!important;border:0!important;text-shadow:none!important;
  }
  .kp-header-cta .kp-btn i{font-size:1.45rem!important;}
}
@media (max-width:575.98px){
  .kp-header .navbar-collapse,
  .kp-header .navbar-collapse.show,
  .kp-header .navbar-collapse.collapsing{
    width:76vw!important;
    min-width:286px!important;
    padding:150px 30px 28px!important;
    border-radius:24px 0 0 24px!important;
  }
  .kp-header .navbar-collapse::before{top:38px!important;left:30px!important;width:142px!important;height:78px!important;}
  body.kp-mobile-menu-open .navbar-toggler{top:38px!important;right:28px!important;}
  .kp-header .navbar-nav .nav-link{min-height:62px!important;font-size:1.02rem!important;grid-template-columns:42px 1fr 20px!important;}
  .kp-menu-icon{font-size:1.45rem!important;}
  .kp-header .navbar-nav .nav-link::after{font-size:1.45rem!important;}
  .kp-header-cta .kp-btn{min-height:56px!important;font-size:1rem!important;border-radius:15px!important;}
}

/* =========================================================
   EMERGENCY FINAL FIX: Mobile menu must be clear white panel
   above dim backdrop. No blur/filter on the menu itself.
   ========================================================= */
@media (max-width:1199.98px){
  html, body{overflow-x:hidden!important;}
  body.kp-mobile-menu-open{overflow:hidden!important;}

  body .kp-mobile-nav-backdrop{
    position:fixed!important;
    inset:0!important;
    background:rgba(0,0,0,.70)!important;
    opacity:0!important;
    visibility:hidden!important;
    z-index:1000!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none!important;
  }
  body.kp-mobile-menu-open .kp-mobile-nav-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.kp-mobile-menu-open .kp-header,
  .kp-header{
    z-index:200000!important;
    isolation:auto!important;
    transform:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.kp-mobile-menu-open #kpNav,
  body #kpNav.navbar-collapse.show,
  body #kpNav.navbar-collapse.collapsing,
  .kp-header #kpNav.navbar-collapse.show,
  .kp-header #kpNav.navbar-collapse.collapsing{
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    bottom:auto!important;
    display:block!important;
    width:min(70vw,390px)!important;
    min-width:300px!important;
    max-width:390px!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100vh!important;
    margin:0!important;
    padding:185px 38px 36px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#ffffff!important;
    background-image:linear-gradient(180deg,#ffffff 0%,#ffffff 78%,#fbfdff 100%)!important;
    border:0!important;
    border-radius:30px 0 0 30px!important;
    box-shadow:-24px 0 70px rgba(0,0,0,.34)!important;
    z-index:2147483000!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(0)!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    color:#0d2740!important;
  }

  body:not(.kp-mobile-menu-open) #kpNav.navbar-collapse:not(.show){
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    width:min(70vw,390px)!important;
    min-width:300px!important;
    height:100dvh!important;
    transform:translateX(110%)!important;
    visibility:hidden!important;
    opacity:1!important;
  }

  body.kp-mobile-menu-open #kpNav::before,
  body #kpNav.show::before{
    content:""!important;
    position:absolute!important;
    top:45px!important;
    left:38px!important;
    width:172px!important;
    height:92px!important;
    background:url('../images/logo.webp') no-repeat left top/contain!important;
    z-index:1!important;
  }
  body.kp-mobile-menu-open #kpNav::after,
  body #kpNav.show::after{content:none!important;display:none!important;}

  body.kp-mobile-menu-open .navbar-toggler{
    position:fixed!important;
    top:46px!important;
    right:38px!important;
    z-index:2147483100!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.kp-mobile-menu-open .navbar-toggler-icon{border-top-color:transparent!important;background-image:none!important;}
  body.kp-mobile-menu-open .navbar-toggler-icon::before,
  body.kp-mobile-menu-open .navbar-toggler-icon::after{
    border-top:3px solid #0d2740!important;
    width:34px!important;
    top:16px!important;
    left:0!important;
  }
  body.kp-mobile-menu-open .navbar-toggler-icon::before{transform:rotate(45deg)!important;}
  body.kp-mobile-menu-open .navbar-toggler-icon::after{transform:rotate(-45deg)!important;}

  body.kp-mobile-menu-open #kpNav .navbar-nav,
  body #kpNav.show .navbar-nav{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    align-items:stretch!important;
  }
  body.kp-mobile-menu-open #kpNav .nav-link,
  body #kpNav.show .nav-link{
    display:grid!important;
    grid-template-columns:54px 1fr 24px!important;
    align-items:center!important;
    min-height:82px!important;
    padding:0!important;
    border-bottom:1px solid rgba(13,39,64,.10)!important;
    background:transparent!important;
    color:#0d2740!important;
    font-size:1.34rem!important;
    font-weight:850!important;
    line-height:1.15!important;
    text-shadow:none!important;
    opacity:1!important;
  }
  body.kp-mobile-menu-open #kpNav .kp-menu-icon,
  body #kpNav.show .kp-menu-icon{
    display:flex!important;
    grid-column:1!important;
    color:#e12626!important;
    font-size:2rem!important;
    align-items:center!important;
    justify-content:flex-start!important;
    opacity:1!important;
  }
  body.kp-mobile-menu-open #kpNav .kp-menu-text,
  body #kpNav.show .kp-menu-text{grid-column:2!important;color:#0d2740!important;opacity:1!important;}
  body.kp-mobile-menu-open #kpNav .nav-link::after,
  body #kpNav.show .nav-link::after{
    content:"›"!important;
    grid-column:3!important;
    justify-self:end!important;
    color:#0d2740!important;
    font-size:2rem!important;
    font-weight:300!important;
    opacity:1!important;
  }
  body.kp-mobile-menu-open #kpNav .kp-nav-dropdown .kp-nav-link::after,
  body #kpNav.show .kp-nav-dropdown .kp-nav-link::after{content:"⌄"!important;font-size:1.7rem!important;font-weight:500!important;}

  body.kp-mobile-menu-open #kpNav .kp-header-cta,
  body #kpNav.show .kp-header-cta{width:100%!important;margin:32px 0 0!important;}
  body.kp-mobile-menu-open #kpNav .kp-header-cta .kp-btn,
  body #kpNav.show .kp-header-cta .kp-btn{
    width:100%!important;
    min-height:72px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#ef1717 0%,#d60000 100%)!important;
    color:#fff!important;
    font-size:1.32rem!important;
    font-weight:850!important;
    box-shadow:0 20px 38px rgba(214,0,0,.22)!important;
    opacity:1!important;
  }
}

@media (max-width:575.98px){
  body.kp-mobile-menu-open #kpNav,
  body #kpNav.navbar-collapse.show,
  body #kpNav.navbar-collapse.collapsing,
  .kp-header #kpNav.navbar-collapse.show,
  .kp-header #kpNav.navbar-collapse.collapsing{
    width:76vw!important;
    min-width:286px!important;
    padding:150px 30px 30px!important;
    border-radius:24px 0 0 24px!important;
  }
  body.kp-mobile-menu-open #kpNav::before,
  body #kpNav.show::before{top:38px!important;left:30px!important;width:142px!important;height:78px!important;}
  body.kp-mobile-menu-open .navbar-toggler{top:38px!important;right:28px!important;}
  body.kp-mobile-menu-open #kpNav .nav-link,
  body #kpNav.show .nav-link{min-height:62px!important;font-size:1.02rem!important;grid-template-columns:42px 1fr 20px!important;}
  body.kp-mobile-menu-open #kpNav .kp-menu-icon,
  body #kpNav.show .kp-menu-icon{font-size:1.45rem!important;}
  body.kp-mobile-menu-open #kpNav .nav-link::after,
  body #kpNav.show .nav-link::after{font-size:1.45rem!important;}
  body.kp-mobile-menu-open #kpNav .kp-header-cta .kp-btn,
  body #kpNav.show .kp-header-cta .kp-btn{min-height:56px!important;font-size:1rem!important;border-radius:15px!important;}
}

/* ===== FINAL MOBILE HEADER TOP TEXT + LOGO LINE FIX ===== */
@media (max-width:1199.98px){
  .kp-topbar-left span:first-child{display:none!important;}
  .kp-topbar-left span:nth-child(2){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    font-size:.88rem!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
  }
  .kp-topbar-left span:nth-child(2) i{display:none!important;}
  .kp-header{border-bottom:0!important;box-shadow:none!important;}
  .kp-header .navbar{border-bottom:0!important;box-shadow:none!important;}
  .kp-brand{overflow:hidden!important;display:flex!important;align-items:flex-start!important;}
  .kp-logo,
  .kp-header.scrolled .kp-logo,
  .kp-header.kp-scrolled .kp-logo{
    height:64px!important;
    max-height:64px!important;
    clip-path:inset(0 0 15px 0)!important;
    object-fit:contain!important;
    object-position:left top!important;
  }
}
@media (max-width:575.98px){
  .kp-header .navbar{min-height:82px!important;padding:8px 0!important;}
  .kp-logo,
  .kp-header.scrolled .kp-logo,
  .kp-header.kp-scrolled .kp-logo{
    height:60px!important;
    max-height:60px!important;
    clip-path:inset(0 0 14px 0)!important;
  }
}


/* =========================================================
   MOBILE LOGO CLIPPING FIX - FINAL OVERRIDE
   Removes earlier clip-path/overflow rules that cut the logo.
   ========================================================= */
@media (max-width:1199.98px){
  .kp-header{
    border-bottom:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .kp-header .container,
  .kp-header .navbar,
  .kp-brand,
  .navbar-brand{
    overflow:visible!important;
  }
  .kp-brand{
    display:flex!important;
    align-items:center!important;
  }
  .kp-logo,
  .kp-brand img,
  .navbar-brand img,
  .kp-header.scrolled .kp-logo,
  .kp-header.kp-scrolled .kp-logo{
    height:72px!important;
    max-height:none!important;
    width:auto!important;
    display:block!important;
    object-fit:contain!important;
    object-position:left center!important;
    clip-path:none!important;
  }
}

@media (max-width:575.98px){
  .kp-header .navbar{
    min-height:96px!important;
    padding:12px 0!important;
    overflow:visible!important;
  }
  .kp-logo,
  .kp-brand img,
  .navbar-brand img,
  .kp-header.scrolled .kp-logo,
  .kp-header.kp-scrolled .kp-logo{
    height:74px!important;
    max-height:none!important;
    clip-path:none!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .navbar-toggler{
    margin-top:0!important;
  }
}

/* =========================================================
   FINAL MOBILE HEADER CLEANUP
   - remove High Tensile Fasteners top strip on mobile
   - hide the red underline/tagline area inside logo on mobile only
   ========================================================= */
@media (max-width: 767.98px){
  /* remove the black top header text strip completely on mobile */
  .kp-topbar{
    display:none !important;
  }

  /* keep mobile header clean and compact */
  .kp-header{
    border-bottom:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  .kp-header .navbar{
    min-height:88px !important;
    padding:10px 0 !important;
    overflow:hidden !important;
  }

  .kp-brand,
  .navbar-brand{
    height:68px !important;
    display:flex !important;
    align-items:flex-start !important;
    overflow:hidden !important;
  }

  /* crop only the lower logo underline/tagline area in mobile view */
  .kp-logo,
  .kp-brand img,
  .navbar-brand img,
  .kp-header.scrolled .kp-logo,
  .kp-header.kp-scrolled .kp-logo{
    height:78px !important;
    max-height:none !important;
    width:auto !important;
    object-fit:contain !important;
    object-position:left top !important;
    clip-path:inset(0 0 18px 0) !important;
    display:block !important;
  }

  .navbar-toggler{
    align-self:center !important;
    margin-top:0 !important;
  }
}

/* =========================================================
   ABSOLUTE FINAL MOBILE HEADER LOGO FIX
   - removes the mobile top strip text
   - removes the red underline/tagline area from the logo image
   - keeps the USHA letters fully visible
   ========================================================= */
@media (max-width: 767.98px){
  .kp-topbar,
  .kp-mobile-topbar,
  .kp-topbar-shell,
  .kp-topbar-left,
  .kp-topbar-right{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  .kp-header{
    border-bottom:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  .kp-header .navbar{
    min-height:82px !important;
    padding:10px 0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  .kp-brand,
  .navbar-brand{
    height:62px !important;
    max-height:62px !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }

  .kp-logo,
  .kp-brand img,
  .navbar-brand img,
  .kp-header.scrolled .kp-logo,
  .kp-header.kp-scrolled .kp-logo{
    height:74px !important;
    max-height:none !important;
    width:auto !important;
    max-width:none !important;
    display:block !important;
    object-fit:contain !important;
    object-position:left top !important;
    /* The logo file itself contains the red underline + tagline at the bottom.
       This crops only that lower strip in mobile view. */
    clip-path:inset(0 0 18% 0) !important;
    -webkit-clip-path:inset(0 0 18% 0) !important;
    transform:none !important;
  }

  .navbar-toggler{
    align-self:center !important;
    margin-top:0 !important;
  }
}

/* =========================================================
   REAL FINAL MOBILE LOGO FIX
   Shows the full original logo image. No cropping, no clip-path.
   Removes mobile top strip and any fake separator line.
   ========================================================= */
@media only screen and (max-width: 767.98px){
  .kp-topbar,
  .kp-mobile-topbar,
  .kp-topbar-shell,
  .kp-topbar-left,
  .kp-topbar-right,
  .kp-topbar-certs,
  .kp-topbar-social{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  .kp-header,
  .kp-header.scrolled,
  .kp-header.kp-scrolled{
    background:#fff!important;
    border:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .kp-header .container,
  .kp-header .navbar,
  .kp-header .navbar > .container,
  .kp-header .navbar > .container-fluid{
    overflow:visible!important;
    border:0!important;
    border-bottom:0!important;
  }

  .kp-header .navbar{
    min-height:104px!important;
    height:auto!important;
    padding:14px 0!important;
    align-items:center!important;
  }

  .kp-brand,
  .navbar-brand,
  a.kp-brand,
  a.navbar-brand{
    height:auto!important;
    min-height:76px!important;
    max-height:none!important;
    width:auto!important;
    max-width:155px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    line-height:0!important;
    border:0!important;
  }

  .kp-logo,
  img.kp-logo,
  .kp-site-logo,
  .kp-brand > img,
  .navbar-brand > img,
  .kp-header.scrolled .kp-logo,
  .kp-header.kp-scrolled .kp-logo{
    display:block!important;
    height:76px!important;
    max-height:none!important;
    width:auto!important;
    max-width:150px!important;
    object-fit:contain!important;
    object-position:left center!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    mask:none!important;
    -webkit-mask:none!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  .kp-brand::before,
  .kp-brand::after,
  .navbar-brand::before,
  .navbar-brand::after,
  .kp-logo::before,
  .kp-logo::after{
    content:none!important;
    display:none!important;
  }

  .navbar-toggler{
    align-self:center!important;
    margin-top:0!important;
  }
}

/* =========================================================
   CONTACT PAGE EMAIL CARD — FINAL SINGLE-LINE FIX
   Added at the end so it overrides all earlier contact styles.
   ========================================================= */

.kp-contact-card-premium a[href^="mailto:"],
.kp-contact-card a[href^="mailto:"],
.contact-card a[href^="mailto:"],
a[href="mailto:kaypee@kaypeeindustries.com"]{
  display:inline-block !important;
  max-width:100% !important;
  color:#667589 !important;
  font-size:clamp(13px,.92vw,16px) !important;
  line-height:1.55 !important;
  font-weight:600 !important;
  letter-spacing:-.25px !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

.kp-contact-card-premium a[href^="mailto:"]:hover,
.kp-contact-card-premium a[href^="mailto:"]:focus,
.kp-contact-card a[href^="mailto:"]:hover,
.kp-contact-card a[href^="mailto:"]:focus,
.contact-card a[href^="mailto:"]:hover,
.contact-card a[href^="mailto:"]:focus,
a[href="mailto:kaypee@kaypeeindustries.com"]:hover,
a[href="mailto:kaypee@kaypeeindustries.com"]:focus{
  color:#e12626 !important;
  text-decoration:none !important;
}

.kp-contact-card-premium{
  padding-left:18px !important;
  padding-right:18px !important;
}

.kp-contact-card-premium p,
.kp-contact-card p,
.contact-card p{
  text-align:center;
}

@media (max-width:359.98px){
  .kp-contact-card-premium a[href^="mailto:"],
  .kp-contact-card a[href^="mailto:"],
  .contact-card a[href^="mailto:"],
  a[href="mailto:kaypee@kaypeeindustries.com"]{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    font-size:13px !important;
  }
}

/* BIS certification marks — displayed directly, not clickable */
.kp-bis-cert-card{background:#fff;border:1px solid rgba(8,38,70,.10);border-radius:20px;padding:18px 20px 22px;box-shadow:0 16px 40px rgba(8,38,70,.08);position:relative;color:#082646;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%;}
.kp-bis-cert-card:before{content:"";position:absolute;left:26px;top:0;width:54px;height:4px;background:#e51b23;border-radius:0 0 12px 12px;}
.kp-bis-logo-wrap{height:178px;width:100%;display:flex;align-items:center;justify-content:center;margin:2px 0 10px;overflow:hidden;}
.kp-bis-logo-wrap img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.kp-bis-cert-card strong{display:block;font-size:20px;font-weight:900;margin:0 0 6px;}
.kp-bis-cert-card span{display:block;color:#51657a;font-weight:700;font-size:14px;line-height:1.45;min-height:0;}
@media(max-width:575px){.kp-bis-logo-wrap{height:210px}.kp-bis-cert-card{padding:20px}}


/* ===== BIS CERTIFICATION CAPTION FIX =====
   Keep the accreditation purpose as real HTML text below the BIS mark.
   The logo image itself ends at the bis.gov.in line.
*/
.kp-bis-description{
  margin: 8px 12px 0 !important;
  color: #5f7084 !important;
  font-size: .92rem !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  text-align: center !important;
}


/* ===== RECAPTCHA V2 CHECKBOX ===== */
.kp-recaptcha-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:78px;
  padding:8px 0 2px;
}
.kp-recaptcha-wrap .g-recaptcha{
  transform-origin:left top;
}
@media (max-width: 380px){
  .kp-recaptcha-wrap{
    min-height:72px;
    overflow:hidden;
  }
  .kp-recaptcha-wrap .g-recaptcha{
    transform:scale(.88);
  }
}


/* =========================================================
   HOME RDSO + BIS CERTIFICATIONS ROW
   Second certification row shown directly below ISO cards.
   ========================================================= */
.kp-recognised-cert-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:0 0 18px !important;
}

.kp-home-rdso-card,
.kp-home-bis-card{
  min-height:230px !important;
  border-radius:18px !important;
  background:#ffffff !important;
  border:1px solid #dde7f0 !important;
  box-shadow:0 14px 36px rgba(8,35,65,.08) !important;
  position:relative !important;
  overflow:hidden !important;
}

.kp-home-rdso-card::before,
.kp-home-bis-card::before{
  content:"";
  position:absolute;
  top:0;
  left:24px;
  width:42px;
  height:3px;
  border-radius:0 0 6px 6px;
  background:linear-gradient(90deg,#e12626 0%,#ff6b6b 100%);
}

.kp-home-rdso-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  padding:28px 24px !important;
  color:inherit !important;
}

.kp-home-rdso-card strong{
  color:#08294d !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}

.kp-home-rdso-card span{
  display:block !important;
  margin-top:14px !important;
  color:#5d6f86 !important;
  font-size:15px !important;
  line-height:1.5 !important;
  font-weight:700 !important;
}

.kp-home-rdso-card em{
  display:block !important;
  margin-top:16px !important;
  color:#e12626 !important;
  font-size:13px !important;
  font-style:normal !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

.kp-home-rdso-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 48px rgba(8,35,65,.12) !important;
}

.kp-home-bis-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:20px 20px 22px !important;
  text-align:center !important;
}

.kp-home-bis-logo{
  height:122px !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-bottom:8px !important;
}

.kp-home-bis-logo img{
  width:auto !important;
  height:auto !important;
  max-width:88% !important;
  max-height:118px !important;
  object-fit:contain !important;
  display:block !important;
}

.kp-home-bis-card strong{
  display:block !important;
  color:#08294d !important;
  font-size:19px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  margin-top:2px !important;
}

.kp-home-bis-card span{
  display:block !important;
  margin-top:12px !important;
  color:#5d6f86 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}

@media(max-width:991px){
  .kp-recognised-cert-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:575px){
  .kp-recognised-cert-row{
    grid-template-columns:1fr !important;
  }

  .kp-home-rdso-card,
  .kp-home-bis-card{
    min-height:auto !important;
  }

  .kp-home-rdso-card{
    padding:24px 20px !important;
  }

  .kp-home-bis-card{
    padding:18px 18px 22px !important;
  }
}