.elementor-544 .elementor-element.elementor-element-6c57428{--display:flex;--min-height:19vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-544 .elementor-element.elementor-element-6c57428:not(.elementor-motion-effects-element-type-background), .elementor-544 .elementor-element.elementor-element-6c57428 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7FB;}.elementor-544 .elementor-element.elementor-element-9b59875{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-544 .elementor-element.elementor-element-9b59875:not(.elementor-motion-effects-element-type-background), .elementor-544 .elementor-element.elementor-element-9b59875 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7FB;}.elementor-544 .elementor-element.elementor-element-cbf6413{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:54px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}.elementor-544 .elementor-element.elementor-element-cbf6413:not(.elementor-motion-effects-element-type-background), .elementor-544 .elementor-element.elementor-element-cbf6413 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7FB;}.elementor-544 .elementor-element.elementor-element-8e90fa8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-544 .elementor-element.elementor-element-f2c7a1d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-544 .elementor-element.elementor-element-8e1626d{background-color:#41648D;padding:40px 20px 40px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-544 .elementor-element.elementor-element-8e1626d .elementor-field-group{padding-right:calc( 12px/2 );padding-left:calc( 12px/2 );margin-bottom:18px;}.elementor-544 .elementor-element.elementor-element-8e1626d .elementor-form-fields-wrapper{margin-left:calc( -12px/2 );margin-right:calc( -12px/2 );margin-bottom:-18px;}.elementor-544 .elementor-element.elementor-element-8e1626d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-544 .elementor-element.elementor-element-8e1626d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-544 .elementor-element.elementor-element-8e1626d .elementor-labels-inline .elementor-field-group > label{padding-left:6px;}body:not(.rtl) .elementor-544 .elementor-element.elementor-element-8e1626d .elementor-labels-inline .elementor-field-group > label{padding-right:6px;}body .elementor-544 .elementor-element.elementor-element-8e1626d .elementor-labels-above .elementor-field-group > label{padding-bottom:6px;}.elementor-544 .elementor-element.elementor-element-8e1626d .elementor-field-group > label, .elementor-544 .elementor-element.elementor-element-8e1626d .elementor-field-subgroup label{color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-8e1626d .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-size:16px;}.elementor-544 .elementor-element.elementor-element-8e1626d .elementor-field-type-html{color:#000000;}.elementor-544 .elementor-element.elementor-element-8e1626d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-544 .elementor-element.elementor-element-8e1626d .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-544 .elementor-element.elementor-element-8e1626d .e-form__buttons__wrapper__button-next{background-color:#000000;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-8e1626d .elementor-button[type="submit"]{background-color:#000000;color:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-8e1626d .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-544 .elementor-element.elementor-element-8e1626d .e-form__buttons__wrapper__button-previous{color:#41648D;}.elementor-544 .elementor-element.elementor-element-8e1626d .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-544 .elementor-element.elementor-element-8e1626d .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-544 .elementor-element.elementor-element-8e1626d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-544 .elementor-element.elementor-element-8e1626d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-544 .elementor-element.elementor-element-9a41a59{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:33px;--padding-bottom:34px;--padding-left:0px;--padding-right:0px;}.elementor-544 .elementor-element.elementor-element-cb57c82{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:54px;--padding-bottom:55px;--padding-left:0px;--padding-right:0px;}.elementor-544 .elementor-element.elementor-element-d64b57c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:95px;--padding-bottom:91px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-544 .elementor-element.elementor-element-8e90fa8{--width:50%;}.elementor-544 .elementor-element.elementor-element-f2c7a1d{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-6c57428 *//* ===============================
   SDG:ZERO ANIMATED HERO
================================ */

/* Section container */
.sdgz-animated-hero{
  position: relative;
  overflow: hidden;
}

/* Animated gradient background */
.sdgz-animated-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    120deg,
    #e6f0f6,
    #eef9fc,
    #eef6f0,
    #fff5eb
  );
  background-size: 400% 400%;
  animation: sdgzHeroGradient 20s ease infinite;
  z-index: 0;
}

/* Content wrapper */
.sdgz-hero-content{
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
  padding: 70px 20px;
}

/* Heading */
.sdgz-hero-content h1{
  font-size: clamp(40px, 5vw, 58px);
  font-weight: 950;
  line-height: 1.05;
  margin-bottom: 16px;
  color: #0f172a;
}

/* Subheading */
.sdgz-hero-content p{
  font-size: 18px;
  line-height: 1.55;
  color: rgba(15,23,42,.75);
  max-width: 640px;
  margin: 0 auto;
}

/* Animation */
@keyframes sdgzHeroGradient{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}

/* Mobile spacing */
@media(max-width:768px){
  .sdgz-hero-content{
    padding: 60px 16px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-07c2956 *//* ===============================
   CONTACT SECTION 2: INTENTS
================================ */
.sdgz-contact-intents{
  position: relative;
}

.sdgz-intentsWrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 12px 10px;
}

.sdgz-intentsHead{
  text-align: center;
  margin-bottom: 18px;
}

.sdgz-intentsHead h2{
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 950;
  margin: 0 0 8px;
  color: #0f172a;
}

.sdgz-intentsHead p{
  margin: 0 auto;
  max-width: 720px;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(15,23,42,.72);
}

/* Grid */
.sdgz-intentsGrid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

@media (max-width: 980px){
  .sdgz-intentsGrid{ grid-template-columns: 1fr; }
}

/* Card */
.sdgz-intentCard{
  --sdg:#19486A;
  position: relative;
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 18px 18px 18px 18px;
  background: #fff;
  border-radius: 22px;
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 22px 55px rgba(15,23,42,.10);
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background 220ms ease;
}

/* Left colour strip */
.sdgz-intentStripe{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 9px;
  background: var(--sdg);
}

/* Premium glow */
.sdgz-intentCard::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(260px 140px at 18% 40%, color-mix(in srgb, var(--sdg) 22%, transparent), transparent 60%),
    linear-gradient(135deg, color-mix(in srgb, var(--sdg) 10%, transparent), transparent 55%);
  opacity: 0;
  transition: opacity 220ms ease;
  pointer-events: none;
}

.sdgz-intentCard:hover{
  transform: translateY(-4px);
  border-color: rgba(15,23,42,.16);
  box-shadow: 0 30px 78px rgba(15,23,42,.14);
  background: linear-gradient(135deg, color-mix(in srgb, var(--sdg) 7%, #ffffff) 0%, #ffffff 60%);
}

.sdgz-intentCard:hover::before{
  opacity: 1;
}

/* Icon chip */
.sdgz-intentIcon{
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--sdg) 14%, #ffffff);
  border: 1px solid rgba(15,23,42,.08);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
}

.sdgz-intentIcon span{
  font-size: 26px;
  line-height: 1;
}

/* Text */
.sdgz-intentText{
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  z-index: 1;
}

.sdgz-intentText h3{
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 950;
  color: #0f172a;
}

.sdgz-intentText p{
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(15,23,42,.74);
}

/* Arrow */
.sdgz-intentArrow{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.10);
  font-weight: 950;
  font-size: 18px;
  color: #0f172a;
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  transition: transform 220ms ease, background 220ms ease;
}

.sdgz-intentCard:hover .sdgz-intentArrow{
  transform: translateX(2px);
  background: color-mix(in srgb, var(--sdg) 10%, #ffffff);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f04b638 *//* ===============================
   NINJA FORMS – COMPACT MODE
================================ */

/* Reduce overall form padding slightly */
.sdgz-formCard{
  padding: 22px 24px;
}

/* Field spacing */
.sdgz-formCard .nf-field{
  margin-bottom: 12px;
}

/* Remove excess wrapper spacing */
.sdgz-formCard .nf-field-container{
  margin-bottom: 0;
}

/* Labels */
.sdgz-formCard .nf-field-label{
  margin-bottom: 4px;
}

.sdgz-formCard .nf-field-label label{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* Inputs */
.sdgz-formCard input,
.sdgz-formCard textarea,
.sdgz-formCard select{
  padding: 12px 14px; /* was taller */
  font-size: 14px;
  border-radius: 14px;
}

/* Textarea height */
.sdgz-formCard textarea{
  min-height: 110px; /* reduce from default ~160 */
}

/* Submit button spacing */
.sdgz-formCard .nf-field-element button{
  margin-top: 6px;
  padding: 13px 18px;
}

/* Remove extra spacing Ninja adds after submit */
.sdgz-formCard .nf-form-cont{
  padding-bottom: 0;
}

/* Honeypot + hidden fields (sometimes add space) */
.sdgz-formCard .nf-field-hp{
  display: none;
}
/* Ultra-compact variant */
@media(min-width:1024px){
  .sdgz-formCard .nf-field{
    margin-bottom: 10px;
  }
  .sdgz-formCard textarea{
    min-height: 96px;
  }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-8e1626d *//* Elementor Form – SDG:Zero style */
.elementor-form input,
.elementor-form textarea,
.elementor-form select{
  border-radius:14px;
  border:1px solid rgba(15,23,42,.18);
  padding:14px 16px;
  font-size:14px;
}
.elementor-form input:focus,
.elementor-form textarea:focus{
  border-color:#19486A;
  box-shadow:0 0 0 3px rgba(25,72,106,.12);
}
.elementor-form button{
  background:#19486A;
  color:#fff;
  border-radius:14px;
  padding:14px 22px;
  font-weight:900;
  font-size:14px;
}
.elementor-form button:hover{
  background:#12364F;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf6413 *//* ===============================
   CONTACT SECTION 3: FORM
================================ */
.sdgz-contact-form{
  position: relative;
}

.sdgz-formIntro{
  max-width: 520px;
}

.sdgz-formTag{
  display: inline-block;
  margin-bottom: 14px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #19486A;
  background: rgba(25,72,106,.10);
  border-radius: 999px;
}

.sdgz-formIntro h2{
  font-size: clamp(28px, 3.5vw, 36px);
  font-weight: 950;
  margin: 0 0 14px;
  color: #0f172a;
}

.sdgz-formIntro p{
  font-size: 16px;
  line-height: 1.55;
  color: rgba(15,23,42,.74);
}

.sdgz-formPoints{
  margin-top: 18px;
  padding-left: 0;
  list-style: none;
}

.sdgz-formPoints li{
  font-size: 14px;
  margin-bottom: 6px;
  color: rgba(15,23,42,.8);
}

/* Form card */
.sdgz-formCard{
  --sdg:#26BDE2;
  position: relative;
  background: #fff;
  border-radius: 26px;
  padding: 32px;
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 30px 80px rgba(15,23,42,.14);
  overflow: hidden;
}

/* Left SDG strip */
.sdgz-formCard::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width: 10px;
  background: linear-gradient(
    180deg,
    #19486A,
    #26BDE2,
    #4C9F38
  );
}

/* Elementor form styling */
.sdgz-formCard .elementor-field-group{
  margin-bottom: 14px;
}

.sdgz-formCard input,
.sdgz-formCard textarea,
.sdgz-formCard select{
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.18);
  padding: 14px 16px;
  font-size: 14px;
}

.sdgz-formCard input:focus,
.sdgz-formCard textarea:focus,
.sdgz-formCard select:focus{
  border-color: #26BDE2;
  box-shadow: 0 0 0 3px rgba(38,189,226,.18);
}

/* Submit button */
.sdgz-formCard button,
.sdgz-formCard .elementor-button{
  margin-top: 10px;
  background: linear-gradient(135deg,#19486A,#26BDE2);
  color: #fff;
  border-radius: 16px;
  padding: 14px 26px;
  font-weight: 950;
  font-size: 14px;
  border: none;
}

.sdgz-formCard button:hover,
.sdgz-formCard .elementor-button:hover{
  opacity: .92;
}

/* Mobile */
@media(max-width: 900px){
  .sdgz-formIntro{
    margin-bottom: 28px;
  }
  .sdgz-formCard{
    padding: 26px 22px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3dd6711 *//* ===============================
   SECTION 4: SDG STRIP
================================ */
.sdgz-sdg-strip{
  position: relative;
  overflow: hidden;
}

.sdgz-sdg-strip::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      120deg,
      rgba(229,36,59,.12),
      rgba(221,166,58,.12),
      rgba(76,159,56,.12),
      rgba(38,189,226,.12),
      rgba(25,72,106,.12)
    );
  background-size: 400% 400%;
  animation: sdgzStripAnim 22s ease infinite;
}

.sdgz-sdgStripInner{
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 880px;
  margin: 0 auto;
  padding: 0 20px;
}

.sdgz-sdgStripInner h2{
  font-size: clamp(30px,4vw,40px);
  font-weight: 950;
  margin-bottom: 14px;
  color:#0f172a;
}

.sdgz-sdgStripInner p{
  font-size: 17px;
  line-height: 1.55;
  color: rgba(15,23,42,.75);
}

@keyframes sdgzStripAnim{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5b98ee1 *//* ===============================
   SECTION 5: WHY SDG:ZERO
================================ */
.sdgz-whyWrap{
  max-width: 1180px;
  margin: 0 auto;
}

.sdgz-whyHead{
  text-align: center;
  margin-bottom: 36px;
}

.sdgz-whyHead h2{
  font-size: clamp(28px,4vw,36px);
  font-weight: 950;
}

.sdgz-whyHead p{
  font-size: 16px;
  color: rgba(15,23,42,.7);
}

.sdgz-whyGrid{
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap: 18px;
}

.sdgz-whyCard{
  --sdg:#19486A;
  background:#fff;
  border-radius:22px;
  padding:24px;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 22px 55px rgba(15,23,42,.10);
  position:relative;
}

.sdgz-whyCard::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:8px;
  background:var(--sdg);
  border-radius:22px 0 0 22px;
}

.sdgz-whyCard strong{
  display:block;
  font-size:18px;
  font-weight:950;
  margin-bottom:8px;
}

.sdgz-whyCard p{
  font-size:14px;
  color:rgba(15,23,42,.72);
}

@media(max-width:980px){
  .sdgz-whyGrid{grid-template-columns:1fr;}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3974328 *//* ===============================
   SECTION 6: FINAL CTA
================================ */
.sdgz-contact-close{
  text-align:center;
}

.sdgz-closeWrap{
  max-width: 760px;
  margin: 0 auto;
}

.sdgz-closeWrap h2{
  font-size: clamp(30px,4vw,40px);
  font-weight: 950;
  margin-bottom: 12px;
}

.sdgz-closeWrap p{
  font-size: 17px;
  line-height: 1.55;
  color: rgba(15,23,42,.75);
}

.sdgz-closeActions{
  margin-top: 26px;
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
}

.sdgz-btnPrimary{
  padding:14px 28px;
  border-radius:18px;
  background: linear-gradient(135deg,#19486A,#26BDE2);
  color:#fff;
  font-weight:950;
  text-decoration:none;
}

.sdgz-btnSecondary{
  padding:14px 28px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.2);
  color:#0f172a;
  text-decoration:none;
}/* End custom CSS */
/* Start custom CSS *//* SECTION 4 – SDG STRIP (SOFT CONNECTOR) */
.sdgz-band-sdgstrip-soft{
  position:relative;
  overflow:hidden;
  background: #ffffff;
  border-top: 1px solid rgba(15,23,42,.08);
  border-bottom: 1px solid rgba(15,23,42,.08);
}

/* soft wash instead of strong band */
.sdgz-band-sdgstrip-soft:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(700px 260px at 20% 40%, rgba(38,189,226,.10), transparent 60%),
    radial-gradient(700px 260px at 80% 55%, rgba(76,159,56,.08), transparent 60%),
    radial-gradient(700px 260px at 50% 0%, rgba(253,157,36,.08), transparent 60%);
  pointer-events:none;
}

/* keep the SDG rule but make it understated */
.sdgz-band-sdgstrip-soft:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background: linear-gradient(90deg,#E5243B,#DDA63A,#4C9F38,#26BDE2,#19486A);
  opacity:.35;
  pointer-events:none;
}

/* ensure content sits above effects */
.sdgz-band-sdgstrip-soft > .e-con{
  position:relative;
  z-index:1;
}/* End custom CSS */