/* Start custom CSS for html, class: .elementor-element-b69f918 *//* ============================================================
   GSP BATTERY — Certifications Page CSS
   ============================================================ */
html, body{ overflow-x:clip; }

/* ---------- HERO ---------- */
.gsp-certs-hero{
  position:relative;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:56px 24px 44px;
  font-family:"Inter","Segoe UI",Arial,sans-serif;
  background:#0a1f3d;
  color:#fff;
}
.gsp-certs-hero, .gsp-certs-hero *{ box-sizing:border-box; }
.gsp-certs-hero a{ text-decoration:none !important; }
.gsp-certs-hero-container{ max-width:1300px; margin:0 auto; }
.gsp-certs-breadcrumb{ display:flex; gap:9px; margin:0 0 20px; font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#92a6c1; }
.gsp-certs-breadcrumb a{ color:#c5d1e1 !important; }
.gsp-certs-breadcrumb strong{ color:#cfff04; }
.gsp-certs-hero-eyebrow{ margin-bottom:8px; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#cfff04; }
.gsp-certs-hero h1{ margin:0 0 10px; font-size:clamp(32px,4vw,46px); font-weight:800; letter-spacing:-.02em; }
.gsp-certs-hero p{ margin:0; max-width:560px; font-size:15px; color:#c4d0e2; line-height:1.6; }

/* ---------- CERT LIST (light, no images) ---------- */
.gsp-certs-list-section{
  position:relative;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:60px 24px 70px;
  font-family:"Inter","Segoe UI",Arial,sans-serif;
  background:linear-gradient(180deg,#f4f7fb,#eef3f8);
}
.gsp-certs-list-section, .gsp-certs-list-section *{ box-sizing:border-box; }
.gsp-certs-list-section a{ text-decoration:none !important; }
.gsp-certs-list-container{ max-width:960px; margin:0 auto; }
.gsp-certs-list-header{ max-width:600px; margin:0 auto 36px; text-align:center; }
.gsp-certs-list-eyebrow{ display:block; margin-bottom:10px; font-size:11px; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; color:#14417a; }
.gsp-certs-list-header h2{ margin:0 0 10px; font-size:clamp(28px,3.2vw,36px); font-weight:800; color:#071d38; }
.gsp-certs-list-header p{ margin:0; font-size:14px; color:#68788c; }

.gsp-certs-list{ display:flex; flex-direction:column; gap:12px; }
.gsp-cert-row{
  display:flex;
  align-items:center;
  gap:18px;
  background:#fff;
  border:1px solid #e0e7ef;
  border-radius:12px;
  padding:18px 20px;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.gsp-cert-row:hover{
  border-color:#cfff04;
  box-shadow:0 14px 32px rgba(7,38,73,.08);
  transform:translateX(3px);
}
.gsp-cert-row .gsp-cert-tag{
  position:static;
  flex-shrink:0;
  padding:6px 12px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
  color:#0a1f3d;
  background:#cfff04;
  white-space:nowrap;
}
.gsp-cert-tag-electrical, .gsp-cert-tag-product{ background:#9fe6ff; }
.gsp-cert-tag-quality{ background:#c9f7d8; }
.gsp-cert-tag-brand{ background:#ffd9ec; }
.gsp-cert-tag-innovation{ background:#d9d4ff; }
.gsp-cert-tag-government{ background:#ffe3b3; }
.gsp-cert-row-body{ flex:1; min-width:0; }
.gsp-cert-row-body h3{ margin:0 0 3px; font-size:15.5px; font-weight:800; color:#0a2b4f; }
.gsp-cert-row-body p{ margin:0; font-size:12.5px; color:#6b7b8e; line-height:1.5; }
.gsp-cert-row .gsp-cert-btn{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  height:38px;
  border-radius:999px;
  background:#0a1f3d;
  color:#fff !important;
  font-size:11.5px;
  font-weight:700;
  white-space:nowrap;
  transition:background .2s ease;
}
.gsp-cert-row .gsp-cert-btn:hover{ background:#14417a; }

@media(max-width:700px){
  .gsp-cert-row{ flex-wrap:wrap; }
  .gsp-cert-row .gsp-cert-btn{ margin-left:auto; }
}
@media(max-width:480px){
  .gsp-cert-row{ padding:16px; }
  .gsp-cert-row-body h3{ font-size:14px; }
}


/* ---------- COMPLIANCE MARKS ---------- */
.gsp-certs-marks{
  position:relative;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:64px 24px;
  font-family:"Inter","Segoe UI",Arial,sans-serif;
  background:#fff;
}
.gsp-certs-marks, .gsp-certs-marks *{ box-sizing:border-box; }
.gsp-certs-marks-container{ max-width:1200px; margin:0 auto; }
.gsp-certs-marks-header{ text-align:center; margin-bottom:36px; }
.gsp-certs-marks-eyebrow{ display:block; margin-bottom:10px; font-size:11px; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; color:#14417a; }
.gsp-certs-marks-header h2{ margin:0; font-size:clamp(26px,3vw,32px); font-weight:800; color:#071d38; }
.gsp-certs-marks-strip{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
}
.gsp-mark-item{
  display:flex;
  align-items:center;
  gap:9px;
  padding:14px 20px;
  border:1px solid #e0e7ef;
  border-radius:12px;
  background:#f9fbfd;
  font-size:12.5px;
  font-weight:700;
  color:#0a2b4f;
  transition:border-color .2s ease, background .2s ease;
}
.gsp-mark-item:hover{
  border-color:#cfff04;
  background:#fbffe8;
}
.gsp-mark-item svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:#14417a;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
}
.gsp-mark-item-text{ padding:14px 22px; }
.gsp-mark-text-main{ font-size:13px; font-weight:800; letter-spacing:.3px; }

/* ---------- CTA ---------- */
.gsp-certs-cta{
  position:relative;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:64px 24px;
  text-align:center;
  font-family:"Inter","Segoe UI",Arial,sans-serif;
  background:linear-gradient(120deg,#14417a,#0a1f3d);
}
.gsp-certs-cta, .gsp-certs-cta *{ box-sizing:border-box; }
.gsp-certs-cta a{ text-decoration:none !important; }
.gsp-certs-cta h2{ margin:0 0 12px; color:#fff; font-size:clamp(26px,3vw,32px); font-weight:800; }
.gsp-certs-cta p{ margin:0 auto 24px; max-width:500px; color:#c4d0e2; font-size:14.5px; line-height:1.6; }
.gsp-certs-cta-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0 26px;
  min-height:50px;
  border-radius:999px;
  background:#cfff04;
  color:#0a1f3d !important;
  font-size:13.5px;
  font-weight:800;
  transition:transform .2s ease;
}
.gsp-certs-cta-btn:hover{
  transform:translateY(-2px);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:600px){
  .gsp-certs-hero{ padding:44px 18px 34px; }
  .gsp-certs-list-section{ padding:44px 15px 52px; }
  .gsp-certs-marks{ padding:48px 18px; }
  .gsp-mark-item{ padding:11px 15px; font-size:11.5px; }
  .gsp-certs-cta{ padding:48px 18px; }
}/* End custom CSS */