@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-Regular.ttf') format("truetype"), url('../fonts/Manrope-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark: #fff;
  --ce-text-primary: #f5f6f6;
  --ce-success-600: #47cd89;
  --grey-1: #999;
  --color-1: #a5c926;
  --teal-900: #263b37;
  --light-green公司色: #a6de95;
  --color-3: #ffc12c;
  --grey-4: #e5e5e5;
  --brand-600: #85b378;
  --公司深藍: #294c60;
  --ce-success-700: #65885a;
  --文字背景帶點透明: #ffffffd9;
  --teal-800: #2a4540;
  --haze: #f8f8f8;
  --color-4: #fb416b;
  --grey-2: #a5a5a5;
  --waves-library-dark-elevation: #ede0d8;
  --grey-3: #bbb;
  --lynx-white: white;
  --lynx-medium-sea-green: #32b77a;
  --公司藍: #5ca3c7;
  --lynx-medium-purple: #8979ec;
  --lynx-deep-pink: #fd4b8b;
  --white: white;
  --lynx-grey: #797c83;
  --light_green3: #d2eeca;
  --teal-500: #498376;
  --dark_green2: #89b5ab;
  --公司深綠: #629d8f;
  --waves-library-white: white;
  --waves-library-black: #131313;
  --公司淺綠: #c3f8d1;
  --teal-950: #12211f;
  --teal-100: #dbece6;
  --light_blue3: #add1e3;
  --light_blue2: #84bad5;
  --light_green2: #bce6af;
  --flowstica-webflow-library-black: #010b15;
  --flowstica-webflow-library-medium-sea-green: #08b54f;
  --color-2: #009bfa;
  --ce-bg-primary: #0c0e12;
  --teal-200: #b7d8cd;
  --teal-300: #8bbdaf;
  --lynx-black: #1f2022;
  --button_primary: #85b378;
  --button-primary-hover: #a6de95;
  --teal-700: #30554e;
  --text-quaternary-500: #808790;
  --ce-text-secondary: #cecfd2;
  --ce-success-400: #47cd89;
  --ce-text-teritary: #575b63;
  --gray-900: #13161b;
  --ce-text-tertiary-600: #808790;
  --gray-700: #4a4d54;
  --ce-brand-300: #caebbf;
  --faq-response-height: 0px;
  --expand-icon-height: 24px;
  --border-primary: #4a4d54;
  --teal-600: #39685f;
  --brand-100: #243d1c;
  --brand-500: #a6de95;
  --foreground-quarternary-400: #575b63;
  --dark_blue3: #94a5af;
  --text-primary: #243d1c;
  --淡灰色背景: #e5e5e5;
  --主標題背景透明: #ffffffe0;
  --waves-library-background: #faebe3;
  --影片文字透明背景: #b3b3b361;
  --海軍藍: navy;
  --flowstica-webflow-library-white: white;
  --flowstica-webflow-library-black-2: #333;
  --dark_blue2: #5e7887;
  --dark_blue4: #cad2d7;
  --light_blue4: #d6e8f1;
  --light_green4: #e9f6e4;
  --dark_green3: #b0cec7;
  --dark_green4: #d8e6e3;
  --flowstica-webflow-library-white-smoke: #f7f7f7;
  --linkedin-brand-primary: #0077b5;
  --youtube-brand-primary: red;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon,
.w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus,
.w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus,
.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus,
.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecheckoutdiscounts {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  flex-wrap: wrap;
  padding: 20px;
  display: flex;
}

.w-commerce-commercecheckoutdiscountslabel {
  flex-basis: 100%;
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutdiscountsinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  flex: 1;
  width: auto;
  min-width: 0;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutdiscountsinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutdiscountsbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 38px;
  margin-left: 8px;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem,
.w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-pagination-wrapper {
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem,
.w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper,
.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }
}

@media screen and (max-width: 479px) {

  .w-commerce-commercecheckoutemailinput,
  .w-commerce-commercecheckoutshippingfullname,
  .w-commerce-commercecheckoutshippingstreetaddress,
  .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity,
  .w-commerce-commercecheckoutshippingstateprovince,
  .w-commerce-commercecheckoutshippingzippostalcode,
  .w-commerce-commercecheckoutshippingcountryselector,
  .w-commerce-commercecheckoutcardnumber,
  .w-commerce-commercecheckoutcardexpirationdate,
  .w-commerce-commercecheckoutcardsecuritycode,
  .w-commerce-commercecheckoutbillingfullname,
  .w-commerce-commercecheckoutbillingstreetaddress,
  .w-commerce-commercecheckoutbillingstreetaddressoptional,
  .w-commerce-commercecheckoutbillingcity,
  .w-commerce-commercecheckoutbillingstateprovince,
  .w-commerce-commercecheckoutbillingzippostalcode,
  .w-commerce-commercecheckoutbillingcountryselector,
  .w-commerce-commercecheckoutdiscountsinput,
  .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  color: var(--dark);
  font-family: Noto Sans TC, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

h1 {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Varela Round, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans TC, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

h3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
}

h4 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Varela Round, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

h5 {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Varela Round, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}

h6 {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Varela Round, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

p {
  color: var(--ce-success-600);
  margin-bottom: 28px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

a {
  text-decoration: underline;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

strong {
  font-family: Noto Sans TC, sans-serif;
  font-weight: 700;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.body {
  color: var(--dark);
  font-family: Open Sans, sans-serif;
}

.section_home_product {
  background-color: var(--grey-1);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 24px;
  display: flex;
}

.section_home_product.color {
  background-color: var(--color-1);
}

.section_home_product.color.no-padding-vertical {
  background-color: var(--teal-900);
}

.section_home_product.video-section {
  color: var(--dark);
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/未來場景示意圖.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-bottom: 112px;
}

.section_home_product.video-section.home-about.home_usebg {
  background-image: linear-gradient(87deg, #000, #a1a1a100 8%, #9797972b 40%, #9e9e9e3b 91%, #fff), linear-gradient(#fff9, #fff9), url('../images/家用儲能底圖.png');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  height: 1200px;
  padding: 0;
}

.section_home_product.no-padding-top {
  display: block;
}

.section_home_product.no-padding-top.large-section {
  background-color: var(--teal-900);
}

.section_home_product.no-padding-bottom {
  padding-top: 0;
}

.section_home_product.json_section {
  background-color: var(--teal-900);
  padding-top: 10px;
  padding-bottom: 10px;
}

.wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding-top: 20px;
  display: flex;
}

.wrapper.nav-bar-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1080px;
  height: 72px;
  padding-top: 0;
  display: flex;
}

.wrapper.nav-top-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 0;
}

.wrapper.side-paddings {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.button {
  background-color: var(--light-green公司色);
  color: #fff;
  text-align: center;
  border-radius: 24px;
  justify-content: center;
  height: 48px;
  padding: 12px 28px;
  font-family: Noto Sans TC, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  transition: transform .3s, box-shadow .3s;
  display: block;
}

.button:hover {
  background-color: var(--color-3);
  color: var(--dark);
  transform: scale(1.05);
  box-shadow: 0 8px 8px -4px #a5c92680;
}

.button.small {
  border-radius: 20px;
  height: 40px;
  padding: 8px 24px;
  font-size: 13px;
  line-height: 24px;
}

.button.white {
  color: var(--dark);
  background-color: #fff;
}

.button.white:hover {
  box-shadow: 0 8px 8px -4px #1113;
}

.button.ghost {
  box-shadow: inset 0 0 0 2px var(--grey-4);
  color: var(--dark);
  background-color: #0000;
}

.button.ghost-bg {
  color: #fff;
  background-color: #0000;
  box-shadow: inset 0 0 0 1px #fff6;
}

.button.big {
  border-radius: 28px;
  height: 56px;
  padding: 16px 32px;
  font-size: 17px;
  line-height: 24px;
}

.button.add-to-cart-button {
  margin-bottom: 12px;
  margin-right: 8px;
}

.button.buy-now-button {
  box-shadow: inset 0 0 0 2px var(--grey-4);
  color: var(--dark);
  background-color: #0000;
  margin-top: 0;
}

.button.current {
  background-color: var(--color-1);
}

.button.current.home-button {
  background-color: var(--brand-600);
}

.button.current.home-button:hover {
  background-color: var(--ce-success-700);
  box-shadow: none;
}

.button.button_hide {
  display: none;
}

.button.buton_bigger {
  text-shadow: 0 1px 1px var(--dark);
}

.button.safe_btn {
  width: 150px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.style-block {
  text-align: left;
  padding: 40px 15px;
}

.paragraph-small {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 20px;
}

.button-styles {
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  padding: 24px 15px;
  display: flex;
}

.button-style-wrapper {
  text-align: center;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  width: 25%;
  padding: 24px 4%;
  display: flex;
}

.button-style-wrapper.dark-bg {
  background-color: var(--color-1);
  color: var(--grey-4);
}

.nav-bar {
  z-index: 100;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 1px 1px 15px #0000001f;
}

.nav-link {
  color: var(--dark);
  border-radius: 16px;
  padding: 5px 15px 5px 5px;
  font-family: Noto Sans TC, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s, background-color .3s, box-shadow .3s;
}

.nav-link:hover {
  text-decoration: underline;
}

.nav-link.w--current {
  color: var(--dark);
}

.nav-link.link-hide {
  display: none;
}

.nav-link.droplink {
  border-radius: 0;
  margin-right: 10px;
  padding-right: 10px;
}

.nav-link.hide {
  display: none;
}

.text-white {
  color: #fff;
}

.utility-page-wrap {
  background-image: url('../images/5g.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 48px 16px;
  display: flex;
}

.utility-page-content {
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  width: 370px;
  padding: 48px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.text-grey {
  color: var(--dark);
  text-align: left;
  background-color: #0000;
  font-size: 21px;
  font-weight: 400;
  line-height: 42px;
}

.no-margin {
  margin: 0;
}

.no-margin-bottom {
  margin-top: 20px;
  margin-bottom: 0;
}

.text-green {
  color: var(--color-1);
}

.intro {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 600px;
  margin-bottom: 80px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.intro.no-margin {
  background-color: var(--文字背景帶點透明);
  border-radius: 20px;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.intro.wide {
  max-width: 800px;
}

.intro.wide.no-margin {
  background-color: var(--teal-800);
}

.title {
  color: var(--color-1);
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.no-padding-vertical {
  padding-top: 0;
  padding-bottom: 0;
}

.footer {
  flex-wrap: wrap;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.nav-menu {
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.no-padding-top {
  padding-top: 0;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.full-width {
  width: 100%;
}

.page-wrapper {
  background-color: var(--teal-900);
}

.page-wrapper.product_page {
  background-color: var(--grey-1);
}

.navigation {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-top {
  background-color: var(--light-green公司色);
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 0;
  padding-right: 0;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.nav-main {
  background-color: var(--teal-900);
  flex-direction: column;
  align-items: center;
  height: 72px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.nav-top-info {
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.nav-top-text {
  margin-right: 16px;
}

.footer-brand {
  color: #fff;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Varela Round, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  display: flex;
}

.footer-left {
  align-items: center;
  width: 200px;
  display: flex;
}

.footer-bottom-right {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.footer-bottom-divider {
  background-color: #ffffff80;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin-left: 8px;
  margin-right: 8px;
}

.instagram {
  width: 100%;
  margin-bottom: 72px;
  padding-left: 7px;
  padding-right: 7px;
  display: flex;
}

.instagram-link {
  border-radius: 16px;
  flex: 1;
  margin-left: 8px;
  margin-right: 8px;
  transition: transform .3s, box-shadow .3s;
  position: relative;
  overflow: hidden;
}

.instagram-link:hover {
  z-index: 1;
  transform: scale(1.05)translate(0);
  box-shadow: 0 8px 20px -4px #00000029;
}

.shop-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.shop-header-line {
  background-color: var(--grey-4);
  width: 100%;
  height: 2px;
  margin-top: 32px;
}

.products {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.product-card-wrapper {
  flex-direction: column;
  width: 25%;
  padding: 15px;
  display: flex;
}

.product-card {
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 100%;
  padding: 24px 24px 32px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  box-shadow: 0 1px 2px #00000026;
}

.product-card:hover {
  transform: scale(1.05)translate(0, -2px);
  box-shadow: 0 8px 20px -4px #00000026;
}

.product-card-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  margin-bottom: 16px;
  padding: 20px;
  display: flex;
}

.product-card-heading {
  color: var(--dark);
  margin-bottom: 12px;
}

.product-card-price {
  background-color: var(--color-1);
  color: #fff;
  border-radius: 16px;
  height: 24px;
  padding: 2px 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.shop-header-color {
  background-color: var(--color-1);
  width: 136px;
  height: 100%;
}

.shop-header-color.green {
  background-color: var(--color-1);
}

.link {
  color: var(--dark);
  border-bottom: 2px solid #ddd;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: border-color .3s;
  display: inline-block;
}

.link:hover {
  border-bottom-color: var(--color-1);
}

.link.arrow-link {
  background-image: url('../images/arrow-right-mini-icon.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 11px;
  margin-top: 4px;
  padding-right: 20px;
}

.subscribe {
  background-color: #fff;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 48px;
  display: flex;
  box-shadow: 0 1px 2px #00000026;
}

.subscribe-form-wrapper {
  width: 50%;
  margin-bottom: 0;
  padding-left: 15px;
}

.subscribe-info {
  flex: 1;
  align-items: center;
  padding-right: 15px;
  display: flex;
}

.subscribe-form {
  justify-content: center;
  align-items: center;
  display: flex;
}

.input {
  border: 2px solid var(--grey-4);
  background-color: var(--haze);
  border-radius: 24px;
  height: 48px;
  margin-bottom: 24px;
  padding-left: 28px;
  padding-right: 28px;
  transition: border-color .3s, background-color .3s;
}

.input:hover {
  background-color: #fff;
}

.input:focus,
.input.-wfp-focus {
  border-color: var(--color-1);
  background-color: #fff;
}

.input.subscribe-input {
  margin-bottom: 0;
  margin-right: 16px;
}

.input.subscribe-input:focus {
  border-color: var(--color-1);
  background-color: #fff;
}

.input.quantity-input {
  width: 80px;
  margin-bottom: 12px;
  margin-right: 8px;
}

.input.text-area {
  height: auto;
  min-height: 160px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.input.center {
  text-align: center;
}

.input.no-margin-bottom {
  margin-bottom: 0;
}

.input.small {
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.subscribe-icon {
  background-color: var(--color-1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin-right: 24px;
  padding: 18px 16px 16px;
  display: flex;
}

.form-success {
  background-color: #0000;
}

.form-error {
  color: var(--color-4);
  background-color: #fb416b1a;
  border-radius: 16px;
  margin-top: 12px;
  padding: 6px 20px;
  font-size: 12px;
  line-height: 20px;
}

.nav-top-social {
  justify-content: flex-end;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  display: none;
}

.social-link {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 5px;
  transition: background-color .3s;
  display: flex;
}

.social-link:hover {
  background-color: #00000014;
}

.breadcrumbs {
  border: 2px solid var(--grey-4);
  color: var(--grey-1);
  border-radius: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 48px;
  margin-top: 48px;
  margin-bottom: -8px;
  padding: 8px 28px;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.link-grey {
  color: var(--grey-1);
  text-decoration: none;
}

.link-grey:hover {
  text-decoration: underline;
}

.breadcrumbs-arrow {
  opacity: .2;
  width: 9px;
  margin-left: 10px;
  margin-right: 10px;
}

.product {
  background-color: #fff;
  border-radius: 16px;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 56px;
  padding: 80px;
  display: flex;
  box-shadow: 0 1px 2px #00000026;
}

.product-image-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 32px;
  display: flex;
}

.product-info {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding-right: 10%;
  display: flex;
}

.add-to-cart {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 16px;
  display: flex;
}

.product-price {
  color: var(--color-1);
  margin-bottom: 32px;
  font-family: Varela Round, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.product-details-wrapper {
  flex-flow: wrap;
  align-items: flex-start;
  width: 100%;
  padding-top: 80px;
  display: flex;
}

.product-details {
  flex: 1;
  margin-top: 24px;
  margin-left: 15px;
}

.contacts {
  color: var(--grey-4);
  background-color: #fff;
  border-radius: 16px;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  height: 1600px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 40px 80px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #00000026;
}

.contact-form-wrapper {
  width: 66.66%;
  padding-right: 16.66%;
}

.label {
  color: var(--dark);
  width: 100%;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
}

.contact-info {
  color: var(--grey-2);
  flex: 1;
  font-size: 12px;
}

.contact-heading {
  color: var(--grey-2);
  margin-bottom: 28px;
  font-family: Noto Sans TC, sans-serif;
  font-style: normal;
  font-weight: 700;
}

.shop-categories-wrapper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.shop-category-link {
  color: var(--dark);
  border-radius: 16px;
  height: 32px;
  padding: 6px 18px;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
}

.shop-category-link:hover {
  text-decoration: underline;
}

.shop-category-link.w--current {
  background-color: var(--color-1);
  color: #fff;
}

.shop-category-link.w--current:hover {
  text-decoration: none;
}

.shop-categories {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.side-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 8.33%;
  padding-right: 8.33%;
  display: flex;
  position: relative;
}

.side-block.no-padding-left {
  padding-left: 0%;
}

.side-block.small-padding-side {
  padding-left: 15px;
  padding-right: 15px;
}

.side-blocks {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.side-info {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-left: 15px;
  padding-right: 0;
  display: flex;
}

.licence-items {
  width: 66.66%;
  padding-left: 15px;
  padding-right: 15px;
}

.licence-item {
  color: var(--waves-library-dark-elevation);
  background-color: #fff;
  border-radius: 16px;
  align-items: center;
  margin-bottom: 24px;
  padding: 32px;
  display: flex;
  box-shadow: 0 1px 2px #00000026;
}

.licence-item-info {
  color: var(--grey-4);
  flex: 1;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 40px;
}

.licence-link-divider {
  background-color: var(--grey-3);
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin-bottom: 4px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}

.password-heading {
  margin-bottom: 24px;
}

.product-table {
  border: 2px solid var(--grey-4);
  border-radius: 16px;
  width: 270px;
  margin-top: 24px;
  margin-left: 60px;
  margin-right: 15px;
  padding: 16px 32px;
}

.product-table-cell {
  border-bottom: 1px solid var(--grey-4);
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.product-table-cell.no-border-bottom {
  border-bottom-style: none;
}

.product-table-info {
  justify-content: flex-end;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.sku {
  color: var(--grey-1);
  justify-content: flex-end;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.out-of-stock {
  color: var(--color-4);
  background-color: #0000;
  margin-top: 0;
  padding: 15px 15px 15px 0;
  display: inline-block;
}

.preloader {
  z-index: 10000;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.preloader-icon {
  z-index: 1;
  width: 48px;
  position: relative;
}

.order-confirmation-container {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  display: flex;
}

.order-block-content {
  border-style: none;
  padding: 40px 0 48px;
}

.checkout-form {
  background-color: #0000;
  justify-content: center;
  align-items: flex-start;
  padding: 0 15px;
  display: flex;
}

.order-block-header {
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--grey-4);
  padding: 28px 0;
  font-size: 12px;
}

.order-block {
  border-top: 1px dashed var(--grey-4);
  background-color: #fff;
  margin-top: -1px;
  margin-bottom: 0;
  padding: 24px 10%;
  overflow: hidden;
}

.select {
  background-color: #0000;
  border-style: none;
  border-radius: 24px;
  height: 100%;
}

.select-wrapper {
  border: 2px solid var(--grey-4);
  background-color: var(--haze);
  border-radius: 24px;
  height: 48px;
  margin-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
}

.select-wrapper.no-margin-bottom {
  margin-bottom: 0;
}

.shipping-methods-list {
  border: 1px solid var(--grey-4);
  border-radius: 8px;
  margin-top: 48px;
  margin-bottom: 48px;
  overflow: hidden;
}

.shipping-method-item {
  margin-top: 1px;
  margin-bottom: -1px;
  padding: 24px 32px;
}

.shipping-method-radio-button {
  margin-top: 5px;
  margin-right: 6px;
}

.checkbox {
  margin-right: 2px;
  font-size: 20px;
}

.order-main-column {
  background-color: #fff;
  border-radius: 16px;
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  box-shadow: 0 1px 2px #00000026;
}

.order-sidebar {
  flex: 0 auto;
  width: 33.33%;
  max-width: 370px;
  margin-left: 30px;
}

.order-block-side {
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 24px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 1px 2px #00000026;
}

.order-block-side.discount-block {
  border-style: none;
  padding: 20px 32px 4px;
}

.order-block-side-header {
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--grey-4);
  padding: 24px 32px;
  font-size: 12px;
}

.order-block-side-content {
  border-style: none;
  padding: 32px;
}

.order-block-heading {
  margin-bottom: 0;
}

.order-confirmation {
  width: 100%;
  max-width: none;
}

.pay-buttons {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.payment-method {
  z-index: 1;
  flex: 1;
  height: 35px;
  margin-left: 10px;
  margin-right: 10px;
}

.pay-button {
  border-radius: 24px;
  height: 35px;
}

.buy-buttons {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.team-slider {
  background-color: var(--teal-900);
  border-bottom: 1px #e4ebf3;
  padding: 140px 30px;
  position: relative;
}

.team-slider.small-margin {
  padding-top: 10px;
  padding-bottom: 10px;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.team-slider-wrapper {
  background-color: #0000;
  height: auto;
  margin-top: 20px;
}

.team-slide-wrapper {
  width: 30%;
  margin-right: 5%;
}

.team-block {
  background-color: #fff;
  padding-bottom: 10px;
}

.team-member-image-two {
  margin-bottom: 18px;
}

.team-block-info {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.card_title {
  margin-bottom: 12px;
  font-weight: 600;
}

.text-link-arrow-2 {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed-2 {
  margin-left: 2px;
  display: flex;
}

.team-slider-arrow {
  display: none;
}

.team-slider-nav {
  margin-top: 24px;
  font-size: 10px;
  display: none;
  position: static;
  bottom: -60px;
}

.map-2 {
  margin-bottom: 40px;
}

.heading-3 {
  align-items: center;
  height: 100%;
  margin-left: -23px;
  font-size: 20px;
  display: flex;
}

.heading-3.phone {
  color: var(--dark);
  margin-bottom: 0;
  margin-left: 0;
  font-family: Noto Sans TC, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

.background-video {
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.lynx-process-number {
  color: var(--lynx-white);
  font-family: PT Serif, serif;
  font-size: 30px;
  font-style: italic;
  line-height: 110%;
}

.lynx-block-process-green {
  background-color: var(--lynx-medium-sea-green);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-bottom: 36px;
  display: flex;
  box-shadow: 0 0 0 15px #32b77a1a;
}

.lynx-process {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.lynx-block-process-purple {
  background-color: var(--lynx-medium-purple);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-bottom: 36px;
  display: flex;
  box-shadow: 0 0 0 15px #8979ec1a;
}

.lynx-block-process-pink {
  background-color: var(--lynx-deep-pink);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-bottom: 36px;
  display: flex;
  box-shadow: 0 0 0 15px #fd4b8b1a;
}

.lynx-grid-process {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.lynx-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-product-good {
  background-color: var(--teal-900);
  margin-bottom: 0;
  padding-top: 0;
}

.container-5 {
  width: 100%;
}

.link-block {
  height: 100%;
  display: flex;
}

.link-block.nostyle {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.link-block.nostyle.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  font-style: normal;
  text-decoration: none;
  display: flex;
}

.product-head {
  justify-content: center;
  align-items: center;
  min-height: 650px;
  display: flex;
}

.product-head.heavy-head {
  background-color: #0000;
  background-image: url('../images/用電大戶.png');
  background-position: 50% 40%;
  background-size: cover;
  min-height: 90vh;
}

.product-head.heavy-head.solar {
  background-image: url('../images/重要1.jpg');
  background-position: 0 100%;
  background-size: cover;
  min-height: 88vh;
}

.product-head.heavy-head.solar.real_product_head {
  background-image: url('../images/產品圖.png');
  background-position: 50% 100%;
}

.product-head.heavy-head.solar.power_bg {
  background-color: var(--teal-900);
  background-image: url('../images/再生搭配儲能.png');
}

.avatarkit-feature-card-transparent {
  color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  font-family: Noto Sans TC, sans-serif;
  display: flex;
}

.avatarkit-mg-20px-bottom {
  margin-bottom: 20px;
}

.avatarkit-services-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.avatarkit-service-title {
  color: var(--dark);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans TC, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.avatarkit-container-component {
  width: 100%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.avatarkit-center-text {
  color: var(--dark);
  text-align: center;
  font-family: Noto Sans TC, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.avatarkit-center-text.about-think {
  margin-bottom: 0;
  font-size: 20px;
}

.section-3 {
  background-color: var(--light_green3);
  padding-top: 10px;
  padding-bottom: 10px;
}

.success-message {
  background-color: #ceff2045;
}

.spark-wrapped-card {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.uui-team09_item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.team-member-name {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
}

.team-member-image {
  object-fit: cover;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  margin-bottom: 24px;
}

.section-4 {
  background-color: var(--teal-800);
  margin-bottom: 40px;
}

.uui-team09_list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
}

.comparison-table {
  background-color: var(--teal-500);
  color: #000;
  flex-direction: column;
  margin-top: 50px;
  padding-left: 36px;
  display: flex;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-team09_item-content {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.team-card {
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.uui-padding-vertical-xhuge {
  background-color: #0000;
  padding-top: 1rem;
  padding-bottom: 7rem;
}

.uui-text-size-medium {
  letter-spacing: normal;
  -webkit-text-stroke-color: #fff;
  font-size: 1rem;
  line-height: 1.5;
}

.comparison-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.25fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 24px;
  display: grid;
}

.comparison-row.last {
  border-bottom-style: none;
}

.section-tes {
  background-color: var(--teal-800);
}

.slide-image {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 65vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.speaker-slide-content {
  z-index: 100;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.speaker-slider {
  background-color: var(--teal-900);
  justify-content: center;
  align-items: stretch;
  height: 500px;
  font-size: 24px;
  display: flex;
}

.slide-nav {
  background-color: #0000;
  display: block;
}

.clip-text {
  overflow: hidden;
}

.clip-text.speaker-headding {
  margin-top: 0;
  margin-bottom: 0;
}

.speaker-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 101%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.speaker-image.six {
  background-image: url('../images/product_S-series去背圖.png');
  background-position: 50%;
  background-size: contain;
  width: 100%;
}

.speaker-image.six.home_product {
  background-image: url('../images/product_H-series去背圖.png');
  width: 100%;
}

.speaker-image.six.main_product_img {
  background-image: url('../images/product_C-series去背圖.png');
}

.speaker-slide-mask {
  width: 33.33%;
  overflow: visible;
}

.speaker-info {
  max-width: 500px;
  margin-bottom: 36px;
}

.slide-arrow {
  width: 18px;
}

.speaker-arrow {
  background-color: #1e2029;
  border: 1px #ffffff0a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 0;
  display: flex;
  inset: auto 5vw 5vw auto;
}

.speaker-arrow.left {
  margin-right: 72px;
  left: auto;
  right: 5vw;
}

.lynx-block-image {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.lynx-paragraph {
  color: var(--lynx-grey);
  max-width: 820px;
  margin-bottom: 36px;
  font-family: Varela, sans-serif;
  font-size: 18px;
  line-height: 165%;
}

.lynx-block-left {
  padding-right: 15%;
}

.lynx-grid-image-right {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  width: 100%;
}

.lynx-content-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.background-video-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 650px;
  min-height: 90vh;
  display: flex;
}

.grid-single_wrapper {
  background-color: var(--公司深藍);
  min-height: .25vh;
  padding: 6vw 7.5vw;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.text-size-large {
  font-size: 2rem;
}

.text-size-large.text-weight-semibold {
  color: var(--white);
  font-family: Manrope, sans-serif;
  font-weight: 700;
  line-height: 2rem;
}

.text-size-large.text-weight-semibold.bg_video {
  align-self: flex-start;
  margin-top: 60px;
  margin-left: 60px;
  line-height: 1.25;
}

.text-size-large.text-weight-semibold.light-text {
  margin-bottom: 20px;
  line-height: 4rem;
}

.text-size-large.text-weight-semibold {
  font-size: 2rem;
  line-height: 1.25;
}

.text-size-large.text-weight-semibold.mb40px {
  margin-bottom: 40px;
}

.grid-half_wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.grid-half_item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-height: 50vh;
  padding: 6vw 7.5vw;
  display: flex;
  position: relative;
}

.grid-half_item.is-full {
  padding: 0;
}

.grid-half_item.grey_bg {
  color: var(--dark);
  background-color: #0000;
  padding: 0 5vw;
}

.grid-half_item.grey_bg.about-second {
  order: 1;
  padding-top: 0;
  padding-bottom: 0;
}

.padding-section-large {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.container-7 {
  max-width: 1080px;
}

.lynx-content-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.lynx-block-features-large {
  background-color: var(--公司藍);
  min-height: 250px;
  padding: 20px;
}

.lynx-features-large {
  background-color: var(--lynx-white);
  text-align: center;
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  box-shadow: 0 10px 15px -10px #1f20221a;
}

.lynx-grid-2-columns {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  width: 100%;
  margin-top: 0;
}

.hero-heading-left {
  background-color: var(--teal-800);
  border-bottom: 1px #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-8 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 46%;
  display: flex;
}

.waves---mg-top-16 {
  margin-top: 16px;
}

.waves---main-container {
  max-width: 1352px;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 24px;
  padding-right: 24px;
}

.waves---paragraph-big {
  font-size: 20px;
  line-height: 130%;
}

.waves---heading-2-no-margins {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 130%;
}

.waves---content-image-halves {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 520px;
  display: flex;
}

.waves---grid-cta-3 {
  grid-column-gap: 80px;
  grid-template-rows: auto;
}

.waves-master-cta-3 {
  background-color: var(--公司藍);
  color: var(--waves-library-white);
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.waves---section-medium {
  background-color: var(--waves-library-black);
  margin: 0 100px;
  padding-top: 0;
  padding-bottom: 5px;
}

.waves-gradient-hero-6 {
  z-index: 9;
  background-image: linear-gradient(#faebe3, #faebe300);
  height: 220px;
  position: absolute;
  inset: -1px 0% auto;
}

.waves-gradient-hero-6.bottom {
  background-image: linear-gradient(to top, #faebe3, #faebe300);
  inset: auto 0% -1px;
}

.waves-image-hero-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.waves-image-wrap-hero-2 {
  border-radius: 12px;
  width: 100%;
  height: 410px;
  overflow: hidden;
}

.waves-item-gallery-hero-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.waves-inside-hero-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.waves-inside-hero-2.reverse {
  justify-content: flex-end;
}

.waves-column-hero-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 48%;
  display: flex;
}

.waves-gallery-hero-2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 550px;
  height: 740px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.waves---limit-481 {
  width: 100%;
  max-width: 480px;
}

.waves-content-hero-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 100px;
  display: flex;
}

.waves-grid-hero-2 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
}

.waves---main-container-2 {
  max-width: 1352px;
  padding-left: 24px;
  padding-right: 24px;
}

.waves---section-hero-primary-2 {
  background-color: var(--teal-800);
  padding-top: 100px;
  padding-bottom: 100px;
}

.waves---heading-3-no-margins {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.waves-icon-32 {
  width: 50px;
  height: 50px;
}

.waves---mg-bottom-16 {
  margin-bottom: 16px;
}

.waves-tile-feature-5 {
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.waves---grid-features-5 {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 80px;
}

.waves---center-heading {
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.waves---section-medium-2 {
  background-color: var(--teal-900);
  padding-top: 100px;
  padding-bottom: 100px;
}

.grey_bg {
  background-color: var(--teal-800);
  padding-top: 40px;
}

.waves-middle-image-hero-6 {
  border-radius: 24px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 2px 40px #5f5f5f0f;
}

.waves---limit-511 {
  width: 100%;
  max-width: 480px;
}

.waves-limit-1008 {
  width: 100%;
  max-width: 1008px;
}

.waves-content-hero-6 {
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.waves---main-container-3 {
  max-width: 1352px;
  padding-left: 24px;
  padding-right: 24px;
}

.waves---section-hero-primary-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.bold-text-10 {
  color: var(--dark);
}

.text-block-4 {
  color: var(--teal-950);
}

.lynx-content-hero-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1392px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.waves---mg-top-18 {
  margin-top: 16px;
}

.waves---limit-512 {
  width: 100%;
  max-width: 480px;
}

.waves-title-wrap-hero-6 {
  z-index: 1;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.waves---main-container-4 {
  max-width: 1352px;
  padding-left: 24px;
  padding-right: 24px;
}

.waves-gradient-hero-7 {
  background-image: url('../images/coworker3.jpg');
  background-position: 50% 25%;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.waves-section-hero-6 {
  color: var(--waves-library-white);
  background-image: url('../images/Wide-Image_1Wide Image.webp');
  background-position: 50%;
  background-size: cover;
  padding-top: 340px;
  padding-bottom: 88px;
  position: relative;
}

.feature-section {
  background-color: var(--teal-800);
  border-bottom: 1px #e2e4e8;
  padding: 0 3%;
  position: relative;
}

.flex-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.feature-grid-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.feature-header {
  margin-bottom: 12px;
  font-size: 21px;
  font-weight: 700;
  line-height: 34px;
}

.grid-wrapper-2 {
  grid-column-gap: 49px;
  grid-row-gap: 65px;
  grid-template-columns: 1fr 1fr 1fr;
  align-self: stretch;
  margin-top: 75px;
}

.icon-image {
  width: 60px;
  margin-bottom: 20px;
}

.standard-paragraph {
  color: var(--grey-3);
}

.blog-section {
  padding: 0 3%;
}

.waves---center-heading-2 {
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.waves---main-container-5 {
  background-color: var(--teal-800);
  max-width: 1352px;
  padding-left: 24px;
  padding-right: 24px;
}

.div-block-6 {
  display: flex;
}

.lottie-animation-3 {
  height: 100%;
}

.paragraph-6 {
  font-size: 24px;
  line-height: 36px;
}

.lottie-animation-5 {
  height: 300px;
}

.div-block-8 {
  background-color: #999999a8;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.navbar2_logo {
  color: var(--dark);
  background-color: #0000;
  width: 113px;
  height: 20px;
}

.navbar2_logo:hover {
  color: var(--dark);
}

.div-block-9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.main_title {
  color: var(--white);
  text-shadow: 0 0 20px var(--dark);
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.p_text_middle {
  color: var(--teal-100);
  text-align: center;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 36px;
}

.main_title_text {
  margin-top: 20px;
  font-size: 48px;
  line-height: 48px;
}

.footer_text {
  color: var(--dark);
}

.avatarkit-center-text-copy-copy {
  color: var(--dark);
  text-align: center;
  font-family: Noto Sans TC, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.avatarkit-center-text-copy-copy.about-think {
  margin-bottom: 0;
  font-size: 20px;
}

.table-text {
  color: var(--white);
  font-size: 24px;
}

.bold-text-14 {
  font-size: 12px;
  font-weight: 400;
}

.about-icon {
  width: 50px;
  height: 50px;
}

.p-text {
  color: var(--dark);
  font-size: 24px;
  font-weight: 400;
  text-decoration: none;
}

.popup-close {
  z-index: 2;
  color: #ffde89;
  cursor: pointer;
  background-color: #272531;
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 1em 1em auto auto;
}

.popup-close:hover {
  transform: scale(1.1);
}

.popup-background {
  z-index: 0;
  background-color: #e4d7c9f0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.popup-toggle {
  color: #272531;
  cursor: pointer;
  text-decoration: none;
  transition: all .2s;
}

.popup-toggle:hover {
  opacity: .75;
}

.hero-gallery-item {
  width: 100%;
  max-width: 100%;
  margin-top: -100vh;
  position: relative;
}

.logos-without-title {
  border-bottom: 0 solid #0000;
  padding: 60px 30px;
  position: relative;
}

.container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.container.safelogo {
  padding-top: 20px;
}

.clients-image-three {
  width: 100px;
  margin: auto;
}

.text-weight-semibold {
  font-weight: 400;
}

.text-size-regular {
  font-size: 1rem;
}

.product_container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.battery_introduction {
  color: var(--dark);
  background-color: #d3d3d3;
  border: 1px solid #000;
  padding: 40px 30px;
  position: relative;
}

.battery_introduction.household {
  display: none;
}

.features-wrapper-two {
  -webkit-text-stroke-color: var(--dark);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.features-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 40%;
  margin-top: 140px;
  display: flex;
}

.features-right {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: -16px;
  display: flex;
}

.features-block-two {
  justify-content: flex-start;
  align-items: center;
  width: 33%;
  margin-bottom: 16px;
  display: flex;
}

.features-image {
  object-fit: cover;
  width: 80px;
  height: 80px;
  margin-right: 16px;
}

.slider-2 {
  background-color: #0000;
}

.slide-nav-2 {
  display: none;
}

.product_img {
  overflow: visible;
}

.d-link:hover {
  background-color: var(--公司深藍);
  color: var(--white);
}

.d-link.hide {
  display: block;
}

.dropdown.language {
  display: none;
}

.dropdown.language-desk {
  border: 1px #000;
}

.icon {
  margin-left: 0;
  padding-left: 20px;
  display: block;
}

.icon.drop-icon-hide {
  display: none;
}

.div-block-13 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 10px;
  display: flex;
}

.product_h3 {
  text-align: center;
  border-bottom: 2px solid #000;
}

.wbs-container {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.wbs-section {
  background-color: #0000;
  padding: 1rem;
}

.section-10 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.section-10.hide {
  display: none;
}

.wbs-step-3-arrow-image-last {
  opacity: .25;
  position: absolute;
  inset: auto 23% -20% auto;
}

.wbs-step-3-arrow-image-top {
  opacity: .25;
  position: absolute;
  inset: -20% 0% 0% 26%;
}

.wbs-step-3-arrow-image-bottom {
  opacity: .25;
  position: absolute;
  inset: auto 0% -20%;
}

.wbs-heading-h5 {
  color: var(--flowstica-webflow-library-black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3em;
}

.wbs-step-3-simple-number {
  color: var(--flowstica-webflow-library-medium-sea-green);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 26px;
}

.wbs-step-3-item-top {
  margin-top: 100px;
}

.wbs-step-3 {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.wbs-section-2 {
  justify-content: center;
  align-items: center;
  padding: 6.25rem 5%;
}

.article_slug {
  font-size: 16px;
  font-weight: 400;
}

.article_title {
  color: var(--dark);
  object-fit: fill;
  height: 72px;
  margin-bottom: 0;
  font-family: Noto Sans TC, sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
  overflow: hidden;
}

.article_title.truncate {
  object-fit: fill;
  height: 60px;
  text-decoration: none;
  overflow: hidden;
}

.article_img {
  border: 1px solid #000;
  border-radius: 5px;
  width: 100%;
  height: 250px;
  margin-bottom: 5px;
}

.div-block-17 {
  text-align: left;
}

.collection-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 30%;
  margin-bottom: 10px;
  display: block;
}

.product_h_title {
  font-size: 20px;
  line-height: 36px;
}

.text-block-15 {
  color: var(--white);
}

.div-block-18 {
  justify-content: center;
  align-items: center;
  width: 70%;
  margin-bottom: 40px;
  display: flex;
}

.product_name {
  font-family: Noto Sans TC, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.lottie-animation-6 {
  height: 300px;
}

.paragraph-8 {
  color: var(--white);
  font-size: 24px;
  line-height: 36px;
}

.product_advantage {
  font-family: Noto Sans TC, sans-serif;
}

.paragraph-9-height {
  height: 100px;
  font-weight: 400;
}

.bold-text-31,
.bold-text-32,
.bold-text-33 {
  color: var(--ce-bg-primary);
}

.heading-18 {
  text-align: center;
  margin-bottom: 20px;
}

.bold-text-34 {
  color: var(--color-4);
}

.paragraph-9 {
  text-align: left;
}

.heading-23 {
  margin-bottom: 40px;
}

.bold-text-35 {
  font-weight: 400;
}

.bold-text-36 {
  margin-bottom: 40px;
}

.wbs-container-2 {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.wbs-section-3 {
  padding: 0;
}

.wbs-team-border-info {
  padding-top: 15px;
}

.wbs-team-image {
  border-radius: 10px;
  width: auto;
  height: 250px;
}

.wbs-team-border-image-wrap {
  border-radius: 10px;
  overflow: hidden;
}

.wbs-team-border-item {
  text-align: center;
  border: 1px solid #010b151f;
  border-radius: 10px;
  padding: 10px 10px 20px;
}

.wbs-team-border-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-bottom: 100px;
  display: grid;
}

.heading-27 {
  -webkit-text-stroke-color: var(--dark);
}

.bold-text-41 {
  color: var(--teal-100);
  text-align: left;
  font-size: 24px;
}

.bold-text-42 {
  color: var(--teal-100);
  font-size: 24px;
}

.heading-29,
.heading-30 {
  text-align: center;
}

.paragraph-10 {
  text-align: left;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 24px;
  line-height: 36px;
}

.paragraph-11 {
  color: var(--teal-100);
  font-size: 18px;
}

.paragraph-12 {
  color: var(--white);
  font-size: 24px;
  line-height: 36px;
}

.text-block-20 {
  font-size: 24px;
  line-height: 36px;
}

.div-block-22 {
  display: flex;
}

.div-block-23,
.div-block-24 {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.mask {
  height: 350px;
  overflow: hidden;
}

.left-arrow {
  overflow: visible;
}

.lottie-animation-7 {
  width: 100%;
  height: 500px;
}

.heading-31 {
  text-shadow: 0 1px 1px var(--dark);
}

.news-section {
  background-color: var(--light-green公司色);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
  padding: 20px 0;
  display: flex;
}

.news-section.cms_banner {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 100%;
  background-size: cover;
}

.news-title {
  background-color: var(--teal-950);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 176px;
  padding-bottom: 0;
  overflow-x: hidden;
}

.news-title.news-wrapper {
  display: block;
}

.heading-32 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
}

.section-11 {
  padding-bottom: 63px;
}

.news-body {
  min-height: 400px;
}

.new-container {
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-26 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-27 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.image-5 {
  width: 100%;
}

.heading-33 {
  text-align: center;
  margin-top: 40px;
  font-family: Noto Sans TC, sans-serif;
  font-weight: 700;
}

.table_section {
  color: var(--grey-1);
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-29 {
  background-image: url('../images/箭頭.png');
  background-position: 50%;
  background-size: 100% 100%;
}

.div-block-29.num4d {
  margin-top: 60px;
}

.container-17 {
  min-height: 200px;
}

.div-block-30 {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 100px;
  margin-bottom: 100px;
  display: flex;
}

.div-block-31 {
  border: 1px solid var(--dark);
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  display: flex;
}

.div-block-31.num4div {
  height: 200px;
}

.bold-text-43 {
  text-align: center;
  font-weight: 400;
}

.text-block-25 {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 70px;
  display: flex;
}

.heading-34 {
  text-align: center;
  font-family: Noto Sans TC, sans-serif;
}

.section-12 {
  border-bottom: 0 solid #0000;
}

.paragraph-14 {
  margin-top: 40px;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.div-block-32 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-33 {
  width: 50%;
}

.div-block-34 {
  justify-content: space-between;
  display: flex;
}

.image-6 {
  height: 270px;
  display: block;
}

.div-block-35,
.div-block-36 {
  width: 50%;
}

.paragraph-15,
.paragraph-20,
.paragraph-23,
.paragraph-24 {
  font-size: 24px;
  line-height: 36px;
}

.image-7 {
  border: 1px solid #000;
  margin-left: 10px;
}

.paragraph-25,
.paragraph-26 {
  font-size: 24px;
  line-height: 36px;
}

.image-8 {
  height: 270px;
}

.div-block-37,
.div-block-38,
.div-block-39,
.div-block-40 {
  display: flex;
}

.div-block-41 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-42,
.div-block-43,
.div-block-44 {
  display: flex;
}

.div-block-45 {
  justify-content: space-around;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.image-10 {
  height: 50px;
  margin-bottom: 10px;
}

.div-block-46 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lottie-animation-8 {
  width: 150px;
}

.section-13 {
  background-color: var(--teal-800);
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.paragraph-28 {
  color: var(--teal-100);
  font-size: 24px;
  line-height: 36px;
}

.link-block-2 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-47 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.taiwanpowerproduct {
  background-color: var(--white);
  margin-bottom: 40px;
}

.section-14 {
  background-color: var(--teal-800);
  padding: 20px 100px;
}

.image-11 {
  width: auto;
  height: 200px;
}

.esg_p {
  color: var(--teal-200);
  font-size: 24px;
  line-height: 36px;
}

.cell {
  justify-content: center;
  align-items: flex-start;
}

.esg_text_e {
  color: var(--flowstica-webflow-library-medium-sea-green);
  font-size: 36px;
}

.esg_text_e.esg_text_g {
  color: #c55a11;
}

.esg_text_e.socity {
  color: #e34834;
}

.section_esg {
  background-color: var(--teal-900);
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-35 {
  background-color: var(--grey-3);
  color: var(--white);
  text-align: center;
  width: 100%;
  font-family: Noto Sans TC, sans-serif;
  font-size: 24px;
  line-height: 36px;
}

.heading-35.h36 {
  background-color: var(--color-2);
}

.heading-35.h37 {
  background-color: var(--color-3);
}

.cell-2 {
  border: 1px solid #000;
}

.text-block-26 {
  display: block;
}

.paragraph-29 {
  color: var(--teal-100);
  font-size: 24px;
  line-height: 36px;
}

.heading-36 {
  margin-left: auto;
  margin-right: auto;
  font-family: Noto Sans TC, sans-serif;
}

.html-embed,
.html-embed-2.bigger_table {
  width: 100%;
}

.heading-39 {
  background-color: var(--grey-3);
  color: var(--white);
  border-bottom: 1px solid #000;
  width: 100%;
  font-family: Noto Sans TC, sans-serif;
  font-size: 21px;
}

.heading-39.on_time {
  background-color: var(--color-2);
}

.heading-39.supply {
  background-color: var(--color-3);
}

.cell-4 {
  justify-content: center;
  align-items: center;
}

.cell-5 {
  border: 1px solid #000;
}

.big_container {
  height: 100%;
}

.image-14 {
  border: 4px solid var(--teal-300);
}

.cell-7 {
  border: 3px solid var(--teal-300);
  justify-content: center;
  align-items: center;
  padding: 5px;
}

.paragraph-32 {
  color: var(--teal-100);
  font-size: 24px;
  line-height: 36px;
}

.heading-41 {
  margin-left: auto;
  margin-right: auto;
}

.cell-8 {
  border: 3px solid var(--teal-300);
  justify-content: center;
  align-items: center;
  padding: 5px;
}

.bold-text-44 {
  text-align: center;
}

.section-16 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-27 {
  text-align: center;
}

.heading-42 {
  padding-bottom: 40px;
  font-size: 40px;
}

.bold-text-45 {
  color: var(--white);
}

.bold-text-46 {
  color: #f5a51a;
}

.text-block-28 {
  font-size: 18px;
}

.list-features_wrapper {
  width: 100%;
}

.button-5 {
  color: #000;
  text-align: center;
  background-color: #96e18c;
  border-radius: 100vw;
  padding: .75rem 1.5rem .85rem;
  font-weight: 600;
  transition: all .3s;
}

.button-5:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.button-5.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: Manrope, sans-serif;
  text-decoration: none;
  display: flex;
}

.button-5.is-icon:hover {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
}

.button-5.is-large {
  color: var(--dark);
  margin-top: 40px;
  padding: 1rem 2rem 1.1rem;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  display: block;
}

.button-5.is-large.button-hide {
  display: none;
}

.button-5.is-secondary {
  color: #fff;
  background-color: #fff3;
  border: 2px solid #000;
  border-bottom-width: .125rem;
}

.button-5.is-secondary.is-icon.button_6 {
  color: var(--light-green公司色);
}

.button-5.is-secondary.is-icon.button_6.w--current {
  font-family: Manrope, sans-serif;
}

.button-5.is-navbar2-button {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  flex: none;
  padding-top: .5rem;
  padding-bottom: .6rem;
  transition: all .3s;
}

.button-5.is-navbar2-button:hover {
  color: #000;
  background-color: #fff;
}

.button-5.is-navbar2-button.is-mobile {
  display: none;
}

.button-5.is-discord {
  box-shadow: none;
  background-color: #96e18c;
  font-size: .875rem;
  transition-property: none;
}

.button-5.is-text {
  color: #fff;
  background-color: #0000;
  border-bottom: 1px solid #ffffff80;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s;
}

.button-5.is-text:hover {
  border-bottom-color: #fff;
}

.button-5.is-large {
  padding: 1rem 2rem 1.1rem;
}

.features-slider_sticky {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.heading-style-h1 {
  font-family: Manrope, sans-serif;
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.1;
}

.banner_background-wrapper {
  z-index: -1;
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.section_home-hero {
  position: relative;
}

.heading-style-h3 {
  font-family: Manrope, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.grid-half_list {
  flex-direction: column;
  width: 50%;
  display: flex;
}

.banner_background-src {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.global-styles {
  color: #fff;
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-group.is-center {
  justify-content: center;
}

.button-group.is-right {
  justify-content: flex-end;
}

.button-group.is-right.bg_button {
  margin-bottom: 60px;
  padding-right: 60px;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.footer_address-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2.5rem;
  font-size: .875rem;
  display: flex;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
  font-family: Manrope, sans-serif;
  font-weight: 400;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.featues-slider_sticky-wrapper {
  width: 100%;
  max-width: 100%;
  padding-bottom: 100%;
  position: relative;
}

.navbar2_logo-link {
  color: #fff;
}

.grid-half_background {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.navbar2_menu {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.navbar2_menu.is-page-height-tablet {
  margin-left: auto;
}

.navbar2_menu-button {
  padding: 0;
}

.grid-third_item {
  background-color: #010001;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding: 6vw 3.5vw;
  font-family: Manrope, sans-serif;
  display: flex;
}

.heading-2 {
  margin-bottom: 40px;
  font-family: Manrope, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.2;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.footer_logo-link {
  color: #fff;
}

.text-size-medium {
  font-size: 1.75rem;
}

.text-size-medium.text-style-muted-75 {
  font-family: Manrope, sans-serif;
  line-height: 1.4;
}

.text-size-medium.text-style-muted-75.center-text {
  font-weight: 500;
}

.list-features_title {
  color: #96e18c;
  font-family: Manrope, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
}

.grid-single_wrapper-2 {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 75vh;
  padding: 6vw 7.5vw;
  display: flex;
}

.section_video-break {
  position: relative;
}

.navbar2_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  font-family: Manrope, sans-serif;
  display: grid;
}

.text-align-center {
  text-align: center;
}

.video_wrapper {
  width: 100%;
  max-width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}

.main-wrapper.is-spaced {
  margin-top: 4.5rem;
}

.heading-style-h4 {
  font-family: Manrope, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.product_content-wrapper {
  text-align: center;
  max-width: 20rem;
}

.home-hero_background-video {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.heading {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  transition: opacity .2s, opacity .2s, opacity .2s;
  display: none;
}

.home-hero_background-wrapper {
  background-color: var(--grey-3);
  opacity: 1;
  position: absolute;
  inset: 0%;
}

.page-wrapper-2 {
  outline-offset: 0px;
  color: var(--white);
  outline: 1px solid #333;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.navbar2_link {
  color: #fff;
  margin-left: .25rem;
  margin-right: .25rem;
  padding: .5rem 1rem;
  font-weight: 400;
  transition: opacity .2s;
  display: block;
}

.navbar2_link:hover {
  opacity: .75;
}

.navbar2_link.w--current {
  color: #96e18c;
}

.navbar2_link.temp {
  display: block;
}

.features_slider-content-item {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 50vh;
  display: flex;
}

.grid-third_wrapper {
  display: flex;
}

.grid-half_item-2 {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  min-height: 50vh;
  padding: 5vw 7.5vw;
  display: flex;
  position: relative;
}

.grid-half_item-2.is-align-top {
  justify-content: flex-start;
}

.grid-half_item-2.is-stacked {
  width: 100%;
}

.video-break_wrapper {
  width: 100%;
  max-width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}

.padding-global {
  background-color: #010001;
  padding-left: 7.5vw;
  padding-right: 7.5vw;
}

.home-hero_component {
  z-index: 1;
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.grid-half_component-2 {
  justify-content: flex-start;
  display: flex;
}

.navbar2_button-wrapper {
  grid-column-gap: 1rem;
  margin-left: 1rem;
  display: flex;
}

.footer_link-item {
  opacity: .5;
  color: #fff;
  font-family: Manrope, sans-serif;
  text-decoration: none;
  transition: opacity .2s;
  display: block;
}

.footer_link-item:hover {
  opacity: 1;
}

.footer_link-item.noir {
  display: none;
}

.video-break_video {
  object-fit: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.section_grid-single {
  position: relative;
}

.grid-half_stat-detail {
  font-family: Manrope, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 2.5rem;
}

.grid-half_stat-detail.text-size {
  font-family: Manrope, sans-serif;
  font-weight: 400;
}

.grid-half_stat {
  text-align: center;
  width: 100%;
  max-width: 20rem;
}

.footer_component {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1rem;
  display: flex;
}

.product_image-wrapper {
  width: 100%;
  margin-bottom: 5rem;
  padding-bottom: 100%;
  position: relative;
}

.section_footer {
  background-color: var(--dark);
  padding-left: 5%;
  padding-right: 5%;
}

.cta_wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.cta_wrapper.wrap-padding {
  padding-left: 20px;
  padding-right: 20px;
}

.navbar2_logo-2 {
  width: 113px;
  height: 20px;
}

.features-slider_content-list {
  padding-top: 25vh;
  padding-bottom: 25vh;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.section_divider {
  background-color: #0000;
  width: 100%;
  height: 1px;
}

.section_divider.is-vertical {
  flex-direction: row;
  width: 1px;
  height: auto;
}

.section_divider.is-product {
  width: 1px;
  height: 100%;
}

.list-features_item {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 5rem;
  display: flex;
}

.grid-half_background-image {
  opacity: .25;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.padding-section-large-2 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.section_grid-half-2 {
  padding-left: 7.5vw;
  padding-right: 7.5vw;
  display: block;
}

.section_grid-half-2.section_padding {
  padding-left: 7.5vw;
}

.section_grid-half-2.section_padding.hide,
.section_grid-half-2.hide {
  display: none;
}

.text-color-green {
  color: #96e18c;
  line-height: 1.25;
}

.footer_links-list {
  grid-column-gap: 2.5rem;
  justify-content: flex-end;
  display: flex;
}

.features-slider_sticky-video {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
}

.heading-style-h2 {
  font-family: Manrope, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1.2;
}

.text-style-muted-50 {
  opacity: .5;
  font-family: Manrope, sans-serif;
  font-size: .87rem;
  font-weight: 700;
  line-height: 1.25;
}

.text-style-muted-50.text-bigger {
  font-size: 2rem;
  line-height: 1.2;
}

.navbar2_component {
  background-color: #000;
  border-bottom: 1px solid #0000;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100px;
  min-height: 4.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  transition: border-color .2s;
  display: flex;
  position: fixed;
  top: 0;
}

.product_image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
}

.features-slider_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.text-link {
  text-decoration: underline;
}

.text-size-tiny {
  font-size: .75rem;
}

.header81_ix-trigger {
  z-index: -1;
  margin-top: 100vh;
  position: absolute;
  inset: 0%;
}

.header81_component {
  height: 100vh;
  position: relative;
}

.error-message {
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.section_banner {
  position: relative;
}

.header81_content-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
}

.header38_form-block {
  max-width: 30rem;
  margin-bottom: 0;
}

.grid-single_wrapper-3 {
  min-height: 75vh;
  padding: 6vw 7.5vw;
}

.header38_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: 1.5rem;
  display: grid;
}

.header81_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.grid-offset_wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.page-wrapper-3 {
  outline-offset: 0px;
  outline: 1px solid #333;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

._100vh {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.grid-half_item-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-height: 50vh;
  padding: 6vw 7.5vw;
  display: flex;
  position: relative;
}

.grid-half_item-3.is-full {
  padding: 0;
}

.padding-global-2 {
  padding-left: 7.5vw;
  padding-right: 7.5vw;
  font-size: 1rem;
  line-height: 1.25;
}

.form-input {
  color: #000;
  background-color: #fff;
  border-radius: 100vw;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem 1.25rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form-input:focus {
  border-color: #000;
}

.form-input::placeholder {
  color: #0009;
}

.grid-offset_item {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  min-height: 50vh;
  padding: 6vw 0 6vw 7.5vw;
  display: flex;
  position: relative;
}

.grid-offset_item.is-image {
  justify-content: center;
  align-items: center;
  width: 60%;
  padding: 6vw 7.5vw 1px 0;
}

.grid-offset_item.is-align-top {
  justify-content: flex-start;
}

.grid-offset_item.is-product {
  grid-row-gap: 5rem;
  justify-content: space-between;
  font-family: Manrope, sans-serif;
}

.text-size-huge {
  font-family: Manrope, sans-serif;
  font-size: 4rem;
}

.text-size-huge.heading-49 {
  font-size: 4.4rem;
  font-weight: 700;
  line-height: 1.1;
}

.header81_content-left {
  flex: none;
  max-width: 40rem;
  margin-left: 5vw;
  margin-right: 5rem;
  position: relative;
}

.banner_background-overlay {
  z-index: 1;
  background-color: #00000040;
  position: absolute;
  inset: 0%;
}

.section_footer-2 {
  padding-left: 5%;
  padding-right: 5%;
}

.header81_content-right {
  flex: none;
  width: 50%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.header81_image-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.padding-section-large-3 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.success-message-2 {
  text-align: left;
  background-color: #0000;
  padding: 0 2rem 2rem 0;
}

.body-5 {
  color: var(--white);
  background-color: #010001;
}

.form-input-large {
  color: #ffffff80;
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #ffffff40;
  flex: 1;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem 1.75rem;
  font-size: 1.25rem;
  line-height: 1.4;
}

.form-input-large:focus {
  color: #fff;
  border-bottom-color: #fff;
}

.form-input-large::placeholder {
  color: #ffffff80;
}

.form-input-large.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.margin-vertical,
.margin-vertical.margin-huge {
  margin-left: 0;
  margin-right: 0;
}

.form-field-wrapper {
  position: relative;
}

.text-size-small {
  font-size: .875rem;
}

.discord_details {
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  display: flex;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.discord_details_left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.error-text {
  color: #e23939;
}

.discord_component {
  z-index: 100;
  margin-bottom: 2.5rem;
  margin-right: 2.5rem;
  position: fixed;
  inset: auto 0% 0% auto;
}

.padding-global-3 {
  padding-left: 7.5vw;
  padding-right: 7.5vw;
  font-family: Manrope, sans-serif;
}

.contact3_component {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
}

.section_footer-3 {
  padding-left: 5%;
  padding-right: 5%;
}

.discord_avatar {
  border-radius: 7px;
  width: 2.5rem;
  height: 2.5rem;
}

.table_key {
  align-items: baseline;
  display: flex;
}

.contact3_form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.padding-section-large-4 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.radio_wrapper {
  text-align: center;
  cursor: pointer;
  border: 1px solid #ffffff80;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.radio_wrapper:hover {
  border-color: #fff;
}

.discord_detail {
  padding-left: 1rem;
  padding-right: 2.5rem;
}

.table_key_color {
  background-color: #d6469b;
  border-radius: 100vw;
  width: 10px;
  height: 10px;
  margin-right: .56em;
}

.table_key_color.is--blue {
  background-color: #447b4a;
  width: .5rem;
  height: .5rem;
  margin-right: .5rem;
}

.text-color-orange {
  color: #f50;
}

.success-text {
  color: #000;
  font-weight: 600;
}

.discord_wrapper {
  background-color: #111;
  border: 1px solid #1a1a1a;
  border-radius: .5rem;
  padding: 1.25rem 1.5rem;
}

.background-video-4 {
  width: 50vw;
  min-height: 50vh;
}

.heading-44 {
  font-family: Manrope, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

.heading-45 {
  font-family: Manrope, sans-serif;
  font-weight: 400;
}

.cell-9 {
  justify-content: center;
  align-items: center;
}

.heading-47 {
  font-size: 2rem;
  line-height: 1.2;
}

.heading-47.headding-left {
  text-align: left;
}

.paragraph-34 {
  height: 100px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

.product_description {
  margin-bottom: 3rem;
}

.product_icons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.product_icons-wrapper {
  grid-row-gap: .375rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 500px;
  max-width: 4rem;
  font-size: .75rem;
  display: flex;
}

.section_footer-4 {
  padding-left: 5%;
  padding-right: 5%;
}

.product_lightbox-icon {
  grid-column-gap: .375rem;
  background-color: #333333e6;
  border-radius: 100vw;
  align-items: center;
  padding: .5rem .875rem;
  display: flex;
}

.section_product {
  position: relative;
}

.product-header4_features {
  margin-top: 2.5rem;
}

.cta_item-title {
  font-size: 2.5rem;
}

.product_list-wrapper {
  flex-direction: column;
}

.product_main-image-wrapper {
  position: relative;
}

.cta_item {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  border-bottom: 1px solid #333;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  padding-top: 2rem;
  padding-bottom: 2.25rem;
  display: flex;
}

.product_item {
  border-bottom: 1px solid #333;
  width: 100%;
}

.product_lightbox-indicator {
  display: none;
  position: absolute;
  inset: auto auto 2.5rem 7.5vw;
}

.container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.grid-single_wrapper-4 {
  min-height: 75vh;
  padding: 6vw 7.5vw;
}

.grid-single_wrapper-4.is-product {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.cta_list {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.product_lightbox-link {
  width: 100%;
  display: block;
}

.product_lightbox-link.is-1st {
  border-bottom: 1px solid #333;
}

.product-header4_tabs-menu {
  align-items: center;
  display: flex;
}

.product_list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.product_main-image {
  width: 100%;
}

.padding-global-4 {
  padding-left: 7.5vw;
  padding-right: 7.5vw;
}

.product-header4_specs-item {
  grid-row-gap: .375rem;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.product_product-details {
  padding-bottom: 6vw;
  padding-left: 7.5vw;
  padding-right: 7.5vw;
  font-family: Manrope, sans-serif;
  position: sticky;
  top: 8rem;
}

.product-header4_tab-link {
  color: #ffffff40;
  background-color: #0000;
  border-bottom: 2px solid #ffffff40;
  margin-right: 1.5rem;
  padding: .5rem 0;
}

.product-header4_tab-link.w--current {
  color: #fff;
  background-color: #0000;
  border-bottom-color: #fff;
}

.max-width-medium-2 {
  width: 100%;
  max-width: 32rem;
}

.product_gallery {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 5rem;
  grid-auto-columns: 1fr;
  align-items: start;
}

.section_footer-5 {
  padding-left: 5%;
  padding-right: 5%;
}

.product-header4_image-wrapper {
  width: 100%;
  position: relative;
}

.padding-section-large-5 {
  padding-top: 8rem;
  padding-bottom: 8rem;
  font-family: Manrope, sans-serif;
}

.product-header4_specs {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: 1fr;
}

.product-header4_image {
  width: 100%;
}

.product_layout {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.grid-single_wrapper-5 {
  min-height: 75vh;
  padding: 6vw 7.5vw;
}

.grid-single_wrapper-5.is-product {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.padding-global-5 {
  padding-left: 7.5vw;
  padding-right: 7.5vw;
}

.section_footer-6 {
  padding-left: 5%;
  padding-right: 5%;
}

.grid-single_wrapper-6 {
  min-height: 75vh;
  padding: 6vw 7.5vw;
}

.grid-single_wrapper-6.is-product {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.section_footer-7 {
  padding-left: 5%;
  padding-right: 5%;
}

.dropdown-toggle {
  border: 1px solid var(--dark);
  color: var(--white);
  padding: 5px 30px 5px 10px;
}

.phone_div {
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-2 {
  color: var(--white);
  margin-right: 10px;
}

.text-block-30 {
  color: var(--white);
}

.dropdown-2,
.phone_dropdown {
  display: none;
}

.heading-49 {
  font-family: Manrope, sans-serif;
  font-size: 4rem;
  line-height: 1.2;
}

.paragraph-35 {
  font-size: 1.5rem;
  line-height: 3rem;
}

.div-block-51 {
  background-color: #11111187;
  width: 100%;
  height: 100%;
  font-family: Manrope, sans-serif;
}

.text-block-33 {
  display: none;
}

.section-24 {
  width: 100vw;
  height: 100vh;
}

.rich-text-block {
  text-align: left;
}

.image-16 {
  width: 100%;
}

.contact_en_h2 {
  margin-bottom: 40px;
  font-family: Manrope, sans-serif;
  font-size: 3rem;
  line-height: 1.2;
}

.text-block-34 {
  color: var(--white);
}

.text-block-34.navbar2_link.hide {
  display: none;
}

.dropdown-link-2 {
  color: var(--white);
  text-align: center;
  background-color: #000;
}

.dropdown-link-2:hover {
  color: var(--公司藍);
}

.dropdown-link-2.w--current {
  color: #96e18c;
}

.heading-50 {
  text-align: left;
  margin-top: 60px;
  margin-bottom: 60px;
  font-family: Manrope, sans-serif;
  font-weight: 400;
}

.card_container {
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.heading-51 {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 0 10px;
  font-size: 24px;
  font-weight: 400;
}

.paragraph-36 {
  height: 100px;
  margin-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
}

.paragraph-36.summary {
  overflow-wrap: break-word;
  height: 170px;
  margin-bottom: 0;
}

.div-block-53 {
  background-color: var(--white);
  color: var(--dark);
  width: 350px;
  font-family: Manrope, sans-serif;
}

.cell-10 {
  padding-top: 0;
  padding-bottom: 60px;
  padding-left: 0;
}

.div-block-54 {
  background-image: url('../images/1.png');
  background-position: 50% 100%;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  height: 200px;
  display: flex;
}

.div-block-54.safety_bg1 {
  background-image: url('../images/3.png');
  background-position: 50% 0;
}

.div-block-54.safety_bg2 {
  background-image: url('../images/4_1.png');
}

.div-block-56 {
  background-color: #11111187;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 20%;
  padding-top: 10px;
  display: block;
}

.paragraph-39 {
  color: var(--white);
  margin-bottom: 0;
  padding-left: 20px;
}

.image-18.residential_img {
  height: 500px;
}

.quick-stack {
  grid-row-gap: 18px;
  padding: 100px 0 100px 0;
}

.heading-52 {
  color: var(--light-green公司色);
  font-family: Manrope, sans-serif;
}

.cell-11 {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.quick-stack-2 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  padding: 0;
}

.text-block-35 {
  text-align: center;
}

.text-block-36 {
  color: var(--light-green公司色);
  -webkit-text-stroke-color: var(--light_green3);
  font-family: Manrope, sans-serif;
}

.paragraph-40 {
  font-family: Manrope, sans-serif;
  font-size: 18px;
  line-height: 36px;
}

.text-block-37 {
  font-family: Manrope, sans-serif;
}

.grid-single_wrapper-7 {
  min-height: 75vh;
  padding: 6vw 7.5vw;
}

.grid-single_wrapper-7.is-product {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.body-6 {
  background-color: var(--dark);
  color: var(--white);
}

.text-block-38,
.text-block-39,
.text-block-40 {
  font-family: Manrope, sans-serif;
}

.text-block-41,
.text-block-42 {
  font-family: Manrope, sans-serif;
  font-weight: 400;
}

.text-block-43 {
  font-family: Manrope, sans-serif;
}

.heading-53 {
  font-family: Manrope, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.2;
}

.paragraph-41 {
  font-family: Manrope, sans-serif;
  font-size: 18px;
  line-height: 36px;
}

.paragraph-41.p-nolpd {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

.text-block-44 {
  font-weight: 400;
}

.section-26 {
  height: 100px;
}

.image-19,
.image-20 {
  width: 600px;
}

.container-22 {
  max-width: 100%;
  padding: 60px 20px 20px;
  display: block;
}

.div-block-57 {
  width: 50%;
}

.div-block-58 {
  display: flex;
}

.div-block-59 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  padding-left: 40px;
  font-family: Manrope, sans-serif;
  display: flex;
}

.div-block-59.div_left {
  padding-left: 0;
}

.div-block-59.div_right {
  justify-content: space-between;
}

.heading-54 {
  font-family: Manrope, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 48px;
}

.paragraph-43,
.paragraph-44 {
  font-size: 18px;
  line-height: 36px;
}

.list-item {
  font-size: 24px;
  line-height: 48px;
}

.paragraph-45 {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 48px;
}

.image-21 {
  width: 100%;
}

.div-block-61 {
  text-align: left;
  justify-content: space-around;
  padding: 20px;
  display: flex;
}

.div-block-62 {
  border: 3px solid var(--white);
  border-radius: 20px;
  width: 250px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-62.cn-safety_div {
  border-color: var(--dark);
}

.no_leftpadding {
  padding-left: 20px;
}

.div-block-63 {
  border-bottom: 3px solid var(--white);
  justify-content: center;
  align-items: center;
  height: 200px;
  margin-bottom: 20px;
  display: flex;
}

.div-block-63.cn_div_bt {
  border-bottom-color: var(--dark);
}

.div-block-63.cn_div_bt.coard {
  margin-bottom: 0;
}

.div-block-65 {
  flex-direction: column;
  display: flex;
}

.div-block-66 {
  color: var(--light-green公司色);
  width: 50%;
  font-family: Manrope, sans-serif;
  font-size: 32px;
}

.div-block-66.sustainability {
  line-height: 64px;
}

.div-block-67 {
  width: 50%;
  font-family: Manrope, sans-serif;
}

.div-block-68 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.paragraph-47 {
  margin-bottom: 0;
}

.hero-heading-right {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.hero-heading-right.section_black {
  background-color: var(--dark);
}

.container-23 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.shadow-two {
  box-shadow: 0 4px 24px #96a3b514;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.lynx-button-white {
  background-color: var(--lynx-white);
  color: var(--lynx-black);
  letter-spacing: 1.3px;
  text-transform: uppercase;
  border-radius: 50px;
  padding: 22px 36px;
  font-family: Varela, sans-serif;
  font-size: 13px;
  line-height: 140%;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

.lynx-button-white:hover {
  background-color: var(--lynx-black);
  color: var(--lynx-white);
}

.lynx-heading-white-small {
  color: var(--dark);
  justify-content: center;
  align-items: center;
  max-width: 740px;
  height: 85px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 92%;
  display: flex;
}

.lynx-heading-white-small.head_cn {
  color: var(--white);
  text-transform: uppercase;
  border-radius: 10px;
}

.lynx-subtitle-white {
  color: var(--lynx-white);
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-family: Varela, sans-serif;
  font-size: 12px;
  line-height: 140%;
}

.lynx-block-hero {
  background-color: #11111154;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44%;
  height: 250px;
  min-height: 200px;
  margin-top: 110px;
  padding: 20px 40px;
  display: flex;
}

.lynx-hero {
  background-image: url('../images/COLD-website-居家儲能.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-height: 800px;
  margin-top: 100px;
  display: flex;
  box-shadow: 0 60px 60px -15px #1f20221a;
}

.lynx-hero.manufacturing {
  background-image: url('../images/manufaturing-1605-x-841-像素.png');
  background-position: 50%;
  min-height: 800px;
}

.lynx-hero.manufacturing.safety_bg {
  background-image: url('../images/safety.png');
  min-height: 800px;
}

.lynx-hero.manufacturing.sustainability {
  background-image: url('../images/COLD-website-居家儲能.png');
}

.lynx-hero.no-topm {
  margin-top: 0;
}

.lynx-hero.no-topm.safety_cn {
  background-image: url('../images/safety.png');
}

.lynx-hero.no-topm.safety_cn.home_usbg {
  background-image: url('../images/COLD-website-居家儲能.png');
}

.lynx-hero.no-topm.safety_cn.ind {
  background-image: url('../images/64cd55b4c19481c9c29d1062_canva太陽能2.png');
}

.lynx-hero.no-topm.safety_cn.home_head_bg {
  background-image: url('../images/COLD-website-居家儲能.png');
}

.lynx-hero.no-topm.safety_cn.commercial {
  background-image: url('../images/螢幕擷取畫面-2023-09-01-112835.png');
}

.lynx-hero.no-topm.industry {
  background-image: url('../images/canva太陽能.png');
}

.lynx-content-hero {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1392px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.superscript {
  color: var(--white);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--dark);
  text-shadow: 5px 0 2px #0003;
  word-break: normal;
  position: static;
}

.paragraph-48 {
  margin-top: 0;
  font-family: Manrope, sans-serif;
  font-size: 21px;
  line-height: 42px;
}

.section-27 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.logos-without-title-2 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 60px 30px;
  position: relative;
}

.clients-wrapper-three {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: -10px;
  display: flex;
}

.clients-image-three-2 {
  margin-bottom: 10px;
  margin-left: 15px;
  margin-right: 15px;
}

.paragraph-47-copy {
  margin-bottom: 0;
}

.heading-56 {
  color: var(--lynx-medium-sea-green);
  text-align: center;
  -webkit-text-stroke-color: var(--lynx-medium-sea-green);
  margin-bottom: 60px;
  font-weight: 400;
}

.div-block-69 {
  border: 3px solid var(--lynx-medium-sea-green);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.img_div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-70 {
  border-bottom: 3px dashed var(--grey-1);
  width: 100%;
  height: 33.33%;
  display: flex;
}

.div-block-71 {
  width: 50%;
}

.heading-57 {
  border-bottom: 5px solid var(--lynx-medium-sea-green);
  color: #111111ed;
  font-weight: 400;
}

.heading-58 {
  text-shadow: 0 1px 1px var(--dark);
}

.paragraph-49 {
  font-size: 24px;
  line-height: 48px;
}

.lynx-text-check {
  color: var(--lynx-grey);
  font-family: Noto Sans TC, sans-serif;
  font-size: 18px;
  line-height: 140%;
}

.lynx-text-check.special_promote {
  color: var(--dark);
  font-size: 46px;
  font-weight: 700;
}

.lynx-icon-check {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.lynx-check {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.lynx-check.special_promote {
  justify-content: center;
}

.lynx-heading {
  color: var(--lynx-black);
  max-width: 740px;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Noto Sans TC, sans-serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 120%;
}

.lynx-heading.blod_show {
  font-weight: 700;
}

.lynx-subtitle {
  color: var(--lynx-black);
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-family: Varela, sans-serif;
  font-size: 12px;
  line-height: 140%;
}

.lynx-block-right {
  padding-left: 10%;
}

.lynx-image {
  object-fit: cover;
  border-radius: 30px;
  min-height: 500px;
  box-shadow: 0 60px 60px -15px #1f20221a;
}

.lynx-paragraph-features {
  color: var(--lynx-grey);
  -webkit-text-stroke-color: var(--dark);
  max-width: 294px;
  margin-bottom: 0;
  font-family: Varela, sans-serif;
  font-size: 16px;
  line-height: 165%;
}

.lynx-icon-heading {
  color: var(--lynx-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Serif, serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 132%;
}

.lynx-icon {
  width: 28px;
  height: 28px;
  margin-right: 15px;
}

.lynx-block-icon-heading {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.lynx-block-absolute {
  z-index: 50;
  background-color: var(--grey-4);
  border-radius: 30px;
  padding: 30px 35px;
  position: absolute;
  inset: auto auto -4% -4%;
  box-shadow: 0 60px 60px -15px #1f20221a;
}

.lynx-block-image-2 {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.lynx-grid-image-left {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  align-items: center;
  width: 100%;
}

.lynx-grid-image-left.mt {
  margin-top: 60px;
  margin-bottom: 60px;
}

.lynx-content-5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.quick-stack-3 {
  background-color: var(--grey-1);
}

.lynx-paragraph-accordion {
  color: var(--lynx-grey);
  margin-bottom: 30px;
  font-family: Varela, sans-serif;
  font-size: 16px;
  line-height: 165%;
}

.lynx-accordion-content {
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
}

.lynx-icon-arrow {
  background-color: var(--lynx-black);
  background-image: url('../images/Arrow_3.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 50%;
  flex: none;
  width: 40px;
  height: 40px;
}

.lynx-heading-accordion {
  color: var(--lynx-black);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  font-family: PT Serif, serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 132%;
}

.lynx-accordion-header {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 15px 15px 15px 30px;
  transition: padding .3s;
  display: flex;
}

.lynx-accordion-header:hover {
  padding-left: 35px;
}

.lynx-accordion-item {
  background-color: var(--lynx-white);
  border-radius: 20px;
  box-shadow: 0 10px 15px -10px #1f20221a;
}

.lynx-block-faq {
  grid-row-gap: 14px;
  flex-direction: column;
  width: 100%;
  max-width: 840px;
  display: flex;
}

.lynx-paragraph-2 {
  color: var(--lynx-grey);
  max-width: 820px;
  margin-bottom: 36px;
  font-family: Varela, sans-serif;
  font-size: 18px;
  line-height: 165%;
}

.lynx-heading-2 {
  color: var(--lynx-black);
  max-width: 740px;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: PT Serif, serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 120%;
}

.lynx-subtitle-2 {
  color: var(--lynx-black);
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-family: Varela, sans-serif;
  font-size: 12px;
  line-height: 140%;
}

.lynx-block-center {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lynx-content-6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.lynx-button-white-2 {
  background-color: var(--lynx-white);
  color: var(--lynx-black);
  letter-spacing: 1.3px;
  text-transform: uppercase;
  border-radius: 50px;
  padding: 22px 36px;
  font-family: Varela, sans-serif;
  font-size: 13px;
  line-height: 140%;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

.lynx-button-white-2:hover {
  background-color: var(--lynx-black);
  color: var(--lynx-white);
}

.lynx-paragraph-white {
  color: var(--lynx-white);
  max-width: 460px;
  margin-bottom: 36px;
  font-family: Varela, sans-serif;
  font-size: 18px;
  line-height: 165%;
}

.lynx-heading-white {
  color: var(--lynx-white);
  max-width: 740px;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: PT Serif, serif;
  font-size: 58px;
  font-weight: 400;
  line-height: 114%;
}

.lynx-subtitle-white-2 {
  color: var(--lynx-white);
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-family: Varela, sans-serif;
  font-size: 12px;
  line-height: 140%;
}

.lynx-block-hero-large {
  background-color: var(--lynx-medium-purple);
  border-radius: 30px 30px 360px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: -34px;
  padding: 100px 60px;
  display: flex;
}

.lynx-hero-large {
  background-image: url('../images/五大設計.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 650px;
  display: flex;
  box-shadow: 0 60px 60px -15px #1f20221a;
}

.lynx-content-hero-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1392px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-stack {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-24 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.container-24.cardc {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.hero-wrapper-two {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px-2 {
  margin-bottom: 24px;
}

.margin-bottom-24px-2.text_bigger {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 48px;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.hero-image {
  width: 100%;
  margin-top: 50px;
}

.hero-heading-right-2 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.hero-heading-right-2.safe_head {
  background-color: #0000;
  border-bottom: 0 #0000;
  padding-top: 10px;
  padding-bottom: 10px;
}

.hero-wrapper-3 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.shadow-two-2 {
  box-shadow: 0 4px 24px #96a3b514;
}

.heading-60 {
  text-align: center;
  margin-top: 20px;
}

.heading-60.hide {
  color: var(--grey-1);
  display: block;
}

.text-block-47 {
  text-align: center;
}

.lynx-link-footer-large {
  color: var(--white);
  letter-spacing: 1.3px;
  text-transform: uppercase;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Noto Sans TC, sans-serif;
  font-size: 18px;
  line-height: 140%;
  text-decoration: none;
  transition: color .2s;
}

.lynx-link-footer-large:hover {
  color: var(--teal-200);
}

.lynx-heading-footer {
  border-bottom: 2px solid var(--dark);
  color: var(--dark);
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Noto Sans TC, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.lynx-block-footer {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.lynx-link-footer {
  color: #1f202280;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-family: Varela, sans-serif;
  font-size: 11px;
  line-height: 140%;
  text-decoration: none;
  transition: color .2s;
}

.lynx-link-footer:hover {
  color: var(--lynx-black);
}

.lynx-logo-footer {
  width: 180px;
  margin-bottom: 16px;
}

.lynx-grid-footer {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  border-top: 1px #dfdad2;
  grid-template: ". Area"
    / 1.25fr 1fr 1fr 1fr;
  padding-top: 40px;
  padding-bottom: 0;
}

.lynx-footer {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.lynx-link-footer-large-2 {
  color: var(--lynx-black);
  letter-spacing: 1.3px;
  text-transform: uppercase;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Varela, sans-serif;
  font-size: 13px;
  line-height: 140%;
  text-decoration: none;
  transition: color .2s;
}

.lynx-link-footer-large-2:hover {
  color: var(--lynx-medium-purple);
}

.lynx-heading-footer-2 {
  color: #1f202280;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin-bottom: 22px;
  font-family: Varela, sans-serif;
  font-size: 11px;
  line-height: 140%;
}

.lynx-logo-footer-2 {
  width: 76px;
  margin-bottom: 16px;
}

.lynx-grid-footer-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #dfdad2;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr 1fr 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
}

.link-block-3 {
  text-decoration: none;
}

.button-6 {
  text-align: center;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.lynx-paragraph-features-2 {
  color: var(--lynx-grey);
  max-width: 294px;
  margin-bottom: 0;
  font-family: Varela, sans-serif;
  font-size: 16px;
  line-height: 165%;
}

.lynx-heading-features-small {
  color: var(--lynx-black);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: PT Serif, serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 128%;
}

.lynx-icon-features-small {
  width: 28px;
  height: 28px;
  display: block;
}

.lynx-block-features-green {
  background-color: #32b77a1a;
  border-radius: 25px;
  margin-bottom: 20px;
  padding: 22px;
}

.lynx-features-bg {
  background-color: var(--lynx-white);
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  display: flex;
  box-shadow: 0 10px 15px -10px #1f20221a;
}

.lynx-block-features-purple {
  background-color: #8979ec1a;
  border-radius: 25px;
  margin-bottom: 20px;
  padding: 22px;
}

.lynx-block-features-pink {
  background-color: #fd4b8b1a;
  border-radius: 25px;
  margin-bottom: 20px;
  padding: 22px;
}

.lynx-grid-features {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  width: 100%;
  margin-top: 14px;
}

.lynx-content-7 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-29 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #e5e5e596;
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.section-29.hide {
  display: none;
}

.lynx-text-check-2 {
  color: var(--lynx-grey);
  font-family: Varela, sans-serif;
  font-size: 18px;
  line-height: 140%;
}

.lynx-icon-check-2 {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.lynx-check-2 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.lynx-heading-3 {
  color: var(--lynx-black);
  max-width: 740px;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: PT Serif, serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 120%;
}

.lynx-subtitle-3 {
  color: var(--lynx-black);
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-family: Varela, sans-serif;
  font-size: 12px;
  line-height: 140%;
}

.lynx-block-right-2 {
  padding-left: 10%;
}

.lynx-image-2 {
  object-fit: cover;
  border-radius: 30px;
  min-height: 500px;
  box-shadow: 0 60px 60px -15px #1f20221a;
}

.lynx-icon-heading-2 {
  color: var(--lynx-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Serif, serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 132%;
}

.lynx-icon-2 {
  width: 28px;
  height: 28px;
  margin-right: 15px;
}

.lynx-block-icon-heading-2 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.lynx-block-absolute-2 {
  z-index: 50;
  background-color: var(--lynx-white);
  border-radius: 30px;
  padding: 30px 35px;
  position: absolute;
  inset: auto auto -4% -4%;
  box-shadow: 0 60px 60px -15px #1f20221a;
}

.lynx-block-image-3 {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.lynx-grid-image-left-2 {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  align-items: center;
  width: 100%;
}

.dropdown-3,
.dropdown-4 {
  display: none;
}

.text-block-48 {
  font-size: 1.25rem;
  line-height: 1.25;
}

.grid-half_item-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-height: 50vh;
  padding: 6vw 7.5vw;
  display: flex;
  position: relative;
}

.grid-half_item-4.is-stacked {
  width: 100%;
}

.grid-half_stat-detail-2 {
  font-size: 1.5rem;
  font-weight: 600;
}

.grid-half_stat-detail-2.why {
  margin-bottom: 20px;
  line-height: 1.25;
}

.grid-half_stat-2 {
  text-align: center;
  width: 100%;
  max-width: 20rem;
}

.section_divider-2 {
  background-color: #333;
  width: 100%;
  height: 1px;
}

.section_divider-2.is-vertical {
  flex-direction: row;
  width: 1px;
  height: auto;
}

.heading-style-h2-2 {
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.2;
}

.text-style-muted-50-2 {
  opacity: .5;
}

.grid-half_item-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-height: 50vh;
  padding: 6vw 7.5vw;
  display: flex;
  position: relative;
}

.text-color-green-2 {
  color: #96e18c;
}

.heading-style-h2-3 {
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.2;
}

.button-7 {
  color: #000;
  text-align: center;
  background-color: #96e18c;
  border-radius: 100vw;
  padding: .75rem 1.5rem .85rem;
  font-weight: 600;
  transition: all .3s;
}

.button-7:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.form-input-2 {
  color: #000;
  background-color: #fff;
  border-radius: 100vw;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem 1.25rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form-input-2:focus {
  border-color: #000;
}

.form-input-2::placeholder {
  color: #0009;
}

.text-size-huge-2 {
  font-family: Manrope, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.header81_content-left-2 {
  flex: none;
  max-width: 40rem;
  margin-left: 5vw;
  margin-right: 5rem;
  position: relative;
}

.button-8 {
  color: #000;
  text-align: center;
  background-color: #96e18c;
  border-radius: 100vw;
  padding: .75rem 1.5rem .85rem;
  font-weight: 600;
  transition: all .3s;
}

.button-8:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.button-8.is-navbar2-button {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  flex: none;
  padding-top: .5rem;
  padding-bottom: .6rem;
  transition: all .3s;
}

.button-8.is-navbar2-button:hover {
  color: #000;
  background-color: #fff;
}

.button-8.is-navbar2-button.is-mobile {
  display: none;
}

.section_tertiary {
  position: relative;
}

.navbar2_container-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.page-wrapper-4 {
  outline-offset: 0px;
  outline: 1px solid #333;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.navbar2_link-2 {
  color: #fff;
  margin-left: .25rem;
  margin-right: .25rem;
  padding: .5rem 1rem;
  font-weight: 600;
  transition: opacity .2s;
  display: block;
}

.navbar2_link-2:hover {
  opacity: .75;
}

.navbar2_link-2.w--current {
  color: #96e18c;
}

.padding-global-6 {
  padding-left: 7.5vw;
  padding-right: 7.5vw;
}

.footer_link-item-2 {
  opacity: .5;
  color: #fff;
  text-decoration: none;
  transition: opacity .2s;
  display: block;
}

.footer_link-item-2:hover {
  opacity: 1;
}

.footer_link-item-2.noir {
  display: none;
}

.section_footer-8 {
  padding-left: 5%;
  padding-right: 5%;
}

.padding-section-large-6 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.container-small-2 {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.text-style-muted-50-3 {
  opacity: .5;
}

.navbar2_component-2 {
  background-color: #000;
  border-bottom: 1px solid #0000;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: auto;
  min-height: 4.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  transition: border-color .2s;
  display: flex;
  position: fixed;
  top: 0;
}

.text-color-green-3 {
  color: #96e18c;
}

.heading-61 {
  font-size: 4rem;
  line-height: 1.2;
}

.grid-half_item-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-height: 50vh;
  padding: 6vw 7.5vw;
  display: flex;
  position: relative;
}

.button-9 {
  color: #000;
  text-align: center;
  background-color: #96e18c;
  border-radius: 100vw;
  padding: .75rem 1.5rem .85rem;
  font-weight: 600;
  transition: all .3s;
}

.button-9:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.button-9.is-large {
  padding: 1rem 2rem 1.1rem;
}

.paragraph-50 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

.list-2 {
  font-size: 1.125rem;
  line-height: 1.2;
}

.list-item-2 {
  line-height: 1.2;
}

.link-2 {
  color: var(--white);
}

.container-25,
.section-30 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-24 {
  margin-bottom: 40px;
}

.heading-9 {
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.div-block-72 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: center;
  display: flex;
}

.container-26 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.hero-section-container {
  background-image: linear-gradient(180deg, var(--teal-950), var(--teal-900));
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 176px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
}

.hero-section-container.ce-container-style {
  padding-left: 80px;
  padding-right: 80px;
}

.hero-section-container.ce-container-style.microgrid {
  background-color: var(--teal-950);
  background-image: none;
  padding: 172px 0 0 112px;
  position: static;
}

.hero-section-container.wrapper {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0 80px;
  display: block;
}

.nav-bar-toggle {
  color: #243d1c;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 40px 8px 16px;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.text-block-2 {
  padding-right: 0;
}

.footer-divider {
  background-color: #22262f;
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
}

.heading-62 {
  color: #f5f6f6;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 38px;
}

.paragraph-13 {
  color: #808790;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 30px;
}

.footer-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.dropdown-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.call-to-action-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.icon-3 {
  color: #a6de95;
  flex: 0 auto;
  order: 0;
}

.icon-4 {
  color: #a6de95;
}

.container-27 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph {
  color: #65885a;
  text-align: center;
  white-space: normal;
  word-break: normal;
  width: 768px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.button-10 {
  color: #cecfd2;
  background-color: #3898ec00;
  border: 1px solid #4a4d54;
  border-radius: 12px;
  padding: 12px 18px;
}

.button-10:hover {
  color: #0c0e12;
  background-color: #fff;
}

.nav-menu-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon-5 {
  color: #a6de95;
}

.button_primary {
  box-sizing: border-box;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--button_primary);
  white-space: nowrap;
  object-fit: fill;
  border-radius: 12px;
  flex: 0 auto;
  order: 0;
  align-items: center;
  max-width: none;
  padding: 12px 18px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button_primary:hover {
  background-color: #65885a;
}

.button_primary.features-section {
  width: 175px;
  margin-left: 0;
}

.button_primary.features-section:hover {
  background-color: var(--button-primary-hover);
}

.button_primary.features-section.taiwan {
  width: auto;
  max-width: 120px;
}

.button_secondary {
  box-sizing: border-box;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--teal-700);
  background-color: var(--teal-950);
  color: #cecfd2;
  object-fit: none;
  border-radius: 12px;
  align-items: center;
  padding: 12px 18px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button_secondary:hover {
  background-color: var(--teal-900);
}

.button_secondary.ce_buttons_secondary {
  z-index: 10;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  border-color: #ffffff36;
  justify-content: space-between;
  position: relative;
}

.button_secondary.features-section {
  width: 158px;
  padding-left: 18px;
}

.button_secondary.learn-more---vpp-button {
  flex-flow: row-reverse;
  justify-content: center;
  max-width: 221px;
  box-shadow: 0 1px 2px #0a0d120d, inset 0 -2px #0a0d120d, inset 0 0 0 1px #0a0d122e;
}

.button_secondary.learn-more---vpp-button:hover {
  background-color: #0000;
}

.button_secondary.learn-more---vpp-button.taiwan {
  width: auto;
  max-width: 150px;
}

.button_secondary.glow-border {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-style: none;
}

.heading-4 {
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.div-block-5 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.section-5 {
  margin-top: 60px;
}

.title-small {
  color: #808790;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.container-3 {
  color: #243d1c;
  align-items: center;
  display: flex;
}

.image-4 {
  border-radius: 14px;
  box-shadow: 0 27px 38px #1e62121f, 0 5.36px 16.219px #1e621224, 0 1.596px 9.436px #1e62120d;
}

.heading-63 {
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.heading-12 {
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.navbar {
  z-index: 999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #12211f2e;
  border-bottom: 1px solid #ffffff0f;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 32px;
  font-family: Manrope, sans-serif;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.heading-64 {
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.div-block-73 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.nav-link-2 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
}

.heading-5 {
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.div-block-74 {
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

.dropdown-6 {
  background-color: #fff;
  border-radius: 12px;
}

.footer-link {
  color: #808790;
  cursor: pointer;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

.footer-link:hover {
  color: #fff;
}

.footer-link.youtube:hover {
  color: #ffb5b5;
}

.footer-link.linkedin:hover {
  color: #81cdf5;
}

.footer-link.cold-sub {
  display: none;
}

.dropdown-toggle-4 {
  padding: 8px 40px 8px 16px;
}

.brand {
  background-image: url('../images/Logo-1.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 128px;
  height: 48px;
}

.dropdown-toggle-6 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
}

.footer-dark {
  background-color: var(--ce-bg-primary);
  border-bottom: 1px #000;
  width: auto;
  max-width: 1440px;
  padding: 50px 80px 15px;
  font-family: Manrope, sans-serif;
  position: relative;
}

.footer-dark.wrapper {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: static;
}

.image-3 {
  box-sizing: border-box;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-image: linear-gradient(#d2ebf8, #e5e7e8);
  background-clip: border-box;
  border-radius: 14px;
  box-shadow: 0 27px 38px #1e62121f, 0 5.36px 16.219px #1e621224, 0 1.596px 9.436px #1e62120d;
}

.footer-copyright-center {
  color: var(--white);
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.dropdown-toggle-5 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
}

.button-2 {
  color: #fff;
  background-color: #85b378;
  border: 2px solid #ffffff1f;
  border-radius: 12px;
  padding: 12px 18px;
}

.button-2:hover {
  background-color: #65885a;
}

.div-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-65 {
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.icon-6 {
  color: #a6de95;
}

.heading-66 {
  text-overflow: clip;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  align-items: stretch;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
  display: block;
  position: static;
}

.image-25 {
  background-image: linear-gradient(#d2ebf8, #dcfae6);
  border-radius: 14px;
  box-shadow: 0 27px 38px #1e62121f, 0 5.36px 16.219px #1e621224, 0 1.596px 9.436px #1e62120d;
}

.div-block-75 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  align-items: center;
  margin-bottom: 64px;
  display: flex;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.section-31 {
  background-color: #fff;
}

.container-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-26 {
  box-sizing: border-box;
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: cover;
  background-image: linear-gradient(#d2ebf8, #dcfae6);
  border-radius: 14px;
  position: static;
  box-shadow: 0 27px 38px #1e62121f, 0 5.36px 16.219px #1e621224, 0 1.596px 9.436px #1e62120d;
}

.container-6 {
  margin-top: 88px;
}

.div-block-76 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.div-block-77 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.text-block-49 {
  padding-right: 0;
}

.dropdown-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.icon-7 {
  color: #a6de95;
  flex: 0 auto;
  order: 0;
}

.icon-8 {
  color: #a6de95;
}

.container-28 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-54 {
  opacity: 1;
  color: var(--ce-text-secondary);
  text-align: center;
  white-space: normal;
  word-break: normal;
  width: 768px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.nav-menu-3 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon-9 {
  color: #a6de95;
}

.heading-67 {
  color: var(--white);
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.div-block-78 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.section-32 {
  z-index: 20;
  margin-top: 0;
  position: relative;
}

.container-29 {
  color: #243d1c;
  align-items: center;
  display: flex;
}

.image-27 {
  border-radius: 14px;
  box-shadow: 0 27px 38px #1e62121f, 0 5.36px 16.219px #1e621224, 0 1.596px 9.436px #1e62120d;
}

.heading-68 {
  color: var(--white);
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.heading-69 {
  color: var(--white);
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.heading-70 {
  color: var(--white);
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.div-block-79 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.nav-link-3 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
}

.heading-71 {
  color: var(--white);
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.div-block-80 {
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

.dropdown-8 {
  background-color: #fff;
  border-radius: 12px;
}

.dropdown-toggle-7 {
  padding: 8px 40px 8px 16px;
}

.dropdown-toggle-8 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
}

.image-28 {
  box-sizing: border-box;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-image: linear-gradient(#d2ebf8, #e5e7e8);
  background-clip: border-box;
  border-radius: 14px;
  box-shadow: 0 27px 38px #1e62121f, 0 5.36px 16.219px #1e621224, 0 1.596px 9.436px #1e62120d;
}

.dropdown-toggle-9 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
}

.div-block-81 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-hero-text {
  opacity: 1;
  color: var(--white);
  white-space: nowrap;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.25em;
}

.home-hero-text.mobile {
  display: none;
}

.icon-10 {
  color: #a6de95;
}

.heading-73 {
  color: var(--white);
  text-overflow: clip;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  align-items: stretch;
  font-family: Manrope, sans-serif;
  font-size: 4em;
  font-weight: 600;
  line-height: 3em;
  display: block;
  position: static;
}

.image-29 {
  background-image: linear-gradient(#d2ebf8, #dcfae6);
  border-radius: 14px;
  box-shadow: 0 27px 38px #1e62121f, 0 5.36px 16.219px #1e621224, 0 1.596px 9.436px #1e62120d;
}

.section-33 {
  z-index: 20;
  background-color: #fff0;
  position: relative;
}

.container-30 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-30 {
  box-sizing: border-box;
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: cover;
  background-image: linear-gradient(#d2ebf8, #dcfae6);
  border-radius: 14px;
  position: static;
  box-shadow: 0 27px 38px #1e62121f, 0 5.36px 16.219px #1e621224, 0 1.596px 9.436px #1e62120d;
}

.container-31 {
  margin-top: 0;
  padding-top: 96px;
  padding-bottom: 96px;
}

.section-34 {
  background-color: #fff0;
  padding: 20px 40px;
  display: block;
  overflow: visible;
}

.section-heading-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: center;
  width: auto;
  display: flex;
}

.paragraph-2 {
  color: var(--ce-text-secondary);
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.heading_primary {
  color: var(--teal-100);
  text-align: left;
  max-width: 25ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline;
}

.heading_primary.metrics-sectioin {
  text-align: center;
}

.heading_primary.green {
  color: var(--ce-success-400);
  display: inline;
}

.heading_primary.post-template-header {
  font-size: 48px;
  line-height: 60px;
}

.heading_primary.vpp {
  text-align: center;
}

.paragraph-3 {
  color: #575b63;
  text-align: center;
  width: 768px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.paragraph-3.element-p-primary {
  color: var(--ce-text-secondary);
  margin-bottom: 0;
}

.div-block-15 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.div-block-11 {
  flex-flow: column;
  font-family: Manrope, sans-serif;
  display: flex;
}

.div-block-82 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  flex-flow: column;
  width: 40%;
  height: auto;
  padding: 32px;
  display: flex;
  position: static;
}

.div-block-82.card-3 {
  z-index: 20;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: none;
  width: 40%;
  position: relative;
}

.div-block-82.card-1 {
  z-index: 20;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: linear-gradient(#414651, #202124);
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  position: relative;
}

.div-block-7 {
  box-sizing: border-box;
  object-fit: contain;
  background-image: url('../images/Background-pattern-4.png'), linear-gradient(#2a4540, #30554e 65%, #39685f 84%, #30554e);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  border-radius: 24px 24px 24px 0;
  flex: 0 auto;
  width: 60%;
  height: auto;
  margin: 2px;
  font-family: Manrope, sans-serif;
  font-weight: 400;
  display: flex;
  position: relative;
  overflow: clip;
}

.div-block-7.card-3 {
  background-image: url('../images/Background-pattern-2.png'), linear-gradient(#214858, #225668 65%, #20697e 84%, #225668);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  border-radius: 24px 24px 24px 0;
  width: 60%;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 2px;
  padding-bottom: 0;
}

.div-block-7.card-2 {
  -webkit-text-fill-color: inherit;
  object-fit: none;
  background-image: url('../images/Background-pattern-3.png'), linear-gradient(#575b63, #414651 66%, #575b63);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  background-clip: border-box;
  border-radius: 24px 24px 24px 0;
  margin: 0;
  overflow: clip;
}

.div-block-14 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.container-12 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.heading-13 {
  text-align: left;
  -webkit-text-stroke-color: #333;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: normal;
  background-image: linear-gradient(#445d3d, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  height: 180px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 196px;
  line-height: 90px;
  text-decoration: none;
  position: relative;
  overflow: visible;
}

.heading-13.card-3 {
  z-index: 10;
  text-align: left;
  background-image: linear-gradient(#23a0b7, #fff);
  width: 344px;
  margin-right: 100px;
  padding-top: 10px;
  padding-right: 0;
  font-family: Manrope, sans-serif;
  font-weight: 700;
  position: relative;
  right: 20px;
  overflow: visible;
}

.heading-13.card-1 {
  object-fit: fill;
  padding-top: 10px;
  font-family: Manrope, sans-serif;
  left: -20px;
}

.heading-13.card-2 {
  z-index: 0;
  -webkit-text-fill-color: transparent;
  object-fit: contain;
  background-image: linear-gradient(0deg, #fcfcfd, #abafb5 98%);
  -webkit-background-clip: text;
  background-clip: text;
  width: 527px;
  margin-top: 0;
  padding-top: 20px;
  font-family: Manrope, sans-serif;
  position: relative;
  top: -1px;
  right: 16px;
  overflow: visible;
}

.div-block-12 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #414651;
  cursor: pointer;
  align-items: center;
  display: flex;
}

.container-11 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  font-family: Manrope, sans-serif;
  display: flex;
}

.div-block-10 {
  width: 50%;
}

.section-35 {
  background-color: #fff;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  display: flex;
  position: relative;
}

.section-35.card-1 {
  z-index: 20;
  background-color: #fff0;
  align-items: stretch;
  width: auto;
  min-width: 100%;
  max-width: none;
  height: auto;
}

.section-35.card-3 {
  z-index: 40;
  background-color: #fff0;
  width: auto;
  min-width: 100%;
  max-width: none;
  height: auto;
}

.section-35.card-2 {
  z-index: 30;
  background-color: #fff0;
  width: auto;
  min-width: 100%;
  max-width: none;
  height: auto;
}

.section-35.card-4 {
  background-color: #0000;
  min-width: 100%;
}

.paragraph-5 {
  color: var(--ce-text-secondary);
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.container-32 {
  background-image: linear-gradient(#414651, #202124);
  border-radius: 24px;
  justify-content: space-between;
  width: auto;
  height: auto;
  font-family: Manrope, sans-serif;
  display: flex;
  position: relative;
}

.container-32.card-1 {
  background-image: linear-gradient(#12211f, #263b37);
  width: 100%;
}

.container-32.card-3 {
  background-image: linear-gradient(#0e2833, #202124);
  width: 100%;
  max-width: none;
}

.container-32.card-2 {
  width: 100%;
}

.container-33 {
  flex-flow: column;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.heading-15 {
  color: var(--ce-text-primary);
  border-left: 0 #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.card-textarea-style {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.heading-14 {
  color: var(--ce-text-primary);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 600;
}

.div-block-83 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-start;
  width: auto;
  font-family: Manrope, sans-serif;
  display: flex;
}

.container-10 {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-flow: column;
  width: auto;
  max-width: none;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.container-10.product-container {
  justify-content: center;
  min-height: 800px;
  position: relative;
}

.paragraph-55 {
  color: var(--ce-text-secondary);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.container-13 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-31 {
  z-index: 20;
  display: inline-block;
  position: absolute;
  inset: 0% 15% auto auto;
}

.image-31.card-2 {
  margin: auto;
  inset: 0% 0% 0 0;
}

.image-31.card-3 {
  max-width: 536.274px;
  margin: auto;
  inset: 0% 0 0;
}

.image-31.card-1 {
  max-width: 520.258px;
  max-height: none;
  margin: auto;
  display: block;
  inset: 0%;
}

.image-31.card-4 {
  max-width: 326.88px;
  max-height: 490.32px;
  margin: auto;
  bottom: 0;
  left: 0;
  right: 0;
}

.svg {
  color: var(--ce-text-secondary);
  width: 20px;
  height: 20px;
}

.svg.mission-vision {
  color: var(--ce-text-primary);
}

.sub-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: flex;
}

.container-14 {
  border-left: 4px solid #e5e7e8;
  border-radius: 12px;
  padding-left: 24px;
}

.container-14.mission-vision-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-left-color: #263b37;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  display: flex;
}

.container-14.mission-vision-card:hover {
  background-color: var(--teal-900);
  border-left-color: #a6de95;
}

.div-block-84 {
  padding-left: 32px;
  padding-right: 32px;
}

.heading_primary_4 {
  color: var(--ce-success-600);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.heading_primary_4.blog_section {
  color: var(--ce-success-600);
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-56 {
  color: var(--teal-300);
  margin-bottom: 16px;
  font-weight: 300;
}

.heading-74 {
  color: #414651;
  border-left: 1px solid #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.heading-74.mission-learn-more-style {
  color: var(--ce-text-secondary);
  border-left-style: none;
}

.div-block-85 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.section-title-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  padding: 0;
  display: flex;
}

.heading-75 {
  color: var(--ce-text-teritary);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.heading-75.mission-vision-card {
  color: var(--teal-300);
  margin-bottom: 4px;
}

.heading-75.mission-vision-card:hover {
  color: var(--ce-text-primary);
}

.div-block-19 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  cursor: pointer;
  align-items: center;
  width: auto;
  text-decoration: none;
  display: flex;
}

.div-block-19:hover {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.div-block-19.learnmore--ems,
.div-block-19.learnmore---safety {
  display: none;
}

.paragraph-primary {
  color: #575b63;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 30px;
}

.paragraph-primary.element-p-primary {
  color: var(--teal-200);
  margin-bottom: 0;
  font-weight: 300;
}

.div-block-86 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.mission-vision {
  background-color: var(--teal-950);
  flex-flow: column;
  align-items: flex-start;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 80px;
  font-family: Manrope, sans-serif;
  display: flex;
  position: relative;
}

.mission-vision.wrapper {
  max-width: none;
  padding: 0;
  display: block;
  position: relative;
}

.div-block-87 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: center;
  min-width: 100%;
  display: flex;
}

.heading-19 {
  color: #65885a;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  line-height: 72px;
}

.image-32 {
  text-align: left;
}

.paragraph-57 {
  color: #575b63;
  text-align: center;
  width: 768px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.success-metrics {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-image: url('../images/Background-pattern.png'), linear-gradient(#edf8ea, #f5f6f6);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  padding-top: 96px;
  padding-bottom: 96px;
  font-family: Manrope, sans-serif;
  display: flex;
  position: static;
}

.success-metrics.home {
  background-image: url('../images/Background-pattern-5.png'), linear-gradient(180deg, var(--teal-950), var(--teal-900));
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  border-radius: 24px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 0;
  right: 0;
}

.success-metrics.microgrid {
  background-image: url('../images/Background-pattern-5.png'), linear-gradient(180deg, var(--teal-950), var(--teal-900));
  background-position: 50% 0, 0 0;
  background-repeat: repeat-y, repeat;
  background-size: contain, auto;
  display: none;
}

.success-metrics.about {
  background-image: url('../images/Background-pattern-5.png'), linear-gradient(180deg, var(--teal-950), var(--gray-900));
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  width: 100%;
  max-width: 1440px;
  display: none;
}

.success-metrics.about.wrapper {
  background-image: linear-gradient(180deg, var(--teal-950), var(--gray-900));
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.banner-container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  object-fit: contain;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  min-height: 0%;
  padding: 0;
  display: flex;
  position: static;
  left: auto;
  right: auto;
  overflow: visible;
}

.div-block-88 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.paragraph-58 {
  color: #333437;
  white-space: nowrap;
  margin-bottom: 0;
}

.banner-element {
  flex-flow: column;
  align-items: center;
  max-width: 407px;
  font-weight: 600;
  display: flex;
}

.div-block-21 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  min-width: 100%;
  display: flex;
  position: static;
  right: auto;
  overflow: hidden;
}

.paragraph-59 {
  color: var(--teal-200);
  margin-bottom: 0;
  margin-left: 64px;
  padding-left: 0;
  font-size: 16px;
  line-height: 24px;
}

.svg-3 {
  color: #498376;
  width: 24px;
  height: 24px;
}

.section-36 {
  border-radius: 24px;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.div-block-89 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.microgrid-systems {
  background-color: var(--teal-950);
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 80px 160px;
  font-family: Manrope, sans-serif;
}

.microgrid-systems.wrapper {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.div-block-90 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 560px;
  display: flex;
}

.heading-20,
.heading-21 {
  color: var(--ce-text-primary);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-weight: 600;
}

.div-block-91 {
  background-color: #f4f9f7;
  border-radius: 24px;
  align-items: center;
  padding: 4px;
  display: flex;
}

.image-33 {
  height: 468px;
}

.div-block-92 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  width: 560px;
  display: flex;
}

.div-block-28 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  padding: 0 72px;
  display: flex;
}

.div-block-93 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.div-block-94 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.section-38 {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.div-block-95 {
  background-color: var(--teal-200);
  box-shadow: 0px 0px 0px 1px var(--Colors-Effects-Shadows-shadow-skeumorphic-inner-border, #0a0d122e) inset, 0px -2px 0px 0px var(--Colors-Effects-Shadows-shadow-skeumorphic-inner, #0a0d120d) inset, 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, #0a0d120d);
  border: 1px solid #b7d8cd;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.section-39 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: contain;
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-end;
  max-width: none;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
  overflow: visible;
}

.section-39.top-blog-section {
  box-sizing: border-box;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  object-fit: fill;
  justify-content: space-between;
  min-width: 0;
  max-width: 100%;
  display: flex;
  position: static;
}

.blog-card-heading {
  color: #333437;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-weight: 700;
  line-height: 28px;
}

.div-block-96 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.blog-section-2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: var(--teal-950);
  cursor: pointer;
  object-fit: fill;
  flex-flow: column;
  align-items: stretch;
  min-width: 0;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 80px;
  font-family: Manrope, sans-serif;
  display: flex;
  position: relative;
  inset: 0;
}

.blog-section-2.wrapper {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.div-block-98 {
  display: flex;
}

.div-block-99 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: auto;
  min-width: 0;
  max-width: none;
  display: flex;
}

.paragraph-60 {
  color: #414651;
  margin-bottom: 0;
}

.div-block-100 {
  align-items: center;
  display: flex;
}

.section-40 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.svg-5 {
  color: var(--teal-500);
  flex: none;
  width: 24px;
  height: 24px;
}

.div-block-101 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.div-block-102 {
  background-color: #fff;
  border-radius: 24px;
  width: 384px;
  height: 414.67px;
}

.div-block-103 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.container-34 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.heading-76 {
  color: var(--ce-text-primary);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
}

.paragraph-61 {
  color: var(--ce-text-secondary);
  text-align: center;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.button-11 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #cecfd2;
  cursor: pointer;
  background-color: #3898ec00;
  border: 1px solid #4a4d54;
  border-radius: 12px;
  flex-flow: row-reverse;
  padding: 12px 18px;
  display: flex;
}

.button-11:hover {
  color: #0c0e12;
  background-color: #fff;
}

.button-11.contactus {
  justify-content: center;
  width: 313px;
  max-width: 313px;
}

.button-12 {
  background-color: var(--button_primary);
  color: #fff;
  cursor: pointer;
  border: 2px solid #ffffff1f;
  border-radius: 12px;
  height: 48px;
  padding: 10px 18px 12px;
  font-size: 16px;
  text-decoration: none;
}

.button-12:hover {
  background-color: #65885a;
}

.div-block-104 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  align-items: center;
  margin-bottom: 64px;
  display: flex;
}

.div-block-105 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.body-7 {
  background-color: var(--teal-950);
  flex-flow: column;
  align-items: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Manrope, sans-serif;
  display: block;
  overflow: hidden visible;
}

.body-8 {
  background-color: var(--teal-950);
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  font-family: Manrope, sans-serif;
  overflow: hidden visible;
}

.div-block-106 {
  max-width: 45%;
  height: 100%;
  position: absolute;
  left: auto;
  right: 0;
}

.text-block-50 {
  color: #fff;
  padding-right: 0;
}

.hero-wrapper-4 {
  padding: 0;
  display: flex;
  position: relative;
}

.dropdown-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.icon-11 {
  color: #a6de95;
}

.image-9 {
  border-radius: 24px;
  height: auto;
  position: relative;
}

.icon-12 {
  color: #a6de95;
}

.container-35 {
  z-index: 20;
  color: #243d1c;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-bar-link {
  color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  display: none;
  cursor: pointer;
}

.nav-bar-link.about {
  display: block;
}

.nav-bar-link.about.w--current {
  color: var(--text-quaternary-500);
  text-decoration: none;
  -webkit-text-decoration-color: var(--ce-text-tertiary-600);
  text-decoration-color: var(--ce-text-tertiary-600);
}

.div-block-107 {
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.dropdown-10 {
  background-color: #fff0;
  border: 1px solid #0000;
  border-radius: 12px;
}

.hero-section {
  position: relative;
}

.hero-section.microgrid {
  padding: 0;
}

.dropdown-toggle-10 {
  padding: 8px 40px 8px 16px;
}

.dropdown-toggle-11 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
}

.header-sub-paragraph {
  color: var(--teal-100);
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.header-sub-paragraph.blog-post-template-subtitle {
  color: var(--ce-text-secondary);
  font-weight: 300;
}

.dropdown-toggle-12 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
}

.header-title {
  color: var(--teal-100);
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 60px;
}

.icon-13 {
  color: #a6de95;
}

.div-block-108 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: auto;
  max-width: 50%;
  display: flex;
}

.container-36 {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  max-width: none;
  display: flex;
  position: relative;
}

.div-block-109 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.features-container {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-12 {
  max-width: 100%;
  max-height: none;
}

.feature-heading {
  color: var(--ce-text-primary);
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.get-to-know-section {
  background-color: var(--teal-950);
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 0 96px 80px;
}

.heading_primary_4-2 {
  color: var(--ce-success-600);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.heading_primary_4-2.blog_section {
  color: #079455;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
}

.features-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.get-to-know-container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.div-block-110 {
  background-color: var(--ce-success-700);
  -webkit-backdrop-filter: drop-shadow(0 1px 2px #0a0d120d);
  backdrop-filter: drop-shadow(0 1px 2px #0a0d120d);
  border: 0 solid #abafb500;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  box-shadow: inset 0 -2px #0a0d120d, inset 0 0 0 1px #0a0d122e;
}

.feature-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: auto;
  display: flex;
}

.paragraph-primary-2 {
  color: #575b63;
  font-size: 20px;
  line-height: 30px;
}

.paragraph-primary-2.element-p-primary {
  color: var(--teal-200);
  font-weight: 300;
}

.paragraph-primary-2.element-p-primary.microgrid {
  max-width: 60%;
  margin-bottom: 0;
}

.feature-description {
  color: var(--teal-200);
  font-size: 16px;
  line-height: 24px;
  width: 40ch;
}

.feature-description.vpp {
  color: var(--ce-text-secondary);
}

.feature-description.microgrid {
  font-weight: 300;
}

.image-34 {
  max-width: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.paragraph-63 {
  color: var(--teal-200);
  margin-left: 64px;
  padding-left: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.heading-77 {
  color: var(--ce-text-primary);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.know-how-section {
  background-color: #dbece6;
  background-image: linear-gradient(180deg, var(--teal-950), var(--gray-900));
  margin-left: auto;
  margin-right: auto;
  padding: 96px 80px;
  position: relative;
}

.know-how-container {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  justify-content: flex-start;
  max-width: 1440px;
  min-height: 694px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.div-block-111 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: start;
  display: flex;
}

.paragraph-primary-3 {
  color: var(--ce-text-secondary);
  max-width: 60%;
  font-size: 20px;
  line-height: 30px;
}

.paragraph-primary-3.element-p-primary {
  color: var(--teal-200);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-weight: 400;
}

.div-block-112 {
  box-shadow: 0px 0px 0px 1px var(--Colors-Effects-Shadows-shadow-skeumorphic-inner-border, #0a0d122e) inset, 0px -2px 0px 0px var(--Colors-Effects-Shadows-shadow-skeumorphic-inner, #0a0d120d) inset, 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, #0a0d120d);
  background-color: #fff0;
  background-image: linear-gradient(#ffffff1f, #fff0);
  border: 1px #b7d8cd;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.vpp-container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.div-block-113 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.paragraph-64 {
  color: var(--ce-text-secondary);
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-65 {
  color: #575b63;
  text-align: center;
  width: 768px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.paragraph-65.element-p-primary {
  color: var(--ce-text-secondary);
  width: auto;
  max-width: 768px;
  margin-bottom: 0;
}

.div-block-114 {
  background-color: var(--gray-700);
  -webkit-backdrop-filter: drop-shadow(0 1px 2px #0a0d120d);
  backdrop-filter: drop-shadow(0 1px 2px #0a0d120d);
  border: 0 #abafb500;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  box-shadow: inset 0 -2px #0a0d120d, inset 0 0 0 1px #0a0d122e;
}

.vpp-section {
  background-color: var(--ce-bg-primary);
  background-image: linear-gradient(#12211f 44%, #202124);
  padding: 96px 80px 0;
}

.div-block-115 {
  grid-column-gap: 96px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch stretch;
  width: 100%;
  display: grid;
}

.div-block-116 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: center;
  min-width: 100%;
  display: flex;
}

.heading-78 {
  color: var(--ce-text-primary);
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
}

.image-36 {
  text-align: left;
}

.paragraph-66 {
  color: var(--teal-200);
  text-align: center;
  width: 768px;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.div-block-117 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.paragraph-67 {
  color: var(--ce-text-primary);
  white-space: nowrap;
  margin-bottom: 0;
}

.div-block-118 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  min-width: 100%;
  display: flex;
  position: static;
  right: auto;
  overflow: hidden;
}

.cta-section {
  background-color: #12211f;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
}

.div-block-119 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 592px;
  max-height: 144px;
  display: flex;
}

.cta-heading {
  color: var(--teal-100);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
}

.paragraph-18 {
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.svg-6 {
  width: 24px;
  height: 24px;
}

.image-13 {
  width: 149.63px;
  height: 43px;
}

.microgrid-kit-button.button_primary {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #caebbf;
  cursor: pointer;
  border: 2px solid #ffffff1f;
  align-items: center;
  max-width: 374px;
  display: flex;
  box-shadow: 0 1px 2px #0a0d120d, inset 0 -2px #0a0d120d, inset 0 0 0 1px #0a0d122e;
}

.cta-container {
  grid-column-gap: 32px;
  grid-row-gap: 96px;
  flex-flow: row;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 160px 32px;
  display: flex;
}

.div-block-48 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.cta-description {
  color: var(--teal-200);
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
}

.div-block-50 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.coldsub-product-heading {
  text-align: left;
  -webkit-text-stroke-color: #333;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: normal;
  background-image: linear-gradient(#445d3d, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  height: 180px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 196px;
  line-height: 90px;
  text-decoration: none;
  position: relative;
  overflow: visible;
}

.coldsub-product-heading.card-1 {
  object-fit: fill;
  background-image: linear-gradient(#fedf89, #263b37);
  padding-top: 10px;
  font-family: Manrope, sans-serif;
  font-weight: 600;
  left: -20px;
}

.coldsub-product-heading.card-2 {
  z-index: 0;
  -webkit-text-fill-color: transparent;
  object-fit: contain;
  background-image: linear-gradient(0deg, #414651, #dcdfea);
  -webkit-background-clip: text;
  background-clip: text;
  width: 527px;
  margin-top: 0;
  padding-top: 20px;
  font-family: Manrope, sans-serif;
  font-weight: 600;
  position: relative;
  top: -1px;
  right: 16px;
  overflow: visible;
}

.coldsub-product-heading.card-3 {
  z-index: 10;
  text-align: left;
  background-image: linear-gradient(#b1e8f0, #225668);
  width: auto;
  margin-right: 100px;
  padding-top: 10px;
  padding-right: 0;
  font-family: Manrope, sans-serif;
  font-weight: 600;
  position: relative;
  right: 20px;
  overflow: visible;
}

.banner-title {
  color: #65885a;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  line-height: 72px;
}

.metrics-image {
  text-align: left;
}

.metrics-header-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: center;
  min-width: 100%;
  display: flex;
}

.banner-subtitle {
  color: #333437;
  white-space: nowrap;
  margin-bottom: 0;
}

.metrics-info-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.paragraph-secondary {
  color: var(--teal-200);
  text-align: center;
  width: 768px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.paragraph-secondary.contact-us {
  color: var(--ce-text-secondary);
  text-align: left;
  margin-bottom: 0;
  font-weight: 400;
}

.div-block-120 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  min-width: 100%;
  display: flex;
  position: static;
  right: auto;
  overflow: hidden;
}

.banner-title-2 {
  color: #65885a;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
}

.banner {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  min-width: 0;
  max-width: 100%;
  display: flex;
  position: relative;
  right: auto;
  overflow: hidden;
}

.banner-title-3 {
  color: var(--ce-text-primary);
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
}

.banner-subtitle-2 {
  color: var(--ce-text-secondary);
  white-space: nowrap;
  margin-bottom: 0;
}

.section-41 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: contain;
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-end;
  max-width: none;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
  overflow: visible;
}

.section-41.top-blog-section {
  box-sizing: border-box;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  cursor: auto;
  object-fit: fill;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex;
  position: static;
}

.blog-card-heading-2 {
  color: var(--ce-text-primary);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.div-block-121 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.div-block-122 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-123 {
  justify-content: space-between;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.button_primary-2 {
  box-sizing: border-box;
  background-color: var(--button_primary);
  white-space: nowrap;
  object-fit: fill;
  border-radius: 12px;
  flex: 0 auto;
  order: 0;
  padding: 12px 18px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: block;
}

.div-block-124 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: auto;
  min-width: 0;
  max-width: none;
  display: flex;
}

.blog-description {
  color: var(--teal-100);
  text-overflow: ellipsis;
  max-height: 72px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  overflow: clip;
}

.div-block-125 {
  align-items: center;
  display: flex;
}

.blog-carosel {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.blog-carosel.bottom-blog-section {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-width: 100%;
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
}

.div-block-126 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  min-height: 420px;
  max-height: 520px;
  padding: 16px;
  display: flex;
}

.div-block-127 {
  background-color: var(--teal-900);
  border-radius: 24px;
  width: 384px;
  min-width: 384px;
  max-width: 384px;
  height: auto;
}

.div-block-128 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
  overflow: hidden;
}

._w-slider-arrow-left {
  z-index: 99;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  mix-blend-mode: exclusion;
  background-color: #ffffff14;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  font-size: 24px;
  line-height: 48px;
  transition: background-color .2s;
  display: flex;
  position: relative;
  inset: auto;
  box-shadow: 0 2px 2px 1px #0003;
}

._w-slider-arrow-left:hover {
  background-color: #39685f;
}

._w-slider-arrow-right {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  mix-blend-mode: exclusion;
  background-color: #ffffff14;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  font-size: 24px;
  line-height: 48px;
  transition: background-color .2s;
  display: flex;
  position: relative;
  inset: auto;
  box-shadow: 0 2px 2px 1px #0003;
}

._w-slider-arrow-right:hover {
  background-color: #39685f;
}

.carousel-mask {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex;
  position: relative;
}

.carousel-mask.splide {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
}

.splide__pagination__page {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #c9c9c957;
  border-radius: 99px;
  width: 12px;
  height: 12px;
  display: flex;
  position: relative;
}

.splide__pagination__page:hover {
  background-color: #39685f;
  border-radius: 999px;
  width: 12px;
  min-height: 12px;
}

.splide__pagination__page:focus {
  background-color: #39685f;
  width: 12px;
  min-height: 12px;
}

.splide__pagination__page.splide__pagination__page--level1 {
  align-items: center;
  width: 8px;
  height: 8px;
}

.splide__pagination__page.splide__pagination__page--level1:hover {
  width: 8px;
}

.splide__pagination__page.level0 {
  background-color: #586160;
}

.splide__pagination__page.level0:hover {
  width: 12px;
}

.splide__pagination__page.splide__pagination__page--level2 {
  width: 6px;
  height: 6px;
}

.splide__pagination__page.splide__pagination__page--level2:hover {
  width: 6px;
}

.splide__pagination__page.is-active {
  background-color: #39685f;
  align-items: center;
}

.splide__pagination__page.is-active:hover,
.splide__pagination__page.is-active:focus {
  align-items: center;
  scale: .6;
}

.dots {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dots.splide__pagination {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  position: relative;
}

.dropdown-toggle-3 {
  color: #243d1c;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 40px 8px 16px;
  display: flex;
}

.div-block-132 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.text-block-51 {
  padding-right: 0;
}

.dropdown-11 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.icon-14 {
  color: #a6de95;
}

.paragraph-69 {
  color: #65885a;
  text-align: center;
  white-space: normal;
  word-break: normal;
  width: 768px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.icon-15 {
  color: #a6de95;
}

.button_primary-3 {
  box-sizing: border-box;
  white-space: nowrap;
  object-fit: fill;
  background-color: #65885a;
  border-radius: 12px;
  flex: 0 auto;
  order: 0;
  padding: 12px 18px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: block;
}

.heading-79 {
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.div-block-133 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.coldzero-hero {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 1440px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 96px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.container-37 {
  color: #243d1c;
  align-items: center;
  display: flex;
}

.image-37 {
  border-radius: 14px;
  box-shadow: 0 27px 38px #1e62121f, 0 5.36px 16.219px #1e621224, 0 1.596px 9.436px #1e62120d;
}

.heading-80 {
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.heading-81 {
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.heading-82 {
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.div-block-134 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.nav-link-4 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
}

.heading-83 {
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.div-block-135 {
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.dropdown-12 {
  background-color: #fff;
  border-radius: 12px;
}

.dropdown-toggle-13 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
}

.image-38 {
  box-sizing: border-box;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-image: linear-gradient(#d2ebf8, #e5e7e8);
  background-clip: border-box;
  border-radius: 14px;
  box-shadow: 0 27px 38px #1e62121f, 0 5.36px 16.219px #1e621224, 0 1.596px 9.436px #1e62120d;
}

.dropdown-toggle-14 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
}

.div-block-136 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-84 {
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
}

.icon-16 {
  color: #a6de95;
}

.heading-85 {
  text-overflow: clip;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  align-items: stretch;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
  display: block;
  position: static;
}

.image-39 {
  background-image: linear-gradient(#d2ebf8, #dcfae6);
  border-radius: 14px;
  box-shadow: 0 27px 38px #1e62121f, 0 5.36px 16.219px #1e621224, 0 1.596px 9.436px #1e62120d;
}

.section-43 {
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.container-38 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-40 {
  box-sizing: border-box;
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: cover;
  background-image: linear-gradient(#d2ebf8, #dcfae6);
  border-radius: 14px;
  position: static;
  box-shadow: 0 27px 38px #1e62121f, 0 5.36px 16.219px #1e621224, 0 1.596px 9.436px #1e62120d;
}

.container-39 {
  margin-top: 88px;
}

.image-41 {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.ce-header-title {
  color: #243d1c;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  line-height: 72px;
}

.ce-heading-large {
  box-sizing: border-box;
  color: var(--ce-text-primary);
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: none;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Manrope, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  display: inline;
}

.paragraph_primary {
  color: var(--ce-text-secondary);
  max-width: 52ch;
  margin-bottom: 0;
  padding: 0;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.div-block-137 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.div-block-137.cold-og2 {
  flex-flow: row;
  max-width: 100%;
}

.div-block-137.about {
  flex-flow: column;
}

.div-block-138 {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.product-image-caption {
  color: var(--teal-300);
  text-align: right;
  max-width: 608px;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  bottom: 20px;
  right: 35px;
}

.specifications {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: var(--teal-950);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 80px 48px;
  font-family: Manrope, sans-serif;
  display: flex;
}

.specifications.wrapper {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.body-9 {
  background-color: var(--teal-900);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  font-family: Manrope, sans-serif;
  overflow: hidden visible;
}

.quick-stack-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--teal-900);
  background-color: var(--teal-900);
  border-radius: 12px;
  padding: 12px 0 0;
}

.quick-stack-4.cold-og2 {
  width: 100%;
  max-width: 100%;
}

.cell-14 {
  border-bottom: 1px solid var(--teal-900);
  background-color: #f5f6f600;
  justify-content: center;
}

.cell-15 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
  padding: 8px 0px;
}

.cell-16,
.cell-17 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
}

.paragraph-72 {
  color: var(--teal-100);
  border-bottom-left-radius: 0;
  align-self: flex-start;
  margin-bottom: 0;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.paragraph-72.table-header {
  color: var(--teal-300);
  align-items: stretch;
  font-weight: 600;
  display: flex;
}

.cell-18 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
  padding: 12px 0px;
}

.cell-19 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
  padding: 8px 0px;
}

.cell-20 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
}

.cell-20.table-cells {
  justify-content: center;
}

.cell-21,
.cell-22,
.cell-23 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
}

.cell-24 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
  padding: 12px 0px;
}

.cell-25,
.cell-26 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
}

.cell-27 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
  padding: 12px 0px;
}

.cell-28,
.cell-29 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
}

.cell-30 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
  padding: 12px 0px;
}

.cell-31,
.cell-32 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
}

.cell-33 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
  padding: 12px 0px;
}

.cell-34,
.cell-35 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
}

.cell-36 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
  padding: 12px 0px;
}

.cell-37,
.cell-38 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
}

.cell-39,
.cell-40,
.cell-41,
.cell-42 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
  padding: 12px 0px;
}

.cell-43,
.cell-44 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
}

.cell-45 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  border-radius: 0 0 0 12px;
  justify-content: center;
  padding: 12px 0px;
}

.cell-45.cold-og2 {
  border-bottom-left-radius: 0;
}

.cell-45.cold-og {
  border-bottom-style: solid;
  border-bottom-left-radius: 0;
  padding: 12px 8px;
}

.cell-46 {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  border-bottom-right-radius: 0;
  justify-content: center;
  padding: 12px 0px;
}

.cell-46.cold-zero {
  border-bottom-right-radius: 12px;
  justify-content: center;
}

.cell-47 {
  background-color: var(--teal-950);
  border-bottom-right-radius: 12px;
  justify-content: center;
  padding: 12px 8px;
}

.cell-48,
.cell-49 {
  border-bottom: 1px solid var(--teal-900);
  justify-content: center;
}

.section-45 {
  max-width: 60%;
  padding: 0;
}

.section-45.coldog {
  max-width: none;
}

.div-block-139 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  max-width: none;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.div-block-139.coldog {
  max-width: none;
}

.usecase-system-integration {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  background-color: #ffffff0a;
  border-top-left-radius: 24px;
  border-top-right-radius: 25px;
  justify-content: space-between;
  min-width: 100%;
  padding: 48px 32px;
  display: flex;
}

.use-case-wrapper,
.system-intergtration-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.ce,
.heading-88 {
  font-family: Manrope, sans-serif;
}

.use-integration--cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.paragraph-73 {
  color: var(--teal-100);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}

.div-block-141 {
  background-color: var(--teal-700);
  color: var(--teal-300);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.div-block-142 {
  box-sizing: border-box;
  object-fit: contain;
  background-color: #fff0;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.image-42 {
  object-fit: contain;
  width: 33.33%;
}

.image-43 {
  aspect-ratio: 1;
  object-fit: contain;
  width: 33.33%;
  position: static;
}

.image-44 {
  aspect-ratio: 1;
  object-fit: contain;
  width: 33.33%;
}

.div-block-143 {
  flex-flow: column;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.div-block-144 {
  max-width: 768px;
  padding-left: 0;
  padding-right: 0;
}

.how-it-works {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  flex-flow: column;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 112px;
  display: flex;
}

.how-it-works.wrapper {
  max-width: none;
  padding: 0;
  display: block;
}

.div-block-145 {
  width: 60%;
  max-width: none;
}

.div-block-145.coldog {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.div-block-146 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  padding: 0;
  display: flex;
}

.svg-7 {
  color: var(--ce-brand-300);
  width: 27px;
  height: 27px;
}

.heading-89 {
  -webkit-text-fill-color: transparent;
  background-color: #65885a00;
  background-image: linear-gradient(270deg, #65885a, #85b378);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
}

.div-block-147 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.div-block-148 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.heading-90 {
  color: var(--teal-100);
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.paragraph-74 {
  color: var(--teal-200);
  margin-bottom: 0;
  font-weight: 300;
}

.work-card {
  width: 280px;
}

.faq {
  background-color: var(--teal-950);
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 112px;
}

.faq.wrapper {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.faq-cta {
  max-width: 576px;
}

.faq-wrapper {
  justify-content: space-between;
  min-width: 0;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
}

.heading-91 {
  color: var(--teal-100);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.answer {
  height: var(--faq-response-height);
  color: #575b63;
  margin-bottom: 1rem;
  margin-left: 0.25rem;
}

.answer.colllapsible-content {
  opacity: 1;
  color: var(--teal-200);
  white-space: break-spaces;
  height: auto;
  font-family: Manrope, sans-serif;
  font-weight: 300;
  display: block;
}

.question {
  justify-content: space-between;
  align-items: flex-start;
  min-width: 100%;
  display: flex;
}

.expand-icon {
  height: var(--expand-icon-height);
  color: var(--teal-500);
  width: 24px;
  display: block;
  position: absolute;
}

.collapse-icon {
  color: var(--teal-500);
  width: 24px;
  height: 24px;
  position: absolute;
}

.expand-btn {
  cursor: pointer;
  position: relative;
}

.faq-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 576px;
  min-width: 0;
  max-width: 576px;
  display: flex;
}

.div-block-152 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: stretch;
  min-width: 100%;
  display: flex;
}

.discover-products {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  background-image: linear-gradient(180deg, var(--teal-950), #0c0e12);
  border-radius: 24px 24px 0 0;
  flex-flow: column;
  max-width: none;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 80px;
  display: flex;
}

.discover-products.wrapper {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  max-width: none;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.div-block-153 {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  justify-content: space-between;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.heading-92 {
  color: var(--ce-text-primary);
  max-width: 560px;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.paragraph-76 {
  color: var(--teal-100);
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.div-block-154 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  align-items: flex-start;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.div-block-155 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.collection-item-2 {
  order: -1;
  width: 384px;
  min-width: 384px;
  max-width: 384px;
  padding: 0;
  display: flex;
}

.image-45 {
  border-radius: 24px;
  box-shadow: 0 2px 5px 1px #0000001f;
}

.link-3 {
  color: var(--ce-text-primary);
  font-weight: 600;
}

.text-block-52 {
  color: #fff;
}

.text-block-53,
.text-block-54 {
  color: #fff;
  text-decoration: none;
}

.svg-8 {
  background-image: linear-gradient(180deg, var(--teal-950), var(--teal-900) 42%, var(--teal-900) 75%, var(--teal-900));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-46 {
  z-index: 10;
  transform-style: preserve-3d;
  width: auto;
  max-width: none;
  height: 90.55em;
  max-height: none;
  position: absolute;
  inset: 3% 0% 0% auto;
  transform: rotateX(-8.58deg)rotateY(0)rotateZ(0);
}

.products-section {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-image: linear-gradient(180deg, var(--teal-950), var(--gray-900));
  border-radius: 24px;
  flex-flow: column;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 80px;
  display: flex;
}

.products-section.wrapper {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.path {
  color: var(--ce-text-primary);
}

.metrics {
  background-color: var(--teal-700);
  border-radius: 24px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.metrics.wrapper {
  max-width: none;
  padding-top: 0;
  display: none;
}

.svg-9,
.svg-10,
.svg-11 {
  color: var(--white);
  max-width: 24px;
  max-height: 24px;
}

.svg-12 {
  max-width: 24px;
  max-height: 24px;
}

.path-2 {
  color: var(--white);
}

.svg-13,
.svg-14,
.svg-15,
.svg-16,
.svg-17,
.svg-18,
.svg-19,
.svg-20,
.svg-21 {
  color: var(--white);
  max-width: 24px;
  max-height: 24px;
}

.svg-22,
.svg-23,
.svg-24,
.svg-25,
.svg-26,
.svg-27 {
  color: var(--teal-300);
  max-width: 24px;
  max-height: 24px;
}

.path-3 {
  color: var(--teal-300);
}

.heading-93,
.heading-94 {
  color: var(--teal-100);
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.text-span-4 {
  float: left;
  clear: none;
  color: var(--ce-success-400);
}

.productheading {
  float: none;
  clear: none;
  color: var(--ce-success-400);
  white-space: nowrap;
  width: auto;
  margin-bottom: 0;
  margin-right: .25ch;
  padding-right: 0;
  font-family: Manrope, sans-serif;
  font-size: 46px;
  font-weight: 600;
  line-height: 60px;
  display: inline;
}

.paragraph-77 {
  color: var(--teal-200);
}

.cell-50 {
  background-color: var(--teal-950);
}

.cell_body {
  border-bottom: 1px solid var(--teal-900);
  background-color: var(--teal-950);
  justify-content: center;
  padding: 12px 8px;
}

.cell_body.last {
  border-bottom-right-radius: 0;
}

.cell_body.last_left {
  border-bottom-style: none;
  border-bottom-left-radius: 12px;
}

.cell_body.last_right {
  border-bottom-style: none;
  border-bottom-right-radius: 12px;
}

.cell_body.last_bottom {
  border-bottom-style: none;
}

.svg-28 {
  color: var(--teal-300);
  max-width: 24px;
  max-height: 24px;
}

.svg-29,
.svg-30,
.svg-31,
.svg-32,
.svg-33 {
  max-width: 24px;
  max-height: 24px;
}

.svg-34 {
  max-width: 24px;
}

.svg-35 {
  max-width: 24px;
  max-height: 24px;
}

.body-10 {
  background-color: var(--teal-900);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden visible;
}

.body-11 {
  background-color: var(--teal-950);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  overflow-x: hidden;
}

.commercial-buildings {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-image: linear-gradient(180deg, var(--teal-950), var(--gray-900));
  flex-flow: row;
  max-width: 1440px;
  margin: 0 auto;
  padding: 96px 0;
  display: block;
  position: static;
}

.commercial-buildings.wrapper {
  max-width: none;
  padding-left: 80px;
  padding-right: 80px;
  position: relative;
}

.div-block-157 {
  max-width: 1216px;
  padding-left: 0;
  padding-right: 0;
}

.text-span-5 {
  text-decoration: underline;
}

.div-block-158 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 32px;
  display: flex;
}

.primary {
  color: var(--ce-text-secondary);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.paragraph-79 {
  color: var(--teal-100);
  text-align: center;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.applications {
  background-image: linear-gradient(180deg, var(--teal-950), var(--gray-900));
  margin: 0;
  padding-top: 96px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.div-block-159 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  align-items: flex-start;
  width: auto;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}



.div-block-160 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-items: center;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-161 {
  max-width: 263px;
}

.div-block-162 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  display: flex;
  justify-content: center;
}

.div-block-163 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.paragraph_primary_regular {
  color: var(--ce-text-secondary);
  max-width: 50%;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.div-block-164 {
  display: flex;
  justify-content: space-between;
}

.how-we-help,
.solutions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.svg-36 {
  color: var(--white);
  max-width: 24px;
  max-height: 24px;
}

.paragraph-80 {
  color: var(--white);
  margin-bottom: 0;
}

.div-block-165 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.heading-95 {
  color: var(--ce-text-secondary);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.div-block-166 {
  grid-column-gap: 122px;
  grid-row-gap: 122px;
  flex-flow: row;
  align-items: stretch;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.hero-section {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 96px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.ideal-for {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.div-block-167 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.div-block-168 {
  grid-column-gap: 122px;
  grid-row-gap: 122px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.image-47 {
  box-sizing: border-box;
  object-fit: cover;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  max-width: 50%;
  height: 80%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-169 {
  max-width: 235px;
}

.industrial-factories {
  padding: 96px 80px;
}

.div-block-170 {
  max-width: 236px;
}

.heading-96 {
  color: var(--teal-100);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-weight: 600;
}

.cta {
  margin-left: auto;
  margin-right: auto;
  padding: 96px 80px;
}

.div-block-171 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.svg-37 {
  color: var(--teal-100);
  width: 149.63px;
  max-height: 43px;
}

.div-block-172 {
  display: flex;
}

.svg-38 {
  color: var(--white);
  max-width: 20px;
  max-height: 20px;
}

.div-block-173 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.svg-39,
.svg-40 {
  color: var(--ce-success-400);
  max-width: 20px;
  max-height: 20px;
}

.div-block-174 {
  max-width: 278px;
}

.paragraph-81,
.paragraph-82 {
  color: var(--white);
  margin-bottom: 0;
  font-size: 16px;
}

.body-12 {
  background-color: var(--teal-950);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden visible;
}

.about-hero {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 176px 0 0;
  display: flex;
  position: static;
}

.about-hero.wrapper {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
}

.paragraph-83 {
  color: var(--teal-200);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.div-block-175 {
  margin-left: 80px;
  margin-right: 80px;
  padding-left: 32px;
  padding-right: 32px;
}

.ce-heading-small {
  color: var(--ce-text-secondary);
  margin-bottom: 0;
  padding: 0;
  font-family: Manrope, sans-serif;
  font-weight: 600;
}

.our-story {
  width: 100%;
  max-width: 1440px;
  padding: 96px 80px;
  position: relative;
}

.our-story.wrapper {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.ce-heading-regular {
  color: var(--ce-text-primary);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.ce-header-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding-bottom: 0;
  display: flex;
}

.div-block-176 {
  padding-left: 32px;
  padding-right: 32px;
}

.paragraph-84 {
  color: var(--teal-200);
  column-count: 1;
  column-gap: 64px;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.div-block-177 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--teal-900);
  flex-flow: column;
  align-items: flex-start;
  padding-bottom: 64px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.misson {
  width: 100%;
  max-width: 1440px;
  padding: 96px 80px;
  position: relative;
}

.misson.wrapper {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.div-block-178 {
  padding-left: 32px;
  padding-right: 32px;
}

.div-block-179 {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.paragraph-85 {
  color: var(--teal-200);
  margin: 0;
  padding-top: 12px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.div-block-180 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.paragraph-86 {
  margin: 0;
}

.div-block-181,
.div-block-182 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.div-block-183 {
  max-width: 560px;
}

.svg-41,
.svg-42,
.svg-43,
.svg-44,
.svg-45 {
  color: var(--white);
  max-width: 24px;
  max-height: 24px;
}

.timeline-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url('../images/Background-pattern-5.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  align-items: center;
  width: auto;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 80px;
  display: flex;
  position: relative;
  left: 0;
  right: 0;
}

.timeline-section.wrapper {
  background-image: none;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
  position: relative;
}

.timeline-section.about {
  width: 100%;
  padding-bottom: 0;
}

.timeline-heading {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
}

.timeline-wrapper {
  background-image: url('../images/gradient-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 608.11px;
  padding-left: 36px;
  padding-right: 0;
  position: relative;
}

.timeline-wrapper.animate-gradient {
  z-index: 99;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  width: 1235px;
  min-width: auto;
  max-width: 1235px;
  height: 894px;
  min-height: auto;
  max-height: 894px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.timeline-wrapper.animate-gradient.mobile {
  display: none;
}

.timeline-wrapper.animate-gradient.desktop-tablet {
  min-width: 1235px;
  min-height: 894px;
  display: block;
}

.timeline-event {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  max-width: 315px;
  display: flex;
  position: absolute;
  top: -96px;
}

.timeline-event._2019 {
  opacity: 0;
  top: 10px;
  left: 424px;
}

.timeline-event._2018 {
  opacity: .8;
  top: 10px;
  left: 100px;
}

.timeline-event._2020 {
  opacity: 0;
  align-items: flex-end;
  top: 170px;
  left: 380px;
}

.timeline-event._2022 {
  opacity: 0;
  align-items: flex-start;
  max-width: 315px;
  font-family: Manrope, sans-serif;
  top: 170px;
  left: 81px;
}

.timeline-event._2024 {
  opacity: 0;
  top: 337px;
  left: 170px;
}

.timeline-event._2025 {
  opacity: 0;
  top: 337px;
  left: 417px;
}

.div-block-184 {
  background-color: var(--teal-900);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100px;
  max-width: 100px;
  display: flex;
}

.heading-97 {
  color: var(--ce-text-primary);
  max-width: 100px;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.paragraph-87 {
  margin-bottom: 0;
}

.paragraph-88 {
  box-sizing: border-box;
  aspect-ratio: auto;
  color: var(--ce-text-primary);
  object-fit: fill;
  max-width: 315px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.div-block-185 {
  z-index: 99;
  margin-top: 0;
  padding-top: 0;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
}

.svg-46 {
  background-image: linear-gradient(90deg, #808790, #17b26a);
}

.code-embed {
  height: auto;
  display: none;
}

.code-embed.desktop-tablet {
  width: 100%;
  height: 100%;
  display: block;
}

.div-block-186 {
  flex-flow: column;
  justify-content: flex-start;
  height: 100%;
  margin-top: 0;
  display: block;
  position: relative;
}

.body-13 {
  background-color: var(--teal-950);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.contact-form-section {
  padding: 0;
}

.contact-info-section {
  padding: 0 0 96px;
}

.div-block-187 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-bottom: 1px solid var(--teal-900);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 96px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-188 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.heading-98 {
  margin-bottom: 0;
}

.form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--ce-text-secondary);
  flex-flow: column;
  width: 100%;
  font-family: Manrope, sans-serif;
  font-weight: 400;
  display: flex;
}

.div-block-189 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
}

.field-label {
  color: var(--ce-text-secondary);
  font-weight: 400;
}

.field-label-2,
.field-label-3,
.field-label-4,
.field-label-5 {
  font-weight: 400;
}

.form-input-primary {
  border: 1px solid var(--border-primary);
  color: var(--teal-100);
  background-color: #fff0;
  border-radius: 8px;
  font-family: Manrope, sans-serif;
}

.form-input-primary:focus {
  border-color: #b8e5aa;
}

.form-input-primary.message {
  height: 100px;
}

.form-input-primary.subject {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  padding: 8px 12px;
  display: flex;
}

.form-input-primary.phone-number-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.div-block-190 {
  max-width: 592px;
}

.form-block {
  width: 100%;
}

.text-block-55 {
  color: var(--ce-text-secondary);
}

.icon-17 {
  color: var(--ce-text-secondary);
  margin-right: 0;
  position: static;
}

.dropdown-13 {
  margin-left: 0;
  margin-right: 0;
}

.dropdown-label {
  margin-bottom: 5px;
  font-weight: 400;
}

.div-block-191 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff0;
  flex-flow: row;
  justify-content: flex-start;
  display: flex;
}

.div-block-192 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.div-block-193 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.contact-info-card {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #ffffff0a;
  border-radius: 12px;
  flex-flow: column;
  width: 50%;
  max-width: none;
  padding: 24px;
  display: flex;
}

.div-block-195 {
  background-image: linear-gradient(#ffffff1f, #fff0);
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
}

.heading-99 {
  color: var(--ce-text-primary);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.paragraph-89 {
  color: var(--ce-text-tertiary-600);
  margin-bottom: 0;
  font-weight: 400;
}

.paragraph-90 {
  color: var(--ce-text-secondary);
  margin-bottom: 0;
  font-weight: 600;
}

.div-block-196 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  height: auto;
  display: flex;
}

.contact-form {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  background-image: linear-gradient(180deg, var(--teal-950), var(--gray-900));
  flex-flow: column;
  max-width: 1440px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.contact-form.wrapper {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 176px;
  padding-left: 80px;
  padding-right: 80px;
  display: block;
}

.svg-47,
.svg-48,
.svg-49,
.svg-50 {
  color: var(--brand-600);
  width: 24px;
  height: 24px;
}

.section-49 {
  padding: 96px 80px;
}

.div-block-198 {
  justify-content: flex-start;
  display: flex;
}

.text-field {
  color: var(--teal-100);
  background-color: #fff0;
  border: 1px #000;
  margin-bottom: 0;
}

.select-field {
  outline-offset: 0px;
  color: var(--ce-text-secondary);
  background-color: #f3f3f300;
  border: 1px #000;
  outline: 3px #d9d9d9;
  margin-bottom: 0;
}

.select-field:focus {
  outline-offset: 0px;
  color: var(--ce-text-secondary);
  background-color: #f3f3f300;
  border-style: none;
  outline: 3px #d9d9d9;
}

.collection-wrapper {
  will-change: transform;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.carousel-track {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.carousel-track.splide__list {
  overflow: visible;
}

.coldzero-hero-copy {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  align-items: flex-start;
  margin-top: 60px;
  padding-bottom: 96px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.cold-og2-hero {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  padding: 0 0 92px;
  display: flex;
}

.image-48 {
  width: 100%;
}

.paragraph-91 {
  color: var(--teal-200);
  max-width: 52ch;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.cell-51 {
  background-color: var(--teal-950);
  border-bottom-left-radius: 12px;
}

.cell-52 {
  background-color: var(--teal-950);
  border-bottom-right-radius: 12px;
}

.og-svg-styles,
.svg-52,
.svg-53 {
  width: 24px;
  max-width: 24px;
  height: 24px;
  max-height: 24px;
}

.body-14 {
  background-color: var(--teal-950);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
}

.section-50 {
  padding: 96px 80px;
}

.section-primary {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 80px;
}

.section-primary.post-hero {
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.section-primary.post-hero-heading {
  margin-left: auto;
  margin-right: auto;
  padding-top: 176px;
}

.div-block-199 {
  padding-left: 32px;
  padding-right: 32px;
}

.div-block-200 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.div-block-201 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.paragraph-92 {
  margin-bottom: 0;
}

.paragraph-93 {
  color: var(--ce-text-tertiary-600);
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.div-block-202 {
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
}

.div-block-203 {
  width: 100%;
  display: block;
  position: relative;
}

.div-block-204 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  filter: drop-shadow(0 2px 2px #000000b3);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  flex-flow: column;
  width: 100%;
  padding: 32px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-205 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.paragraph-94 {
  color: var(--white);
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.heading-100 {
  color: var(--white);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
  display: block;
}

.div-block-206 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.svg-54 {
  color: var(--white);
  justify-content: flex-end;
  align-items: flex-start;
  width: 24px;
  max-width: 24px;
  height: 24px;
  max-height: 24px;
  display: flex;
}

.div-block-207 {
  justify-content: space-between;
  display: flex;
}

.heading-101 {
  color: var(--white);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.heading-102 {
  color: var(--white);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-208 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.heading-103 {
  color: var(--white);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.div-block-209 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-block-210 {
  border: 1px solid #fff;
  border-radius: 99px;
  padding: 2px 8px;
}

.paragraph-95 {
  color: var(--white);
  margin-bottom: 0;
}

.div-block-211 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.image-49 {
  filter: blur();
  border-radius: 16px;
  min-width: 100%;
}

.collection-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.div-block-212 {
  padding-left: 32px;
  padding-right: 32px;
}

.div-block-213 {
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}

.dropdown-toggle-15 {
  color: var(--ce-text-primary);
  width: 10rem;
  max-width: 320px;
  padding: 0;
  font-family: Manrope, sans-serif;
}

.icon-18 {
  color: var(--ce-text-tertiary-600);
}

.text-block-56 {
  border: 1px solid var(--ce-text-teritary);
  border-radius: 12px;
  padding: 10px 14px;
}

.text-block-56:focus {
  border-color: var(--teal-700);
}

.view-all-tab {
  color: var(--text-quaternary-500);
  background-color: #0000;
  font-family: Manrope, sans-serif;
}

.view-all-tab.w--current {
  border-bottom: 1px solid var(--ce-text-primary);
  outline-offset: 0px;
  color: var(--ce-text-primary);
  background-color: #0000;
  outline: 3px #f5f6f6;
  font-family: Manrope, sans-serif;
}

.energy-tab {
  color: var(--text-quaternary-500);
  background-color: #0000;
  font-family: Manrope, sans-serif;
}

.energy-tab.w--current {
  border-bottom: 1px solid var(--ce-text-primary);
  color: var(--ce-text-primary);
  background-color: #0000;
}

.battery-tab {
  color: var(--text-quaternary-500);
  background-color: #0000;
  font-family: Manrope, sans-serif;
}

.battery-tab.w--current {
  border-bottom: 1px solid var(--ce-text-primary);
  color: var(--ce-text-primary);
  background-color: #0000;
}

.solar-tab {
  color: var(--text-quaternary-500);
  background-color: #0000;
  font-family: Manrope, sans-serif;
}

.solar-tab.w--current {
  border-bottom: 1px solid var(--ce-text-primary);
  color: var(--ce-text-primary);
  background-color: #0000;
}

.software-tab {
  color: var(--text-quaternary-500);
  background-color: #0000;
  font-family: Manrope, sans-serif;
}

.software-tab.w--current {
  border-bottom: 1px solid var(--ce-text-primary);
  color: var(--ce-text-primary);
  background-color: #0000;
}

.filter-dropdown {
  max-width: none;
  position: relative;
  inset: 0% 0% auto auto;
}

.tabs-content {
  width: 100%;
  margin-top: 40px;
  display: block;
}

.tabs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.collection-list-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch flex-start;
  place-items: stretch start;
  width: 100%;
  display: flex;
  position: relative;
}

.collection-item-3 {
  order: -1;
  width: 384px;
  min-width: 0;
  max-width: 384px;
  display: flex;
}

.collection-list-wrapper {
  width: 100%;
  display: block;
}

.empty-state {
  color: var(--ce-text-primary);
  background-color: #0000;
  justify-content: center;
  font-family: Manrope, sans-serif;
  display: flex;
}

.page-count {
  color: var(--ce-text-primary);
  margin-top: 0;
}

.pagination {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
}

.next {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--text-quaternary-500);
  background-color: #0000;
  border-style: none;
  align-items: center;
  margin: 0;
  padding: 0;
  font-family: Manrope, sans-serif;
  display: flex;
}

.svg-55 {
  max-width: 20px;
  max-height: 20px;
}

.text-block-61 {
  line-height: 20px;
}

.text-block-62 {
  text-decoration: none;
}

.previous {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--text-quaternary-500);
  background-color: #0000;
  border-style: none;
  align-items: center;
  margin: 0;
  padding: 0;
  font-family: Manrope, sans-serif;
  display: flex;
}

.svg-56 {
  width: 20px;
  height: 20px;
}

.page-count-button {
  color: var(--ce-text-primary);
  background-color: #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: Manrope, sans-serif;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.page-count-button.w--current {
  background-color: var(--teal-800);
}

.text-block-63 {
  color: var(--ce-text-secondary);
  justify-content: center;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.page-count-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-64 {
  color: var(--ce-text-secondary);
  text-align: center;
  justify-content: center;
  align-items: flex-end;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
}

.cms-empty-state {
  background-color: #0000;
}

.published-date {
  color: var(--ce-text-secondary);
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: flex;
}

.blog-filter-item {
  color: var(--teal-200);
  margin: 10px;
}

.blog-filter-item.w--current {
  background-color: var(--teal-600);
  color: var(--teal-100);
  border-radius: 10px;
  margin: 10px;
  box-shadow: 0 2px 4px -1px #0003;
}

.dropdown-list {
  background-color: #3d3838;
}

.dropdown-list.w--open {
  border: 1px solid var(--teal-700);
  background-color: var(--teal-900);
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.dropdown-link-4 {
  color: var(--teal-200);
  margin: 10px;
}

.dropdown-list-2 {
  background-color: #ddd;
}

.dropdown-list-2.w--open {
  background-color: var(--teal-800);
  border-radius: 12px;
  width: 548px;
  padding: 4px 6px;
}

.dropdown-list-2.industries-we-power.w--open {
  z-index: 99;
  border: 1px solid var(--teal-700);
  width: 473px;
}

.dropdown-list-2.solutions {
  border: 1px solid var(--teal-700);
  background-color: var(--teal-800);
  border-radius: 12px;
  width: auto;
  max-width: none;
  display: block;
}

.dropdown-list-2.products {
  border: 1px solid var(--teal-700);
  background-color: var(--teal-800);
  border-radius: 12px;
  flex-flow: column;
  width: auto;
  max-width: none;
  display: none;
}

.dropdown-list-2.products.w--open {
  display: block;
}

.dropdown-list-2.nav-soultions.w--open {
  width: auto;
}

.dropdown-nav-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
}

.dropdown-nav-item.industries-nav-item:hover,
.dropdown-nav-item.product-nav-item:hover,
.dropdown-nav-item.resources-nav-item:hover {
  background-color: var(--teal-600);
}

.nav-dropdown-item-title-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.nav-dropdown-item-header {
  color: var(--teal-200);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.nav-dropdown-item-subtitle {
  color: var(--teal-200);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.dropdown-items-section {
  flex-flow: column;
  min-width: 314px;
  display: flex;
}

.dropdown-items-section.industries-we-power {
  min-width: 268px;
}

.dropdown-items-section.solutions {
  width: 100%;
  min-width: 0;
  max-width: 268px;
}

.dropdown-items-section.solutions.multicontainer {
  display: none;
}

.dropdown-item-wrapper {
  border-radius: 10px;
  display: block;
}

.div-block-218 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.collection-list-3 {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.image-50 {
  position: absolute;
}

.dropdown-nav-container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dropdown-nav-container.industries-we-power {
  flex-flow: row;
  align-items: flex-start;
}

.dropdown-nav-container.solutions {
  border-radius: 12px;
  flex-flow: row;
  align-items: flex-start;
  width: 100%;
  padding: 4px 6px;
  display: flex;
}

.dropdown-nav-container.resources {
  align-items: flex-start;
  padding: 2px 6px;
}

.navitem-hero-image-wrapper {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 225px;
  height: auto;
  display: flex;
  position: static;
  inset: auto 0% auto auto;
}

.navitem-hero-image-wrapper.industries-we-power {
  min-height: 100%;
  position: relative;
}

.product-full-image {
  width: auto;
  max-width: 117px;
  height: auto;
  max-height: 117px;
  display: block;
  position: absolute;
  inset: auto;
}

.collection-item-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.collection-list-wrapper-2 {
  width: 100%;
}

.product-photo-icon {
  display: block;
}

.collection-list-wrapper-3 {
  border-right: 1px solid var(--teal-700);
  padding-right: 4px;
}

.body-15 {
  background-color: var(--teal-950);
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.body-15.post-wrapper {
  display: none;
}

.section-wrapper-primary {
  padding-left: 32px;
  padding-right: 32px;
}

.section-content,
.post-content-template {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  display: flex;
}

.div-block-220 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  min-width: 50%;
  max-width: 592px;
  display: flex;
}

.image-51,
.image-52 {
  border-radius: 16px;
}

.div-block-221 {
  flex-flow: column;
  display: flex;
}

.div-block-222 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1px solid var(--border-primary);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  max-width: 146px;
  max-height: 30px;
  padding: 2px 6px;
  display: flex;
}

.post-read-time {
  color: var(--ce-text-secondary);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
}

.paragraph-96 {
  color: var(--ce-text-secondary);
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.div-block-223 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border: 1px solid var(--border-primary);
  background-color: var(--ce-bg-primary);
  border-radius: 6px;
  align-items: center;
  padding: 2px 6px;
  display: flex;
}

.div-block-224 {
  border: 2px solid var(--brand-100);
  background-color: var(--brand-500);
  border-radius: 999px;
  width: 8px;
  height: 8px;
}

.div-block-225 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  min-width: 280px;
  display: flex;
}

.contributors-section {
  border-top: 1px solid var(--teal-800);
  flex-flow: column;
  padding-top: 32px;
  font-family: Manrope, sans-serif;
  display: flex;
}

.subscribe-form-section {
  border-top: 1px solid var(--teal-800);
  padding-top: 32px;
}

.field-label-7 {
  color: var(--ce-text-tertiary-600);
  font-family: Manrope, sans-serif;
  font-weight: 600;
}

.div-block-226 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.heading-105 {
  color: var(--ce-text-primary);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
}

.heading-106 {
  color: var(--ce-text-secondary);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.image-53 {
  box-sizing: border-box;
  object-fit: cover;
  border-radius: 999px;
  min-width: 48px;
  max-width: 48px;
  min-height: 48px;
  max-height: 48px;
}

.socials {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #22262f;
  padding-top: 32px;
  display: flex;
}

.link-block-6 {
  border: 1px solid var(--border-primary);
  color: var(--foreground-quarternary-400);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 40px;
  max-width: 40px;
  height: 40px;
  max-height: 40px;
  display: flex;
}

.svg-57 {
  max-width: 20px;
  max-height: 20px;
}

.rich-text-block-2 {
  color: var(--ce-text-secondary);
  font-family: Manrope, sans-serif;
}

.heading-107 {
  color: var(--ce-text-primary);
  font-family: Manrope, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
}

.heading-108 {
  color: var(--ce-text-primary);
  text-align: left;
  font-size: 24px;
  line-height: 32px;
}

.post-paragraph {
  color: var(--ce-text-secondary);
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
}

.heading-109 {
  color: var(--ce-text-primary);
  font-family: Manrope, sans-serif;
}

.bold-text-47 {
  color: var(--ce-text-secondary);
}

.paragraph-101,
.paragraph-102 {
  color: var(--ce-text-primary);
}

.block-quote {
  color: var(--teal-100);
  font-style: italic;
}

.heading-110 {
  color: var(--ce-text-primary);
  font-family: Manrope, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.heading-111 {
  color: var(--ce-text-primary);
  font-family: Manrope, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.heading-112 {
  color: var(--ce-text-primary);
  font-family: Manrope, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.readmore-post-content {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.div-block-228 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.readmore-subheading {
  color: var(--ce-text-secondary);
  margin-bottom: 0;
}

.div-block-229 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  min-width: 100%;
  display: flex;
}

.readmore-description {
  color: var(--ce-text-tertiary-600);
  text-align: center;
  margin-bottom: 0;
  font-weight: 300;
}

.subscript,
.italic-text,
.superscript-2 {
  color: var(--ce-text-secondary);
}

.svg-58,
.svg-59,
.svg-60 {
  max-width: 20px;
  max-height: 20px;
}

.div-block-230 {
  flex-flow: column;
  display: flex;
}

.div-block-231 {
  width: 100%;
  min-width: 100%;
}

.post-body {
  color: var(--ce-text-secondary);
  font-family: Manrope, sans-serif;
}

.post-body.paragraph {
  color: var(--ce-text-secondary);
  text-align: left;
  margin-bottom: 0;
  font-weight: 300;
}

.post-body h1 {
  color: var(--ce-text-primary);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
}

.post-body h2 {
  color: var(--ce-text-primary);
  font-family: Manrope, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 34px;
}

.post-body h3 {
  color: var(--ce-text-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.post-body h4 {
  color: var(--ce-text-primary);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.post-body h5 {
  color: var(--ce-text-primary);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.post-body h6 {
  color: var(--ce-text-primary);
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.post-body p {
  color: var(--ce-text-secondary);
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.post-body blockquote {
  color: var(--teal-100);
  font-style: italic;
}

.post-body li {
  color: var(--teal-200);
}

.post-body a {
  color: var(--teal-100);
  -webkit-text-stroke-color: var(--ce-text-secondary);
  text-underline-offset: 2px;
  -webkit-text-decoration-color: var(--teal-100);
  text-decoration-color: var(--teal-100);
}

.post-body a:visited {
  color: var(--ce-success-700);
  -webkit-text-stroke-color: var(--gray-700);
  text-underline-offset: 2px;
  -webkit-text-decoration-color: var(--ce-success-700);
  text-decoration-color: var(--ce-success-700);
}

.heading-113 {
  color: var(--ce-text-primary);
  font-family: Manrope, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 34px;
}

.heading-114 {
  color: var(--ce-text-primary);
  text-align: left;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.heading-115 {
  color: var(--ce-text-primary);
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.heading-116 {
  color: var(--ce-text-primary);
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.heading-117 {
  color: var(--ce-text-primary);
  font-family: Manrope, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.block-quote-2 {
  color: var(--teal-100);
  font-style: italic;
  font-weight: 400;
}

.paragraph-103 {
  color: var(--ce-text-secondary);
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.paragraph-104 {
  color: var(--ce-text-primary);
}

.list-5 {
  color: var(--ce-text-secondary);
}

.paragraph-105 {
  color: var(--ce-text-primary);
}

.list-6 {
  color: var(--ce-text-secondary);
}

.paragraph-106 {
  color: var(--ce-text-secondary);
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.paragraph-107,
.paragraph-108 {
  color: var(--ce-text-secondary);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.paragraph-109,
.paragraph-110 {
  color: var(--ce-text-secondary);
  font-weight: 300;
}

.link-4 {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--ce-text-secondary);
  text-decoration-color: var(--ce-text-secondary);
}

.link-4:visited {
  -webkit-text-stroke-color: var(--ce-text-secondary);
}

.div-block-232 {
  min-width: 384px;
  max-width: 384px;
  padding-bottom: 0;
}

.thumbnail {
  box-sizing: border-box;
  aspect-ratio: auto;
  border-radius: 16px;
}

.div-block-233 {
  justify-content: space-between;
  display: flex;
}

.paragraph-111 {
  color: var(--ce-text-secondary);
  width: 100%;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: flex;
}

.svg-61,
.svg-62,
.svg-63 {
  color: var(--teal-500);
  min-width:16px;
  max-width: 16px;
  max-height: 16px;
}

.div-block-234 {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 196px;
  display: flex;
}

.industries-dropdown-items {
  border-right: 1px solid var(--teal-700);
  width: auto;
  padding-right: 4px;
}

.industries-image {
  width: 120px;
  height: 120px;
  position: absolute;
}

.industries-hero-wrapper {
  justify-content: center;
  align-items: center;
  width: 196px;
  height: 124px;
  display: flex;
}

.dropdown-14 {
  z-index: 40;
}

.solutions-image {
  width: 139px;
  height: 93px;
  position: absolute;
}

.solutions-image.container {
  display: none;
}

.solutions-image.microgrid {
  width: 140px;
  height: 140px;
}

.solutions-dropdown-items {
  flex-flow: column;
  justify-content: flex-start;
  width: 268px;
  max-width: 268px;
  height: 100%;
  max-height: 100%;
  padding-right: 4px;
  display: flex;
}

.solutions-hero-wrapper {
  border-left: 1px solid var(--teal-700);
  justify-content: center;
  align-items: center;
  width: 195px;
  height: 169px;
  display: flex;
  position: static;
}

.dropdown-list-3 {
  border-radius: 12px;
}

.dropdown-list-3.w--open {
  border: 1px solid var(--teal-700);
  background-color: var(--teal-800);
}

.resources-dropdown-items {
  display: flex;
}

.svg-64 {
  color: var(--teal-500);
  width: auto;
  max-width: 16px;
  max-height: 16px;
}

.svg-65 {
  color: var(--teal-500);
  max-width: 16px;
  max-height: 16px;
}

.collection-list-4 {
  display: flex;
}

.collection-item-5 {
  min-width: 384px;
  max-width: 384px;
}

.tab-pane-view-all {
  width: 100%;
}

.image-54 {
  width: 20px;
  max-width: none;
  height: 20px;
  position: static;
}

.link-block-7 {
  text-decoration: none;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}

.image-55 {
  display: block;
  position: absolute;
  inset: 0 0% 0%;
}

.container-40 {
  width: 100%;
  max-width: 592px;
  position: relative;
}

.container-41 {
  width: 100%;
  max-width: none;
}

.div-block-235.coldzero,
.div-block-237.coldog {
  grid-column-gap: 1ch;
  grid-row-gap: 1ch;
  display: block;
}

.section-51 {
  padding-left: 32px;
  padding-right: 32px;
}

.svg-66 {
  color: var(--white);
  width: 111.32px;
  min-width: 111.32px;
  max-width: 111.32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
}

.section-wrapper {
  max-width: 1440px;
}

.section-52 {
  width: 100%;
}

.div-block-238,
.div-block-239 {
  width: 100%;
  max-width: none;
}

.specifications-content {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.paragraph-112 {
  color: var(--teal-100);
  width: 100%;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.image-58 {
  border-radius: 0;
  position: relative;
}

.div-block-241 {
  align-items: center;
  display: flex;
}

.div-block-242 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.splide__arrows {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  display: flex;
}

.splide__arrows.blogs-post-arrows {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  padding-top: 0;
  position: relative;
  bottom: auto;
  right: 0;
}

.list-7 {
  margin: 0;
  padding: 0;
  display: flex;
}

.splide__arrow {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  mix-blend-mode: exclusion;
  background-color: #ffffff14;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  font-size: 24px;
  line-height: 48px;
  display: flex;
  box-shadow: 0 2px 2px 1px #0003;
}

.splide__arrow:hover {
  background-color: #39685f;
}

.splide__arrow.splide__arrow--prev {
  color: var(--white);
  -webkit-user-select: none;
  user-select: none;
  font-family: Manrope, sans-serif;
  position: relative;
  left: 0;
  right: 0;
  background-color: #ffffff14 !important;
}

.splide__arrow.splide__arrow--prev:hover {
  background-color: #39685f !important;
}

.splide__arrow.splide__arrow--next {
  color: var(--white);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-family: Manrope, sans-serif;
  position: relative;
  left: 0;
  right: 0;
  background-color: #ffffff14 !important;
}

.splide__arrow.splide__arrow--next:hover {
  background-color: #39685f !important;
}

.div-block-243 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: none;
}

.splide__pagination {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  margin: auto 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  position: absolute;
  top: 0;
  bottom: auto;
}

.div-block-244 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.code-embed-2 {
  cursor: none;
}

.video {
  border-radius: 24px;
}

.background-video-5 {
  border-radius: 24px;
  display: none;
}

.code-embed-3 {
  display: none;
}

.collection-list-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.text-block-67 {
  font-family: Manrope, sans-serif;
}

.empty-state-3,
.code-embed-4 {
  display: none;
}

.div-block-245 {
  width: 100%;
}

.svg-67 {
  width: 24px;
  max-width: 24px;
  height: 24px;
  max-height: 24px;
}

.svg-68,
.svg-69,
.svg-70,
.svg-71 {
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
}

.path-4 {
  min-width: 24px;
}

.svg-72,
.svg-73,
.svg-74 {
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
}

.svg-75 {
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
}

.svg-76 {
  color: var(--ce-success-600);
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
}

.paragraph-113 {
  color: var(--teal-200);
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.svg-77 {
  color: var(--ce-success-600);
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
}

.select-field-2 {
  background-color: #0000;
}

.select-field-2.form-input-primary:focus {
  border-color: #b8e5aa;
}

.select-field-2.form-input-primary.subject-select {
  color: var(--ce-text-primary);
}

.div-block-246 {
  grid-column-gap: .5ch;
  grid-row-gap: .5ch;
  display: flex;
}

.dropdown-list-4 {
  border: 1px solid var(--teal-700);
  background-color: var(--teal-800);
  color: var(--teal-100);
  border-radius: 12px;
  top: 60px;
}

.dropdown-list-4.w--open {
  background-color: var(--teal-800);
  color: var(--white);
}

.dropdown-link-5 {
  text-decoration: none;
  -webkit-text-decoration-color: var(--teal-100);
  text-decoration-color: var(--teal-100);
  border-radius: 12px;
  font-size: 16px;
  position: relative;
  color: var(--teal-100) !important;
}

.dropdown-link-5:hover {
  background-color: var(--teal-500);
}

.div-block-247 {
  grid-column-gap: 1ch;
  grid-row-gap: 1ch;
  flex-flow: wrap;
  display: flex;
}

.glow-box {
  opacity: 1;
  border-radius: 12px;
  padding: 3px;
}

.div-block-249 {
  max-width: none;
  position: absolute;
  right: 0;
}

.svg-78 {
  color: #498376;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.div-block-250 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.link-5 {
  color: var(--teal-100);
  text-underline-offset: .25em;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--teal-100);
  text-decoration-color: var(--teal-100);
  text-decoration-style: solid;
}

.svg-79 {
  color: var(--ce-success-400);
  width: 24px;
  height: 24px;
}

.svg-80 {
  color: var(--white);
  width: 24px;
  height: 24px;
}

.background-video-6 {
  width: 100vw;
  height: 100vw;
}

.section-53 {
  background-color: var(--teal-900);
}

.body-16 {
  overflow-x: hidden;
}

.heading-118,
.heading-119,
.heading-120,
.heading-121,
.heading-122 {
  color: var(--grey-1);
}

.card {
  position: absolute;
}

.card.card-1 {
  z-index: 40;
  border-radius: 24px;
  width: 100%;
  transition: box-shadow .7s;
  box-shadow: 0 2px 5px 5px #0003;
}

.card.card-1:hover {
  box-shadow: 0 2px 5px 5px var(--brand-500);
}

.card.card-3 {
  z-index: 20;
  border-radius: 24px;
  width: 100%;
  transition: box-shadow .7s;
  transform: translate(0, 45px);
}

.card.card-3:hover {
  box-shadow: 0 2px 5px 5px var(--brand-500);
}

.card.card-2 {
  z-index: 30;
  border-radius: 24px;
  width: 100%;
  transition: box-shadow .7s;
  transform: translate(0, 30px);
  box-shadow: 0 2px 5px 4px #0003;
}

.card.card-2:hover {
  box-shadow: 0 2px 5px 4px var(--brand-500);
}

.section-55 {
  background-color: var(--teal-800);
}

.heading-123 {
  color: var(--white);
}

.paragraph-114,
.paragraph-115 {
  color: var(--teal-100);
}

.bold-text-51,
.bold-text-52,
.bold-text-53 {
  color: var(--ce-bg-primary);
}

.section-56 {
  background-color: var(--teal-800);
}

.section-57,
.section-58 {
  background-color: var(--teal-900);
}

.paragraph-116,
.paragraph-117,
.paragraph-118 {
  color: var(--teal-100);
}

.div-block-251 {
  align-items: center;
  min-width: 50%;
  display: flex;
}

.div-block-252 {
  z-index: 20;
  background-image: linear-gradient(180deg, transparent 74%, var(--teal-950) 86%);
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-253 {
  position: relative;
}

.image-59 {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.background-video-7 {
  width: 100%;
  height: 720px;
  position: absolute;
}

.background-video-8 {
  z-index: 10;
  border-radius: 24px 24px 0 0;
  position: relative;
}

.collection-list-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .hero-section-container.ce-container-style.microgrid {
    padding-left: 0;
    padding-right: 0;
  }

  .image-31.card-2 {
    margin-left: auto;
    margin-right: auto;
    left: 0%;
    right: 0%;
  }

  .image-31.card-3 {
    left: 0;
    right: 0;
  }

  .div-block-85 {
    width: 100%;
  }

  .div-block-86 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .success-metrics.microgrid {
    padding-left: 80px;
    padding-right: 80px;
  }

  .body-8 {
    overflow: visible;
  }

  .div-block-106 {
    height: 100%;
  }

  .hero-wrapper-4 {
    height: 100%;
    padding-left: 112px;
    position: relative;
  }

  .image-9 {
    height: 100%;
  }

  .get-to-know-section {
    padding-left: 80px;
    padding-right: 80px;
  }

  .div-block-110 {
    width: 48px;
  }

  .paragraph-primary-2.element-p-primary {
    margin-bottom: 0;
  }

  .know-how-section {
    padding-left: 80px;
    padding-right: 80px;
  }

  .know-how-container {
    min-height: 694px;
  }

  .vpp-container {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    display: flex;
  }

  .div-block-114 {
    width: 48px;
  }

  .vpp-section {
    padding-left: 80px;
    padding-right: 80px;
  }

  .div-block-115 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    max-width: 1280px;
    display: grid;
  }

  .cta-section {
    padding-left: 80px;
    padding-right: 80px;
  }

  .div-block-119 {
    width: 592px;
  }

  .cta-heading {
    line-height: 72px;
  }

  .paragraph-18 {
    color: #fff;
    margin-bottom: 0;
  }

  .svg-6 {
    width: 20px;
    height: 20px;
  }

  .microgrid-kit-button.button_primary {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    color: #caebbf;
    align-items: center;
    display: flex;
  }

  .cta-container {
    padding: 160px 32px;
    display: flex;
  }

  .div-block-48 {
    width: 592px;
  }

  .cta-description {
    line-height: 38px;
  }

  .div-block-50 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    max-width: 374px;
    display: flex;
  }

  .paragraph_primary {
    padding: 0;
  }

  .body-9 {
    overflow: hidden visible;
  }

  .image-46 {
    inset: 3% 0% 0% auto;
  }

  .products-section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .timeline-event._2019,
  .timeline-event._2018 {
    top: 38px;
  }

  .timeline-event._2020 {
    top: 300px;
  }

  .timeline-event._2022 {
    opacity: 0;
    top: 300px;
  }

  .timeline-event._2024 {
    opacity: 0;
    top: 561px;
  }

  .timeline-event._2025 {
    top: 561px;
  }

  .section-primary.post-hero-heading {
    padding-top: 96px;
  }

  .collection-list-2 {
    display: flex;
  }

  .blog-filter-item,
  .blog-filter-item.w--current {
    font-family: Manrope, sans-serif;
  }

  .div-block-247 {
    grid-column-gap: 1ch;
    grid-row-gap: 0ch;
  }
}

@media screen and (min-width: 1440px) {
  h2 {
    text-align: center;
  }

  h4 {
    color: var(--ce-text-primary);
  }

  p {
    margin-bottom: 0;
  }

  .section_home_product.video-section.home-about {
    height: 500px;
  }

  .wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .wrapper.nav-bar-wrapper {
    padding-top: 0;
  }

  .button {
    background-color: var(--light-green公司色);
  }

  .nav-link {
    font-family: Noto Sans TC, sans-serif;
    font-weight: 500;
  }

  .footer {
    padding: 0;
  }

  .page-wrapper {
    padding-top: 100px;
  }

  .nav-top {
    background-color: var(--light-green公司色);
  }

  .nav-top-info {
    padding-left: 0;
    padding-right: 0;
  }

  .background-video {
    justify-content: center;
    height: 720px;
  }

  .section-product-good {
    background-color: var(--light-green公司色);
  }

  .product-head {
    background-image: none;
    justify-content: center;
    display: flex;
  }

  .product-head.heavy-head {
    background-image: url('../images/用電大戶.png');
    background-position: 50% 40%;
    justify-content: center;
  }

  .product-head.heavy-head.solar {
    background-position: 50% 60%;
  }

  .product-head.heavy-head.solar.real_product_head {
    background-position: 50% 100%;
    background-size: cover;
  }

  .avatarkit-feature-card-transparent {
    color: #1a1b1f;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 32px;
    display: flex;
  }

  .section_key-content {
    line-height: 1;
  }

  .avatarkit-mg-20px-bottom {
    margin-bottom: 20px;
  }

  .avatarkit-services-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
  }

  .avatarkit-service-title {
    text-align: center;
  }

  .avatarkit-center-text {
    color: #fff;
    text-align: center;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-decoration: none;
  }

  .avatarkit-center-text.about-think {
    color: var(--dark);
    font-family: Noto Sans TC, sans-serif;
    font-weight: 400;
  }

  .uui-team09_item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    object-fit: contain;
    grid-auto-flow: row;
    align-items: center;
    overflow: visible;
  }

  .team-member-name {
    color: var(--dark);
  }

  .team-member-image {
    object-fit: cover;
    width: 270px;
    height: 270px;
    max-height: none;
    overflow: hidden;
  }

  .section-4 {
    margin-bottom: 220px;
  }

  .comparison-table {
    background-color: var(--dark_green2);
    font-family: Noto Sans TC, sans-serif;
    font-size: 36px;
    line-height: 36px;
  }

  .uui-team09_item-content {
    color: #fff;
    object-fit: none;
    padding-top: 0;
  }

  .uui-padding-vertical-xhuge,
  .uui-text-size-medium {
    color: var(--dark);
  }

  .paragraph-4 {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .lynx-content-2 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .background-video-3 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 820px;
    display: flex;
  }

  .grid-single_wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .margin-bottom.margin-xhuge {
    width: 80%;
  }

  .margin-bottom.margin-large {
    font-size: 4rem;
  }

  .text-size-large.text-weight-semibold {
    width: 100%;
    margin-top: 80px;
    margin-bottom: 40px;
    padding-left: 0;
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .text-size-large.text-weight-semibold.bg_video {
    padding-left: 100px;
  }

  .bold-text-8 {
    width: 100%;
  }

  .lynx-block-features-large,
  .waves-master-cta-3 {
    background-color: var(--公司藍);
  }

  .waves-middle-image-hero-6 {
    width: 100%;
  }

  .feature-section {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .blog-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .main_title {
    font-family: Noto Sans TC, sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
  }

  .footer_text {
    color: var(--white);
    font-family: Noto Sans TC, sans-serif;
    font-weight: 700;
  }

  .avatarkit-center-text-copy-copy {
    color: #fff;
    text-align: center;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-decoration: none;
  }

  .avatarkit-center-text-copy-copy.about-think {
    color: var(--dark);
    font-family: Noto Sans TC, sans-serif;
    font-weight: 700;
  }

  .table-text {
    padding-left: 0;
  }

  .features-image {
    -webkit-text-stroke-color: var(--grey-3);
  }

  .section-10.hide {
    overflow: visible;
  }

  .article_title.truncate {
    height: 60px;
  }

  .text-block-17 {
    text-decoration: none;
  }

  .news-title.news-wrapper {
    display: block;
  }

  .div-block-26 {
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
  }

  .image-10 {
    margin-bottom: 10px;
  }

  .section_esg {
    margin-top: 0;
  }

  .button-group.is-right.bg_button {
    margin-bottom: 60px;
    margin-right: 60px;
  }

  .section_key-content-2 {
    line-height: 1;
  }

  .main-wrapper {
    display: block;
  }

  .page-wrapper-2 {
    margin-top: 80px;
  }

  .grid-half_item-2 {
    width: 50vw;
  }

  .video-break_video {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
  }

  .page-wrapper-3 {
    margin-top: 80px;
  }

  .text-size-huge {
    width: 600px;
    font-size: 4rem;
  }

  .body-5 {
    background-color: #000;
  }

  .background-video-4 {
    height: 800px;
    min-height: 50vh;
  }

  .div-block-59 {
    width: 55%;
  }

  .div-block-59.div_left {
    width: 45%;
    padding-left: 0;
  }

  .lynx-heading-white-small {
    text-align: left;
  }

  .lynx-block-hero {
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    font-family: Manrope, sans-serif;
  }

  .superscript {
    font-family: Manrope, sans-serif;
  }

  .section-27 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .text-size-huge-2 {
    width: 600px;
    font-size: 4rem;
  }

  .page-wrapper-4 {
    margin-top: 80px;
  }


  .footer-dark {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-dark.wrapper {
    max-width: none;
    padding: 0;
    display: block;
  }

  .div-block-7.card-3 {
    right: auto;
  }

  .image-31.card-2 {
    max-width: 364px;
    max-height: 422px;
  }

  .image-31.card-3 {
    max-width: 595.86px;
    max-height: 419px;
  }

  .image-31.card-4 {
    max-width: 326.88px;
    max-height: 490.32px;
  }

  .div-block-85 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .body-8 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-107 {
    justify-content: space-between;
  }

  .image-34 {
    aspect-ratio: 1;
    width: 686px;
    max-width: none;
    height: 486px;
  }

  .know-how-container {
    height: 694px;
    min-height: 694px;
  }

  .div-block-115 {
    justify-content: space-between;
  }

  .section-41.top-blog-section {
    justify-content: space-between;
    width: 100%;
  }

  .div-block-122 {
    justify-content: center;
  }

  .coldzero-hero {
    padding-bottom: 96px;
  }

  .div-block-135 {
    width: 100%;
  }

  .div-block-137.cold-og2 {
    flex-flow: row;
  }

  .specifications {
    justify-content: space-between;
    padding-top: 96px;
  }

  .body-9 {
    margin-left: auto;
    margin-right: auto;
  }

  .section-45 {
    width: 736px;
    max-width: 736px;
    padding-right: 32px;
  }

  .div-block-139 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    justify-content: space-between;
    width: 100%;
  }

  .div-block-146,
  .div-block-153 {
    padding: 0;
  }

  .heading-92 {
    font-size: 48px;
    line-height: 60px;
  }

  .div-block-154 {
    padding: 0;
  }

  .productheading {
    margin-right: .25ch;
    padding-right: 0;
  }

  .image-47 {
    height: auto;
  }

  .timeline-event._2019 {
    opacity: 0;
    top: 40px;
  }

  .timeline-event._2018 {
    top: 40px;
  }

  .timeline-event._2020 {
    top: 294px;
  }

  .timeline-event._2022 {
    opacity: 0;
    top: 294px;
  }

  .timeline-event._2024 {
    opacity: 0;
    top: 550px;
  }

  .timeline-event._2025 {
    top: 550px;
  }

  .form-input-primary {
    font-family: Manrope, sans-serif;
  }

  .collection-wrapper {
    overflow: visible;
  }

  .carousel-track {
    width: 100%;
  }

  .coldzero-hero-copy,
  .section-primary {
    padding-bottom: 96px;
  }

  .section-primary.post-hero-heading {
    padding-top: 96px;
  }

  .blog-filter-item,
  .blog-filter-item.w--current {
    font-family: Manrope, sans-serif;
  }

  .nav-dropdown-item-title-wrapper {
    align-items: flex-start;
  }

  .body-15 {
    display: block;
  }

  .section-wrapper-primary {
    border-bottom: 1px solid var(--border-primary);
    padding-bottom: 96px;
  }

  .post-content-template {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    position: relative;
  }

  .div-block-222 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    min-width: 0;
    max-width: 150px;
  }

  .post-read-time {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .div-block-223 {
    border: 1px solid var(--border-primary);
    background-color: var(--ce-bg-primary);
    padding: 2px 6px;
  }

  .div-block-225 {
    min-width: 280px;
    position: sticky;
  }

  .contributors-section {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-bottom: 1px none var(--teal-800);
    flex-flow: column;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
  }

  .subscribe-form-section {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .field-label-7 {
    color: var(--ce-text-tertiary-600);
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
  }

  .form-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
  }

  .div-block-226 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex;
  }

  .heading-104 {
    color: var(--gray-900);
  }

  .heading-105 {
    color: var(--ce-text-primary);
    margin-bottom: 0;
    font-family: Manrope, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
  }

  .heading-106 {
    color: var(--ce-text-teritary);
    font-family: Manrope, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
  }

  .image-53 {
    border-radius: 999px;
    max-width: 48px;
    max-height: 48px;
  }

  .socials {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 32px;
    padding-bottom: 0;
    display: flex;
  }

  .link-block-6 {
    border: 1px solid var(--border-primary);
    color: var(--foreground-quarternary-400);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    max-width: 40px;
    max-height: 40px;
    padding: 10px;
    display: flex;
  }

  .svg-57 {
    max-width: 20px;
    max-height: 20px;
  }

  .paragraph-97 {
    margin-bottom: 0;
  }

  .rich-text-block-2 {
    flex-flow: column;
    justify-content: flex-start;
    display: flex;
  }

  .heading-107 {
    color: var(--ce-text-primary);
    text-align: left;
    font-family: Manrope, sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 34px;
  }

  .heading-108 {
    color: var(--ce-text-primary);
    text-align: left;
    font-family: Manrope, sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
  }

  .post-paragraph {
    color: var(--ce-text-secondary);
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 300;
  }

  .heading-109 {
    color: var(--ce-text-primary);
    font-family: Manrope, sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
  }

  .paragraph-98 {
    color: var(--ce-text-tertiary-600);
  }

  .paragraph-99 {
    color: var(--ce-text-teritary);
  }

  .paragraph-100 {
    color: var(--ce-text-secondary);
  }

  .bold-text-47 {
    color: var(--ce-text-secondary);
    font-family: Manrope, sans-serif;
  }

  .list-item-3,
  .list-item-4 {
    font-family: Manrope, sans-serif;
  }

  .list-3,
  .list-4 {
    color: var(--ce-text-secondary);
    font-family: Manrope, sans-serif;
  }

  .paragraph-101,
  .paragraph-102 {
    color: var(--ce-text-primary);
  }

  .block-quote {
    color: var(--teal-100);
    font-family: Manrope, sans-serif;
  }

  .heading-110 {
    color: var(--ce-text-primary);
    font-family: Manrope, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .heading-111 {
    color: var(--ce-text-primary);
    font-size: 16px;
    line-height: 22px;
  }

  .heading-112 {
    font-family: Manrope, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
  }

  .readmore-post-content {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    display: flex;
  }

  .div-block-228 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .readmore-subheading {
    color: var(--ce-text-secondary);
    font-weight: 600;
  }

  .div-block-229 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .readmore-description {
    color: var(--ce-text-tertiary-600);
    text-align: center;
    font-weight: 300;
  }

  .div-block-247 {
    grid-column-gap: 1ch;
    grid-row-gap: 1ch;
    flex-flow: wrap;
    display: flex;
  }
}

@media screen and (min-width: 1440px) {
  body {
    font-family: Noto Sans TC, sans-serif;
    font-size: 24px;
  }

  h2 {
    text-align: center;
  }

  h3 {
    color: var(--dark);
    text-align: center;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: Noto Sans TC, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
  }

  h5 {
    font-family: Noto Sans TC, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 32px;
  }

  p {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Noto Sans TC, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
  }

  .section_home_product {
    background-color: #0000;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  .section_home_product.color.no-padding-vertical {
    flex-direction: column;
    display: flex;
  }

  .section_home_product.video-section {
    height: 700px;
    display: block;
  }

  .section_home_product.video-section.home-about {
    justify-content: center;
    align-items: center;
    height: 700px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .section_home_product.no-padding-top.large-section {
    background-color: #0000;
    margin-top: 40px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Noto Sans TC, sans-serif;
  }

  .section_home_product.no-padding-vertical {
    padding: 0;
    display: block;
  }

  .section_home_product.no-padding-bottom {
    background-color: #0000;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .wrapper {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }

  .wrapper.nav-bar-wrapper {
    max-width: 1440px;
  }

  .wrapper.nav-top-wrapper {
    padding-top: 0;
  }

  .button {
    text-shadow: 0 1px 1px var(--dark);
    font-size: 24px;
  }

  .button.current {
    display: none;
  }

  .button.current.home-button {
    background-color: var(--公司深藍);
    display: block;
  }

  .button.buton_bigger {
    height: auto;
    font-size: 34px;
    line-height: 34px;
  }

  .button.safe_btn {
    width: 160px;
  }

  .nav-link {
    background-color: #0000;
    padding: 5px 10px 5px 5px;
    font-family: Noto Sans TC, sans-serif;
    font-size: 20px;
    font-weight: 500;
  }

  .nav-link:hover {
    color: var(--公司深藍);
  }

  .nav-link.link-hide {
    display: none;
  }

  .utility-page-wrap {
    background-image: url('../images/首頁封面圖.jpg');
    flex-direction: column;
    display: flex;
  }

  .utility-page-content {
    justify-content: center;
    align-items: center;
  }

  .text-grey {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
  }

  .intro {
    margin-bottom: 0;
  }

  .intro.wide.no-margin {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer {
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
  }

  .nav-menu {
    justify-content: space-between;
    width: 60%;
  }

  .page-wrapper {
    background-color: var(--teal-800);
    padding-top: 10px;
  }

  .page-wrapper.product_page {
    background-color: #0000;
  }

  .navigation {
    justify-content: space-between;
  }

  .nav-top {
    background-color: var(--light-green公司色);
  }

  .nav-top-info {
    padding-left: 0;
  }

  .footer-bottom-right {
    width: auto;
  }

  .footer-bottom-divider {
    display: block;
  }

  .breadcrumbs {
    margin-bottom: 0;
  }

  .contacts {
    box-shadow: 5px 8px 10px 2px #00000026;
  }

  .label {
    padding-left: 0;
    font-size: 18px;
    font-weight: 400;
  }

  .contact-heading {
    font-family: Noto Sans TC, sans-serif;
    font-weight: 700;
  }

  .licence-item {
    background-color: var(--grey-4);
  }

  .team-slider {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .container-2 {
    max-width: 1200px;
  }

  .card_title {
    margin-bottom: 20px;
    font-family: Noto Sans TC, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 28px;
  }

  .heading-3.phone {
    font-size: 24px;
  }

  .background-video {
    justify-content: center;
    margin-left: 0;
    font-style: normal;
  }

  .lynx-block-process-green {
    background-color: var(--公司藍);
    box-shadow: 0 0 0 15px #5ca3c73d;
  }

  .lynx-process.product_good {
    margin-bottom: 0;
  }

  .lynx-block-process-purple {
    background-color: var(--公司藍);
    box-shadow: 0 0 0 15px #5ca3c73d;
  }

  .lynx-block-process-pink {
    background-color: var(--公司藍);
    box-shadow: 0 0 0 20px #5ca3c73d;
  }

  .lynx-grid-process {
    margin-top: 0;
  }

  .lynx-content {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1440px;
  }

  .section-product-good {
    background-color: var(--teal-900);
    margin-top: 0;
    margin-bottom: 0;
  }

  .container-5 {
    max-width: 100%;
  }

  .link-block.nostyle {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-self: auto;
    align-items: center;
  }

  .link-block.nostyle.w--current {
    font-style: normal;
    text-decoration: none;
  }

  .product-head {
    background-image: none;
    justify-content: center;
  }

  .product-head.heavy-head {
    background-image: url('../images/用電大戶.png');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    height: 650px;
    min-height: 90vh;
  }

  .product-head.heavy-head.solar {
    background-image: url('../images/重要1.jpg');
    background-position: 0%;
    background-size: cover;
    width: 100%;
    height: auto;
    min-height: 90vh;
  }

  .product-head.heavy-head.solar.real_product_head {
    background-image: url('../images/產品圖.png');
    background-position: 50% 100%;
    background-size: cover;
    display: flex;
  }

  .avatarkit-feature-card-transparent {
    color: #1a1b1f;
    align-items: center;
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .section_key-content {
    background-color: var(--lynx-grey);
    color: var(--white);
    padding: 20px;
  }

  .avatarkit-mg-20px-bottom {
    margin-bottom: -1px;
  }

  .avatarkit-service-title {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 25px;
  }

  .avatarkit-container-component {
    padding-left: 0;
    padding-right: 0;
  }

  .avatarkit-container-component.imgwarp {
    max-width: 1440px;
  }

  .avatarkit-center-text {
    color: #fff;
    text-align: center;
    margin-top: 20px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-decoration: none;
  }

  .avatarkit-center-text.about-think {
    color: var(--dark);
    font-family: Noto Sans TC, sans-serif;
  }

  .section-3 {
    background-color: #0000;
    padding-top: 0;
    padding-bottom: 0;
  }

  .slide_up {
    display: block;
  }

  .uui-team09_item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: repeat(auto-fit, 260px);
    grid-template-columns: .5fr 1.25fr;
    grid-auto-columns: .25fr;
    grid-auto-flow: row;
  }

  .team-member-name {
    border-left: 5px solid var(--dark);
    color: var(--dark);
    padding-top: 0;
    padding-left: 10px;
    font-family: Noto Sans TC, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
  }

  .team-member-image {
    margin-bottom: 0;
  }

  .section-4 {
    margin: 40px 40px 20px;
  }

  .comparison-table {
    background-color: var(--teal-500);
    text-align: left;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 36px;
    line-height: 36px;
  }

  .uui-team09_item-content {
    background-color: #0000;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .uui-text-size-medium {
    color: var(--dark);
    padding-left: 10px;
    font-family: Noto Sans TC, sans-serif;
    font-size: 24px;
  }

  .comparison-row {
    text-align: left;
    grid-template-columns: .4fr 1.25fr;
    place-items: center start;
    padding: 10px;
    line-height: 50px;
  }

  .comparison-row.last {
    border-bottom-style: none;
  }

  .paragraph-4 {
    margin: 0;
    font-size: 32px;
    line-height: 32px;
    text-decoration: none;
  }

  .uui-team09_list-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .body-3,
  .body-4 {
    background-color: #0000;
  }

  .slide-image {
    height: 40vh;
  }

  .speaker-slider {
    margin-top: 20px;
  }

  .speaker-image.six {
    opacity: 1;
    background-image: url('../images/product_S-series去背圖.png');
    background-size: contain;
    border-radius: 20px;
    width: auto;
  }

  .speaker-image.six.home_product {
    background-size: contain;
    width: auto;
    margin: auto;
  }

  .speaker-image.six.main_product_img {
    background-image: url('../images/product_C-series去背圖.png');
  }

  .speaker-arrow {
    bottom: 0;
  }

  .lynx-paragraph {
    color: var(--dark);
    font-family: Open Sans, sans-serif;
    font-size: 24px;
    line-height: 36px;
  }

  .lynx-grid-image-right {
    padding: 0;
  }

  .lynx-content-2 {
    max-width: 1440px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .background-video-3 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 830px;
    display: flex;
  }

  .grid-single_wrapper {
    background-color: var(--公司深藍);
    color: #fff;
    justify-content: center;
    align-items: center;
    min-height: 50vh;
    padding: 0;
    display: flex;
  }

  .margin-bottom.margin-medium {
    font-family: Manrope, sans-serif;
  }

  .max-width-medium {
    max-width: 70rem;
  }

  .max-width-xlarge.align-center {
    margin-top: 0;
  }

  .text-size-large.text-weight-semibold {
    color: var(--dark);
    padding-left: 0;
    font-family: Noto Sans TC, sans-serif;
    font-size: 64px;
    font-style: normal;
    line-height: 64px;
  }

  .text-size-large.text-weight-semibold.bg_video {
    margin-top: 100px;
  }

  .text-size-large.text-weight-semibold {
    color: var(--white);
    font-family: Manrope, sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 60px;
  }

  .grid-half_item {
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-half_item.is-full {
    order: -1;
    height: 100%;
  }

  .grid-half_item.is-full.last {
    order: 1;
  }

  .grid-half_item.grey_bg {
    background-color: var(--grey-3);
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .grid-half_item.grey_bg.about-second {
    background-color: var(--grey-3);
    display: flex;
  }

  .grid-half_component {
    margin-top: 20px;
  }

  .padding-section-large {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 140px;
    display: flex;
  }

  .section_grid-half {
    font-family: Noto Sans TC, sans-serif;
  }

  .bold-text-8 {
    color: var(--white);
    margin-right: 30px;
    padding-right: 0;
  }

  .lottie-animation {
    width: 100%;
    margin-left: 40px;
  }

  .container-7 {
    max-width: 1440px;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .lynx-content-4 {
    max-width: 1200px;
  }

  .lynx-block-features-large {
    background-color: var(--公司藍);
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 250px;
    padding: 10px 20px 0;
    font-family: Noto Sans TC, sans-serif;
    font-size: 32px;
    line-height: 32px;
    display: flex;
  }

  .hero-heading-left {
    background-color: var(--teal-900);
  }

  .container-8.biggger_container,
  .waves---main-container {
    max-width: 1440px;
  }

  .waves---paragraph-big {
    text-shadow: 0 1px 1px var(--dark);
    font-family: Noto Sans TC, sans-serif;
    line-height: 30px;
  }

  .waves---heading-2-no-margins {
    text-shadow: 0 1px 1px var(--dark);
    font-family: Noto Sans TC, sans-serif;
  }

  .waves-master-cta-3 {
    background-color: var(--公司藍);
    padding: 40px;
  }

  .waves---section-medium {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .waves---main-container-2 {
    font-family: Noto Sans TC, sans-serif;
  }

  .waves---section-hero-primary-2 {
    padding-bottom: 0;
  }

  .waves-icon-32 {
    width: 64px;
    height: 64px;
  }

  .grey_bg {
    color: var(--公司淺綠);
    background-color: #0000;
    display: block;
  }

  .waves-middle-image-hero-6 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
  }

  .waves---main-container-3.width-bigger {
    max-width: 1440px;
    padding-left: 0;
  }

  .waves---section-hero-primary-3 {
    background-color: #0000;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-3 {
    font-family: Noto Sans TC, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
  }

  .bold-text-10 {
    font-weight: 400;
    line-height: 46px;
  }

  .text-block-4 {
    text-align: left;
    padding-left: 40px;
    font-size: 24px;
    line-height: 24px;
  }

  .waves-title-wrap-hero-6 {
    text-shadow: 0 1px 90px var(--dark);
  }

  .waves-section-hero-6 {
    background-image: url('../images/coworker3.jpg');
    background-position: 50% 25%;
  }

  .text-span-2 {
    color: var(--color-4);
  }

  .section-6 {
    background-color: #0000;
  }

  .feature-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .flex-container {
    max-width: 1440px;
  }

  .feature-grid-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .standard-paragraph {
    color: var(--dark);
    text-align: center;
  }

  .blog-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .waves---center-heading-2 {
    background-color: var(--teal-800);
    width: 100%;
  }

  .waves---main-container-5 {
    max-width: 1440px;
  }

  .section-7 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 600px;
    display: flex;
  }

  .div-block-6 {
    justify-content: center;
    align-items: center;
    width: 50%;
    display: flex;
  }

  .lottie-animation-3 {
    height: 100%;
  }

  .paragraph-6 {
    text-align: left;
  }

  .lottie-animation-5 {
    height: 500px;
  }

  .div-block-8 {
    background-color: #99999973;
  }

  .navbar2_logo {
    color: var(--dark);
    font-style: normal;
    text-decoration: overline;
  }

  .button-4 {
    background-color: var(--公司深藍);
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-9 {
    background-color: #0000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .main_title {
    color: var(--white);
    text-shadow: 0 0 20px var(--dark);
    padding-bottom: 20px;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
  }

  .p_text_middle {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .main_title_text {
    -webkit-text-stroke-width: 1px;
    text-shadow: 0 1px 1px var(--dark);
    font-size: 48px;
    font-weight: 400;
    line-height: 48px;
  }

  .footer_text {
    color: var(--white);
  }

  .avatarkit-center-text-copy-copy {
    color: #fff;
    text-align: center;
    margin-top: 20px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-decoration: none;
  }

  .avatarkit-center-text-copy-copy.about-think {
    color: var(--dark);
    font-family: Noto Sans TC, sans-serif;
  }

  .table-text {
    color: var(--white);
    font-size: 23px;
    line-height: 50px;
  }

  .copyright {
    background-color: var(--grey-1);
    color: var(--white);
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .text-block-5 {
    color: var(--dark);
  }

  .p-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
  }

  .logos-without-title {
    background-color: var(--white);
    padding: 20px;
  }

  .container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    max-width: 1200px;
    display: grid;
  }

  .clients-image-three {
    width: 100px;
    margin: 0;
  }

  .text-weight-semibold {
    padding-left: 0;
  }

  .product_container {
    max-width: 1440px;
  }

  .battery_introduction {
    background-color: var(--grey-2);
    color: var(--light_blue3);
    -webkit-text-stroke-color: var(--dark);
    padding: 20px;
  }

  .battery_introduction.household {
    background-color: var(--light_blue2);
  }

  .features-wrapper-two {
    justify-content: space-between;
    align-items: center;
  }

  .features-block-two {
    justify-content: center;
  }

  .features-image {
    margin-right: 0;
    padding-bottom: 20px;
  }

  .slider-2 {
    background-color: #0000;
    width: 600px;
    height: 600px;
  }

  .slide-nav-2 {
    display: none;
  }

  .product_img {
    width: 600px;
    height: 600px;
  }

  .d-link {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }

  .d-link:hover {
    background-color: var(--公司深藍);
    color: var(--white);
  }

  .d-link.w--current {
    color: var(--dark);
    text-decoration: none;
  }

  .icon {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .icon.drop-icon-hide {
    display: none;
  }

  .div-block-13 {
    align-items: center;
    display: flex;
  }

  .product_h3 {
    color: var(--light_green2);
    padding-left: 20px;
    font-family: Open Sans, sans-serif;
    font-size: 32px;
    font-weight: 700;
  }

  .product_p {
    color: var(--dark);
    margin: 0;
  }

  .wbs-container {
    max-width: 1440px;
  }

  .wbs-section {
    background-color: var(--white);
  }

  .section-10 {
    background-color: var(--white);
    flex-direction: column;
    display: flex;
  }

  .section-10.hide {
    display: none;
  }

  .div-block-16 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .wbs-heading-h5 {
    color: var(--lynx-medium-purple);
    text-align: center;
    font-family: Noto Sans TC, sans-serif;
    font-size: 3rem;
    line-height: 1.5em;
  }

  .wbs-heading-h5.different_color {
    color: var(--color-3);
  }

  .wbs-heading-h5.different_color2 {
    color: var(--color-4);
  }

  .wbs-heading-h5.different_color3 {
    color: var(--flowstica-webflow-library-medium-sea-green);
  }

  .wbs-section-2 {
    background-color: var(--white);
    margin-bottom: 20px;
  }

  .article_slug {
    text-align: left;
    align-items: flex-start;
    height: 150px;
    font-size: 24px;
    line-height: 30px;
    display: flex;
  }

  .article_title {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }

  .text-block-10 {
    color: var(--color-2);
    text-align: left;
    margin-top: 20px;
    font-style: normal;
    text-decoration: underline;
  }

  .article_img {
    width: 100%;
    height: 300px;
  }

  .div-block-17 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .collection-item {
    border-radius: 3px;
  }

  .product_img_div {
    padding: 20px;
  }

  .logo_title {
    padding: 0 0 20px;
  }

  .text-block-15 {
    font-size: 24px;
  }

  .div-block-18 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 50%;
    display: flex;
  }

  .paragraph-9-height {
    margin-bottom: 100px;
    padding-left: 0;
  }

  .bold-text-31,
  .bold-text-32,
  .bold-text-33 {
    font-weight: 500;
  }

  .text-block-17 {
    text-align: left;
    text-transform: none;
    font-style: normal;
  }

  .heading-18 {
    color: var(--dark);
  }

  .text-block-19 {
    text-shadow: 0 1px 1px var(--dark);
    line-height: 36px;
  }

  .bold-text-35 {
    font-weight: 400;
  }

  .bold-text-36 {
    margin-bottom: 0;
    font-size: 36px;
    line-height: 36px;
  }

  .bold-text-39 {
    font-weight: 400;
  }

  .bold-text-40 {
    color: var(--lynx-deep-pink);
  }

  .wbs-section-3 {
    padding: 2rem;
  }

  .wbs-team-image {
    width: 100%;
    height: 320px;
    min-height: 200px;
    display: block;
  }

  .image-2 {
    height: auto;
  }

  .container-15 {
    max-width: 1200px;
  }

  .paragraph-11 {
    color: var(--teal-100);
  }

  .mask {
    height: 550px;
  }

  .lottie-animation-7 {
    height: 100%;
  }

  .news-title {
    background-color: var(--teal-950);
    padding-top: 176px;
  }

  .div-block-26 {
    justify-content: center;
  }

  .div-block-31 {
    width: 150px;
    height: 100px;
  }

  .text-block-25 {
    text-align: center;
  }

  .image-11 {
    height: 300px;
  }

  .esg_p {
    border: 0 solid #000;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px;
  }

  .text-block-26 {
    margin-bottom: 40px;
    padding-top: 40px;
  }

  .paragraph-29 {
    font-size: 24px;
  }

  .html-embed,
  .html-embed-2 {
    color: var(--dark);
  }

  .cell-3 {
    align-items: center;
  }

  .heading-39 {
    font-size: 24px;
  }

  .heading-39.supply {
    background-color: var(--color-3);
  }

  .cell-6 {
    justify-content: center;
    align-items: center;
  }

  .big_container {
    min-width: 1440px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .paragraph-33 {
    font-size: 30px;
    line-height: 42px;
  }

  .image-15 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
  }

  .heading-42 {
    margin-bottom: 20px;
  }

  .button-5 {
    font-family: Manrope, sans-serif;
    font-weight: 400;
  }

  .button-5.is-icon {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .button-5.is-large {
    margin-top: 40px;
  }

  .button-5.is-secondary.is-icon.button_6.black_bg_button {
    margin-top: auto;
  }

  .global-styles {
    color: #000;
    background-color: #fff;
  }

  .button-group.is-center.no-padding_btn {
    justify-content: flex-start;
    padding-left: 0;
  }

  .button-group.is-right {
    margin-bottom: 140px;
  }

  .button-group.is-right.bg_button {
    margin-bottom: 100px;
  }

  .navbar2_menu.is-page-height-tablet {
    display: flex;
  }

  .container-large {
    max-width: 90rem;
  }

  .text-size-medium.text-style-muted-75 {
    color: var(--grey-1);
    line-height: 3;
  }

  .text-size-medium.text-style-muted-75.center-text {
    text-align: center;
  }

  .grid-single_wrapper-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navbar2_container {
    max-width: 1700px;
  }

  .main-wrapper {
    background-color: var(--haze);
  }

  .product_content-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 30rem;
    display: flex;
  }

  .navbar2_link,
  .navbar2_link.w--current {
    display: flex;
  }

  .video-break_wrapper {
    height: 90vh;
    padding-bottom: 0%;
  }

  .padding-global {
    padding-left: 0;
    padding-right: 0;
  }

  .footer_link-item {
    font-family: Manrope, sans-serif;
    font-weight: 300;
  }

  .video-break_video {
    height: 100%;
  }

  .grid-half_stat-detail {
    font-size: 3rem;
    line-height: 2rem;
  }

  .grid-half_stat-detail.text-size {
    font-size: 3rem;
    line-height: 4rem;
  }

  .grid-half_stat {
    max-width: 30rem;
  }

  .section_divider {
    display: block;
  }

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 0;
  }

  .container-small {
    max-width: 70rem;
  }

  .heading-style-h2 {
    margin-bottom: 20px;
  }

  .text-style-muted-50 {
    padding-left: 0;
  }

  .navbar2_component {
    max-width: 100%;
  }

  .grid-single_wrapper-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .page-wrapper-3 {
    max-width: 100%;
  }

  .padding-global-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .form-input,
  .grid-offset_item.is-product {
    font-family: Manrope, sans-serif;
  }

  .section_grid-offset {
    display: block;
  }

  .text-size-huge.heading-49 {
    font-family: Manrope, sans-serif;
    font-size: 2rem;
  }

  .header81_content-left {
    margin-right: 8rem;
  }

  .body-5 {
    background-color: #010001;
    font-family: Manrope, sans-serif;
  }

  .padding-global-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .lottie-animation-9 {
    text-align: left;
  }

  .heading-44,
  .heading-45,
  .heading-46 {
    color: var(--white);
    font-size: 32px;
  }

  .heading-47 {
    color: var(--white);
  }

  .heading-47.headding-left {
    font-family: Manrope, sans-serif;
  }

  .paragraph-34 {
    text-align: center;
  }

  .text-span-3 {
    color: var(--lynx-medium-sea-green);
  }

  .padding-global-4,
  .padding-global-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-toggle {
    padding-right: 40px;
  }

  .phone_div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .icon-2 {
    margin-right: 10px;
  }

  .heading-49 {
    font-family: Manrope, sans-serif;
    font-weight: 400;
  }

  .paragraph-35 {
    font-family: Manrope, sans-serif;
    font-size: 40px;
    line-height: 60px;
  }

  .contact_en_h2,
  .heading-50 {
    text-align: left;
  }

  .paragraph-36.summary {
    height: 175px;
  }

  .div-block-53 {
    width: 440px;
  }

  .div-block-54 {
    background-position: 50% 100%;
    background-size: cover;
  }

  .div-block-54.safety_bg1,
  .div-block-54.safety_bg2 {
    background-position: 50%;
  }

  .div-block-56 {
    background-color: #11111152;
    justify-content: flex-start;
    align-items: center;
    height: 20%;
    padding-top: 0;
    display: flex;
  }

  .paragraph-39 {
    margin-top: 0;
    font-size: 18px;
  }

  .quick-stack-2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .paragraph-40 {
    padding-left: 0;
  }

  .text-block-37 {
    line-height: 48px;
  }

  .container-21 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }

  .section-25 {
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }

  .heading-53 {
    padding-bottom: 4rem;
  }

  .paragraph-41 {
    padding-left: 0;
  }

  .paragraph-41.p-nolpd {
    padding-left: 0;
    font-size: 24px;
    line-height: 48px;
  }

  .paragraph-42 {
    font-family: Manrope, sans-serif;
  }

  .image-19 {
    width: auto;
    height: 100%;
  }

  .image-20 {
    width: auto;
  }

  .cell-12,
  .cell-13 {
    justify-content: center;
    align-items: center;
  }

  .container-22 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-block-59 {
    justify-content: flex-start;
    padding-left: 60px;
  }

  .div-block-59.div_right {
    padding-left: 60px;
  }

  .heading-54 {
    text-align: left;
    margin-bottom: 100px;
    padding-left: 20px;
    font-size: 40px;
    line-height: 80px;
  }

  .list-item {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 64px;
  }

  .paragraph-45 {
    margin-bottom: 60px;
  }

  .image-21 {
    width: 100%;
  }

  .div-block-60 {
    width: 50%;
  }

  .image-22 {
    width: 100%;
  }

  .div-block-61 {
    color: var(--lynx-black);
    justify-content: space-between;
    padding-left: 100px;
    padding-right: 100px;
  }

  .div-block-62 {
    width: 320px;
  }

  .div-block-62.cn-safety_div {
    border-color: var(--dark);
  }

  .no_leftpadding {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    margin-bottom: 20px;
    display: flex;
  }

  .div-block-63.cn_div_bt {
    border-bottom-color: var(--dark);
  }

  .div-block-64 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .paragraph-46 {
    padding-left: 0;
    line-height: 48px;
  }

  .heading-55 {
    font-size: 60px;
    line-height: 80px;
  }

  .div-block-65 {
    flex-direction: column;
    padding-bottom: 0;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
  }

  .div-block-66 {
    color: var(--light-green公司色);
    width: 50%;
  }

  .div-block-66.sustainability {
    color: var(--light-green公司色);
  }

  .div-block-67 {
    width: 50%;
  }

  .div-block-68 {
    display: flex;
  }

  .paragraph-47 {
    margin-top: 0;
    font-family: Manrope, sans-serif;
  }

  .hero-heading-right.section_black {
    background-color: var(--dark);
  }

  .lynx-heading-white-small.head_cn {
    color: var(--white);
  }

  .lynx-block-hero {
    border-radius: 0;
    align-items: center;
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 40px;
  }

  .lynx-block-hero.head_cn {
    color: var(--white);
  }

  .lynx-hero {
    background-position: 50%;
    min-height: 850px;
  }

  .lynx-hero.no-topm {
    min-height: 800px;
  }

  .lynx-hero.no-topm.safety_cn {
    background-image: url('../images/safety.png');
  }

  .lynx-content-hero {
    max-width: 100%;
  }

  .logos-without-title-2.logo_middle {
    background-color: var(--lynx-black);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .clients-wrapper-three {
    margin-bottom: 0;
  }

  .paragraph-47-copy {
    margin-top: 0;
    font-family: Manrope, sans-serif;
  }

  .text-block-45 {
    width: 100%;
  }

  .text-block-46 {
    text-align: center;
    width: 100%;
  }

  .text-block-46.cn_text {
    font-family: Noto Sans TC, sans-serif;
  }

  .lynx-content-hero-3 {
    margin-bottom: 100px;
  }

  .container-24 {
    max-width: 1440px;
  }

  .margin-bottom-24px-2.safe_lp {
    padding-left: 0;
  }

  .hero-heading-right-2.safe_head {
    border-bottom-width: 0;
    padding-top: 40px;
    padding-bottom: 0;
  }

  .heading-60 {
    color: var(--grey-1);
  }

  .lynx-grid-footer {
    border-top-style: none;
  }

  .lynx-footer {
    max-width: 1440px;
  }

  .section_divider-2 {
    display: block;
  }

  .navbar2_link-2,
  .navbar2_link-2.w--current {
    display: flex;
  }

  .padding-global-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-50.no-leftpadding,
  .paragraph-51,
  .paragraph-52,
  .paragraph-53 {
    padding-left: 0;
  }

  .hero-section-container {
    max-width: none;
    position: static;
    overflow: hidden;
  }

  .hero-section-container.ce-container-style.microgrid {
    max-width: none;
    padding-left: 80px;
    padding-right: 80px;
    position: static;
  }

  .hero-section-container.wrapper {
    width: 100%;
    max-width: none;
    padding: 0 80px;
    display: block;
    position: relative;
    inset: 0;
  }

  .hero-section-container.cold-zero,
  .hero-section-container.cold-og {
    width: auto;
  }

  .nav-bar-toggle {
    font-size: 14px;
    line-height: 20px;
  }

  .button_primary {
    align-items: center;
    font-weight: 400;
  }

  .button_secondary.ce_buttons_secondary {
    font-weight: 400;
  }

  .container-3 {
    justify-content: flex-start;
    margin: 0;
  }

  .navbar {
    min-width: 0;
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .div-block-74 {
    justify-content: space-between;
    align-items: center;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
  }

  .footer-dark {
    border-bottom-style: none;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    margin-left: auto;
    margin-right: auto;
  }

  .container-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .container-29 {
    justify-content: flex-start;
    margin: 0;
  }

  .div-block-80 {
    justify-content: space-between;
    align-items: center;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
  }

  .container-30 {
    margin-left: 0;
    margin-right: 0;
  }

  .heading_primary {
    text-align: left;
  }

  .heading_primary.vpp {
    text-align: center;
  }

  .paragraph-3.element-p-primary {
    margin-bottom: 0;
  }

  .heading-13.card-1 {
    font-weight: 500;
  }

  .section-35.card-3 {
    width: 100%;
    min-width: 100%;
  }

  .container-32.card-3 {
    width: auto;
    min-width: 100%;
  }

  .heading-15 {
    border-left-style: none;
  }

  .container-10.product-container {
    justify-content: center;
  }

  .paragraph-55 {
    margin: 0;
    padding: 0;
  }

  .sub-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .container-14.mission-vision-card {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .heading_primary_4 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .paragraph-56 {
    margin-top: 0;
    padding-left: 0;
    font-family: Manrope, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .heading-74 {
    border-left-style: none;
  }

  .div-block-85 {
    width: 100%;
    position: relative;
  }

  .section-title-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    font-family: Manrope, sans-serif;
    display: flex;
  }

  .div-block-19 {
    margin-top: 12px;
  }

  .paragraph-primary.element-p-primary {
    margin: 0;
    padding: 0;
    font-family: Manrope, sans-serif;
  }

  .div-block-86 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .mission-vision {
    align-items: stretch;
  }

  .heading-19 {
    font-family: Manrope, sans-serif;
    font-weight: 400;
  }

  .success-metrics {
    align-items: flex-start;
  }

  .success-metrics.home {
    align-items: flex-start;
    width: 100%;
    max-width: none;
    overflow: hidden;
  }

  .success-metrics.about {
    background-position: 50% 0, 0 0;
    background-repeat: no-repeat, repeat;
    margin-left: auto;
    margin-right: auto;
  }

  .success-metrics.about.wrapper {
    background-image: linear-gradient(180deg, var(--teal-950), var(--gray-900));
  }

  .banner-container {
    box-sizing: border-box;
    object-fit: cover;
    min-width: auto;
    position: static;
    overflow: visible;
  }

  .banner-element {
    order: 0;
  }

  .paragraph-59 {
    margin-bottom: 0;
  }

  .microgrid-systems {
    justify-content: center;
    display: flex;
  }

  .heading-20 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    position: relative;
  }

  .section-38.microgrid {
    padding: 0;
  }

  .section-39.top-blog-section {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-97 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
  }

  .blog-section-2 {
    align-items: flex-start;
    min-width: 0;
    max-width: 1440px;
  }

  .section-40.bottom-blog-section {
    padding: 0;
  }

  .button-11 {
    font-size: 16px;
  }

  .body-7 {
    margin-top: 0;
    padding-top: 80px;
    font-family: Manrope, sans-serif;
  }

  .body-8 {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }

  .div-block-106 {
    position: absolute;
    left: auto;
    right: 0;
  }

  .text-block-50 {
    font-size: 14px;
    line-height: 20px;
  }

  .hero-wrapper-4 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    display: flex;
    position: relative;
  }

  .image-9 {
    position: relative;
    left: 0;
  }

  .container-35 {
    justify-content: flex-start;
    margin: 0;
  }

  .nav-bar-link {
    font-size: 14px;
    line-height: 20px;
  }

  .div-block-107 {
    justify-content: space-between;
    align-items: center;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
  }

  .hero-section {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
    font-family: Manrope, sans-serif;
  }

  .hero-section.microgrid {
    max-width: 1440px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .header-sub-paragraph {
    padding-left: 0;
    padding-right: 0;
    line-height: 30px;
  }

  .header-sub-paragraph.blog-post-template-subtitle {
    margin: 0;
  }

  .header-title {
    line-height: 72px;
  }

  .container-36 {
    margin-left: 0;
    margin-right: 0;
  }

  .features-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .feature-heading {
    line-height: 28px;
  }

  .get-to-know-section {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .heading_primary_4-2 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    font-family: Manrope, sans-serif;
    line-height: 24px;
  }

  .features-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    align-items: flex-start;
    width: 480px;
    display: flex;
  }

  .get-to-know-container {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    justify-content: flex-start;
    max-width: 1440px;
    margin: 96px auto;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
  }

  .feature-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .paragraph-primary-2.element-p-primary {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    font-family: Manrope, sans-serif;
  }

  .feature-description {
    color: #575b63;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .feature-description.vpp {
    font-family: Manrope, sans-serif;
  }

  .feature-description.microgrid {
    color: var(--teal-200);
  }

  .paragraph-63 {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
    font-family: Manrope, sans-serif;
  }

  .know-how-right-container {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 560px;
    margin-bottom: 96px;
    display: flex;
  }

  .heading-77 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    font-family: Manrope, sans-serif;
    position: relative;
  }

  .know-how-left-container {
    grid-column-gap: 68px;
    grid-row-gap: 68px;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .know-how-section {
    background-color: #dbece6;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 80px;
    padding-right: 80px;
  }

  .know-how-container {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-primary-3 {
    margin: 0;
    padding: 0;
  }

  .paragraph-primary-3.element-p-primary {
    margin-bottom: 0;
    font-family: Manrope, sans-serif;
  }

  .div-block-112 {
    min-width: 48px;
    max-width: 100%;
    min-height: 48px;
  }

  .vpp-container {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .div-block-113 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .image-35 {
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-65.element-p-primary {
    margin: 0;
    padding: 0;
  }

  .vpp-section {
    align-items: stretch;
  }

  .div-block-115 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-self: center;
    place-items: center stretch;
    width: 100%;
    max-width: none;
    padding: 0;
    display: grid;
  }

  .paragraph-66 {
    margin: 0;
    padding: 0;
  }

  .cta-section {
    background-color: #12211f;
    background-image: none;
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .div-block-119 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    align-items: flex-start;
    width: 592px;
    display: flex;
  }

  .cta-heading {
    color: var(--teal-100);
    -webkit-text-stroke-color: var(--teal-100);
    line-height: 72px;
  }

  .paragraph-18 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Manrope, sans-serif;
    font-size: 16px;
    line-height: 24px;
  }

  .svg-6 {
    min-width: 20px;
    min-height: 20px;
  }

  .microgrid-kit-button {
    color: #caebbf;
    background-color: #65885a;
    align-items: center;
    padding: 12px 18px;
    display: flex;
  }

  .microgrid-kit-button.button_primary {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    color: #caebbf;
  }

  .cta-container {
    max-width: 1440px;
    font-family: Manrope, sans-serif;
  }

  .div-block-48 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    color: #0e2833;
    flex-flow: column;
    width: 592px;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    display: flex;
  }

  .cta-description {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Manrope, sans-serif;
    line-height: 38px;
  }

  .div-block-50 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
  }

  .coldsub-product-heading.card-1,
  .coldsub-product-heading.card-2,
  .coldsub-product-heading.card-3,
  .banner-title {
    font-family: Manrope, sans-serif;
  }

  .banner-subtitle {
    margin: 0;
    padding: 0;
    font-family: Manrope, sans-serif;
  }

  .metrics-info-wrapper {
    align-items: center;
    width: 100%;
  }

  .paragraph-secondary {
    margin: 0;
    padding: 0;
  }

  .banner {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: fill;
    width: auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .banner-subtitle-2 {
    font-family: Manrope, sans-serif;
  }

  .section-41.top-blog-section {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-122 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
  }

  .div-block-123 {
    justify-content: space-between;
  }

  .div-block-124 {
    align-items: flex-start;
  }

  .blog-description {
    margin: 0;
    padding: 0;
    font-family: Manrope, sans-serif;
  }

  .blog-carosel.bottom-blog-section {
    max-width: 100%;
    padding: 0;
  }

  .div-block-126 {
    width: 100%;
    max-width: 100%;
  }

  .div-block-127 {
    max-width: none;
  }

  ._w-slider-arrow-left {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    mix-blend-mode: exclusion;
    background-color: #ffffff14;
    border: 2px solid #0000;
    border-radius: 999px;
    width: 48px;
    height: 48px;
    transition: background-color .2s;
    position: absolute;
    left: 6%;
    box-shadow: 0 2px 2px 1px #0003;
  }

  ._w-slider-arrow-left:hover {
    mix-blend-mode: normal;
  }

  ._w-slider-arrow-right {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    mix-blend-mode: exclusion;
    background-color: #ffffff14;
    transition: background-color .2s;
    position: absolute;
    right: 6%;
    box-shadow: 0 2px 2px 1px #0003;
  }

  ._w-slider-arrow-right:hover {
    mix-blend-mode: normal;
  }

  .carousel-mask {
    position: static;
  }

  .splide__pagination__page:hover {
    width: 12px;
  }

  .splide__pagination__page.splide__pagination__page--level1 {
    width: 8px;
    height: 8px;
  }

  .splide__pagination__page.splide__pagination__page--level2 {
    width: 6px;
    height: 6px;
  }

  .dots {
    align-items: center;
  }

  .coldzero-hero {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .container-37 {
    justify-content: flex-start;
    margin: 0;
  }

  .div-block-135 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .container-38 {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-137.about {
    flex-flow: column;
  }

  .div-block-138 {
    min-width: 100%;
    position: relative;
  }

  .product-image-caption {
    max-width: 608px;
    margin: 0;
    padding: 0;
    font-family: Manrope, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    position: absolute;
  }

  .specifications {
    background-color: var(--teal-950);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    max-width: 1440px;
    margin-top: 96px;
    padding-left: 0;
    padding-right: 0;
  }

  .specifications.wrapper {
    width: auto;
  }

  .body-9 {
    max-width: none;
  }

  .section-45 {
    width: auto;
    max-width: none;
    padding-right: 0;
  }

  .div-block-143 {
    padding: 0;
  }

  .how-it-works {
    box-sizing: border-box;
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
  }

  .div-block-145 {
    width: 60%;
  }

  .div-block-146 {
    padding: 0;
  }

  .paragraph-74 {
    margin: 0;
    padding: 0;
  }

  .faq-wrapper {
    justify-content: space-between;
    min-width: 0;
  }

  .answer.colllapsible-content {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .collection-item-2 {
    min-width: 384px;
    max-width: none;
  }

  .collection-item-2.splide__slide {
    max-width: 384px;
  }

  .image-46 {
    top: -20%;
  }

  .metrics {
    max-width: none;
  }

  .body-11 {
    overflow: visible;
  }

  .div-block-157 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-158 {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .applications {
    width: 100%;
  }

  .div-block-159 {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph_primary_regular {
    margin: 0;
    padding: 0;
  }

  .paragraph-80 {
    margin: 0;
    padding: 0;
    font-family: Manrope, sans-serif;
  }

  .div-block-165 {
    align-items: center;
  }

  .hero-section {
    max-width: none;
    padding: 96px 0 0;
  }

  .div-block-167 {
    width: 100%;
  }

  .image-47 {
    width: 50%;
    max-width: 797px;
    height: auto;
    max-height: 731px;
  }

  .industrial-factories {
    padding-bottom: 0;
    padding-left: 80px;
    padding-right: 80px;
  }

  .paragraph-81,
  .paragraph-82 {
    margin: 0;
    padding: 0;
  }

  .body-12 {
    max-width: none;
  }

  .about-hero {
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-83 {
    margin: 0;
    padding: 0;
  }

  .our-story {
    width: auto;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }

  .our-story.wrapper {
    max-width: none;
    padding: 0;
    display: block;
  }

  .paragraph-84 {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .div-block-177 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .misson {
    width: 1440px;
    max-width: 1440px;
  }

  .misson.wrapper {
    max-width: none;
    padding: 0;
  }

  .paragraph-85,
  .paragraph-86 {
    padding: 0;
  }

  .timeline-section {
    background-position: 50% 0;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
  }

  .timeline-section.wrapper {
    background-image: none;
  }

  .timeline-event._2019 {
    top: 45px;
    left: 740px;
  }

  .timeline-event._2020 {
    opacity: 0;
    top: 290px;
    left: 731px;
  }

  .timeline-event._2022 {
    opacity: 0;
    font-family: Manrope, sans-serif;
    top: 290px;
    left: 297px;
  }

  .timeline-event._2024 {
    opacity: 0;
    top: 562px;
    left: 257px;
  }

  .timeline-event._2025 {
    top: 562px;
    left: 764px;
  }

  .paragraph-88 {
    margin: 0;
    padding: 0;
  }

  .contact-form-section {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-info-section {
    margin-top: 0;
  }

  .div-block-187 {
    padding-left: 0;
    padding-right: 0;
  }

  .field-label,
  .field-label-2,
  .field-label-3,
  .field-label-4,
  .field-label-5 {
    font-size: 14px;
  }

  .contact-info-card {
    max-width: none;
  }

  .paragraph-89,
  .paragraph-90 {
    margin: 0;
    padding: 0;
    font-family: Manrope, sans-serif;
    font-size: 16px;
    line-height: 24px;
  }

  .contact-form {
    margin-left: auto;
    margin-right: auto;
  }

  .collection-wrapper {
    width: 100%;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .carousel-track {
    grid-column-gap: 24px;
    justify-content: flex-start;
  }

  .coldzero-hero-copy {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    display: flex;
  }

  .paragraph-91 {
    word-break: normal;
    max-width: 52ch;
    margin: 0;
    padding: 0;
    font-family: Manrope, sans-serif;
  }

  .body-14 {
    margin-left: auto;
    margin-right: auto;
    padding-top: 176px;
  }

  .section-primary {
    padding-top: 0;
  }

  .section-primary.post-hero-heading {
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-93 {
    margin: 0;
    padding: 0;
  }

  .paragraph-94 {
    margin-top: 0;
    padding: 0;
  }

  .div-block-210 {
    padding: 0;
  }

  .paragraph-95 {
    margin-top: 0;
    padding: 2px 8px;
    font-family: Manrope, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .text-block-56,
  .view-all-tab,
  .energy-tab,
  .energy-tab.w--current,
  .battery-tab,
  .solar-tab,
  .software-tab {
    font-size: 16px;
  }

  .pagination {
    font-family: Manrope, sans-serif;
  }

  .text-block-63 {
    font-size: 14px;
  }

  .text-block-65 {
    font-family: Manrope, sans-serif;
  }

  .cms-empty-state {
    color: var(--ce-text-primary);
    background-color: #0000;
    justify-content: center;
    align-items: center;
    font-family: Manrope, sans-serif;
    font-size: 20px;
    line-height: 30px;
    display: flex;
  }

  .empty-state-2 {
    background-color: #0000;
    height: 18px;
    max-height: 18px;
  }

  .div-block-215 {
    height: 18px;
  }

  .published-date {
    margin: 0;
    padding: 0;
  }

  .blog-filter-item,
  .blog-filter-item.w--current {
    font-family: Manrope, sans-serif;
    font-size: 16px;
  }

  .nav-dropdown-item-subtitle {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-wrapper-primary {
    border-bottom-style: none;
  }

  .post-read-time,
  .paragraph-96 {
    margin: 0;
    padding: 0;
  }

  .subscribe-form-section {
    border-bottom-style: none;
  }

  .div-block-228 {
    width: 100%;
  }

  .readmore-subheading {
    align-self: auto;
    margin: 0;
    padding: 0;
  }

  .readmore-description {
    margin: 0;
    padding: 0;
  }

  .post-body a {
    color: var(--teal-100);
    -webkit-text-decoration-color: var(--teal-100);
    text-decoration-color: var(--teal-100);
  }

  .div-block-233 {
    align-items: center;
  }

  .paragraph-111 {
    margin: 0;
    padding: 0;
  }

  .image-56 {
    border-radius: 24px;
    width: 100%;
  }

  .image-57 {
    margin-left: auto;
    margin-right: auto;
  }

  .image-58 {
    border-radius: 0;
  }

  .splide__arrows.blogs-post-arrows {
    justify-self: end;
  }

  .splide__arrow.splide__arrow--prev,
  .splide__arrow.splide__arrow--next {
    font-family: Manrope, sans-serif;
    background-color: #ffffff14 !important;
  }

  .div-block-248 {
    flex-flow: column;
    display: flex;
  }

  .div-block-249 {
    position: absolute;
    right: 0;
  }

  .text-span-6 {
    color: var(--ce-success-600);
  }

  .section-53 {
    background-color: var(--teal-900);
  }

  .body-16 {
    background-color: var(--grey-4);
  }

  .section-54 {
    background-color: var(--公司深藍);
  }

  .bold-text-48,
  .bold-text-49,
  .bold-text-50 {
    color: var(--dark_blue3);
  }

  .heading-118,
  .heading-119,
  .heading-120,
  .heading-121,
  .heading-122 {
    color: var(--grey-1);
  }

  .card.card-1,
  .card.card-3 {
    width: 100%;
    transition-duration: .3s;
  }

  .card.card-2 {
    width: 100%;
    transition-duration: .3s;
    transform: translate(0, 38px);
  }

  .paragraph-114,
  .paragraph-115 {
    color: var(--teal-100);
  }
}

@media screen and (max-width: 991px) {
  .collection-item-4 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
    display: flex;
  }

  h1 {
    font-size: 32px;
    line-height: 40px;
  }

  h2 {
    font-size: 28px;
    line-height: 36px;
  }

  h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .section_home_product {
    padding: 88px 8px;
  }

  .section_home_product.video-section {
    padding-bottom: 80px;
    padding-left: 8.33%;
    padding-right: 8.33%;
  }

  .section_home_product.video-section.home-about {
    padding: 100px;
  }

  .section_home_product.video-section.home-about.home_usebg {
    height: auto;
  }

  .section_home_product.json_section {
    padding: 0;
  }

  .wrapper.nav-bar-wrapper {
    height: auto;
    padding-top: 0;
  }

  .wrapper.side-paddings {
    padding-left: 8px;
    padding-right: 8px;
  }

  .button:hover {
    transform: none;
  }

  .button-style-wrapper {
    width: 50%;
    padding: 48px 8%;
  }

  .nav-bar {
    position: absolute;
  }

  .nav-link {
    border-bottom: 0px solid var(--grey-4);
    border-radius: 0;
    padding: 16px 24px;
  }

  .no-margin {
    margin: 0;
  }

  .no-margin-bottom {
    margin-bottom: 0;
  }

  .intro {
    margin-bottom: 56px;
  }

  .no-padding-vertical {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer {
    justify-content: flex-start;
    align-items: center;
    padding-top: 40px;
  }

  .nav-menu {
    border-top: 1px solid var(--grey-4);
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
  }

  .no-padding-top {
    padding-top: 0;
  }

  .no-padding-bottom {
    padding-bottom: 0;
  }

  .page-wrapper {
    padding-top: 96px;
  }

  .navigation {
    flex-direction: row-reverse;
    justify-content: flex-start;
  }

  .nav-top {
    padding-left: 8px;
    padding-right: 8px;
  }

  .nav-main {
    height: 64px;
    padding-left: 8px;
    padding-right: 0;
  }

  .nav-top-info {
    padding-left: 8px;
    padding-right: 8px;
  }

  .footer-left {
    flex: none;
    width: auto;
  }

  .instagram {
    flex-wrap: wrap;
    width: 75%;
    margin-bottom: 48px;
    padding-left: 0;
    padding-right: 0;
  }

  .instagram-link {
    flex: 25%;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .instagram-link:hover {
    transform: none;
  }

  .shop-header {
    padding-left: 8px;
    padding-right: 8px;
  }

  .products {
    padding-left: 12px;
    padding-right: 12px;
  }

  .product-card-wrapper {
    width: 50%;
    padding: 20px;
  }

  .product-card:hover {
    transform: none;
  }

  .product-card-image-wrapper {
    height: 284px;
    padding: 32px;
  }

  .subscribe {
    flex-direction: column;
    justify-content: flex-start;
    width: 66.66%;
    padding: 64px;
  }

  .subscribe-form-wrapper {
    width: 100%;
    margin-top: 32px;
    padding-left: 0;
  }

  .subscribe-info {
    text-align: center;
    flex-direction: column;
    padding-right: 0;
  }

  .subscribe-form {
    flex-direction: column;
    align-items: stretch;
  }

  .input.subscribe-input {
    text-align: center;
    margin-bottom: 20px;
  }

  .input.no-margin-bottom {
    margin-bottom: 0;
  }

  .subscribe-icon {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .form-error {
    text-align: center;
  }

  .nav-top-social {
    padding-left: 8px;
    padding-right: 8px;
  }

  .breadcrumbs {
    height: 40px;
    margin-top: 20px;
  }

  .product {
    padding: 56px;
  }

  .product-image-wrapper {
    order: -1;
    padding: 48px;
  }

  .product-info {
    width: 100%;
    margin-top: 64px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .product-details {
    flex: 0 auto;
    width: 100%;
    margin-left: 8px;
    margin-right: 8px;
  }

  .contacts {
    padding: 64px;
  }

  .menu-button {
    border-left: 1px solid var(--grey-4);
    height: 100%;
    padding: 20px;
  }

  .menu-button.w--open {
    color: var(--dark);
    background-color: #0000;
  }

  .contact-form-wrapper {
    width: 100%;
    padding-right: 0%;
  }

  .contact-info {
    margin-top: 48px;
  }

  .side-block {
    width: 100%;
    margin-bottom: 48px;
  }

  .side-block.no-padding-left {
    padding-left: 8.33%;
  }

  .side-block.small-padding-side {
    padding-left: 8px;
    padding-right: 8px;
  }

  .side-blocks {
    flex-wrap: wrap;
    margin-bottom: -48px;
  }

  .side-blocks.mobile-reverse {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .side-info {
    text-align: center;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
  }

  .licence-items {
    width: 81.33%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .product-table {
    width: 50%;
    margin-top: -32px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .order-confirmation-container {
    padding-left: 8px;
    padding-right: 8px;
  }

  .checkout-form {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 8px;
    padding-right: 8px;
  }

  .order-block-header {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .order-block {
    padding: 0 32px;
  }

  .select-wrapper.no-margin-bottom {
    margin-bottom: 0;
  }

  .order-sidebar {
    width: 100%;
    max-width: none;
    margin-left: 0;
    padding-top: 24px;
  }

  .order-block-heading {
    font-size: 17px;
    line-height: 24px;
  }

  .order-confirmation {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .pay-buttons {
    padding: 32px 48px;
  }

  .container-2 {
    max-width: 728px;
  }

  .team-slide-wrapper {
    width: 47%;
    margin-right: 6%;
  }

  .heading-3 {
    margin-left: 0;
  }

  .background-video {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: auto;
    display: flex;
  }

  .lynx-grid-process {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .link-block.nostyle {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
  }

  .product-head.heavy-head {
    background-size: cover;
    min-height: 400px;
  }

  .product-head.heavy-head.solar {
    background-position: 100%;
    background-size: cover;
  }

  .product-head.heavy-head.solar.real_product_head {
    background-position: 50% 100%;
    background-size: cover;
    min-height: 400px;
  }

  .avatarkit-mg-20px-bottom {
    margin-bottom: 20px;
  }

  .avatarkit-services-grid {
    grid-template-columns: 1fr 1fr;
  }

  .avatarkit-container-component {
    max-width: 75rem;
  }

  .spark-wrapped-card {
    width: 45%;
  }

  .uui-team09_item {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr 2fr;
    margin-bottom: 60px;
  }

  .team-member-name {
    padding-left: 20px;
    padding-right: 20px;
  }

  .team-member-image {
    width: 190px;
    height: 190px;
  }

  .uui-team09_list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-text-size-medium {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-4 {
    text-align: left;
    font-style: normal;
    display: flex;
  }

  .slide-image {
    height: 50vh;
    min-height: 500px;
  }

  .clip-text.speaker-headding {
    margin-top: -36px;
    margin-bottom: 24px;
  }

  .speaker-slide-mask {
    width: 65%;
  }

  .speaker-info {
    max-width: 470px;
  }

  .lynx-grid-image-right {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .background-video-3 {
    align-items: center;
  }

  .grid-single_wrapper {
    min-height: 60vh;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .grid-half_item.grey_bg.about-second {
    order: 1;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lynx-block-features-large {
    padding: 45px 30px 25px;
  }

  .lynx-grid-2-columns {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .container-8 {
    max-width: 728px;
  }

  .hero-wrapper-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-2 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .waves---content-image-halves {
    text-align: center;
    align-items: center;
  }

  .waves---grid-cta-3 {
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .waves-master-cta-3 {
    padding: 80px 64px;
  }

  .waves---section-medium {
    margin-left: auto;
    margin-right: auto;
  }

  .waves-gradient-hero-6 {
    height: 140px;
  }

  .waves-image-wrap-hero-2 {
    height: 320px;
  }

  .waves-gallery-hero-2 {
    height: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .waves-content-hero-2 {
    text-align: center;
    align-items: center;
    padding-left: 220px;
  }

  .waves-grid-hero-2 {
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .waves---section-hero-primary-2 {
    text-align: center;
  }

  .waves---heading-3-no-margins {
    padding-top: 0;
    padding-bottom: 0;
    font-family: Noto Sans TC, sans-serif;
    font-weight: 700;
  }

  .waves---grid-features-5 {
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .waves---section-medium-2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .waves-middle-image-hero-6 {
    width: 100%;
  }

  .waves---section-hero-primary-3 {
    text-align: center;
  }

  .waves-section-hero-6 {
    padding-top: 240px;
  }

  .feature-grid-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    display: flex;
  }

  .grid-wrapper-2 {
    grid-column-gap: 14px;
    grid-row-gap: 17px;
  }

  .standard-paragraph {
    color: var(--dark);
    text-align: center;
    font-size: 14px;
  }

  .main_title {
    font-size: 30px;
    line-height: 30px;
  }

  .p_text_middle {
    text-align: center;
  }

  .main_title_text {
    font-size: 24px;
    line-height: 24px;
  }

  .container {
    max-width: 728px;
  }

  .clients-image-three {
    margin-bottom: 30px;
  }

  .product_container {
    max-width: 728px;
  }

  .features-wrapper-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .features-left {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .features-right {
    max-width: 100%;
  }

  .features-block-two {
    width: 100%;
  }

  .product_img {
    margin-left: auto;
    margin-right: auto;
  }

  .d-link {
    padding-left: 50px;
  }

  .dropdown.language {
    display: block;
  }

  .dropdown.language-desk,
  .icon,
  .icon.drop-icon-hide {
    display: none;
  }

  .div-block-13 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-13.full {
    width: 100%;
  }

  .product_h3 {
    text-align: center;
    font-family: Noto Sans TC, sans-serif;
  }

  .wbs-section {
    padding-top: .5rem;
    padding-bottom: 0;
  }

  .wbs-step-3-arrow-image-last,
  .wbs-step-3-arrow-image-top,
  .wbs-step-3-arrow-image-bottom {
    display: none;
  }

  .wbs-step-3-item-top {
    text-align: center;
    width: 400px;
    margin-top: 0;
  }

  .wbs-step-3-item {
    text-align: center;
    width: 400px;
  }

  .wbs-step-3 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-wrap: wrap;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .wbs-section-2 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .article_slug {
    overflow-wrap: normal;
    height: 120px;
    overflow: hidden;
  }

  .article_title {
    height: 60px;
    font-size: 18px;
    overflow: hidden;
  }

  .article_img {
    height: 200px;
  }

  .product_h_title {
    padding-left: 30px;
    padding-right: 30px;
  }

  .lottie-animation-6 {
    height: 300px;
  }

  .paragraph-8 {
    margin-bottom: 0;
    font-size: 14px;
  }

  .product_advantage {
    font-family: Noto Sans TC, sans-serif;
    font-size: 18px;
    font-weight: 400;
  }

  .wbs-section-3 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .wbs-team-image {
    height: 200px;
  }

  .wbs-team-border-grid {
    grid-column-gap: 15px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .image-2 {
    height: 300px;
  }

  .heading-25 {
    margin-bottom: 0;
  }

  .text-block-20 {
    font-size: 24px;
    line-height: 46px;
  }

  .slide-2 {
    padding-left: 0;
  }

  .button-5.is-large {
    margin-top: 0;
  }

  .heading-style-h1 {
    font-size: 5rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar2_menu {
    -webkit-text-fill-color: inherit;
    background-color: #000;
    background-clip: border-box;
    padding: 1rem 5% 2.5rem;
    position: absolute;
    overflow: auto;
  }

  .navbar2_menu.is-page-height-tablet {
    height: 100vh;
    padding-top: 12.5rem;
    padding-bottom: 15rem;
  }

  .navbar2_menu-button {
    padding: 0;
  }

  .navbar2_menu-button.w--open {
    background-color: #0000;
  }

  .heading-2 {
    font-size: 3rem;
    line-height: 5rem;
  }

  .footer_logo-link {
    width: 213px;
    height: 24px;
  }

  .grid-single_wrapper-2 {
    min-height: 60vh;
  }

  .navbar2_container {
    grid-template-columns: .25fr 1fr;
    display: flex;
  }

  .heading-style-h4 {
    margin-top: 20px;
  }

  .menu-icon2_line-bottom {
    background-color: #fff;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar2_link {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 0;
    font-size: 2rem;
  }

  .video-break_wrapper {
    min-height: 50vh;
  }

  .home-hero_component {
    min-height: 60vh;
  }

  .menu-icon2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar2_button-wrapper {
    align-items: center;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon2_line-top {
    background-color: #fff;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .cta_wrapper.wrap-padding {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .menu-icon2_line-middle {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .features-slider_component {
    grid-column-gap: 3rem;
  }

  .header81_component {
    height: auto;
  }

  .header81_content-wrapper {
    grid-row-gap: 4rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    height: auto;
    padding-top: 6rem;
    position: static;
  }

  .grid-single_wrapper-3 {
    min-height: 60vh;
  }

  .header81_content-left {
    flex: 0 auto;
    margin-left: 5%;
    margin-right: 5%;
  }

  .header81_content-right {
    flex: 0 auto;
    width: 100%;
    position: static;
  }

  .header81_image-wrapper {
    padding-top: 100%;
  }

  .padding-section-large-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-large-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .background-video-4 {
    width: 100vw;
  }

  .product_icons {
    grid-row-gap: 1.5rem;
    flex-wrap: wrap;
    font-weight: 400;
  }

  .product_component {
    padding-bottom: 2.5rem;
  }

  .cta_item-title {
    font-size: 2.25rem;
  }

  .product_list-wrapper.hide-tablet {
    display: none;
  }

  .cta_item {
    align-items: flex-start;
  }

  .product_lightbox-indicator {
    display: block;
  }

  .grid-single_wrapper-4 {
    min-height: 60vh;
  }

  .product_lightbox-link {
    margin-bottom: 0;
  }

  .product_list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .product_product-details {
    max-height: none;
    position: static;
    overflow: visible;
  }

  .padding-section-large-5 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .product_layout {
    grid-column-gap: 5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .grid-single_wrapper-5,
  .grid-single_wrapper-6 {
    min-height: 60vh;
  }

  .dropdown-toggle {
    display: none;
  }

  .dropdown-link {
    color: var(--white);
  }

  .text-block-32 {
    color: var(--white);
    text-align: center;
    font-size: 2rem;
  }

  .phone_dropdown {
    display: block;
  }

  .heading-50 {
    text-align: center;
  }

  .heading-51 {
    margin-bottom: 10px;
    font-size: 22px;
  }

  .paragraph-36.summary {
    margin-bottom: 0;
  }

  .paragraph-36.summary.phone_card2 {
    height: 120px;
    margin-bottom: 0;
  }

  .paragraph-36.summary.phone_card1 {
    height: 140px;
    margin-bottom: 0;
  }

  .div-block-53 {
    height: auto;
  }

  .cell-10 {
    justify-content: center;
    align-items: center;
    padding: 20px;
  }

  .quick-stack-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .grid-single_wrapper-7 {
    min-height: 60vh;
  }

  .div-block-59.div_left {
    justify-content: space-around;
    align-items: center;
  }

  .div-block-61 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .container-23 {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .lynx-heading-white-small {
    font-size: 38px;
  }

  .lynx-block-hero {
    width: 56%;
    padding: 45px;
  }

  .lynx-hero {
    min-height: 590px;
  }

  .lynx-hero.manufacturing {
    background-position: 50%;
  }

  .clients-image-three-2 {
    margin-bottom: 30px;
  }

  .paragraph-49 {
    margin-bottom: 0;
  }

  .lynx-heading {
    font-size: 38px;
  }

  .lynx-icon-heading {
    font-size: 19px;
  }

  .lynx-grid-image-left {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .lynx-heading-accordion {
    font-size: 19px;
  }

  .lynx-heading-2 {
    font-size: 38px;
  }

  .lynx-heading-white {
    font-size: 48px;
  }

  .lynx-block-hero-large {
    border-bottom-right-radius: 260px;
    width: 60%;
    margin-left: -12px;
    padding: 70px 40px;
  }

  .container-24 {
    max-width: 728px;
  }

  .hero-wrapper-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-3 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .lynx-heading-features-small {
    font-size: 19px;
  }

  .lynx-grid-features {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .lynx-heading-3 {
    font-size: 38px;
  }

  .lynx-icon-heading-2 {
    font-size: 19px;
  }

  .lynx-grid-image-left-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .header81_content-left-2 {
    flex: 0 auto;
    margin-left: 5%;
    margin-right: 5%;
  }

  .navbar2_container-2 {
    grid-template-columns: .25fr 1fr;
    display: flex;
  }

  .navbar2_link-2 {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 0;
    font-size: 2rem;
  }

  .padding-section-large-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .container-26 {
    max-width: 728px;
  }

  .hero-section-container {
    padding-top: 128px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .hero-section-container.ce-container-style.microgrid {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .button_primary {
    display: flex;
  }

  .button_primary.subscribe {
    width: 100%;
    padding: 8px 12px;
  }

  .button_primary.request-demo {
    display: none;
  }

  .navbar {
    width: 100%;
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-content {
    grid-column-gap: 60px;
    flex-flow: row;
    justify-content: flex-start;
  }

  .footer-block {
    align-items: flex-start;
  }

  .container-28 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .paragraph-54 {
    width: auto;
    margin-bottom: 0;
  }

  .nav-menu-3 {
    background-color: var(--teal-800);
    border-radius: 12px;
    justify-content: space-between;
  }

  .div-block-78 {
    justify-content: flex-start;
    scale: .8;
  }

  .section-32 {
    margin-top: 0;
  }

  .div-block-7.card-2 {
    justify-content: flex-start;
  }

  .section-35.card-1 {
    width: auto;
    max-width: none;
  }

  .section-35.card-3 {
    width: 100%;
    max-width: none;
  }

  .section-35.card-2 {
    border-radius: 24px;
    width: 100%;
    max-width: none;
  }

  .section-35.card-4,
  .container-32.card-2 {
    width: 100%;
  }

  .heading-15 {
    font-size: 14px;
    line-height: 20px;
  }

  .container-10 {
    width: auto;
    max-width: none;
  }

  .paragraph-55 {
    font-size: 12px;
    line-height: 18px;
  }

  .image-31.card-2 {
    flex: 0 auto;
    order: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 0;
    right: 0;
  }

  .image-31.card-3 {
    max-width: 429.019px;
    right: 0;
  }

  .image-31.card-1 {
    max-width: 100%;
    max-height: none;
  }

  .section-title-card {
    padding: 0;
  }

  .mission-vision {
    padding: 48px 0;
  }

  .success-metrics.about {
    margin-left: auto;
    margin-right: auto;
  }

  .banner-container {
    padding-right: 80px;
  }

  .microgrid-systems {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section-38 {
    flex-flow: column;
  }

  .div-block-95 {
    min-width: 48px;
    min-height: 48px;
  }

  .container-34 {
    max-width: 728px;
  }

  .div-block-106 {
    inset: 0% 0% 0% auto;
  }

  .hero-wrapper-4 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-9 {
    width: 100%;
  }

  .image-9 {
    border-radius: 24px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .container-35 {
    flex-flow: row-reverse;
    margin: 0;
  }

  .nav-bar-link.request-demo {
    display: block;
  }

  .div-block-107 {
    justify-content: space-between;
    width: auto;
  }

  .hero-section {
    padding-left: 32px;
    padding-right: 32px;
  }

  .header-title {
    font-size: 32px;
    line-height: 40px;
  }

  .div-block-108.microgrid {
    padding-left: 32px;
  }

  .container-36 {
    margin: 0;
  }

  .features-container {
    flex-flow: wrap-reverse;
    padding: 0;
  }

  .get-to-know-section {
    padding: 40px 0;
  }

  .image-34 {
    border-radius: 12px;
    max-width: 100%;
    position: relative;
  }

  .know-how-section {
    padding: 40px 0;
  }

  .know-how-container {
    flex-flow: wrap;
  }

  .paragraph-primary-3 {
    max-width: none;
  }

  .paragraph-65.element-p-primary {
    width: auto;
    margin-bottom: 0;
  }

  .vpp-section {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-115 {
    grid-column-gap: 96px;
  }

  .cta-section {
    padding-left: 0;
    padding-right: 0;
  }

  .cta-heading {
    font-size: 48px;
    line-height: 60px;
  }

  .cta-container {
    flex-flow: wrap;
  }

  .cta-description {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
  }

  .coldsub-product-heading.card-2 {
    font-size: 150px;
    line-height: 4rem;
  }

  .coldsub-product-heading.card-3 {
    font-size: 170px;
    line-height: 70px;
  }

  .carousel-mask {
    max-width: 100%;
  }

  .coldzero-hero {
    margin-top: 96px;
  }

  .paragraph_primary {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-137 {
    flex-flow: column;
  }

  .product-image-caption {
    max-width: 400px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    right: 20px;
  }

  .dropdown-nav-item.product-nav-item {
    width: 100%;
    display: flex;
    justify-content: stretch;
  }

  .specifications {
    padding-top: 48px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .body-9 {
    max-width: 100%;
  }

  .div-block-139 {
    padding: 0;
  }

  .use-case-wrapper {
    justify-content: space-between;
  }

  .system-intergtration-wrapper {
    justify-content: space-between;
    align-items: stretch;
  }

  .paragraph-73 {
    font-weight: 400;
  }

  .div-block-143 {
    padding: 0;
  }

  .how-it-works {
    padding-left: 32px;
    padding-right: 32px;
  }

  .div-block-145 {
    width: 100%;
  }

  .faq {
    padding: 48px 32px;
  }

  .faq-wrapper {
    flex-flow: column;
  }

  .faq-container {
    width: auto;
    max-width: 100%;
  }

  .discover-products {
    margin-top: 0;
    padding: 48px 0;
  }

  .div-block-153 {
    padding: 0;
  }

  .heading-92 {
    font-size: 36px;
    line-height: 44px;
  }

  .div-block-154 {
    padding: 0;
  }

  .div-block-155 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .collection-item-2 {
    order: -1;
  }

  .image-46 {
    width: auto;
  }

  .products-section {
    padding: 48px 0;
  }

  .productheading {
    margin-right: .25ch;
  }

  .body-10 {
    max-width: none;
  }

  .commercial-buildings {
    flex-flow: column;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
  }

  .commercial-buildings.wrapper {
    align-items: flex-start;
    max-width: none;
    padding: 0;
    display: block;
  }

  .div-block-157,
  .div-block-158 {
    padding: 0;
  }

  .applications {
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph_primary_regular {
    max-width: none;
  }

  .div-block-166 {
    padding: 0;
  }

  .div-block-167 {
    max-width: none;
  }

  .div-block-168 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .image-47 {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
  }

  .industrial-factories {
    padding-left: 0;
    padding-right: 0;
  }

  .cta {
    padding: 48px 0;
  }

  .svg-38,
  .svg-40 {
    min-width: 20px;
    min-height: 20px;
  }

  .about-hero {
    margin-left: auto;
    margin-right: auto;
  }

  .our-story {
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
    left: 0;
    right: 0;
  }

  .div-block-176 {
    margin-left: 0;
    margin-right: 0;
  }

  .misson {
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
  }

  .div-block-179 {
    flex-flow: wrap;
  }

  .timeline-section {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
  }

  .timeline-section.wrapper {
    padding-left: 80px;
    padding-right: 80px;
  }

  .timeline-wrapper.animate-gradient {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    scale: 1;
  }

  .timeline-wrapper.animate-gradient.mobile {
    display: none;
  }

  .timeline-event._2019 {
    opacity: 0;
    font-family: Manrope, sans-serif;
    top: -3.3%;
    left: 55%;
    scale: .5;
  }

  .timeline-event._2018 {
    inset: -2.3% 0% auto -.4%;
    scale: .5;
  }

  .timeline-event._2020 {
    opacity: 0;
    top: 27%;
    left: 45%;
    scale: .5;
  }

  .timeline-event._2022 {
    opacity: 0;
    top: 27%;
    left: 5%;
    scale: .5;
  }

  .timeline-event._2024 {
    opacity: 0;
    top: 223px;
    left: 56px;
    scale: .5;
  }

  .timeline-event._2025 {
    opacity: 0;
    top: 223px;
    left: 252px;
    scale: .5;
  }

  .paragraph-88 {
    white-space: nowrap;
  }

  .div-block-185 {
    justify-content: center;
    width: auto;
    padding: 0;
    display: flex;
  }

  .code-embed {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .code-embed.desktop-tablet {
    left: 0;
    right: 0;
  }

  .body-13 {
    overflow-x: hidden;
  }

  .contact-form-section {
    padding: 0;
  }

  .contact-info-section {
    padding: 48px 0;
  }

  .div-block-187 {
    padding-bottom: 48px;
    padding-left: 0;
    padding-right: 0;
  }

  .form-input-primary {
    border-radius: 6px;
  }

  .contact-form {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .contact-form.wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .carousel-track {
    order: 0;
    justify-content: flex-start;
  }

  .section-primary {
    padding: 48px 0;
  }

  .section-primary.post-hero-heading {
    padding-top: 128px;
  }

  .div-block-213 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap-reverse;
    align-items: flex-end;
  }

  .filter-dropdown {
    justify-content: flex-end;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: relative;
    right: 0;
  }

  .collection-list-2 {
    justify-content: flex-start;
  }

  .collection-item-3 {
    min-width: 384px;
  }

  .dropdown-list.w--open {
    width: 100%;
    top: 50px;
  }

  .dropdown-list-2.industries-we-power {
    position: relative;
  }

  .dropdown-list-2.industries-we-power.w--open {
    border-style: none;
    width: auto;
    padding: 0px 24px;

  }

  .dropdown-list-2.products {
    position: relative;
  }

  .dropdown-list-2.products.w--open {
    border-style: none;
    padding: 0px 24px;

  }

  .dropdown-list-2.nav-soultions.w--open {
    position: relative;
  }

  .dropdown-items-section {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .dropdown-items-section,
  .dropdown-items-section.industries-we-power {
    min-width: 0;
  }

  .collection-list-wrapper-2 {
    display: none;
  }

  .collection-list-wrapper-3 {
    border-right-style: none;
  }

  .body-15 {
    padding-top: 0;
  }

  .section-content {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column-reverse;
  }

  .industries-dropdown-items {
    border-right-style: none;
    width: auto;
  }

  .industries-hero-wrapper {
    display: none;
  }

  .dropdown-14 {
    width: 100%;
    max-width: 728px;
  }

  .solutions-hero-wrapper {
    border-left-style: none;
    display: none;
  }

  .dropdown-list-3 {
    position: relative;
    padding: 0px 24px;
  }

  .dropdown-list-3.w--open {
    border-style: none;
  }

  .dropdown-15 {
    width: 100%;
  }

  .dropdown-16 {
    width: 100%;
    max-width: 728px;
  }

  .menu-button-2.w--open {
    background-color: #c8c8c800;
  }

  .icon-19 {
    color: #fff;
  }

  .div-block-235.coldzero,
  .div-block-237.coldog {
    display: block;
  }

  .section-51 {
    padding: 0;
  }

  .code-embed-4 {
    display: none;
  }

  .text-block-68 {
    font-family: Manrope, sans-serif;
  }

  .div-block-247 {
    grid-row-gap: 0ch;
  }

  .div-block-249 {
    max-width: 10rem;
    position: relative;
  }

  .card.card-1 {
    box-shadow: none;
    position: relative;
  }

  .card.card-3 {
    position: relative;
    transform: none;
  }

  .card.card-2 {
    box-shadow: none;
    position: relative;
    transform: none;
  }
}

@media screen and (max-width: 767px) {
  h3 {
    font-size: 22px;
    line-height: 28px;
  }

  h4 {
    font-size: 20px;
    line-height: 28px;
  }

  .section_home_product {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section_home_product.video-section {
    padding-bottom: 72px;
  }

  .button-style-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .nav-link {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .no-margin {
    margin: 0;
  }

  .no-margin-bottom {
    margin-bottom: 0;
  }

  .no-padding-vertical {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer {
    padding-top: 32px;
  }

  .no-padding-top {
    padding-top: 0;
  }

  .no-padding-bottom {
    padding-bottom: 0;
  }

  .footer-brand {
    padding-left: 8px;
    padding-right: 8px;
  }

  .instagram {
    width: 100%;
  }

  .products {
    padding-left: 0;
    padding-right: 0;
  }

  .product-card-wrapper {
    padding: 8px;
  }

  .product-card-image-wrapper {
    height: 224px;
    padding: 24px;
  }

  .link.arrow-link {
    margin-top: 0;
  }

  .subscribe {
    width: 83.33%;
  }

  .subscribe-form-wrapper {
    margin-top: 16px;
  }

  .input.no-margin-bottom {
    margin-bottom: 0;
  }

  .nav-top-social {
    padding-left: 0;
    padding-right: 0;
  }

  .breadcrumbs {
    border-width: 1px;
    height: 32px;
    margin-top: 16px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10px;
  }

  .product {
    padding: 32px 32px 48px;
  }

  .product-image-wrapper {
    width: 100%;
  }

  .contacts {
    padding: 40px;
  }

  .shop-categories-wrapper {
    justify-content: center;
    width: 100%;
  }

  .licence-items {
    width: 100%;
  }

  .product-table {
    width: 66.66%;
  }

  .order-block {
    padding-left: 40px;
    padding-right: 40px;
  }

  .select-wrapper.no-margin-bottom {
    margin-bottom: 0;
  }

  .shipping-method-item {
    padding-left: 24px;
    padding-right: 24px;
  }

  .shipping-method-radio-button {
    margin-right: 2px;
  }

  .form-columns {
    flex-flow: column wrap;
  }

  .order-block-side-header,
  .order-block-side-content {
    padding-left: 40px;
    padding-right: 40px;
  }

  .pay-buttons {
    padding-left: 11px;
    padding-right: 11px;
  }

  .team-slider {
    padding: 60px 15px;
  }

  .heading-3 {
    margin-left: -11px;
  }

  .lynx-grid-process {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .product-head.heavy-head {
    height: 30vh;
    min-height: 300px;
  }

  .product-head.heavy-head.solar {
    background-position: 50% 65%;
  }

  .product-head.heavy-head.solar.real_product_head {
    background-position: 50% 100%;
    background-size: 100%;
    min-height: 300px;
  }

  .avatarkit-feature-card-transparent {
    padding-bottom: 32px;
  }

  .avatarkit-services-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .spark-wrapped-card {
    width: 100%;
  }

  .uui-team09_item {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: center;
    margin: 10px 10px 0;
    display: flex;
  }

  .team-member-name {
    text-align: center;
  }

  .team-member-image {
    margin-bottom: 0;
  }

  .uui-team09_list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .comparison-table {
    padding: 0 0 0 10px;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-text-size-medium {
    font-size: 24px;
  }

  .slide-image {
    min-height: 400px;
  }

  .speaker-slide-mask {
    width: 90%;
  }

  .lynx-block-left {
    padding-left: 5%;
    padding-right: 5%;
  }

  .lynx-grid-image-right {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .grid-single_wrapper {
    min-height: 50vh;
    padding: 10vw;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-size-large {
    font-size: 1.5rem;
  }

  .grid-half_wrapper {
    flex-flow: column wrap;
  }

  .grid-half_wrapper.is-reversed {
    flex-direction: column-reverse;
  }

  .grid-half_item {
    width: 100%;
    padding: 10vw;
  }

  .grid-half_item.grey_bg {
    padding: 0;
  }

  .grid-half_item.grey_bg.about-second {
    order: -1;
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lynx-block-features-large {
    min-height: 80px;
    padding: 40px;
  }

  .lynx-grid-2-columns {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .hero-heading-left {
    padding: 60px 15px;
  }

  .waves---mg-top-16 {
    margin-top: 0;
  }

  .waves---main-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---heading-2-no-margins {
    font-size: 44px;
    line-height: 125%;
  }

  .waves---grid-cta-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .waves-master-cta-3 {
    padding: 10px;
  }

  .waves---section-medium {
    padding: 0;
  }

  .waves-grid-hero-2 {
    grid-row-gap: 40px;
  }

  .waves---main-container-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---section-medium-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves-middle-image-hero-6 {
    display: none;
  }

  .waves---main-container-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves-title-wrap-hero-6 {
    text-align: center;
    align-items: center;
  }

  .waves---main-container-4 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves-section-hero-6 {
    padding-top: 160px;
  }

  .grid-wrapper-2 {
    grid-template-columns: 1fr 1fr;
  }

  .waves---main-container-5 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-6 {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .lottie-animation-5 {
    order: 1;
  }

  .table-text {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 16px;
    display: flex;
  }

  .p-text {
    padding: 0 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .logos-without-title {
    padding: 60px 15px;
  }

  .clients-image-three {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .battery_introduction {
    padding: 60px 15px;
  }

  .wbs-section {
    padding: 2rem 2%;
  }

  .wbs-step-3-item-top,
  .wbs-step-3-item {
    width: 300px;
  }

  .wbs-step-3 {
    grid-template-columns: 1fr;
  }

  .wbs-section-2 {
    padding: 2rem 2%;
  }

  .article_img {
    object-fit: cover;
  }

  .collection-item {
    min-width: 30%;
    max-width: 40%;
  }

  .text-block-19 {
    font-size: 24px;
    line-height: 36px;
  }

  .bold-text-35 {
    font-weight: 400;
  }

  .wbs-section-3 {
    padding: 2rem 2%;
  }

  .wbs-team-border-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .news-title {
    padding-top: 124px;
  }

  .section-14,
  .big_container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-5.is-navbar2-button {
    padding: .25rem 1rem;
  }

  .features-slider_sticky {
    height: auto;
    position: relative;
  }

  .heading-style-h1 {
    font-size: 3.5rem;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .grid-half_list {
    width: 100%;
  }

  .button-group.is-right.bg_button {
    margin-bottom: 20px;
    padding-right: 20px;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .footer_address-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    align-items: center;
    margin-top: 3rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .grid-third_item {
    padding: 10vw;
  }

  .heading-2 {
    font-size: 2rem;
    line-height: 4rem;
  }

  .text-size-medium,
  .list-features_title {
    font-size: 1.5rem;
  }

  .grid-single_wrapper-2 {
    min-height: 50vh;
    padding: 10vw;
  }

  .main-wrapper.is-spaced {
    margin-top: 4rem;
  }

  .heading-style-h4 {
    font-size: 1rem;
  }

  .features_slider-content-item {
    height: auto;
    margin-bottom: 2.5rem;
  }

  .grid-third_wrapper {
    flex-flow: column wrap;
  }

  .grid-half_item-2 {
    width: 100%;
    padding: 10vw;
  }

  .grid-half_item-2.is-align-top {
    justify-content: center;
  }

  .padding-global {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .grid-half_stat-detail {
    font-size: 1.125rem;
  }

  .footer_component {
    grid-row-gap: 3rem;
    flex-direction: column;
    align-items: center;
  }

  .product_image-wrapper {
    margin-bottom: 3.5rem;
  }

  .features-slider_content-list {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section_divider.is-vertical {
    width: auto;
    height: 1px;
  }

  .list-features_item {
    margin-bottom: 4rem;
  }

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .grid-half_lottie {
    max-width: 360px;
  }

  .navbar2_component {
    min-height: 4rem;
  }

  .features-slider_component {
    grid-template-columns: 1fr;
    margin-bottom: 4rem;
  }

  .footer_logo-wrapper {
    text-align: center;
  }

  .grid-single_wrapper-3 {
    min-height: 50vh;
    padding: 10vw;
  }

  .grid-offset_wrapper {
    flex-flow: column wrap;
  }

  .grid-half_item-3 {
    width: 100%;
    padding: 10vw;
  }

  .padding-global-2 {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .grid-offset_item {
    width: 100%;
    min-height: auto;
    padding: 10vw;
  }

  .grid-offset_item.is-image {
    width: 100%;
    padding: 0 5vw;
  }

  .grid-offset_item.is-align-top,
  .grid-offset_item.is-product {
    justify-content: center;
  }

  .text-size-huge {
    font-size: 2.5rem;
  }

  .padding-section-large-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .discord_component {
    margin-left: 0;
    margin-right: 0;
    left: 5%;
    right: 5%;
  }

  .padding-global-3 {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .discord_avatar {
    width: 56px;
    height: 56px;
  }

  .padding-section-large-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .discord_wrapper {
    font-size: 14px;
  }

  .product_component {
    padding-bottom: 1.5rem;
  }

  .cta_item-title {
    text-align: center;
    font-size: 2rem;
  }

  .cta_item {
    grid-column-gap: .75rem;
    flex-wrap: wrap;
  }

  .grid-single_wrapper-4 {
    min-height: 50vh;
    padding: 10vw;
  }

  .product_list {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .padding-global-4 {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .product_gallery {
    grid-template-columns: 1fr;
  }

  .padding-section-large-5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .product_layout {
    grid-column-gap: 5rem;
    grid-row-gap: 2rem;
  }

  .grid-single_wrapper-5 {
    min-height: 50vh;
    padding: 10vw;
  }

  .padding-global-5 {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .grid-single_wrapper-6 {
    min-height: 50vh;
    padding: 10vw;
  }

  .rich-text-block {
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-36.summary {
    margin-bottom: 0;
  }

  .paragraph-36.summary.phone_card2 {
    height: 120px;
    margin-bottom: 0;
  }

  .paragraph-36.summary.phone_card1 {
    height: 150px;
    margin-bottom: 0;
  }

  .cell-10 {
    justify-content: center;
    align-items: center;
  }

  .div-block-54.safety_bg1 {
    background-position: 50%;
  }

  .grid-single_wrapper-7 {
    min-height: 50vh;
    padding: 10vw;
  }

  .hero-heading-right {
    padding: 60px 15px;
  }

  .lynx-heading-white-small {
    font-size: 34px;
  }

  .lynx-block-hero {
    width: 100%;
  }

  .logos-without-title-2 {
    padding: 60px 15px;
  }

  .clients-wrapper-three {
    margin-bottom: -30px;
  }

  .clients-image-three-2 {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .lynx-heading {
    max-width: 540px;
    font-size: 34px;
  }

  .lynx-block-right {
    padding-left: 5%;
    padding-right: 5%;
  }

  .lynx-block-absolute {
    bottom: -2%;
    left: -2%;
  }

  .lynx-grid-image-left {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .lynx-heading-2 {
    max-width: 540px;
    font-size: 34px;
  }

  .lynx-heading-white {
    font-size: 40px;
  }

  .lynx-block-hero-large {
    width: 80%;
    margin-bottom: -30px;
  }

  .lynx-hero-large {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .hero-stack,
  .hero-heading-right-2 {
    padding: 60px 15px;
  }

  .lynx-grid-footer {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 20px;
  }

  .lynx-grid-footer-2 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .lynx-grid-features {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .lynx-heading-3 {
    max-width: 540px;
    font-size: 34px;
  }

  .lynx-block-right-2 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .lynx-block-absolute-2 {
    bottom: -2%;
    left: -2%;
  }

  .lynx-grid-image-left-2 {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-half_item-4 {
    width: 100%;
    padding: 10vw;
  }

  .grid-half_stat-detail-2 {
    font-size: 1.125rem;
  }

  .section_divider-2.is-vertical {
    width: auto;
    height: 1px;
  }

  .grid-half_item-5 {
    width: 100%;
    padding: 10vw;
  }

  .text-size-huge-2 {
    font-size: 2.5rem;
  }

  .button-8.is-navbar2-button {
    padding: .25rem 1rem;
  }

  .padding-global-6 {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .padding-section-large-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .navbar2_component-2 {
    min-height: 4rem;
  }

  .footer_logo-wrapper-2 {
    text-align: center;
  }

  .grid-half_item-6 {
    width: 100%;
    padding: 10vw;
  }

  .hero-section-container {
    padding-top: 176px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .hero-section-container.ce-container-style.microgrid,
  .hero-section-container.wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .button_primary {
    max-width: 278px;
    display: flex;
  }

  .button_primary:hover {
    background-color: #65885a;
  }

  .button_primary.subscribe {
    padding: 8px 12px;
  }

  .button_secondary {
    white-space: nowrap;
    max-width: none;
  }

  .button_secondary:hover {
    background-color: var(--teal-900);
  }

  .navbar {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-dark.wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }

  .footer-content {
    flex-flow: wrap;
    grid-template-columns: 1fr;
    justify-content: center;
    margin-top: 40px;
  }

  .footer-block {
    align-items: flex-start;
  }

  .container-28 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .paragraph-54 {
    white-space: normal;
    width: auto;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .nav-menu-3 {
    background-color: var(--teal-800);
    border-radius: 12px;
    align-items: center;
    width: 50%;
    max-width: 50%;
  }

  .div-block-78 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 100%;
    max-width: 100%;
  }

  .image-27,
  .image-28 {
    width: 32px;
    height: 32px;
  }

  .home-hero-text {
    font-size: 1.5em;
    line-height: 1.25em;
    display: none;
  }

  .home-hero-text.mobile {
    white-space: normal;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    display: block;
  }

  .image-29,
  .image-30 {
    width: 32px;
    height: 32px;
  }

  .section-34 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading_primary.metrics-sectioin {
    max-width: none;
  }

  .paragraph-3.element-p-primary {
    width: auto;
  }

  .div-block-82,
  .div-block-82.card-3 {
    width: 100%;
  }

  .div-block-82.card-1 {
    border-top-left-radius: 0;
    width: 100%;
  }

  .div-block-7 {
    width: 100%;
    height: 500px;
  }

  .div-block-7.card-3,
  .div-block-7.card-2 {
    border-bottom-right-radius: 0;
    width: 100%;
    height: 500px;
  }

  .container-32.card-1,
  .container-32.card-3,
  .container-32.card-2 {
    flex-flow: column-reverse;
  }

  .container-33 {
    flex-flow: column;
  }

  .div-block-83 {
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .container-10 {
    padding: 0;
  }

  .image-31.card-2 {
    margin-top: auto;
    margin-bottom: auto;
    inset: 0;
    scale: .7;
  }

  .image-31.card-3 {
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    scale: .7;
  }

  .image-31.card-1 {
    top: 15%;
    bottom: 0;
    scale: .7;
  }

  .image-31.card-4 {
    right: 0;
    scale: .7;
  }

  .div-block-85 {
    flex-flow: wrap-reverse;
  }

  .section-title-card {
    padding-left: 0;
    padding-right: 0;
  }

  .mission-vision {
    padding: 40px 0;
  }

  .success-metrics.microgrid {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .microgrid-systems {
    padding: 40px 0;
  }

  .section-38 {
    flex-flow: wrap;
  }

  .blog-section-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .body-7 {
    max-width: none;
  }

  .div-block-106 {
    max-width: none;
    position: relative;
  }

  .hero-wrapper-4 {
    flex-flow: column-reverse;
  }

  .dropdown-9 {
    width: 100%;
  }

  .container-35 {
    flex-flow: row-reverse;
  }

  .nav-bar-link.request-demo {
    display: block;
  }

  .div-block-107 {
    justify-content: space-between;
  }

  .div-block-108 {
    width: auto;
    max-width: none;
  }

  .features-container {
    padding-left: 0;
    padding-right: 0;
  }

  .get-to-know-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .features-wrapper {
    padding-left: 0;
  }

  .get-to-know-container {
    padding-left: 0;
    padding-right: 0;
  }

  .know-how-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .paragraph-65.element-p-primary {
    text-align: left;
    width: auto;
    margin-bottom: 0;
  }

  .div-block-115 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .div-block-116 {
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-66 {
    width: auto;
    margin-bottom: 0;
  }

  .cta-section {
    padding: 0;
  }

  .div-block-119 {
    max-height: none;
  }

  .cta-heading {
    font-size: 38px;
    line-height: 44px;
  }

  .paragraph-18 {
    text-decoration: none;
  }

  .cta-container {
    grid-row-gap: 32px;
    padding-top: 60px;
  }

  .cta-description {
    font-size: 24px;
    line-height: 30px;
  }

  .coldsub-product-heading.card-1 {
    font-size: 170px;
    line-height: 5rem;
  }

  .coldsub-product-heading.card-2 {
    font-size: 140px;
    line-height: 3.5rem;
    top: 0;
  }

  .coldsub-product-heading.card-3 {
    width: auto;
    font-size: 170px;
    line-height: 4rem;
  }

  .paragraph-secondary {
    width: auto;
  }

  .banner-title-3 {
    font-size: 38px;
    line-height: 44px;
  }

  .section-41.top-blog-section {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-carosel.bottom-blog-section {
    align-items: center;
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-126 {
    max-width: 384px;
    height: 100%;
    max-height: 420px;
  }

  .div-block-127 {
    width: 384px;
    min-width: 384px;
    max-width: 384px;
    max-height: 414.67px;
    position: relative;
  }

  .ce-heading-large {
    flex-flow: row;
    max-width: none;
    display: flex;
  }

  .specifications {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .body-9 {
    max-width: 100%;
  }

  .quick-stack-4.coldog {
    overflow-x: scroll;
  }

  .section-45 {
    max-width: 100%;
  }

  .div-block-139 {
    flex-flow: column;
    padding: 0;
  }

  .usecase-system-integration {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    align-items: flex-start;
  }

  .system-intergtration-wrapper {
    width: auto;
  }

  .use-integration--cards {
    flex-flow: column;
    align-items: flex-start;
  }

  .paragraph-73 {
    width: auto;
  }

  .div-block-143 {
    width: 100%;
    padding: 0;
  }

  .how-it-works {
    width: 100%;
    padding: 48px 32px;
  }

  .div-block-145.coldog {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .div-block-146 {
    flex-flow: wrap;
    padding-left: 0;
    padding-right: 0;
  }

  .work-card {
    width: 100%;
  }

  .faq {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .faq-wrapper {
    flex-flow: wrap;
  }

  .faq-container {
    width: auto;
    max-width: none;
  }

  .discover-products {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-153 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
  }

  .collection-item-2 {
    flex: 0 auto;
    order: -1;
    width: 100%;
    min-width: 384px;
    max-width: 384px;
    max-height: 414.67px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .image-45 {
    aspect-ratio: auto;
    width: 100%;
  }

  .products-section {
    padding-left: 32px;
    padding-right: 32px;
  }

  .body-10 {
    min-width: 0%;
  }

  .commercial-buildings {
    padding: 48px 0;
  }

  .commercial-buildings.wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }

  .div-block-157 {
    padding: 0;
  }

  .div-block-158 {
    margin: 0;
    padding: 0;
  }

  .applications {
    padding: 48px 0 0;
  }

  .div-block-164 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .how-we-help,
  .solutions {
    width: fit-content;
  }

  .svg-36 {
    min-width: 24px;
    min-height: 24px;
  }

  .div-block-168 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .image-47 {
    border-radius: 24px;
    width: 100%;
    height: auto;
    position: relative;
  }

  .div-block-169 {
    max-width: none;
  }

  .industrial-factories {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .cta {
    padding: 48px 0;
  }

  .svg-38 {
    min-width: 20px;
    min-height: 20px;
  }

  .div-block-173 {
    flex-flow: column;
  }

  .svg-40 {
    min-width: 20px;
    min-height: 20px;
  }

  .div-block-174 {
    max-width: 278px;
  }

  .paragraph-81 {
    white-space: nowrap;
  }

  .div-block-177 {
    padding-left: 0;
    padding-right: 0;
  }

  .misson,
  .timeline-section {
    padding: 48px 0;
  }

  .timeline-wrapper.animate-gradient {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    display: flex;
  }

  .timeline-wrapper.animate-gradient.mobile {
    display: flex;
  }

  .timeline-wrapper.animate-gradient.desktop-tablet {
    display: none;
  }

  .timeline-event._2019 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    opacity: 3;
    text-align: left;
    align-items: flex-end;
    max-width: none;
    position: relative;
    inset: auto;
    scale: 1;
  }

  .timeline-event._2018 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    opacity: 1;
    max-width: none;
    position: relative;
    top: 0;
    left: 0;
    scale: 1;
  }

  .timeline-event._2020 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    opacity: 100;
    align-items: flex-start;
    max-width: none;
    position: relative;
    inset: auto;
    scale: 1;
  }

  .timeline-event._2022 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    opacity: 1;
    align-items: flex-end;
    max-width: none;
    position: relative;
    inset: auto;
    scale: 1;
  }

  .timeline-event._2024 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    opacity: 1;
    align-items: flex-start;
    max-width: none;
    position: relative;
    inset: auto;
    scale: 1;
  }

  .timeline-event._2025 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    opacity: 100;
    align-items: flex-end;
    position: relative;
    inset: auto;
    scale: 1;
  }

  .code-embed {
    min-height: 0;
    display: block;
    position: absolute;
    scale: 1;
  }

  .code-embed.mobile,
  .code-embed.desktop-tablet {
    display: none;
  }

  .form-input-primary {
    max-width: none;
  }

  .div-block-191 {
    flex-flow: wrap;
    justify-content: center;
  }

  .contact-info-card {
    width: 100%;
  }

  .collection-wrapper {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .carousel-track {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: flex-start;
    place-items: center start;
    width: 100%;
    display: flex;
  }

  .cold-og2-hero {
    padding-bottom: 96px;
  }

  .section-primary {
    padding-top: 48px;
  }

  .div-block-213 {
    flex-flow: wrap-reverse;
  }

  .view-all-tab.w--current {
    white-space: nowrap;
    text-decoration: none;
  }

  .collection-list-2 {
    justify-content: center;
  }

  .dropdown-list-2.industries-we-power.w--open {
    border-style: none;
    width: auto;
    position: relative;
  }

  .dropdown-list-2.products.w--open {
    border-style: none;
    position: relative;
  }

  .dropdown-list-2.nav-soultions {
    position: relative;
  }

  .dropdown-nav-item.product-nav-item {
    width: 100%;
    display: flex;
    justify-content: stretch;
  }

  .dropdown-items-section {
    min-width: auto;
  }

  .collection-list-wrapper-2 {
    display: none;
  }

  .collection-list-wrapper-3 {
    border-right-style: none;
  }

  .body-15 {
    padding-top: 0;
  }

  .section-content {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column-reverse;
  }

  .post-content-template {
    flex-flow: column-reverse;
  }

  .read-more-section.section-primary {
    padding-top: 48px;
  }

  .industries-dropdown-items {
    border-right-style: none;
  }

  .industries-hero-wrapper {
    display: none;
  }

  .dropdown-14 {
    width: 100%;
  }

  .solutions-hero-wrapper {
    display: none;
  }

  .dropdown-list-3.w--open {
    position: relative;
  }

  .tabs-menu {
    flex-flow: wrap;
    justify-content: center;
    display: flex;
  }

  .dropdown-15,
  .dropdown-16 {
    width: 100%;
  }

  .menu-button-2.w--open {
    background-color: #c8c8c800;
  }

  .collection-list-4 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
  }

  .image-55 {
    position: relative;
  }

  .div-block-237 {
    flex-flow: wrap;
    display: flex;
  }

  .section-51 {
    padding-left: 0;
    padding-right: 0;
  }

  .specifications-content {
    flex-flow: column;
  }

  .code-embed-2 {
    max-width: 100%;
  }

  .video {
    border-radius: 24px;
  }

  .code-embed-4 {
    display: block;
  }

  .div-block-249 {
    right: auto;
  }

  .card.card-1 {
    box-shadow: none;
    position: relative;
  }

  .card.card-3 {
    position: relative;
    transform: none;
  }

  .card.card-2 {
    box-shadow: none;
    position: relative;
    transform: none;
  }
}

@media screen and (max-width: 479px) {
  .section_home_product.color.no-padding-vertical {
    padding: 0;
  }

  .section_home_product.video-section.home-about.home_usebg {
    background-image: linear-gradient(#fff9, #fff9), url('../images/家用儲能底圖.png');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    height: auto;
  }

  .section_home_product.no-padding-top.large-section {
    padding-bottom: 0;
  }

  .wrapper.nav-bar-wrapper {
    padding-top: 0;
  }

  .button {
    text-shadow: 0 1px 1px var(--dark);
    justify-content: center;
    align-items: center;
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .button.button_hide {
    height: auto;
    display: block;
  }

  .button-style-wrapper {
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .nav-bar.hide {
    color: var(--dark);
    text-decoration: none;
  }

  .nav-link {
    border-bottom-width: 0;
  }

  .utility-page-content {
    width: 100%;
    padding: 32px;
  }

  .text-grey {
    text-align: center;
    padding: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
  }

  .no-margin {
    margin: 0;
  }

  .no-margin-bottom {
    margin-bottom: 0;
  }

  .intro.wide.no-margin {
    display: none;
  }

  .no-padding-vertical {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer {
    padding: 0;
  }

  .nav-menu {
    background-color: var(--grey-1);
  }

  .no-padding-top {
    padding-top: 0;
  }

  .no-padding-bottom {
    padding-bottom: 0;
  }

  .footer-left {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0;
  }

  .footer-bottom-right {
    justify-content: space-between;
    width: 100%;
    padding: 0 10px;
    display: flex;
  }

  .footer-bottom-divider {
    display: none;
  }

  .instagram-link {
    margin: 4px;
  }

  .product-card-wrapper {
    width: 100%;
  }

  .product-card-image-wrapper {
    height: 76vw;
  }

  .subscribe {
    width: 100%;
    padding: 40px 32px;
  }

  .input.no-margin-bottom {
    margin-bottom: 0;
  }

  .product {
    padding: 16px 16px 40px;
  }

  .product-image-wrapper {
    padding: 8px;
  }

  .product-info {
    margin-top: 40px;
  }

  .contacts {
    padding: 24px;
  }

  .contact-info {
    margin-bottom: 16px;
  }

  .shop-categories-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .shop-category-link {
    margin-bottom: 8px;
  }

  .shop-categories {
    flex-direction: column;
    justify-content: center;
  }

  .side-block {
    padding-left: 0%;
    padding-right: 0%;
  }

  .side-block.no-padding-left {
    padding-left: 0;
    padding-right: 0;
  }

  .licence-item {
    flex-direction: column;
    padding-top: 48px;
  }

  .licence-item-info {
    text-align: center;
    margin-top: 8px;
    padding-left: 0;
  }

  .product-table {
    width: 100%;
  }

  .order-block {
    padding: 0 32px;
  }

  .select-wrapper.no-margin-bottom {
    margin-bottom: 0;
  }

  .shipping-method-item {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .shipping-method-radio-button {
    margin-top: 0;
    margin-bottom: 13px;
    margin-right: 0;
  }

  .order-block-side-header,
  .order-block-side-content {
    padding-left: 32px;
    padding-right: 32px;
  }

  .pay-buttons {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .payment-method {
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
  }

  .container-2 {
    max-width: none;
  }

  .team-slide-wrapper {
    width: 100%;
    margin-right: 0%;
  }

  .heading-3 {
    font-size: 12px;
  }

  .heading-3.phone {
    display: none;
  }

  .background-video {
    height: 350px;
  }

  .lynx-process.product_good {
    margin-bottom: 0;
    padding: 20px 20px 0;
  }

  .lynx-grid-process {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: start;
  }

  .product-head {
    height: 350px;
    min-height: 50px;
  }

  .product-head.heavy-head {
    height: 30vh;
    min-height: 20px;
  }

  .product-head.heavy-head.solar {
    background-position: 100%;
  }

  .product-head.heavy-head.solar.real_product_head {
    background-position: 50% 100%;
    background-size: cover;
    height: 20vh;
    min-height: 200px;
  }

  .avatarkit-feature-card-transparent {
    background-color: var(--white);
    padding: 20px;
  }

  .avatarkit-container-component {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-3 {
    background-color: #0000;
    padding: 20px;
    font-size: 24px;
  }

  .uui-team09_item {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    place-content: center;
    margin: 0;
  }

  .team-member-name {
    text-align: center;
    margin-bottom: 0;
  }

  .team-member-image {
    margin-bottom: 0;
  }

  .comparison-table {
    margin-top: 0;
    padding: 0;
  }

  .uui-padding-vertical-xhuge {
    padding: 0 2rem 2rem;
  }

  .uui-text-size-medium {
    padding: 0 5px;
    font-size: 24px;
    line-height: 24px;
  }

  .comparison-row {
    grid-column-gap: 20px;
    padding: 0;
  }

  .paragraph-4 {
    margin-bottom: 0;
  }

  .slide-image {
    height: 40vh;
    min-height: 300px;
  }

  .speaker-slide-content {
    padding-bottom: 6px;
  }

  .clip-text.speaker-headding {
    margin-top: -30px;
  }

  .speaker-arrow {
    top: auto;
    bottom: 0;
    right: 5vw;
  }

  .speaker-arrow.left {
    margin-right: 250px;
    left: auto;
    right: 0;
  }

  .background-video-3 {
    width: 100%;
    height: 350px;
  }

  .grid-single_wrapper {
    min-height: 30vh;
    padding-bottom: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-size-large.text-weight-semibold.light-text {
    text-align: center;
  }

  .grid-half_wrapper.is-reversed {
    margin-top: -40px;
  }

  .grid-half_wrapper.is-reversed.json {
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

  .grid-half_item.is-full {
    order: -1;
    margin-top: 220px;
    display: flex;
  }

  .grid-half_item.is-full.gird-order {
    order: -1;
    min-height: 20vh;
  }

  .grid-half_item.is-full.last {
    margin-top: 0;
  }

  .grid-half_item.grey_bg {
    background-color: var(--white);
    order: -1;
    margin-top: 0;
    display: flex;
  }

  .grid-half_component {
    flex-direction: column;
    display: flex;
  }

  .padding-section-large {
    margin-top: 0;
    padding: 1rem;
  }

  .bold-text-8 {
    font-size: 1rem;
  }

  .lottie-animation {
    margin-top: 30px;
  }

  .lynx-content-4 {
    margin-top: 40px;
  }

  .lynx-block-features-large {
    background-color: var(--公司深綠);
    min-height: 80px;
    padding: 20px;
  }

  .lynx-grid-2-columns {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 0;
  }

  .hero-heading-left {
    padding: 20px;
  }

  .container-8 {
    max-width: none;
  }

  .waves---mg-top-16 {
    margin-top: 0;
  }

  .waves---main-container {
    padding: 0;
  }

  .waves---paragraph-big {
    color: var(--white);
    text-align: left;
    text-shadow: 0 1px 1px var(--dark), 0 1px 1px #0003;
    padding: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .waves---heading-2-no-margins {
    text-shadow: 0 1px 1px var(--dark);
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
  }

  .waves---content-image-halves {
    align-items: stretch;
    margin-bottom: 10px;
  }

  .waves---grid-cta-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .waves-master-cta-3 {
    background-color: var(--公司藍);
    padding: 0;
  }

  .waves---section-medium {
    width: 90%;
    margin: auto;
    padding: 0;
  }

  .waves-gradient-hero-6 {
    top: -1px;
  }

  .waves-gradient-hero-6.bottom {
    bottom: -1px;
  }

  .waves-column-hero-2 {
    width: 48%;
  }

  .waves-column-hero-2.column-two,
  .waves-column-hero-2.column-one {
    flex: none;
  }

  .waves-gallery-hero-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .waves-content-hero-2 {
    padding: 0;
  }

  .waves---section-hero-primary-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves---heading-3-no-margins {
    font-size: 22px;
  }

  .waves---grid-features-5 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .waves---section-medium-2 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .grey_bg {
    padding-top: 0;
  }

  .waves---section-hero-primary-3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .bold-text-10 {
    color: var(--dark);
    font-weight: 500;
  }

  .waves-section-hero-6 {
    background-image: url('../images/coworker2.jpg');
    padding-bottom: 48px;
  }

  .feature-grid-block {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-wrapper-2 {
    grid-template-columns: 1fr;
  }

  .lottie-animation-3 {
    margin-top: 0;
  }

  .paragraph-6 {
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .navbar2_logo:hover {
    color: var(--dark);
  }

  .p_text_middle {
    text-align: left;
    margin-left: 0;
    padding: 10px;
  }

  .main_title_text {
    font-size: 16px;
    line-height: 16px;
  }

  .table-text {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 16px;
    display: flex;
  }

  .bold-text-14 {
    text-align: center;
  }

  .copyright {
    background-color: var(--grey-1);
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .text-block-5 {
    color: var(--grey-1);
    text-align: center;
    font-size: 12px;
    display: flex;
  }

  .p-text {
    padding: 10px;
    font-family: Noto Sans TC, sans-serif;
    font-weight: 400;
  }

  .container {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    max-width: none;
  }

  .container.safelogo {
    grid-template-rows: auto auto;
  }

  .clients-image-three {
    margin: auto;
  }

  .product_container {
    max-width: none;
  }

  .battery_introduction {
    padding-top: 10px;
  }

  .battery_introduction.household {
    padding-top: 0;
  }

  .features-left {
    margin-top: 20px;
  }

  .features-right {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: -30px;
  }

  .features-block-two {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }

  .features-image {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .d-link {
    background-color: var(--white);
    text-align: left;
    padding-left: 50px;
    font-size: 14px;
    font-weight: 700;
  }

  .dropdown {
    display: block;
  }

  .div-block-13 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .product_h3 {
    text-align: center;
    font-family: Noto Sans TC, sans-serif;
    font-size: 16px;
    font-weight: 700;
  }

  .wbs-step-3-item-top,
  .wbs-step-3-item {
    width: 100%;
  }

  .wbs-step-3 {
    grid-row-gap: 30px;
    width: 100%;
  }

  .article_slug {
    height: 75px;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
  }

  .article_title {
    line-height: 18px;
  }

  .article_img {
    margin-bottom: 10px;
  }

  .div-block-17 {
    margin-bottom: 20px;
  }

  .collection-item {
    min-width: 100%;
  }

  .product_h_title {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
  }

  .paragraph-8 {
    text-align: left;
    padding: 10px;
  }

  .product_type {
    margin-bottom: 0;
    padding: 10px;
  }

  .bold-text-17 {
    font-size: 24px;
  }

  .heading-16 {
    margin-bottom: 0;
  }

  .heading-18 {
    padding: 10px;
  }

  .bold-text-34 {
    color: var(--dark);
  }

  .text-block-19 {
    font-size: 14px;
    line-height: 24px;
  }

  .paragraph-9,
  .heading-23 {
    margin-bottom: 0;
  }

  .wbs-team-image {
    height: 200px;
  }

  .wbs-team-border-grid {
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .heading-25,
  .heading-26 {
    margin-bottom: 0;
  }

  .div-block-20 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading-27 {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .paragraph-10 {
    text-align: left;
    padding: 20px;
  }

  .div-block-22 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .div-block-23 {
    width: 100%;
  }

  .div-block-24 {
    order: -1;
    width: 100%;
  }

  .div-block-25 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .news-title {
    max-width: 100%;
    padding-top: 124px;
    overflow: hidden scroll;
  }

  .div-block-29 {
    background-image: url('../images/箭頭換方向.png');
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: contain;
    background-attachment: scroll;
  }

  .div-block-29.num4d {
    display: none;
  }

  .div-block-30 {
    flex-direction: column;
    height: 500px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-31.num4div {
    height: auto;
  }

  .paragraph-14 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-32 {
    flex-direction: column;
  }

  .div-block-33 {
    width: 90%;
  }

  .div-block-34 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .div-block-35,
  .div-block-36 {
    width: 90%;
  }

  .container-20,
  .section-13,
  .section-14 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-11 {
    order: -1;
  }

  .html-embed {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .heading-39 {
    text-align: center;
  }

  .heading-39.supply {
    background-color: var(--color-3);
  }

  .big_container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .cell-7 {
    justify-content: center;
    align-items: center;
    padding: 0;
  }

  .list-features_wrapper {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .button-5.is-navbar2-button {
    display: none;
  }

  .button-5.is-navbar2-button.is-mobile {
    border-width: 2px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-top: 1rem;
    padding-bottom: 1.25rem;
    font-size: 1.25rem;
    display: block;
  }

  .button-5.is-discord {
    width: 100%;
    display: none;
  }

  .heading-style-h1 {
    font-size: 3rem;
  }

  .button-group.is-right.bg_button {
    margin-bottom: 10px;
    padding-right: 10px;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar2_menu.is-page-height-tablet {
    padding-top: 6rem;
  }

  .grid-third_item {
    min-height: 75vh;
  }

  .heading-2 {
    font-size: 2rem;
    line-height: 3rem;
  }

  .text-size-medium {
    font-size: 1.25rem;
  }

  .navbar2_link {
    font-size: 1.5rem;
  }

  .home-hero_component {
    min-height: 60vh;
    margin-top: 60px;
  }

  .footer_component {
    grid-row-gap: 4rem;
  }

  .cta_wrapper.wrap-padding {
    justify-content: center;
    align-items: center;
  }

  .list-features_item {
    margin-bottom: 3rem;
  }

  .footer_links-list {
    grid-row-gap: 2rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .heading-style-h2 {
    font-size: 3.5rem;
  }

  .footer_logo-wrapper {
    flex-direction: column;
    display: flex;
  }

  .header38_form {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .padding-global-2 {
    margin-bottom: 20px;
  }

  .text-size-huge {
    font-size: 2rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .discord_details {
    flex-wrap: wrap;
    padding-top: .71em;
  }

  .discord_avatar {
    border-radius: 7px;
  }

  .discord_detail {
    padding-left: 1.19em;
    padding-right: 0;
  }

  .discord_wrapper {
    text-align: left;
    border-width: 2px;
    border-radius: 1.11em;
    width: 100%;
    padding: 1em 1.17em 1.61em;
  }

  .lottie-animation-9 {
    margin-bottom: 20px;
  }

  .background-video-4 {
    width: 100vw;
    min-height: 30vh;
  }

  .product_description {
    margin-bottom: 0;
  }

  .product_icons-wrapper {
    text-align: left;
    align-items: stretch;
    width: 25%;
    max-width: none;
  }

  .cta_item-title {
    font-size: 1.5rem;
  }

  .cta_item {
    grid-column-gap: .5rem;
  }

  .product_lightbox-indicator {
    bottom: 1.5rem;
  }

  .product-header4_tabs-menu {
    align-items: flex-start;
  }

  .product-header4_specs-item {
    flex-direction: column;
  }

  .product_layout {
    grid-template-columns: 1fr;
  }

  .dropdown-2 {
    display: none;
  }

  .dropdown-link.text-block-32.phone-bg {
    background-color: var(--dark);
  }

  .heading-49 {
    margin-bottom: 60px;
    font-size: 2rem;
  }

  .cn-bg {
    background-color: var(--dark);
  }

  .paragraph-36.summary {
    height: 220px;
    margin-bottom: 0;
  }

  .paragraph-36.summary.phone_card2 {
    height: 130px;
    margin-bottom: 0;
  }

  .paragraph-36.summary.phone_card1 {
    height: 150px;
    margin-bottom: -30px;
  }

  .div-block-53 {
    width: 100%;
  }

  .cell-10 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-54 {
    background-position: 50% 100%;
  }

  .div-block-58 {
    flex-direction: column;
  }

  .div-block-59.div_left,
  .div-block-59.div_right {
    width: 100%;
  }

  .heading-54 {
    text-align: left;
    font-size: 18px;
    line-height: 36px;
  }

  .list-item {
    font-size: 14px;
    line-height: 28px;
  }

  .paragraph-45 {
    font-size: 16px;
    line-height: 32px;
  }

  .image-21 {
    margin-bottom: 20px;
  }

  .div-block-66 {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    font-size: 24px;
  }

  .div-block-67 {
    width: 100%;
  }

  .div-block-68 {
    flex-direction: column;
    align-items: center;
  }

  .list {
    padding-left: 0;
  }

  .container-23 {
    max-width: none;
  }

  .lynx-heading-white-small {
    font-size: 29px;
  }

  .lynx-block-hero {
    height: 100px;
    min-height: 0;
    margin-top: 0;
    padding: 60px 0;
  }

  .lynx-hero.manufacturing {
    background-position: 50%;
    background-size: cover;
    height: 567px;
    min-height: 0;
  }

  .lynx-hero.manufacturing.safety_bg {
    height: 567px;
    min-height: 0;
  }

  .lynx-hero.manufacturing.sustainability {
    justify-content: flex-end;
    align-items: center;
    min-height: 567px;
  }

  .paragraph-48 {
    text-align: left;
    padding-left: 5px;
    font-size: 18px;
    line-height: 36px;
  }

  .clients-wrapper-three {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    margin-bottom: 0;
    display: grid;
  }

  .clients-image-three-2 {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-70 {
    flex-direction: column;
    align-items: center;
    height: auto;
  }

  .div-block-71 {
    width: 100%;
    margin-bottom: 10px;
  }

  .heading-59 {
    margin-bottom: 0;
    font-size: 24px;
  }

  .paragraph-49 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .lynx-heading {
    font-size: 29px;
  }

  .lynx-icon-heading {
    font-size: 18px;
  }

  .quick-stack-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 130%;
    margin-bottom: 20px;
    padding: 0;
  }

  .lynx-heading-accordion {
    font-size: 18px;
  }

  .lynx-heading-2 {
    font-size: 29px;
  }

  .lynx-heading-white {
    font-size: 34px;
  }

  .lynx-block-hero-large {
    border-bottom-right-radius: 140px;
    width: 100%;
    margin-bottom: -400px;
    margin-left: 0;
    padding: 50px 30px;
  }

  .lynx-hero-large {
    background-size: cover;
    width: 100%;
    height: 250px;
    min-height: 0;
    margin-bottom: 0;
  }

  .container-24 {
    max-width: none;
  }

  .container-24.cardc {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .margin-bottom-24px-2.safe_lp,
  .hero-wrapper-3,
  .hero-split-3 {
    margin-bottom: 0;
  }

  .lynx-grid-footer {
    grid-row-gap: 40px;
    grid-template: ". Area"
      ". ."
      ". ."
      / 2.5fr;
    grid-auto-columns: .25fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-28 {
    display: none;
  }

  .lynx-heading-features-small {
    font-size: 18px;
  }

  .lynx-heading-3 {
    font-size: 29px;
  }

  .lynx-icon-heading-2 {
    font-size: 18px;
  }

  .heading-style-h2-2,
  .heading-style-h2-3 {
    font-size: 3.5rem;
  }

  .text-size-huge-2 {
    font-size: 2rem;
  }

  .button-8.is-navbar2-button {
    display: none;
  }

  .button-8.is-navbar2-button.is-mobile {
    border-width: 2px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-top: 1rem;
    padding-bottom: 1.25rem;
    font-size: 1.25rem;
    display: block;
  }

  .navbar2_link-2 {
    font-size: 1.5rem;
  }

  .heading-61 {
    text-align: left;
    font-size: 2rem;
    line-height: 1.25;
  }

  .container-26 {
    max-width: none;
  }

  .hero-section-container {
    min-width: 100%;
    padding-top: 160px;
    left: 0;
    right: 0;
  }

  .hero-section-container.ce-container-style.microgrid {
    padding: 0 32px 48px;
  }

  .hero-section-container.wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-bar-toggle {
    padding-left: 16px;
  }

  .call-to-action-container {
    flex-flow: column-reverse;
  }

  .button_primary {
    display: flex;
  }

  .button_primary.subscribe {
    padding: 8px 12px;
  }

  .button_secondary {
    white-space: nowrap;
  }

  .button_secondary.ce_buttons_secondary {
    padding: 8px 12px;
  }

  .button_secondary.learn-more---vpp-button {
    font-size: 10px;
    line-height: 16px;
  }

  .navbar {
    flex-flow: row;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-link {
    text-align: center;
  }

  .footer-dark {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .footer-block {
    align-items: center;
  }

  .div-block-77 {
    flex-flow: row;
  }

  .icon-7 {
    color: var(--text-quaternary-500);
  }

  .container-28 {
    width: auto;
  }

  .paragraph-54 {
    text-align: left;
    width: 100%;
    min-width: 0%;
    font-size: 14px;
    line-height: 20px;
  }

  .nav-menu-3 {
    background-color: var(--teal-800);
    border-radius: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 60%;
  }

  .div-block-78 {
    text-align: left;
    flex-flow: wrap;
    justify-content: center;
    max-width: 100%;
    scale: 1;
  }

  .section-32 {
    width: 100%;
  }

  .div-block-81 {
    flex-flow: wrap;
  }

  .home-hero-text {
    white-space: normal;
    justify-content: center;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    display: none;
  }

  .home-hero-text.mobile {
    display: block;
  }

  .section-33 {
    width: 100%;
  }

  .container-31 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 48px;
    padding-bottom: 48px;
    position: relative;
    left: 0;
    right: 0;
  }

  .section-34 {
    padding-left: 32px;
    padding-right: 32px;
    display: block;
    position: relative;
  }

  .section-heading-2 {
    text-align: left;
  }

  .paragraph-2 {
    margin-bottom: 0;
  }

  .heading_primary {
    width: 100%;
    max-width: none;
    font-size: 28px;
    line-height: 36px;
  }

  .heading_primary.metrics-sectioin {
    max-width: none;
  }

  .heading_primary.home {
    text-align: center;
  }

  .paragraph-3.element-p-primary {
    width: auto;
  }

  .div-block-11,
  .div-block-82 {
    width: 100%;
  }

  .div-block-82.card-3 {
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
    width: auto;
  }

  .div-block-82.card-1 {
    border-top-left-radius: 0;
    border-bottom-right-radius: 24px;
  }

  .div-block-7 {
    border-bottom-right-radius: 0;
    width: 100%;
    height: 500px;
    display: flex;
  }

  .div-block-7.card-3 {
    border-bottom-right-radius: 0;
    width: auto;
    height: 500px;
    margin: 0;
  }

  .div-block-7.card-2 {
    border-bottom-right-radius: 0;
    max-width: 100%;
    height: 500px;
  }

  .section-35.card-1 {
    flex-flow: row;
    width: 100%;
    display: flex;
  }

  .section-35.card-2 {
    background-image: none;
  }

  .container-32.card-1,
  .container-32.card-3 {
    flex-flow: column-reverse;
    width: 100%;
  }

  .container-32.card-2 {
    flex-flow: column-reverse;
    align-items: flex-start;
  }

  .container-33 {
    flex-flow: row;
  }

  .heading-15 {
    width: 100%;
  }

  .div-block-83 {
    flex-flow: column;
  }

  .container-10 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-items: center;
  }

  .image-31.card-2 {
    text-align: left;
    flex: 0 auto;
    order: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 0;
    right: 0;
    scale: .8;
  }

  .image-31.card-3 {
    max-width: 100%;
    scale: .8;
  }

  .image-31.card-1 {
    margin: auto;
    inset: 0;
    scale: 1;
  }

  .image-31.card-4 {
    max-width: 100%;
    max-height: none;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
  }

  .section-title-card {
    padding-left: 0;
    padding-right: 0;
  }

  .success-metrics.microgrid {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .paragraph-59 {
    font-weight: 300;
  }

  .svg-3 {
    min-width: 24px;
    min-height: 24px;
  }

  .div-block-95 {
    min-width: 48px;
    min-height: 48px;
  }

  .container-34 {
    max-width: none;
  }

  .heading-76,
  .paragraph-61,
  .button-11,
  .button-12 {
    text-align: center;
  }

  .hero-wrapper-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-9 {
    width: 100%;
  }

  .icon-11,
  .icon-12 {
    color: var(--text-quaternary-500);
  }

  .container-35 {
    flex-flow: row-reverse wrap-reverse;
  }

  .nav-bar-link {
    color: #fff;
    display: block;
  }

  .div-block-107 {
    flex-flow: wrap;
    padding-left: 32px;
    padding-right: 32px;
  }

  .hero-section {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .header-sub-paragraph {
    font-size: 16px;
    line-height: 24px;
  }

  .header-title {
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: normal;
    font-size: 28px;
    line-height: 36px;
    overflow: visible;
  }

  .icon-13 {
    color: var(--text-quaternary-500);
  }

  .features-container {
    padding: 0;
  }

  .get-to-know-section {
    padding: 48px 32px;
  }

  .heading_primary_4-2 {
    font-size: 12px;
    line-height: 18px;
  }

  .get-to-know-container {
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-primary-2.element-p-primary.microgrid {
    max-width: none;
  }

  .know-how-section {
    padding: 48px 32px;
  }

  .know-how-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-primary-3.element-p-primary {
    font-size: 16px;
    line-height: 24px;
  }

  .paragraph-65.element-p-primary {
    text-align: left;
    width: auto;
    margin-bottom: 0;
  }

  .vpp-section {
    padding-top: 48px;
    padding-left: 0;
    padding-right: 32px;
  }

  .div-block-115 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .div-block-116 {
    flex-flow: column;
    min-width: 0;
    padding-left: 32px;
    padding-right: 32px;
  }

  .paragraph-66,
  .div-block-117 {
    width: auto;
  }

  .cta-section {
    padding-left: 32px;
    padding-right: 32px;
  }

  .div-block-119 {
    max-width: none;
    max-height: none;
  }

  .cta-heading {
    font-size: 38px;
    line-height: 44px;
  }

  .paragraph-18 {
    white-space: nowrap;
    font-size: 10px;
    line-height: 16px;
  }

  .svg-6 {
    min-width: 16px;
    min-height: 16px;
  }

  .microgrid-kit-button.button_primary {
    max-width: none;
  }

  .cta-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    padding: 48px 0;
  }

  .cta-description {
    font-size: 16px;
    line-height: 24px;
  }

  .coldsub-product-heading.card-1 {
    width: 100%;
    margin-left: -20px;
    padding-top: 0;
    font-size: 140px;
    line-height: 5rem;
    left: 0;
  }

  .coldsub-product-heading.card-2 {
    width: auto;
    font-size: 120px;
    line-height: 2.5rem;
  }

  .coldsub-product-heading.card-3 {
    margin-right: 0;
  }

  .banner-title-3 {
    font-size: 38px;
    line-height: 44px;
  }

  .blog-card-heading-2 {
    font-size: 14px;
    line-height: 20px;
  }

  .blog-description {
    font-size: 12px;
    line-height: 18px;
  }

  .div-block-126 {
    width: 100%;
    min-width: 0%;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .div-block-127 {
    aspect-ratio: auto;
    object-fit: fill;
    width: 100%;
    min-width: 100%;
    max-width: none;
    max-height: 414.67px;
  }

  .coldzero-hero {
    margin-top: 0;
    padding: 0;
  }

  .image-41 {
    height: 100%;
    position: relative;
  }

  .ce-heading-large {
    clear: left;
    width: auto;
    max-width: none;
    font-size: 24px;
    line-height: 30px;
  }

  .paragraph_primary {
    width: 100%;
    max-width: none;
    font-size: 14px;
    line-height: 18px;
  }

  .div-block-137 {
    width: 100%;
  }

  .div-block-138 {
    justify-content: flex-end;
    display: block;
  }

  .product-image-caption {
    font-size: 4px;
    line-height: 100%;
    inset: auto 0% 0% auto;
  }

  .specifications {
    box-sizing: border-box;
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    object-fit: fill;
    width: 100%;
    max-width: 100%;
    padding-top: 48px;
    padding-left: 32px;
    padding-right: 32px;
    position: static;
    overflow: hidden;
  }

  .body-9 {
    max-width: 100%;
    overflow: visible;
  }

  .quick-stack-4 {
    width: auto;
    min-width: 0;
    position: relative;
    left: auto;
    scale: 1;
  }

  .quick-stack-4.cold-og2 {
    width: 150%;
    max-width: none;
    overflow-x: scroll;
    scale: 1;
  }

  .quick-stack-4.coldog {
    box-sizing: border-box;
    object-fit: fill;
    border-color: #0000;
    width: 270.21%;
    min-width: 0;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    inset: 0% auto 0;
    overflow-x: scroll;
    scale: 1;
  }

  .quick-stack-4.coldzero {
    width: 115%;
    scale: 1;
  }

  .quick-stack-4.coldsub {
    width: 190%;
    scale: 1;
  }

  .cell-14 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .cell-16 {
    justify-content: center;
  }

  .paragraph-72 {
    width: 99.9999%;
  }

  .paragraph-72.table-header {
    width: 100%;
    height: 100%;
  }

  .cell-22 {
    justify-content: center;
  }

  .section-45 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: relative;
    left: auto;
    overflow: scroll hidden;
  }

  .section-45.coldog {
    box-sizing: border-box;
    object-fit: fill;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: static;
    inset: 0 auto 0 0;
  }

  .div-block-139 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
  }

  .usecase-system-integration {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .how-it-works {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .faq {
    padding: 48px 32px;
  }

  .discover-products {
    padding: 48px 0;
  }

  .heading-92 {
    font-size: 30px;
    line-height: 38px;
  }

  .paragraph-76 {
    font-size: 16px;
    line-height: 24px;
  }

  .div-block-154 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    max-width: 100%;
    padding: 0;
  }

  .div-block-155 {
    max-width: 100%;
  }

  .collection-item-2 {
    width: 100%;
    min-width: 100%;
    max-width: none;
    max-height: none;
  }

  .collection-item-2.splide__slide {
    min-height: 430px;
  }

  .image-45 {
    aspect-ratio: 3 / 2;
    object-fit: fill;
    width: 352px;
  }

  .image-46 {
    width: auto;
  }

  .products-section {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding: 48px 0;
    display: flex;
  }

  .productheading {
    clear: left;
    padding-right: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .body-10 {
    max-width: none;
  }

  .body-11 {
    max-width: 1440px;
    overflow: visible;
  }

  .commercial-buildings {
    flex-flow: column;
    padding: 48px 32px;
    display: flex;
  }

  .commercial-buildings.wrapper,
  .div-block-157 {
    padding: 0;
  }

  .div-block-158 {
    margin: 0;
    padding-left: 32px;
    padding-right: 32px;
  }

  .applications {
    padding-top: 48px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-160 {
    max-width: none;
  }

  .div-block-164 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .how-we-help,
  .solutions {
    width: auto;
  }

  .svg-36 {
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
  }

  .div-block-166 {
    padding: 0;
  }

  .hero-section {
    padding-top: 48px;
  }

  .div-block-168 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .image-47 {
    width: 100%;
    height: auto;
    position: relative;
  }

  .cta {
    width: 100%;
    padding: 48px 0;
  }

  .svg-38 {
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
  }

  .div-block-173 {
    flex-flow: column;
  }

  .svg-40 {
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
  }

  .paragraph-81 {
    white-space: nowrap;
    font-size: 9px;
    line-height: 16px;
  }

  .paragraph-82 {
    font-size: 10px;
    line-height: 16px;
  }

  .our-story {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    left: 0;
    right: 0;
  }

  .our-story.about {
    padding: 48px 32px;
  }

  .ce-heading-regular {
    font-size: 24px;
    line-height: 30px;
  }

  .div-block-176 {
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-84 {
    column-count: 1;
    font-size: 18px;
    line-height: 24px;
  }

  .div-block-177.about {
    padding-bottom: 0;
  }

  .paragraph-85 {
    padding-top: 0;
    font-size: 18px;
  }

  .timeline-section.wrapper {
    padding: 0;
  }

  .timeline-wrapper.animate-gradient {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex;
  }

  .timeline-wrapper.animate-gradient.mobile {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    display: flex;
  }

  .timeline-event._2019 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    opacity: 100;
    align-items: flex-start;
    max-width: none;
    position: relative;
    top: auto;
    left: auto;
    scale: 1;
  }

  .timeline-event._2018 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    opacity: 100;
    align-items: flex-start;
    max-width: none;
    position: relative;
    scale: 1;
  }

  .timeline-event._2020,
  .timeline-event._2022 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    opacity: 100;
    align-items: flex-start;
    max-width: none;
    position: relative;
    top: auto;
    left: auto;
    scale: 1;
  }

  .timeline-event._2024 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    opacity: 100;
    max-width: none;
    position: relative;
    top: auto;
    left: auto;
    scale: 1;
  }

  .timeline-event._2025 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    opacity: 100;
    align-items: flex-start;
    max-width: none;
    position: relative;
    top: auto;
    left: auto;
    scale: 1;
  }

  .div-block-184 {
    width: auto;
    padding-left: 8px;
    padding-right: 8px;
  }

  .paragraph-88 {
    white-space: normal;
    width: 100%;
    max-width: 100%;
  }

  .div-block-185 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .code-embed {
    display: none;
  }

  .contact-form-section {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-info-section {
    padding: 48px 0;
  }

  .div-block-187 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-bottom: 48px;
  }

  .div-block-188 {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-form {
    padding-top: 0;
  }

  .contact-form.wrapper {
    padding-top: 160px;
  }

  .collection-wrapper.splide__track,
  .carousel-track {
    max-width: 100%;
  }

  .carousel-track.splide__list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: none;
    overflow: visible;
  }

  .cold-og2-hero {
    padding-left: 0;
    padding-right: 0;
  }

  .image-48 {
    font-family: Manrope, sans-serif;
  }

  .body-14 {
    max-width: none;
    overflow: visible;
  }

  .section-primary {
    justify-content: flex-start;
    max-width: 1440px;
    padding: 48px 0;
    display: flex;
  }

  .section-primary.post-hero {
    max-width: 1440px;
    padding-top: 0;
  }

  .section-primary.post-hero-heading {
    max-width: 1440px;
  }

  .div-block-199 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .div-block-202 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-203 {
    flex-flow: row-reverse wrap-reverse;
    display: flex;
  }

  .div-block-204 {
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
  }

  .paragraph-94 {
    color: var(--ce-text-secondary);
  }

  .div-block-207 {
    flex-flow: row;
    font-family: Manrope, sans-serif;
  }

  .heading-101 {
    white-space: nowrap;
    line-height: 18px;
  }

  .heading-102 {
    color: var(--ce-text-secondary);
    font-size: 10px;
    line-height: 16px;
  }

  .div-block-208 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .div-block-209 {
    align-items: flex-end;
  }

  .paragraph-95 {
    color: var(--ce-text-primary);
    -webkit-text-stroke-color: var(--ce-text-primary);
  }

  .collection-list {
    flex-flow: wrap;
    justify-content: flex-end;
  }

  .div-block-212 {
    padding-left: 8px;
    padding-right: 8px;
    font-family: Manrope, sans-serif;
  }

  .div-block-213 {
    flex-flow: wrap-reverse;
  }

  .dropdown-toggle-15 {
    width: 100%;
    max-width: none;
  }

  .tabs {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    top: auto;
  }

  .collection-item-3 {
    width: auto;
    min-width: 0;
    max-width: none;
  }

  .dropdown-list-2.industries-we-power.w--open {
    border-style: none;
    border-radius: 0;
    width: auto;
    position: relative;
  }

  .dropdown-list-2.products.w--open {
    border-style: none;
    position: relative;
  }

  .dropdown-list-2.nav-soultions.w--open {
    position: relative;
  }

  .dropdown-nav-item.resources-nav-item {
    min-width: 100%;
    max-width: 100%;
  }

  .dropdown-nav-item.resources-nav-item.w--current {
    min-width: 0;
  }

  .nav-dropdown-item-title-wrapper {
    width: 100%;
  }

  .dropdown-items-section {
    min-width: 0;
  }

  .dropdown-items-section.industries-we-power {
    min-width: 100%;
  }

  .dropdown-item-wrapper {
    width: 100%;
    min-width: 100%;
  }

  .dropdown-nav-container.resources {
    width: 100%;
  }

  .collection-list-wrapper-2 {
    display: none;
  }

  .collection-list-wrapper-3 {
    border-right-style: none;
  }

  .body-15 {
    width: 100%;
    max-width: none;
    padding-top: 0;
    overflow-x: hidden;
  }

  .section-wrapper-primary {
    max-width: 100%;
  }

  .section-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column-reverse;
  }

  .post-content-template {
    flex-flow: column-reverse;
  }

  .div-block-225 {
    min-width: auto;
  }

  .socials {
    justify-content: center;
  }

  .read-more-section.section-primary {
    max-width: 100%;
  }

  .div-block-232 {
    min-width: 0;
    max-width: none;
    min-height: 430px;
  }

  .thumbnail {
    box-sizing: border-box;
    object-fit: cover;
  }

  .industries-dropdown-items {
    border-right-style: none;
  }

  .industries-hero-wrapper {
    display: none;
  }

  .dropdown-14 {
    width: 100%;
  }

  .solutions-dropdown-items {
    width: 100%;
    max-width: none;
  }

  .solutions-hero-wrapper {
    display: none;
  }

  .dropdown-list-3.w--open {
    border-style: none;
    padding-left: 0;
    position: relative;
  }

  .resources-dropdown-items {
    width: 100%;
    min-width: 100%;
  }

  .tabs-menu {
    text-align: left;
    flex-flow: wrap;
    justify-content: center;
    align-self: center;
    display: flex;
    position: sticky;
    top: 0;
  }

  .dropdown-15,
  .dropdown-16 {
    width: 100%;
  }

  .menu-button-2 {
    background-color: #0000;
    padding: 14px;
  }

  .menu-button-2.w--open {
    background-color: #0000;
  }

  .text-block-66 {
    font-size: 12px;
    line-height: 18px;
  }

  .collection-list-4 {
    flex-flow: column;
  }

  .div-block-235 {
    flex-flow: column;
    display: flex;
  }

  .div-block-236 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    max-width: 70%;
    display: grid;
    scale: .7;
  }

  .div-block-237 {
    flex-flow: column;
    display: flex;
  }

  .section-51 {
    width: 100%;
    max-width: none;
    position: relative;
    overflow: scroll visible;
  }

  .svg-66 {
    width: 72px;
    min-width: 72px;
    max-width: 72px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
  }

  .splide__arrows.blogs-post-arrows {
    align-self: center;
    margin-right: auto;
  }

  .splide__arrow.splide__arrow--next {
    cursor: auto;
  }

  .div-block-244 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    align-items: center;
  }

  .video {
    display: none;
  }

  .code-embed-3 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
  }

  .code-embed-4 {
    display: block;
  }

  .div-block-247 {
    grid-column-gap: 1ch;
    grid-row-gap: 0ch;
    flex-flow: wrap;
    display: flex;
  }

  .div-block-249 {
    width: 100%;
    max-width: none;
  }

  .card.card-1,
  .card.card-3,
  .card.card-2 {
    position: relative;
  }
}

#w-node-_824f8370-037d-f8b0-6376-b22bf11e0cdf-33dffa7c {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_824f8370-037d-f8b0-6376-b22bf11e0ce0-33dffa7c {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_824f8370-037d-f8b0-6376-b22bf11e0ce2-33dffa7c,
#w-node-_824f8370-037d-f8b0-6376-b22bf11e0ceb-33dffa7c,
#w-node-_824f8370-037d-f8b0-6376-b22bf11e0cf4-33dffa7c,
#w-node-_8eea7f93-c315-6693-458c-0aba240a500a-33dffa7c,
#w-node-_8eea7f93-c315-6693-458c-0aba240a5012-33dffa7c,
#w-node-_8eea7f93-c315-6693-458c-0aba240a501a-33dffa7c,
#w-node-d4f1de2c-cb70-54cf-2408-5e13135dbeca-b58e5e5a,
#w-node-d4f1de2c-cb70-54cf-2408-5e13135dbece-b58e5e5a,
#w-node-d4f1de2c-cb70-54cf-2408-5e13135dbee0-b58e5e5a,
#w-node-_869e4717-2f74-e42e-9cd6-76abe8a2b820-b58e5e5a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_49e8b556-ffc4-8d36-bfea-ae3ec718b743-c718b742 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_49e8b556-ffc4-8d36-bfea-ae3ec718b746-c718b742 {
  justify-self: center;
}

#w-node-_49e8b556-ffc4-8d36-bfea-ae3ec718b74f-c718b742 {
  justify-self: end;
}

#w-node-_322ba032-a4d7-e76b-741a-db6452d472c3-33dffa8a,
#w-node-_322ba032-a4d7-e76b-741a-db6452d472c4-33dffa8a,
#w-node-_322ba032-a4d7-e76b-741a-db6452d472c5-33dffa8a,
#w-node-b24ce150-5bd9-d2b8-2f0b-45e669a8e077-33dffa8a,
#w-node-b24ce150-5bd9-d2b8-2f0b-45e669a8e087-33dffa8a,
#w-node-b24ce150-5bd9-d2b8-2f0b-45e669a8e097-33dffa8a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ad7d99ba-62dd-3052-21a2-8a27e4ede0f9-e4ede0dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b9713a9-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b9713ae-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b9713b3-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b9713b8-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b9713bd-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b9713c2-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b9713c7-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b9713cc-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b9713d1-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b9713d6-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b9713db-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b9713fc-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b971400-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b971403-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b971407-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b97140a-33dffa8d,
#w-node-fa8b52a5-b72f-ee53-fd39-dfa82b97140e-33dffa8d,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f8885-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f888a-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f888f-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f8894-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f8899-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f889e-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88a3-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88a8-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88b0-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88b5-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88ba-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88bf-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88c4-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88c9-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88ce-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88d3-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88db-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88e0-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88e5-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88ea-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88ef-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88f4-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88f9-33dffa8e,
#w-node-b61ed7d1-5fb5-b0fd-a0d8-9e5b1f8f88fe-33dffa8e,
#w-node-c603c9e7-b496-24f4-9eec-3c97df18aa1c-33dffa8e,
#w-node-c603c9e7-b496-24f4-9eec-3c97df18aa20-33dffa8e,
#w-node-c603c9e7-b496-24f4-9eec-3c97df18aa23-33dffa8e,
#w-node-c603c9e7-b496-24f4-9eec-3c97df18aa27-33dffa8e,
#w-node-c603c9e7-b496-24f4-9eec-3c97df18aa2a-33dffa8e,
#w-node-c603c9e7-b496-24f4-9eec-3c97df18aa2e-33dffa8e,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f1c7-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f1cc-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f1d1-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f1d6-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f1db-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f1e0-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f1e5-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f1ea-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f1ef-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f1f4-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f1f9-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f201-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f206-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f20b-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f210-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f215-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f21a-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f21f-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f224-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f229-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f22e-33dffa8f,
#w-node-b0bea068-b8dc-4aca-a1ee-0e3851e4f233-33dffa8f,
#w-node-_640d0682-bd31-2116-24f5-c38ca3a2f176-33dffa8f,
#w-node-_640d0682-bd31-2116-24f5-c38ca3a2f17a-33dffa8f,
#w-node-_640d0682-bd31-2116-24f5-c38ca3a2f17d-33dffa8f,
#w-node-_640d0682-bd31-2116-24f5-c38ca3a2f181-33dffa8f,
#w-node-_640d0682-bd31-2116-24f5-c38ca3a2f184-33dffa8f,
#w-node-_640d0682-bd31-2116-24f5-c38ca3a2f188-33dffa8f,
#w-node-_03e647aa-51d4-59fa-58eb-f29407c56125-33dffa90,
#w-node-_03e647aa-51d4-59fa-58eb-f29407c5612e-33dffa90,
#w-node-a7c42b7a-7c45-0c25-c499-debf872e149b-33dffa90,
#w-node-a7c42b7a-7c45-0c25-c499-debf872e14a2-33dffa90,
#w-node-a7c42b7a-7c45-0c25-c499-debf872e14ab-33dffa90,
#w-node-_0b755563-26c3-314d-62af-adaa610025f6-33dffa90,
#w-node-_0b755563-26c3-314d-62af-adaa610025fd-33dffa90,
#w-node-_0b755563-26c3-314d-62af-adaa61002606-33dffa90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c4c-33dffa90 {
  grid-template-rows: auto auto;
  grid-template-columns: .5fr .25fr 1fr 1fr;
}

#w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c4d-33dffa90 {
  grid-column: span 4 / span 4;
}

#w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c50-33dffa90,
#w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c53-33dffa90 {
  grid-column: span 2 / span 2;
}

#w-node-aabfa844-5278-1f8f-ce11-2a2a1dfc74dd-33dffa91,
#w-node-df4bc4dd-26f7-182c-c611-b787dd9141f8-33dffa91,
#w-node-df4bc4dd-26f7-182c-c611-b787dd9141f9-33dffa91 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-df4bc4dd-26f7-182c-c611-b787dd9141fa-33dffa91 {
  justify-self: start;
}

#w-node-fd4fdb35-8fa5-8a20-9238-70420d804395-33dffa93,
#w-node-fd4fdb35-8fa5-8a20-9238-70420d80439e-33dffa93 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_69a068cc-c718-6d16-81f0-7b80424d52a0-33dffa93 {
  place-self: auto;
}

#w-node-_69a068cc-c718-6d16-81f0-7b80424d52a1-33dffa93,
#w-node-_69a068cc-c718-6d16-81f0-7b80424d52ad-33dffa93,
#w-node-_69a068cc-c718-6d16-81f0-7b80424d52b5-33dffa93,
#w-node-_69a068cc-c718-6d16-81f0-7b80424d52c0-33dffa93 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7dfa283f-914d-a7b0-bd47-63b9c3d5d354-33dffa93 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_0bd837b1-4e16-67a3-ec63-5a157fe33c32-33dffa93,
#w-node-_0bd837b1-4e16-67a3-ec63-5a157fe33c3d-33dffa93 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_17309aad-ac77-18d2-dd03-4d714f2aec19-33dffa93 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_17309aad-ac77-18d2-dd03-4d714f2aec1a-33dffa93 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_17309aad-ac77-18d2-dd03-4d714f2aec1d-33dffa93 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_17309aad-ac77-18d2-dd03-4d714f2aec1f-33dffa93 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a00dc850-ea5c-508e-6fbd-6bd715157b87-15157b78,
#w-node-a00dc850-ea5c-508e-6fbd-6bd715157b94-15157b78,
#w-node-a00dc850-ea5c-508e-6fbd-6bd715157ba3-15157b78,
#w-node-a00dc850-ea5c-508e-6fbd-6bd715157bb2-15157b78,
#w-node-a00dc850-ea5c-508e-6fbd-6bd715157bc1-15157b78 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee769-33dffa99 {
  grid-template-rows: auto auto;
  grid-template-columns: .5fr .25fr 1fr 1fr;
}

#w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee76a-33dffa99 {
  grid-column: span 4 / span 4;
}

#w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee76d-33dffa99,
#w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee770-33dffa99 {
  grid-column: span 2 / span 2;
}

#w-node-b27a191c-9751-1916-d376-a3eb33727861-33dffa99,
#w-node-b27a191c-9751-1916-d376-a3eb33727862-33dffa99,
#w-node-b27a191c-9751-1916-d376-a3eb33727863-33dffa99,
#w-node-bb10adfc-853c-8411-11b2-f85f3457e0e4-33dffa99,
#w-node-bb10adfc-853c-8411-11b2-f85f3457e0ea-33dffa99,
#w-node-bb10adfc-853c-8411-11b2-f85f3457e0f0-33dffa99 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0cad52c0-f1d0-a69d-d1a3-521202143b0b-33dffa9a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_0cad52c0-f1d0-a69d-d1a3-521202143b0c-33dffa9a,
#w-node-_0cad52c0-f1d0-a69d-d1a3-521202143b0d-33dffa9a,
#w-node-cd0cb72b-ac8b-0570-1d04-3940f6146aa5-33dffa9a,
#w-node-_9fe55945-966d-521e-129e-ae3d60231c58-33dffa9a,
#w-node-_9fe55945-966d-521e-129e-ae3d60231c5b-33dffa9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f04e3b8c-f626-d499-62bc-f907a7b6ac9b-33dffa9a {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_905546b1-23f3-baaa-22db-cb0693508a9d-33dffa9a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1bdf8b56-ee01-efc3-fc40-5528222ba7d0-33dffa9a {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-f068bc0a-58b4-c55b-cebd-c5f29439cdf2-33dffa9a,
#w-node-_8265c37d-beb3-25f6-5e66-3e04eb86805d-33dffa9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fd163faf-7b22-345e-d282-1e2e4aab12db-33dffa9a {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-fd163faf-7b22-345e-d282-1e2e4aab12dc-33dffa9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fd163faf-7b22-345e-d282-1e2e4aab12df-33dffa9a {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-fd163faf-7b22-345e-d282-1e2e4aab12e1-33dffa9a,
#w-node-fd163faf-7b22-345e-d282-1e2e4aab12e4-33dffa9a,
#w-node-fd163faf-7b22-345e-d282-1e2e4aab12e7-33dffa9a,
#w-node-_7e7bbb38-bb55-ec6a-fc53-299f1f7c0f75-33dffa9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6ebd9c06-afc3-8b1f-68a0-8cad8b07ed1a-33dffa9a {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_6ebd9c06-afc3-8b1f-68a0-8cad8b07ed1b-33dffa9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6ebd9c06-afc3-8b1f-68a0-8cad8b07ed1e-33dffa9a {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-_6ebd9c06-afc3-8b1f-68a0-8cad8b07ed20-33dffa9a,
#w-node-_6ebd9c06-afc3-8b1f-68a0-8cad8b07ed25-33dffa9a,
#w-node-_6ebd9c06-afc3-8b1f-68a0-8cad8b07ed28-33dffa9a,
#w-node-_6ebd9c06-afc3-8b1f-68a0-8cad8b07ed36-33dffa9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6537225d-8008-62dd-ddc0-495ee738063d-33dffa9a {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_6537225d-8008-62dd-ddc0-495ee738063e-33dffa9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6537225d-8008-62dd-ddc0-495ee738063f-33dffa9a {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-_6537225d-8008-62dd-ddc0-495ee7380646-33dffa9a,
#w-node-_6537225d-8008-62dd-ddc0-495ee738064b-33dffa9a,
#w-node-_6537225d-8008-62dd-ddc0-495ee738064e-33dffa9a,
#w-node-_6537225d-8008-62dd-ddc0-495ee7380669-33dffa9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_780aaef7-a494-138b-36b1-e385b3b60a7c-33dffa9a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_780aaef7-a494-138b-36b1-e385b3b60a7d-33dffa9a,
#w-node-_780aaef7-a494-138b-36b1-e385b3b60a7e-33dffa9a,
#w-node-_9fce9867-3739-5c8c-7af9-b23e8e5e0bb0-33dffa9b,
#w-node-_9fce9867-3739-5c8c-7af9-b23e8e5e0bb9-33dffa9b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bcd34b65-2c22-3cc5-61f1-3087631933ee-33dffa9b {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .25fr 1fr 1fr;
}

#w-node-bcd34b65-2c22-3cc5-61f1-3087631933ef-33dffa9b {
  grid-column: span 4 / span 4;
}

#w-node-bcd34b65-2c22-3cc5-61f1-3087631933f4-33dffa9b,
#w-node-bcd34b65-2c22-3cc5-61f1-3087631933f2-33dffa9b {
  grid-column: span 2 / span 2;
}

#w-node-a13097dc-11ec-bf07-094b-f7cf76375133-33dffae9,
#w-node-a13097dc-11ec-bf07-094b-f7cf7637513a-33dffae9,
#w-node-a13097dc-11ec-bf07-094b-f7cf76375141-33dffae9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_58d7f9d5-e4af-a04a-ab8b-0a694c81c813-33dffae9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_58d7f9d5-e4af-a04a-ab8b-0a694c81c81c-33dffae9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_0fce5ae8-80c1-d77d-b9e1-3b82ca5f61f3-33dffb10 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_0fce5ae8-80c1-d77d-b9e1-3b82ca5f61f4-33dffb10,
#w-node-_0fce5ae8-80c1-d77d-b9e1-3b82ca5f61f5-33dffb10 {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-_35035d78-5567-168f-32ea-36157b0c50d0-33dffb10 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_02a31400-499c-fb0b-f317-619d8997c1ca-33dffb10 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-a25cb6b8-0baa-bf4f-d2d2-7bc1577663bd-33dffb10,
#w-node-_57de6965-9377-21e0-90ae-7c35253dd8d3-33dffb10,
#w-node-a115dec3-eb9b-eaa3-9786-7dd235e12041-33dffb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5b35ba2b-5582-32cb-1547-2501053e26c3-33dffb10 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_60e78076-6c70-2108-0548-28c6c202ac0e-33dffb10,
#w-node-f97dc57d-58af-9a1b-8ec2-64eca3455c8e-33dffb10 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_6ee9d74e-5c4e-89dd-662e-b747843db711-33dffb10 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_6ee9d74e-5c4e-89dd-662e-b747843db712-33dffb10,
#w-node-_6ee9d74e-5c4e-89dd-662e-b747843db71b-33dffb10 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_34e5fadf-9751-85c5-be43-32aae5871059-33dffb10 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_34e5fadf-9751-85c5-be43-32aae587105a-33dffb10,
#w-node-_34e5fadf-9751-85c5-be43-32aae5871061-33dffb10 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c92f4510-56ef-5814-46d8-43ef3b18a597-33dffb10 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_927c65f4-5cdc-ffc8-c15c-523f2f7ff00e-33dffb10 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_133aa04a-bdf3-2e59-9566-958da3e5fc86-33dffb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f3604d83-474a-d4cb-b9d9-683068528e1a-33dffb10 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1a0228c2-4796-e861-8296-d0a78a2e0057-e80fcf24 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_1a0228c2-4796-e861-8296-d0a78a2e0057-4fe99f13 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b393cee9-7591-98b6-d7bb-1014cda5188e-4fe99f13,
#w-node-_72db843c-ab6a-91ff-f5ae-dc3819d3d4ea-4fe99f13 {
  grid-row: span 2 / span 2;
}

#w-node-_73d68ecd-7ac8-9e2b-d404-d3793338a195-9b570ee0 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_73d68ecd-7ac8-9e2b-d404-d3793338a1d5-9b570ee0 {
  grid-column: span 3 / span 3;
}

#w-node-_6e562149-a508-b164-fb5a-b7ced29f7b11-886dda46 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-d6458612-ed1f-e258-0995-51fba49f71d9-9f997c07 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_1a0228c2-4796-e861-8296-d0a78a2e0057-85b08200 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b393cee9-7591-98b6-d7bb-1014cda5188e-85b08200,
#w-node-_72db843c-ab6a-91ff-f5ae-dc3819d3d4ea-85b08200 {
  grid-row: span 2 / span 2;
}

#w-node-_73d68ecd-7ac8-9e2b-d404-d3793338a195-13e6d4c3 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_73d68ecd-7ac8-9e2b-d404-d3793338a1d5-13e6d4c3 {
  grid-column: span 3 / span 3;
}

#w-node-_6e562149-a508-b164-fb5a-b7ced29f7b11-810eaa9c {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-d6458612-ed1f-e258-0995-51fba49f71d9-db48c1a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

@media screen and (min-width: 1920px) {

  #w-node-_8eea7f93-c315-6693-458c-0aba240a5012-33dffa7c,
  #w-node-_8eea7f93-c315-6693-458c-0aba240a501a-33dffa7c,
  #w-node-c0d13d74-d334-8c09-e07c-47c9b4930459-33dffa88,
  #w-node-_525eadb0-306c-cfbe-ef10-c3e711a63149-33dffa8a,
  #w-node-ad7d99ba-62dd-3052-21a2-8a27e4ede0f8-e4ede0dc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c50-33dffa90 {
    grid-column: span 1 / span 1;
  }

  #w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c53-33dffa90 {
    grid-column: span 3 / span 3;
  }

  #w-node-_99d17d74-0981-3ffd-ca4a-a87e42b1862a-33dffa93,
  #w-node-_05f2da41-84a3-f553-8266-7a0459829403-33dffa93,
  #w-node-_6052c180-9aad-e139-dac4-56b96bcaa0da-33dffa93,
  #w-node-d8c0f98f-187a-d171-a6d0-7b51e0b56b88-33dffa93,
  #w-node-_0b3f91a6-3e0f-9349-40ee-02ebcbc032f1-33dffa93,
  #w-node-_645282b6-e006-6b54-3d42-8978ff240de4-33dffa93,
  #w-node-eee79a11-401e-6934-15aa-a763ca17bcbf-33dffa93,
  #w-node-bc6d0f10-79f9-d1f8-4c1d-7bdd95dbd46f-33dffa93 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_69a068cc-c718-6d16-81f0-7b80424d52a0-33dffa93 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto;
  }

  #w-node-_69a068cc-c718-6d16-81f0-7b80424d52a1-33dffa93 {
    order: -9999;
  }

  #w-node-_36d94cae-e24b-c463-98b2-eb1c5ccb78a8-33dffa93 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee76d-33dffa99 {
    grid-column: span 1 / span 1;
  }

  #w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee770-33dffa99 {
    grid-column: span 3 / span 3;
  }

  #w-node-_9fe55945-966d-521e-129e-ae3d60231c5b-33dffa9a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bcd34b65-2c22-3cc5-61f1-3087631933f4-33dffa9b {
    grid-column: span 1 / span 1;
  }

  #w-node-bcd34b65-2c22-3cc5-61f1-3087631933f2-33dffa9b {
    grid-column: span 3 / span 3;
  }

  #w-node-a13097dc-11ec-bf07-094b-f7cf76375133-33dffae9,
  #w-node-a13097dc-11ec-bf07-094b-f7cf76375141-33dffae9,
  #w-node-_2a1f1125-708d-9d09-7d38-2c5a34cd686b-33dffae9,
  #w-node-_8466a0c1-388a-65e0-6ac8-1ba2c3a588fc-33dffae9,
  #w-node-f0453b2c-c4f1-301a-10e3-d0167ff58280-33dffae9,
  #w-node-_276f55f6-4966-a607-f149-36f5295c6f96-33dffae9,
  #w-node-_4c5ceeb8-3aa8-6512-04f5-8eb6e538aa74-33dffae9,
  #w-node-ce7f2454-5dfd-8e2a-a60a-7d07c8170ff7-33dffae9,
  #w-node-a4a2827d-f96e-21a6-f8dc-a109303c53ac-33dffae9,
  #w-node-_3e867b9a-6a97-e186-9e91-1437a17d24ef-33dffae9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c50-33dffa90 {
    grid-column: span 1 / span 1;
  }

  #w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c53-33dffa90 {
    grid-column: span 3 / span 3;
  }

  #w-node-_69a068cc-c718-6d16-81f0-7b80424d52a0-33dffa93 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_69a068cc-c718-6d16-81f0-7b80424d52ac-33dffa93,
  #w-node-_69a068cc-c718-6d16-81f0-7b80424d52ad-33dffa93,
  #w-node-_69a068cc-c718-6d16-81f0-7b80424d52b4-33dffa93,
  #w-node-_69a068cc-c718-6d16-81f0-7b80424d52b5-33dffa93,
  #w-node-_69a068cc-c718-6d16-81f0-7b80424d52bf-33dffa93,
  #w-node-_69a068cc-c718-6d16-81f0-7b80424d52c0-33dffa93 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee76d-33dffa99 {
    grid-column: span 1 / span 1;
  }

  #w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee770-33dffa99 {
    grid-column: span 3 / span 3;
  }

  #w-node-bcd34b65-2c22-3cc5-61f1-3087631933f4-33dffa9b {
    grid-column: span 1 / span 1;
  }

  #w-node-bcd34b65-2c22-3cc5-61f1-3087631933f2-33dffa9b {
    grid-column: span 3 / span 3;
  }
}

@media screen and (max-width: 991px) {
  #w-node-ad7d99ba-62dd-3052-21a2-8a27e4ede0f8-e4ede0dc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0cad52c0-f1d0-a69d-d1a3-521202143b0b-33dffa9a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0cad52c0-f1d0-a69d-d1a3-521202143b0c-33dffa9a,
  #w-node-_0cad52c0-f1d0-a69d-d1a3-521202143b0d-33dffa9a,
  #w-node-cd0cb72b-ac8b-0570-1d04-3940f6146aa5-33dffa9a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_780aaef7-a494-138b-36b1-e385b3b60a7c-33dffa9a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_780aaef7-a494-138b-36b1-e385b3b60a7d-33dffa9a,
  #w-node-_780aaef7-a494-138b-36b1-e385b3b60a7e-33dffa9a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_824f8370-037d-f8b0-6376-b22bf11e0cdf-33dffa7c {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_824f8370-037d-f8b0-6376-b22bf11e0ce0-33dffa7c {
    grid-area: span 3 / span 1 / span 3 / span 1;
  }

  #w-node-_824f8370-037d-f8b0-6376-b22bf11e0ce2-33dffa7c,
  #w-node-_824f8370-037d-f8b0-6376-b22bf11e0ceb-33dffa7c,
  #w-node-_824f8370-037d-f8b0-6376-b22bf11e0cf4-33dffa7c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c4c-33dffa90 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c4d-33dffa90 {
    order: 1;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c50-33dffa90 {
    order: 2;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c53-33dffa90 {
    order: 3;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_69a068cc-c718-6d16-81f0-7b80424d52a0-33dffa93 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto;
  }

  #w-node-_17309aad-ac77-18d2-dd03-4d714f2aec19-33dffa93 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_17309aad-ac77-18d2-dd03-4d714f2aec1a-33dffa93 {
    order: 1;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_17309aad-ac77-18d2-dd03-4d714f2aec1d-33dffa93 {
    order: 3;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_17309aad-ac77-18d2-dd03-4d714f2aec1f-33dffa93 {
    order: 2;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee769-33dffa99 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee76a-33dffa99 {
    order: 1;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee76d-33dffa99 {
    order: 2;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee770-33dffa99 {
    order: 3;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0cad52c0-f1d0-a69d-d1a3-521202143b0b-33dffa9a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0cad52c0-f1d0-a69d-d1a3-521202143b0c-33dffa9a,
  #w-node-_0cad52c0-f1d0-a69d-d1a3-521202143b0d-33dffa9a,
  #w-node-cd0cb72b-ac8b-0570-1d04-3940f6146aa5-33dffa9a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bcd34b65-2c22-3cc5-61f1-3087631933ee-33dffa9b {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-bcd34b65-2c22-3cc5-61f1-3087631933ef-33dffa9b {
    order: 1;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bcd34b65-2c22-3cc5-61f1-3087631933f4-33dffa9b {
    order: 2;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bcd34b65-2c22-3cc5-61f1-3087631933f2-33dffa9b {
    order: 3;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0fce5ae8-80c1-d77d-b9e1-3b82ca5f61f3-33dffb10 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0fce5ae8-80c1-d77d-b9e1-3b82ca5f61f4-33dffb10,
  #w-node-_0fce5ae8-80c1-d77d-b9e1-3b82ca5f61f5-33dffb10 {
    grid-area: span 5 / span 1 / span 5 / span 1;
  }

  #w-node-_35035d78-5567-168f-32ea-36157b0c50d0-33dffb10 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_02a31400-499c-fb0b-f317-619d8997c1ca-33dffb10 {
    grid-area: span 3 / span 1 / span 3 / span 1;
  }

  #w-node-a25cb6b8-0baa-bf4f-d2d2-7bc1577663bd-33dffb10,
  #w-node-_57de6965-9377-21e0-90ae-7c35253dd8d3-33dffb10,
  #w-node-a115dec3-eb9b-eaa3-9786-7dd235e12041-33dffb10 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5b35ba2b-5582-32cb-1547-2501053e26c3-33dffb10 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_60e78076-6c70-2108-0548-28c6c202ac0e-33dffb10,
  #w-node-f97dc57d-58af-9a1b-8ec2-64eca3455c8e-33dffb10 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_6ee9d74e-5c4e-89dd-662e-b747843db711-33dffb10 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_6ee9d74e-5c4e-89dd-662e-b747843db712-33dffb10,
  #w-node-_6ee9d74e-5c4e-89dd-662e-b747843db71b-33dffb10 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_34e5fadf-9751-85c5-be43-32aae5871059-33dffb10 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_34e5fadf-9751-85c5-be43-32aae587105a-33dffb10,
  #w-node-_34e5fadf-9751-85c5-be43-32aae5871061-33dffb10 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-c92f4510-56ef-5814-46d8-43ef3b18a597-33dffb10 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_927c65f4-5cdc-ffc8-c15c-523f2f7ff00e-33dffb10 {
    order: 1;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_133aa04a-bdf3-2e59-9566-958da3e5fc86-33dffb10 {
    order: 3;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f3604d83-474a-d4cb-b9d9-683068528e1a-33dffb10 {
    order: 2;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_824f8370-037d-f8b0-6376-b22bf11e0cdf-33dffa7c {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_824f8370-037d-f8b0-6376-b22bf11e0ce0-33dffa7c {
    grid-area: span 3 / span 1 / span 3 / span 1;
  }

  #w-node-_824f8370-037d-f8b0-6376-b22bf11e0ce2-33dffa7c,
  #w-node-_824f8370-037d-f8b0-6376-b22bf11e0ceb-33dffa7c,
  #w-node-_824f8370-037d-f8b0-6376-b22bf11e0cf4-33dffa7c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4b284c9d-6c38-68e0-b803-1e2fc712c985-33dffa7c {
    place-self: auto;
  }

  #w-node-d4f1de2c-cb70-54cf-2408-5e13135dbeca-b58e5e5a,
  #w-node-d4f1de2c-cb70-54cf-2408-5e13135dbece-b58e5e5a {
    grid-column: span 2 / span 2;
  }

  #w-node-d4f1de2c-cb70-54cf-2408-5e13135dbee0-b58e5e5a,
  #w-node-_869e4717-2f74-e42e-9cd6-76abe8a2b820-b58e5e5a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c4c-33dffa90 {
    grid-template-rows: auto;
    grid-template-columns: .75fr;
  }

  #w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c4d-33dffa90 {
    order: 1;
  }

  #w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c50-33dffa90 {
    order: 2;
  }

  #w-node-_0ce711bf-3047-e6c2-a0dc-c78afaee6c53-33dffa90 {
    order: 3;
  }

  #w-node-_17309aad-ac77-18d2-dd03-4d714f2aec19-33dffa93 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr .25fr;
  }

  #w-node-_17309aad-ac77-18d2-dd03-4d714f2aec1a-33dffa93 {
    order: 1;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_17309aad-ac77-18d2-dd03-4d714f2aec1d-33dffa93 {
    order: 3;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_17309aad-ac77-18d2-dd03-4d714f2aec1f-33dffa93 {
    order: 2;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee769-33dffa99 {
    grid-template-rows: auto auto;
    grid-template-columns: .75fr;
  }

  #w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee76a-33dffa99 {
    order: 1;
  }

  #w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee76d-33dffa99 {
    order: 2;
  }

  #w-node-df536f44-a1ca-d9a0-2e7f-ee19f45ee770-33dffa99 {
    order: 3;
  }

  #w-node-_780aaef7-a494-138b-36b1-e385b3b60a7c-33dffa9a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_780aaef7-a494-138b-36b1-e385b3b60a7d-33dffa9a,
  #w-node-_780aaef7-a494-138b-36b1-e385b3b60a7e-33dffa9a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bcd34b65-2c22-3cc5-61f1-3087631933ee-33dffa9b {
    grid-template-rows: auto auto;
    grid-template-columns: .75fr;
  }

  #w-node-bcd34b65-2c22-3cc5-61f1-3087631933ef-33dffa9b {
    order: 1;
  }

  #w-node-bcd34b65-2c22-3cc5-61f1-3087631933f4-33dffa9b {
    order: 2;
  }

  #w-node-bcd34b65-2c22-3cc5-61f1-3087631933f2-33dffa9b {
    order: 3;
  }

  #w-node-_0fce5ae8-80c1-d77d-b9e1-3b82ca5f61f3-33dffb10 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0fce5ae8-80c1-d77d-b9e1-3b82ca5f61f4-33dffb10,
  #w-node-_0fce5ae8-80c1-d77d-b9e1-3b82ca5f61f5-33dffb10 {
    grid-area: span 5 / span 1 / span 5 / span 1;
  }

  #w-node-_35035d78-5567-168f-32ea-36157b0c50d0-33dffb10 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_02a31400-499c-fb0b-f317-619d8997c1ca-33dffb10 {
    grid-area: span 3 / span 1 / span 3 / span 1;
  }

  #w-node-a25cb6b8-0baa-bf4f-d2d2-7bc1577663bd-33dffb10,
  #w-node-_57de6965-9377-21e0-90ae-7c35253dd8d3-33dffb10,
  #w-node-a115dec3-eb9b-eaa3-9786-7dd235e12041-33dffb10 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5b35ba2b-5582-32cb-1547-2501053e26c3-33dffb10 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_60e78076-6c70-2108-0548-28c6c202ac0e-33dffb10 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-f97dc57d-58af-9a1b-8ec2-64eca3455c8e-33dffb10 {
    order: 9999;
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_6ee9d74e-5c4e-89dd-662e-b747843db711-33dffb10 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_6ee9d74e-5c4e-89dd-662e-b747843db712-33dffb10 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_6ee9d74e-5c4e-89dd-662e-b747843db71b-33dffb10 {
    order: 9999;
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_34e5fadf-9751-85c5-be43-32aae5871059-33dffb10 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_34e5fadf-9751-85c5-be43-32aae587105a-33dffb10 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_34e5fadf-9751-85c5-be43-32aae5871061-33dffb10 {
    order: 9999;
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-c92f4510-56ef-5814-46d8-43ef3b18a597-33dffb10 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr .25fr;
  }

  #w-node-_927c65f4-5cdc-ffc8-c15c-523f2f7ff00e-33dffb10 {
    order: 1;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_133aa04a-bdf3-2e59-9566-958da3e5fc86-33dffb10 {
    order: 3;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f3604d83-474a-d4cb-b9d9-683068528e1a-33dffb10 {
    order: 2;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1a0228c2-4796-e861-8296-d0a78a2e0057-e80fcf24,
  #w-node-_73d68ecd-7ac8-9e2b-d404-d3793338a195-9b570ee0,
  #w-node-_73d68ecd-7ac8-9e2b-d404-d3793338a195-13e6d4c3 {
    display: grid;
  }
}


@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Regular.ttf') format('truetype'), url('../fonts/Manrope-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* FAQ accordion animation (added) */
.faq-container .answer-wrapper {
  overflow: hidden;
}

.faq-container .answer-wrapper.faq-collapsed {
  display: block;
  max-height: 0;
  opacity: 0;
  transition: max-height .35s ease, opacity .35s ease;
}

.faq-container .answer-wrapper.faq-open {
  display: block;
  max-height: 500px;
  opacity: 1;
  transition: max-height .35s ease, opacity .35s ease;
}

/* Adjust max-height if answers can exceed 500px */