.elementor-40 .elementor-element.elementor-element-e0a3ba8{--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;--padding-top:050px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-e0a3ba8:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-e0a3ba8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECEFFF;}.elementor-40 .elementor-element.elementor-element-36f765a{--display:flex;--border-radius:35px 35px 35px 35px;}.elementor-40 .elementor-element.elementor-element-36f765a:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-36f765a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAE8;}.elementor-40 .elementor-element.elementor-element-216e0be{--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:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-a51b7db{--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-40 .elementor-element.elementor-element-a51b7db:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-a51b7db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-40 .elementor-element.elementor-element-7fbbb26{--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-40 .elementor-element.elementor-element-1c00238{--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;}@media(min-width:768px){.elementor-40 .elementor-element.elementor-element-7fbbb26{--width:50%;}.elementor-40 .elementor-element.elementor-element-1c00238{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-6dd88d7 *//* ================= PAGE TITLE ================= */
.page-title{
  background:; /* light background for contrast */
  padding:9px 20px;
  text-align:center;
}

.page-title-inner{
  max-width:1200px;
  margin:0 auto;
}

.page-title h1{
  margin:0 0 14px;
  font-size:42px;
  font-weight:700;
  letter-spacing:3px;
  color:#020617; /* title color */
}

/* ================= BREADCRUMB ================= */
.breadcrumb{
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#020617; /* breadcrumb text */
}

.breadcrumb a{
  color:#020617; /* link color */
  text-decoration:none;
  font-weight:500;
  transition:opacity .3s ease;
}

.breadcrumb a:hover{
  opacity:.7;
}

.breadcrumb span{
  margin:0 6px;
  color:#020617; /* symbol ( > ) color */
}

.breadcrumb .current{
  color:#020617;
  font-weight:600;
}

/* ================= RESPONSIVE ================= */
@media(max-width:600px){
  .page-title h1{
    font-size:32px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-866b618 *//* =========================================
   MAP + SOCIAL – SUNLIGHT ENERGY
   ========================================= */

.sunlight-map-social{
  background:#;
  padding:100px 0px;
  font-family:Poppins,system-ui,sans-serif;
}

/* MAP */
.sunlight-map{
  max-width:1200px;
  margin:0 auto 80px;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 40px 90px rgba(0,0,0,.6);
}

/* MAP – ORIGINAL GOOGLE COLORS */
.sunlight-map iframe{
  width:100%;
  height:420px;
  border:0;
  filter:none;              /* IMPORTANT: removes grayscale */
}


/* SOCIAL */
.sunlight-social{
  text-align:center;
}

.sunlight-social h3{
  font-size:28px;
  color:#f8faf;
  margin-bottom:30px;
}
/* ================= PULSE ANIMATION ================= */

/* Pulse keyframes */
@keyframes pulseGlow{
  0%{
    box-shadow:0 0 0 0 rgba(34,197,94,.45);
  }
  70%{
    box-shadow:0 0 0 14px rgba(34,197,94,0);
  }
  100%{
    box-shadow:0 0 0 0 rgba(34,197,94,0);
  }
}

/* Apply pulse */
.social-icons a{
  position:relative;
}

.social-icons a::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  animation:pulseGlow 2.5s infinite;
  pointer-events:none;
}

/* Pause pulse on hover (clean UX) */
.social-icons a:hover::after{
  animation:none;
}

/* ICONS */
.social-icons{
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}

.social-icons a{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#;
  font-size:22px;
  transition:.35s ease;
  text-decoration:none;
}

.social-icons a:hover{
  transform:translateY(-6px);
  color:#22c55E;
  border-color:#22c55e;
  box-shadow:0 16px 40px rgba(34,197,94,.45);
}

/* RESPONSIVE */
@media(max-width:600px){
  .sunlight-map iframe{
    height:300px;
  }

  .social-icons a{
    width:50px;
    height:50px;
    font-size:20px;
  }
}
/* ================= DARK MAP EFFECT ================= */

.dark-map{
  position:relative;
  overflow:hidden;
  border-radius:30px;
}

/* Darken + desaturate map */
.dark-map iframe{
  width:100%;
  height:420px;
  border:0;
  filter:
    grayscale(100%)
    invert(92%)
    contrast(110%)
    brightness(90%);
}

/* Dark overlay tint */
.dark-map::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(2,6,23,.35); /* #020617 overlay */
  pointer-events:none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0d7ae35 *//* =========================================
   CONTACT FORM 7 – SUNLIGHT ENERGY (LIGHT)
========================================= */

.sunlight-cf7,
.wpcf7{
  max-width:600px;
  margin:auto;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:32px;
  padding:42px;
  box-shadow:0 30px 70px rgba(15,23,42,.12);
  font-family:Poppins,system-ui,sans-serif;
}

/* ---------- LABELS ---------- */
.sunlight-cf7 label,
.wpcf7 label{
  display:block;
  font-size:14px;
  margin-bottom:6px;
  color:#334155;
}

/* ---------- INPUTS / TEXTAREA / SELECT ---------- */
.sunlight-cf7 input[type="text"],
.sunlight-cf7 input[type="email"],
.sunlight-cf7 input[type="number"],
.sunlight-cf7 textarea,
.sunlight-cf7 select,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="number"],
.wpcf7 textarea,
.wpcf7 select{
  width:100%;
  padding:16px 18px;
  border-radius:16px;
  border:1px solid #cbd5e1;
  background:#ffffff;
  color:#020617;
  font-size:15px;
  outline:none;
  transition:.25s ease;
  box-sizing:border-box;
}

/* REDUCE TEXTAREA HEIGHT */ .sunlight-cf7 textarea, .wpcf7 textarea{ min-height:80px; /* change to 60px / 70px if needed */ height:80px; }

/* ---------- PLACEHOLDER ---------- */
.sunlight-cf7 input::placeholder,
.sunlight-cf7 textarea::placeholder,
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder{
  color:#94a3b8;
}

/* ---------- FOCUS ---------- */
.sunlight-cf7 input:focus,
.sunlight-cf7 textarea:focus,
.sunlight-cf7 select:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus{
  border-color:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.18);
}

/* ---------- SELECT DROPDOWN ---------- */
.sunlight-cf7 select,
.wpcf7 select{
  appearance:none;
  background-image:
    linear-gradient(45deg,transparent 50%,#22c55e 50%),
    linear-gradient(135deg,#22c55e 50%,transparent 50%);
  background-position:
    calc(100% - 20px) 50%,
    calc(100% - 15px) 50%;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
  cursor:pointer;
}

/* ---------- FILE UPLOAD ---------- */
.sunlight-cf7 input[type="file"],
.wpcf7 input[type="file"]{
  background:#f8fafc;
  border:1px dashed #cbd5e1;
  padding:14px;
  border-radius:14px;
  color:#334155;
  cursor:pointer;
}

/* ---------- SUBMIT BUTTON ---------- */
.sunlight-cf7 input[type="submit"],
.wpcf7 input[type="submit"]{
  width:100%;
  margin-top:22px;
  padding:16px;
  border:none;
  border-radius:40px;
  background:linear-gradient(135deg,#22c55e,#3b82f6);
  color:#ffffff;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  transition:.3s ease;
}

.sunlight-cf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 35px rgba(34,197,94,.45);
}

/* ---------- VALIDATION ---------- */
.wpcf7-not-valid-tip{
  font-size:13px;
  margin-top:6px;
  color:#dc2626;
}

.wpcf7-response-output{
  margin-top:18px;
  padding:14px;
  border-radius:14px;
  font-size:14px;
  background:#ecfdf5;
  color:#065f46;
  border:1px solid #22c55e;
}

/* ---------- MOBILE ---------- */
@media(max-width:600px){
  .sunlight-cf7,
  .wpcf7{
    padding:30px 22px;
  }
}/* End custom CSS */