.elementor-9 .elementor-element.elementor-element-b2bccbb{--display:flex;--min-height:50vh;--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;--overlay-opacity:0.66;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-b2bccbb:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-b2bccbb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sunlightsenergy.com/wp-content/uploads/2026/01/HERO-01-SUNLIGHT.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-b2bccbb::before, .elementor-9 .elementor-element.elementor-element-b2bccbb > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-b2bccbb > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-b2bccbb > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-b2bccbb > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-b2bccbb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #F8F1F1 0%, #E7FFD9 100%);}.elementor-9 .elementor-element.elementor-element-b2bccbb.elementor-element.e-flex::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-radius:inherit;background-color:inherit;}.elementor-9 .elementor-element.elementor-element-d7cbc24{--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:0px;--padding-bottom:0px;--padding-left:79px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-d7cbc24.e-con{--align-self:center;}.elementor-9 .elementor-element.elementor-element-d7cbc24.elementor-element.e-flex::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);border-radius:inherit;background-color:inherit;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-021d0a8{padding:1px 9px 1px 9px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;font-family:"Roboto Condensed", Sans-serif;font-size:25px;font-weight:700;letter-spacing:2.5px;color:#001F5E;}.elementor-9 .elementor-element.elementor-element-021d0a8.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-021d0a8 p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-56da3a5{font-family:"Manrope", Sans-serif;font-size:49px;font-weight:700;text-transform:uppercase;letter-spacing:0px;color:#004580;}.elementor-9 .elementor-element.elementor-element-56da3a5 p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-3458cb2{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:500;line-height:18px;letter-spacing:0.6px;color:#4D4D4D;}.elementor-9 .elementor-element.elementor-element-3458cb2 p{margin-block-end:6px;}.elementor-9 .elementor-element.elementor-element-6a158aa{--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;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-5ec8c1e .elementor-button{background-color:transparent;font-family:"Manrope", Sans-serif;font-weight:600;letter-spacing:1.5px;background-image:linear-gradient(90deg, #2BCC1D 0%, #87BD6E 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#8397F3;border-radius:15px 15px 15px 15px;}.elementor-9 .elementor-element.elementor-element-5ec8c1e .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-5ec8c1e .elementor-button:focus{background-color:transparent;background-image:linear-gradient(90deg, #87BD6E 0%, #2BCC1D 100%);}.elementor-9 .elementor-element.elementor-element-df74ad6 .elementor-button{background-color:#FFFFFF8A;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:900;letter-spacing:1.5px;fill:#2BCC1D;color:#2BCC1D;border-style:solid;border-width:2px 2px 2px 2px;border-color:#2BCC1D;border-radius:15px 15px 15px 15px;}.elementor-9 .elementor-element.elementor-element-df74ad6 .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-df74ad6 .elementor-button:focus{color:#AD8603;}.elementor-9 .elementor-element.elementor-element-df74ad6 .elementor-button:hover svg, .elementor-9 .elementor-element.elementor-element-df74ad6 .elementor-button:focus svg{fill:#AD8603;}.elementor-9 .elementor-element.elementor-element-76f8e82{--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;--justify-content:space-around;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-336c0ef:not(.e-transform){-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}.elementor-9 .elementor-element.elementor-element-336c0ef.e-transform{--e-transform-rotateZ:0deg;}.elementor-9 .elementor-element.elementor-element-336c0ef.elementor-widget, .elementor-9 .elementor-element.elementor-element-336c0ef.elementor-widget > *{position:relative;--jkit-option-enabled:1px;}.elementor-9 .elementor-element.elementor-element-336c0ef.elementor-widget::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:inherit;background-color:inherit;}.elementor-9 .elementor-element.elementor-element-336c0ef{text-align:end;}.elementor-9 .elementor-element.elementor-element-336c0ef img{opacity:1;}.elementor-9 .elementor-element.elementor-element-913eacf{--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-9 .elementor-element.elementor-element-913eacf:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-913eacf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sunlightsenergy.com/wp-content/uploads/2026/01/body_bg.png");}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-c861a08{--divider-border-style:solid;--divider-color:#FFF3D2;--divider-border-width:1px;}.elementor-9 .elementor-element.elementor-element-c861a08 .elementor-divider-separator{width:100%;}.elementor-9 .elementor-element.elementor-element-c861a08 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-9 .elementor-element.elementor-element-541bd39{--spacer-size:50px;}.elementor-9 .elementor-element.elementor-element-d09806a{--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;}.elementor-9 .elementor-element.elementor-element-b1c613b{--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;--justify-content:space-around;}.elementor-9 .elementor-element.elementor-element-5c895ca{--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-9 .elementor-element.elementor-element-86022da{--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;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:40px 40px 40px 40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-86022da:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-86022da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sunlightsenergy.com/wp-content/uploads/2026/01/home3-app-leaf-bg.png");}.elementor-9 .elementor-element.elementor-element-2b4c8d9{--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-9 .elementor-element.elementor-element-2b4c8d9:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-2b4c8d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sunlightsenergy.com/wp-content/uploads/2026/01/home3-app-leaf-bg.png");}.elementor-9 .elementor-element.elementor-element-edfc657{border-radius:15px 15px 15px 15px;}.elementor-9 .elementor-element.elementor-element-8883bcb{--spacer-size:50px;}.elementor-9 .elementor-element.elementor-element-3f048ae{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-3f048ae::before, .elementor-9 .elementor-element.elementor-element-3f048ae > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-3f048ae > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-3f048ae > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-3f048ae > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-3f048ae > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://sunlightsenergy.com/wp-content/uploads/2026/01/body_bg.png");--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-42a34dc{--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;--justify-content:space-around;}.elementor-9 .elementor-element.elementor-element-860866b{--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;}body.elementor-page-9{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-b2bccbb{--width:100vw;}.elementor-9 .elementor-element.elementor-element-d7cbc24{--width:50%;}.elementor-9 .elementor-element.elementor-element-76f8e82{--width:50%;}.elementor-9 .elementor-element.elementor-element-b1c613b{--width:50%;}.elementor-9 .elementor-element.elementor-element-5c895ca{--width:50%;}.elementor-9 .elementor-element.elementor-element-86022da{--content-width:100%;}.elementor-9 .elementor-element.elementor-element-42a34dc{--width:40%;}.elementor-9 .elementor-element.elementor-element-860866b{--width:60%;}}/* Start custom CSS for html, class: .elementor-element-54c4c96 */.why-select-us{
  padding:8px 20px;
  background:#;
  text-align:center;
}

.why-title{color:#ff;font-size:34px}
.why-subtitle{color:#cbd5f;max-width:720px;margin:10px auto 50px}

/* DESKTOP ORBIT */
.orbit-wrapper{
  position:relative;
  width:680px;
  height:680px;
  margin:auto;
}

/* CENTER */
.center-image{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:5;
  pointer-events:none;
}

.center-image img{
  display:block;
  width:220px;
  height:220px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 25px 60px rgba(0,0,0,.6);
}


.center-image img{
  width:220px;
  height:220px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 25px 60px rgba(0,0,0,.6);
}

/* CARDS */
.why-card{
  position:absolute;
  width:150px;
  height:150px;
  background:#fff;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.why-card img{width:40px;margin-bottom:6px}
.why-card span{font-size:12px;font-weight:600;color:#2fbf00}

/* MOBILE STACK (NO ABSOLUTE, NO ORBIT) */
@media(max-width:991px){

  .orbit-wrapper{
    width:100%;
    height:auto;
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
  }

  .center-image{
    position:relative;
    top:auto;
    left:auto;
    transform:none;
    margin:0 auto 24px;
    pointer-events:auto;
  }

  .center-image img{
    width:180px;
    height:180px;
  }

  .why-card{
    position:relative;
    width:100%;
    height:auto;
    border-radius:16px;
    padding:18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd82e4d *//* === STATS SECTION – WHITE THEME === */
#uplink-stats{
  padding:80px 20px;
  background:;
  color:#1a1a1a;
}

.stats-container{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
}

/* === COUNTER CARDS === */
.stats-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
}

.stat-card{
  background:#ffffff;
  border:2px solid #2fbf71; /* NEW BORDER COLOR */
  border-radius:18px;
  padding:35px 20px;
  text-align:center;
  transition:all .4s ease;
  position:relative;
  overflow:hidden;
}

.stat-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top left,
  rgba(47,191,113,.25), transparent 60%);
  opacity:0;
  transition:.4s;
}

.stat-card:hover::before{
  opacity:1;
}

.stat-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 45px rgba(47,191,113,.35);
}

.stat-card h3{
  font-size:38px;
  margin:0;
  font-weight:700;
  color:#2fbf71;
}

.stat-card p{
  margin-top:10px;
  font-size:15px;
  letter-spacing:.5px;
  color:#555;
}

/* === IMAGE === */
.stats-image{
  position:relative;
  border-radius:22px;
}

.stats-image img{
  width:100%;
  height:auto;
  border-radius:22px;
  animation:float 6s ease-in-out infinite;
  transition:.4s;
}

.stats-image:hover img{
  box-shadow:0 20px 55px rgba(47,191,113,.35);
  transform:scale(1.04);
}

/* FLOAT EFFECT */
@keyframes float{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-14px); }
}

/* === RESPONSIVE === */
@media(max-width:900px){
  .stats-container{
    grid-template-columns:1fr;
  }
  .stats-cards{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-644745e */#uplink-services{
  padding:9px 20px;
  background:#;
  text-align:center;
}

.services-title{
  font-size:40px;
  font-weight:700;
  color:#FFFFF;
}

.services-subtitle{
  margin-top:12px;
  font-size:16px;
  color:#FFFFF;
  max-width:650px;
  margin-inline:auto;
}

/* SLIDER */
.services-slider{
  margin-top:60px;
  overflow:hidden;
  padding-top:30px; /* prevents hover cut */
}

.services-track{
  display:flex;
  gap:30px;
  width:max-content;
  animation:servicesLoop 36s linear infinite;
}

/* CARD */
.service-card{
  min-width:300px;
  background:#ffffff;
  border:1px solid #2fbf71;
  border-radius:18px;
  overflow:hidden;
  position:relative;
  transition:.35s ease;
  box-shadow:0 8px 30px rgba(0,0,0,.08);
}

/* IMAGE */
.service-card img{
  width:100%;
  height:190px;
  object-fit:cover;
}

/* ICON */
.service-icon{
  position:absolute;
  top:12px;
  left:12px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:#ffffff;
  border:2px solid #2fbf71;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  z-index:2;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
}

/* TITLE */
.service-card h3{
  padding:20px;
  font-size:17px;
  color:#1a1a1a;
  line-height:1.4;
}

/* HOVER */
.service-card:hover{
  transform:translateY(-12px);
  box-shadow:0 25px 60px rgba(47,191,113,.35);
}

/* PAUSE */
.services-slider:hover .services-track{
  animation-play-state:paused;
}

/* LOOP */
@keyframes servicesLoop{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

/* RESPONSIVE */
@media(max-width:768px){
  .service-card{ min-width:260px; }
  .services-title{ font-size:32px; }
}
/* ===============================
   CSS PARTICLE BACKGROUND
   =============================== */

#uplink-services{
  position:relative;
  overflow:hidden;
}

/* PARTICLE LAYER */
#uplink-services .particle-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 20%, rgba(47,191,113,.18) 2px, transparent 3px),
    radial-gradient(circle at 30% 80%, rgba(0,132,255,.18) 2px, transparent 3px),
    radial-gradient(circle at 70% 40%, rgba(47,191,113,.18) 2px, transparent 3px),
    radial-gradient(circle at 90% 70%, rgba(0,132,255,.18) 2px, transparent 3px),
    radial-gradient(circle at 50% 50%, rgba(47,191,113,.15) 2px, transparent 3px);
  background-size:200px 200px;
  animation:particleMove 40s linear infinite;
}

/* FLOAT MOTION */
@keyframes particleMove{
  from{
    background-position:
      0 0,
      0 0,
      0 0,
      0 0,
      0 0;
  }
  to{
    background-position:
      400px 600px,
      -300px 500px,
      200px -400px,
      -500px -300px,
      300px 200px;
  }
}

/* ENSURE CONTENT IS ABOVE PARTICLES */
#uplink-services > *:not(.particle-bg){
  position:relative;
  z-index:1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e0c57c *//* ===============================
   SUNLIGHT ENERGY – FORM ONLY
================================ */
:root{
  --green:#2fbf00;
  --yellow:#ffcc00;
  --dark:#0f172a;
  --muted:#64748b;
}

.se-form-only{
  max-width:420px;
  margin:0 auto;
  background:#ffffff;
  padding:32px 28px;
  border-radius:20px;
  box-shadow:0 18px 45px rgba(0,0,0,.18);
  font-family:Poppins,system-ui,sans-serif;
}

.se-form-title{
  text-align:center;
  font-size:22px;
  margin-bottom:22px;
  color:var(--dark);
}

/* FIELDS */
.se-field{
  margin-bottom:16px;
}

.se-row{
  display:flex;
  gap:12px;
}

.se-code{
  max-width:90px;
}

.se-form-only input,
.se-form-only select,
.se-form-only textarea{
  width:100%;
  height:48px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid #e2e8f0;
  font-size:14px;
  background:#f8fafc;
  color:#000;
  outline:none;
  transition:.3s ease;
}

.se-form-only textarea{
  height:110px;
  padding:12px 16px;
  resize:vertical;
}

/* SELECT ARROW */
.se-form-only select{
  appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:18px;
}

/* FOCUS */
.se-form-only input:focus,
.se-form-only select:focus,
.se-form-only textarea:focus{
  background:#ffffff;
  border-color:var(--green);
  box-shadow:0 0 0 3px rgba(47,191,0,.15);
}

/* SUBMIT */
.se-submit{
  width:100%;
  height:52px;
  border:none;
  border-radius:40px;
  background:linear-gradient(135deg,var(--yellow),#ffb300);
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  color:#000;
  transition:.3s ease;
}

.se-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(255,204,0,.4);
}

/* WHATSAPP */
.se-whatsapp{
  display:block;
  margin-top:14px;
  padding:14px;
  text-align:center;
  background:#25d366;
  color:#fff;
  border-radius:40px;
  font-weight:600;
  text-decoration:none;
  transition:.3s ease;
}

.se-whatsapp:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(37,211,102,.4);
}

/* CONTACT INFO */
.se-contact-info{
  margin-top:18px;
  text-align:center;
  font-size:13px;
  color:var(--muted);
}

/* POPUP */
.se-popup{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:99999;
}

.se-popup-box{
  background:#ffffff;
  padding:26px 24px;
  width:300px;
  border-radius:18px;
  text-align:center;
}

.se-popup-box h4{
  font-size:20px;
  margin-bottom:8px;
}

.se-popup-box p{
  font-size:14px;
  margin-bottom:16px;
  color:#444;
}

.se-popup-box button{
  background:var(--yellow);
  border:none;
  padding:10px 26px;
  border-radius:30px;
  font-weight:600;
  cursor:pointer;
}

.se-popup-box button:hover{
  background:#ffb300;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f40590 *//* ==================================================
   SOLAR LEFT HERO – FULL CSS (FINAL)
================================================== */

:root{
  --green:#2fbf00;
  --green-dark:#15803d;
  --text:#0f172a;
  --muted:#475569;
  --card:#ffffff;
  --bg-soft:#f8fafc;
  --shadow-lg:0 30px 60px rgba(0,0,0,.12);
  --shadow-md:0 20px 40px rgba(0,0,0,.15);
  --radius-lg:26px;
  --radius-md:22px;
}

/* MAIN WRAPPER */
.solar-left-hero{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:40px;
  padding:40px;
  font-family:Poppins,system-ui,sans-serif;
  align-items:stretch;
}

/* ================= LEFT CONTENT CARD ================= */
.solar-left-card{
  background:linear-gradient(180deg,#ffffff,var(--bg-soft));
  padding:38px 36px;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
}

/* HEADING */
.solar-left-card h2{
  font-size:36px;
  line-height:1.15;
  color:var(--text);
  margin-bottom:16px;
}

.solar-left-card h2 span{
  color:var(--green);
}

/* DESCRIPTION */
.solar-left-card p{
  font-size:15px;
  line-height:1.7;
  color:var(--muted);
  margin-bottom:22px;
  max-width:520px;
}

/* FEATURE LIST */
.solar-left-card ul{
  list-style:none;
  padding:0;
  margin-bottom:28px;
}

.solar-left-card li{
  position:relative;
  font-size:14px;
  color:#334155;
  margin-bottom:10px;
  padding-left:22px;
}

.solar-left-card li::before{
  content:"✔";
  position:absolute;
  left:0;
  top:0;
  color:var(--green);
  font-weight:700;
}

/* CTA BUTTON */
.solar-cta{
  display:inline-block;
  padding:14px 36px;
  border-radius:40px;
  background:linear-gradient(135deg,var(--green),var(--green-dark));
  color:#ffffff;
  font-weight:600;
  font-size:15px;
  text-decoration:none;
  transition:transform .35s ease, box-shadow .35s ease;
}

.solar-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(47,191,0,.45);
}

/* ================= RIGHT IMAGE CARD ================= */
.solar-image-stage{
  position:relative;
  background:var(--card);
  border-radius:var(--radius-lg);
  padding:26px;
  box-shadow:var(--shadow-md);
  overflow:hidden;

  /* HEIGHT CONTROL (FIX) */
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:420px;
}

/* IMAGE FIX (IMPORTANT) */
.solar-image-stage img{
  max-width:100%;
  max-height:350px;
  height:auto;
  object-fit:contain;
  position:relative;
  z-index:2;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.25));
}

/* ================= SUN ANIMATION ================= */
.solar-sun{
  position:absolute;
  top:20px;
  right:20px;
  width:90px;
  height:90px;
  border-radius:50%;
  background:radial-gradient(circle,#ffeb3b,#ff9800);
  box-shadow:0 0 40px rgba(255,200,0,.7);
  animation:sunPulse 4s ease-in-out infinite;
  z-index:1;
}

@keyframes sunPulse{
  0%,100%{
    transform:scale(1);
    box-shadow:0 0 40px rgba(255,200,0,.7);
  }
  50%{
    transform:scale(1.08);
    box-shadow:0 0 60px rgba(255,200,0,.9);
  }
}

/* ===============================
   FREE FLYING BIRDS (ANYWHERE)
================================ */

.birds-free{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:1;
}

/* BIRD SHAPE */
.bird{
  position:absolute;
  width:20px;
  height:10px;
  border-top:2px solid #334155;
  border-radius:50%;
  opacity:.65;
}

/* INDIVIDUAL BIRDS */
.b1{
  top:20%;
  left:-10%;
  animation:flyCurve1 14s linear infinite;
}

.b2{
  top:45%;
  left:-15%;
  transform:scale(.9);
  animation:flyCurve2 18s linear infinite;
}

.b3{
  top:65%;
  left:110%;
  transform:scale(.75) rotateY(180deg);
  animation:flyCurve3 20s linear infinite;
}

.b4{
  top:30%;
  left:120%;
  transform:scale(.85) rotateY(180deg);
  animation:flyCurve4 16s linear infinite;
}

/* ===============================
   CURVED PATH ANIMATIONS
================================ */

/* LEFT → RIGHT (UP & DOWN) */
@keyframes flyCurve1{
  0%   {transform:translate(0,0) scale(1)}
  25%  {transform:translate(30vw,-30px)}
  50%  {transform:translate(60vw,20px)}
  75%  {transform:translate(90vw,-15px)}
  100% {transform:translate(120vw,10px)}
}

/* LEFT → RIGHT (SLOW & HIGH) */
@keyframes flyCurve2{
  0%   {transform:translate(0,0) scale(.9)}
  30%  {transform:translate(35vw,-40px)}
  60%  {transform:translate(75vw,25px)}
  100% {transform:translate(120vw,-10px)}
}

/* RIGHT → LEFT */
@keyframes flyCurve3{
  0%   {transform:translate(0,0) scale(.75) rotateY(180deg)}
  30%  {transform:translate(-30vw,-20px) scale(.8)}
  60%  {transform:translate(-70vw,30px) scale(.75)}
  100% {transform:translate(-120vw,-10px) scale(.7)}
}

/* RIGHT → LEFT (FAST) */
@keyframes flyCurve4{
  0%   {transform:translate(0,0) scale(.85) rotateY(180deg)}
  25%  {transform:translate(-40vw,20px)}
  55%  {transform:translate(-80vw,-25px)}
  100% {transform:translate(-120vw,10px)}
}


/* ================= RESPONSIVE ================= */
@media(max-width:1024px){
  .solar-left-hero{
    padding:30px;
  }
}

@media(max-width:900px){
  .solar-left-hero{
    grid-template-columns:1fr;
    padding:20px;
  }

  .solar-left-card h2{
    font-size:28px;
  }

  .solar-image-stage{
    min-height:340px;
  }

  .solar-image-stage img{
    max-height:260px;
  }
}/* End custom CSS */