.elementor-37982 .elementor-element.elementor-element-5666c0eb{--display:flex;}/* Start custom CSS */@media (max-width: 767px) {
  #hse-cert-page .cert-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100%;
    min-width: 0;
  }

  #hse-cert-page .cert-actions .button {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px;
    height: auto;
    box-sizing: border-box;
    white-space: normal !important;
    overflow-wrap: anywhere;
    text-align: center;
    line-height: 1.35;
    padding: 11px 12px;
  }

  #hse-cert-page .cert-body {
    min-width: 0;
  }
}





#hse-cert-page{--navy:#13245D;--navy2:#0b1747;--cyan:#1a6fba;--gold:#d7a952;--paper:#f6f8fc;--ink:#172344;--muted:#6b7691;--border:#e6ebf4}#hse-cert-page *{box-sizing:border-box}#hse-cert-page{margin:0;background:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.5}#hse-cert-page a{color:inherit}#hse-cert-page .wrap{max-width:1200px;margin:auto;padding:0 26px}#hse-cert-page .preview-ribbon{background:#fff4d6;color:#69490a;text-align:center;font-size:12px;padding:8px;font-weight:700;letter-spacing:.07em}#hse-cert-page .nav{height:76px;display:flex;align-items:center;justify-content:space-between}#hse-cert-page .brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;letter-spacing:-.04em;color:var(--navy)}#hse-cert-page .brand-mark{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--navy);color:#fff;font-size:12px;letter-spacing:-1px}#hse-cert-page .nav-right{display:flex;align-items:center;gap:25px;color:#5c6782;font-size:13px;font-weight:650}#hse-cert-page .nav-right a{text-decoration:none}#hse-cert-page .button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:750;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap}#hse-cert-page .button.primary{background:var(--navy);color:#fff}#hse-cert-page .button.secondary{background:#fff;border-color:#d7e0f0;color:var(--navy)}#hse-cert-page .button:hover{filter:brightness(.96)}#hse-cert-page .hero{background:radial-gradient(ellipse at 92% 20%,#2e5695 0%,transparent 43%),linear-gradient(115deg,#0c1b4e,#172c68);color:white;overflow:hidden}#hse-cert-page .hero-layout{min-height:316px;display:flex;justify-content:space-between;align-items:center;gap:45px;padding-top:48px;padding-bottom:48px}#hse-cert-page .hero-copy{max-width:880px}#hse-cert-page .eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:#dfc08c;text-transform:uppercase;margin-bottom:16px}#hse-cert-page .hero h1{font-size:clamp(30px,4vw,48px);line-height:1.13;letter-spacing:-.035em;margin:0 0 17px;font-weight:800}#hse-cert-page .hero p{font-size:15px;color:#d7e1f7;line-height:1.85;max-width:690px;margin:0}#hse-cert-page .hero-side{min-width:210px;position:relative;text-align:center;border:1px solid #ffffff3d;border-radius:20px;padding:35px 26px;background:#ffffff0b}#hse-cert-page .big-number{font-size:68px;letter-spacing:-.055em;font-weight:800;line-height:1}#hse-cert-page .hero-side small{color:#d2dff5;display:block;font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin-top:11px}#hse-cert-page .hero-side i{display:block;font-size:35px;color:#d7a952;font-style:normal;margin-bottom:10px}#hse-cert-page .intro{padding:41px 26px 20px}#hse-cert-page .intro-top{display:flex;justify-content:space-between;align-items:start;gap:25px}#hse-cert-page .section-kicker{color:#2665a3;text-transform:uppercase;font-weight:800;letter-spacing:.12em;font-size:11px}#hse-cert-page .section-title{margin:5px 0 7px;font-size:29px;letter-spacing:-.025em;color:var(--navy)}#hse-cert-page .muted{font-size:14px;color:#6c7790;margin:0}#hse-cert-page .note{padding:13px 18px;border:1px solid #e1e8f4;background:#f8faff;border-radius:10px;color:#6b7791;font-size:12px;max-width:350px}#hse-cert-page .filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}#hse-cert-page .filter{border:1px solid #dce4f1;background:white;border-radius:20px;padding:8px 17px;font:700 12px Inter,"Segoe UI",sans-serif;color:#5a6884;cursor:pointer}#hse-cert-page .filter.active{background:var(--navy);border-color:var(--navy);color:white}#hse-cert-page .listing{padding:8px 26px 64px}#hse-cert-page .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}#hse-cert-page .cert-card{border-radius:15px;border:1px solid var(--border);background:white;overflow:hidden;box-shadow:0 8px 28px rgba(19,36,93,.045);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}#hse-cert-page .cert-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(19,36,93,.09)}#hse-cert-page .cert-art{height:229px;background:linear-gradient(145deg,#f4f7fc,#e8edf7);padding:18px 17px;display:flex;align-items:center;justify-content:center;cursor:zoom-in;border:0;width:100%}#hse-cert-page .cert-art img{display:block;max-height:100%;max-width:100%;object-fit:contain;box-shadow:0 3px 15px #33456b22;border-radius:2px}#hse-cert-page .cert-body{padding:21px 19px 20px;display:flex;flex-direction:column;flex:1}#hse-cert-page .cert-heading{display:flex;align-items:start;justify-content:space-between;gap:7px}#hse-cert-page .cert-body h3{font-size:19px;letter-spacing:-.03em;color:var(--navy);margin:0 0 4px;line-height:1.3}#hse-cert-page .role{font-size:12px;color:#4d6485;font-weight:650;margin:0}#hse-cert-page .type-label{font-size:10px;padding:5px 8px;background:#edf3fc;color:#42659b;border-radius:6px;white-space:nowrap}#hse-cert-page .validity{display:flex;gap:8px;align-items:center;color:#8791a5;font-size:11px;border-top:1px solid #eef1f6;margin-top:16px;padding-top:12px}#hse-cert-page .status{display:inline-block;width:7px;height:7px;background:#a5b0c5;border-radius:50%}#hse-cert-page .cert-actions{margin-top:auto;padding-top:19px;display:grid;grid-template-columns:1fr 1fr;gap:8px}#hse-cert-page .cert-actions .button{font-size:12px;padding:9px 8px}#hse-cert-page .cert-actions.one{grid-template-columns:1fr}#hse-cert-page .hidden{display:none!important}#hse-cert-page .why{background:#f6f8fc;padding:64px 0}#hse-cert-page .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:25px}#hse-cert-page .feature{background:white;border:1px solid #e6ecf5;border-radius:15px;padding:22px}#hse-cert-page .feature-icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:#edf4ff;border-radius:11px;color:#2456aa;font-size:19px}#hse-cert-page .feature h4{margin:16px 0 8px;color:var(--navy);font-size:16px}#hse-cert-page .feature p{font-size:12px;line-height:1.75;color:#69758f;margin:0}#hse-cert-page .faq{padding:60px 26px}#hse-cert-page .faq details{border-bottom:1px solid #e7ebf2;padding:17px 0;color:var(--navy)}#hse-cert-page .faq summary{font-size:15px;font-weight:750;cursor:pointer}#hse-cert-page .faq details p{font-size:13px;color:#66738e;line-height:1.8;max-width:750px}#hse-cert-page .cta{background:var(--navy);border-radius:20px;padding:34px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:white;margin-bottom:60px}#hse-cert-page .cta h2{font-size:24px;margin:0 0 6px}#hse-cert-page .cta p{font-size:13px;color:#d2dff6;margin:0}#hse-cert-page .cta .button{color:var(--navy);background:#fff}#hse-cert-page .footer{background:#f5f7fa;color:#73809b;padding:24px 0;font-size:12px;text-align:center}#hse-cert-page .overlay{position:fixed;inset:0;z-index:1000;background:#08112ae8;display:none;justify-content:center;align-items:center;flex-direction:column;padding:20px}#hse-cert-page .overlay.show{display:flex}#hse-cert-page .overlay-header{color:white;width:min(1100px,100%);display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#hse-cert-page .overlay-title{font-size:16px;font-weight:800}#hse-cert-page .overlay-close{color:#fff;border:1px solid #fff7;background:#ffffff18;font-size:24px;width:40px;height:40px;border-radius:10px;cursor:pointer}#hse-cert-page .overlay img{max-width:min(100%,1100px);max-height:calc(100vh - 130px);object-fit:contain;border:5px solid white;background:white}#hse-cert-page .overlay-help{font-size:11px;color:#ccdaef;padding-top:14px}#hse-cert-page .footnote{margin-top:25px;color:#79859c;font-size:12px}#hse-cert-page .cert-card:focus-within{outline:2px solid #c3d6f2;outline-offset:2px}@media (max-width:930px){#hse-cert-page .cards{grid-template-columns:repeat(2,minmax(0,1fr))}#hse-cert-page .nav-right>a:not(.button){display:none}#hse-cert-page .intro-top{flex-direction:column}#hse-cert-page .note{max-width:none}}@media (max-width:650px){#hse-cert-page .wrap{padding-left:18px;padding-right:18px}#hse-cert-page .nav{height:66px}#hse-cert-page .brand{font-size:14px}#hse-cert-page .brand-mark{height:34px;width:34px}#hse-cert-page .nav-right .button{display:none}#hse-cert-page .hero-layout{min-height:unset;padding-top:41px;padding-bottom:38px;display:block}#hse-cert-page .hero h1{font-size:33px}#hse-cert-page .hero p{font-size:13px}#hse-cert-page .hero-side{display:none}#hse-cert-page .section-title{font-size:25px}#hse-cert-page .intro{padding-top:34px}#hse-cert-page .listing{padding-top:10px}#hse-cert-page .cards{grid-template-columns:1fr;gap:15px}#hse-cert-page .cert-art{height:220px}#hse-cert-page .cert-body{padding:20px}#hse-cert-page .feature-grid{grid-template-columns:1fr}#hse-cert-page .why{padding:47px 0}#hse-cert-page .faq{padding-top:45px;padding-bottom:45px}#hse-cert-page .cta{border-radius:0;margin-bottom:0;display:block;padding:28px 20px}#hse-cert-page .cta h2{font-size:22px}#hse-cert-page .cta .button{margin-top:20px}#hse-cert-page .filter{padding:9px 12px}#hse-cert-page .note{font-size:11px}}
#hse-cert-page{font-size:16px;line-height:1.5;background:#fff;width:100%;padding:0 0 25px}
#hse-cert-page .hero-outer{padding-top:35px;max-width:1280px}
#hse-cert-page .hero{background:#13245D!important;border-radius:15px;box-shadow:none}
#hse-cert-page .hero-layout{min-height:275px;justify-content:center;text-align:center;padding:49px 36px}
#hse-cert-page .hero-copy{max-width:1060px;margin:0 auto}
#hse-cert-page .hero h1{font-size:clamp(29px,4vw,44px);font-weight:780;color:white!important;line-height:1.22}
#hse-cert-page .hero p{font-size:clamp(14px,1.6vw,17px);margin:0 auto;color:#f0f4ff!important;max-width:1000px}
#hse-cert-page .eyebrow{color:#e6c584}
#hse-cert-page .cert-card .cert-art{text-decoration:none!important}
#hse-cert-page .cert-actions a{width:100%;text-align:center}
#hse-cert-page .cert-product-link{margin:9px 0 0;font-size:12px;font-weight:650;color:#236aa6}
#hse-cert-page .cert-product-link a{text-decoration:underline;text-underline-offset:2px}
#hse-cert-page .hse-cert-target{display:block;position:relative;top:-120px;visibility:hidden;height:0}
#hse-cert-page #hse-cert-target-inverters:target~.cards .cert-card:not(.group-inverters){display:none}
#hse-cert-page #hse-cert-target-batteries:target~.cards .cert-card:not(.group-batteries){display:none}
#hse-cert-page:has(#hse-cert-target-inverters:target) .filter.active,#hse-cert-page:has(#hse-cert-target-batteries:target) .filter.active{background:#fff;border-color:#dce4f1;color:#5a6884}
#hse-cert-page:has(#hse-cert-target-inverters:target) .filter[href="#hse-cert-target-inverters"],#hse-cert-page:has(#hse-cert-target-batteries:target) .filter[href="#hse-cert-target-batteries"]{background:var(--navy);border-color:var(--navy);color:#fff}
#hse-cert-page .filter{text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center}
#hse-cert-page .cert-body{min-height:199px}
#hse-cert-page .cert-actions{padding-top:16px}
#hse-cert-page .intro{padding-top:45px}
#hse-cert-page .cta{background:#13245D}
@media(max-width:767px){#hse-cert-page .hero-outer{padding:17px 13px 0}#hse-cert-page .hero{border-radius:12px}#hse-cert-page .hero-layout{padding:35px 23px}#hse-cert-page .hero h1{font-size:30px}#hse-cert-page .cert-art{height:218px}}

/* 2026-10-27: readability/contrast and narrow-screen overflow fixes. */
#hse-cert-page .cta h2 {
  color: #ffffff !important;
  line-height: 1.3;
}

@media (max-width: 767px) {
  #hse-cert-page .cert-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100%;
    min-width: 0;
    gap: 10px !important;
  }
  #hse-cert-page .cert-actions .button {
    display: flex !important;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    white-space: normal !important;
    overflow-wrap: anywhere;
    box-sizing: border-box;
    min-height: 44px;
    height: auto;
    padding: 11px 12px;
    text-align: center;
    line-height: 1.35;
  }
  #hse-cert-page .cert-card,
  #hse-cert-page .cert-body {
    min-width: 0;
  }
}

/* HSE certificates: mobile hero heading stays inside viewport */
@media (max-width: 767px) {
  #hse-cert-page .hero-copy { min-width: 0; width: 100%; max-width: 100%; }
  #hse-cert-page .hero h1 { font-size: clamp(24px, 6.8vw, 28px) !important; max-width: 100%; white-space: normal !important; overflow-wrap: break-word; word-break: normal; line-height: 1.23 !important; text-align: center; }
  #hse-cert-page .hero h1 span:last-child { display: block !important; }
}/* End custom CSS */