.elementor-3737 .elementor-element.elementor-element-84937a0 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3737 .elementor-element.elementor-element-84937a0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.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-3737 .elementor-element.elementor-element-67ce18c img{width:100%;max-width:100%;height:500px;object-fit:cover;object-position:top center;border-style:none;}.elementor-3737 .elementor-element.elementor-element-850ab97{margin-top:8px;margin-bottom:8px;padding:2px 2px 2px 2px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3737 .elementor-element.elementor-element-7c97349 .elementor-heading-title{color:#1E2122;}.elementor-3737 .elementor-element.elementor-element-3a839e3 .elementor-heading-title{color:#454A4D;}.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-3737 .elementor-element.elementor-element-0028f79 .elementor-button{background-color:#238D8F;border-radius:19px 19px 19px 19px;}.elementor-3737 .elementor-element.elementor-element-0dde6b8:not(.elementor-motion-effects-element-type-background), .elementor-3737 .elementor-element.elementor-element-0dde6b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E3F2F5;}.elementor-3737 .elementor-element.elementor-element-0dde6b8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3737 .elementor-element.elementor-element-0dde6b8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3737 .elementor-element.elementor-element-395676b.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-3737 .elementor-element.elementor-element-cae1442 .elementor-heading-title{color:#272A2A;}.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 );}@media(max-width:1024px){.elementor-3737 .elementor-element.elementor-element-67ce18c img{height:260px;}}@media(max-width:767px){.elementor-3737 .elementor-element.elementor-element-67ce18c{text-align:center;}.elementor-3737 .elementor-element.elementor-element-67ce18c img{width:100%;max-width:100%;height:145px;}}/* Start custom CSS for html, class: .elementor-element-395676b *//* =========================
   BASE
========================= */

#evApp{
  background:#0b0f14 !important;
  color:#fff !important;
  font-family:system-ui;
}

.ev-container{
  display:flex;
  gap:20px;
  padding:20px;
}

/* =========================
   PANELS
========================= */

.ev-left{
  width:35%;
  background:#111827 !important;
  padding:20px;
  border-radius:16px;
}

.ev-right{
  width:65%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

/* =========================
   INPUTS
========================= */

#evApp input,
#evApp select{
  width:100%;
  padding:12px;
  margin:8px 0 14px;
  border-radius:10px;
  border:none;
  background:#1f2937 !important;
  color:#fff !important;
}

#evApp input:focus,
#evApp select:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(34,197,94,0.2);
}

/* =========================
   CARDS
========================= */

.card{
  background:#111827 !important;
  padding:8px;
  border-radius:16px;
  transition:0.3s ease;
}

.card:hover{
  transform:translateY(-3px);
}

/* =========================
   SAVINGS HERO
========================= */

#savings{
  font-size:48px !important;
  font-weight:900 !important;
  color:#00ff88 !important;
  text-shadow:0 0 25px rgba(34,197,94,0.4);
}

/* pulse animation */
.pulse{
  animation:pulseGlow 0.6s ease;
}

@keyframes pulseGlow{
  0%{transform:scale(1);}
  50%{transform:scale(1.08);}
  100%{transform:scale(1);}
}

/* =========================
   NOTE
========================= */

#note{
  font-size:20px !important;
  font-weight:700 !important;
  background:#0f172a;
  padding:12px 16px;
  border-radius:12px;
  display:inline-block;
}

/* =========================
   BAR
========================= */

.bar{
  width:100%;
  height:14px;
  background:#1f2937;
  border-radius:10px;
  overflow:hidden;
  display:flex;
}

.bar-red{
  background:#ef4444;
  transition:width 0.4s ease;
}

.bar-green{
  background:#22c55e;
  transition:width 0.4s ease;
}

/* =========================
   MOBILE
========================= */

@media(max-width:900px){
  .ev-container{
    flex-direction:column;
  }

  .ev-left,.ev-right{
    width:100%;
  }

  #savings{
    font-size:42px !important;
  }
}
#savings{
  font-size:46px !important;
  font-weight:900;
  color:#00ff88;
}
#aiRecommendation{
  margin-top:12px;
  padding:14px 16px;
  border-radius:12px;
  background:#0f172a;
  border-left:4px solid #3b82f6;
  font-size:16px;
  font-weight:600;
  line-height:1.4;
  transition:0.3s ease;
}

#aiRecommendation strong{
  color:#22c55e;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0dde6b8 */body{
  background:#387CB;
}

.ev-inputs{
  background:#111827;
  padding:20px;
  border-radius:14px;
  color:white;
}

.ev-inputs input,
.ev-inputs select{
  width:100%;
  padding:10px;
  margin-top:6px;
  margin-bottom:12px;
  border-radius:8px;
  border:none;
  background:#1f2937;
  color:white;
}

.dashboard{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

.card{
  background:#111827;
  padding:20px;
  border-radius:12px;
  color:white;
}

.card .value{
  font-size:32px;
  font-weight:bold;
  margin-top:10px;
}

.red{ border:1px solid #ef4444; }
.green{ border:1px solid #22c55e; }
.highlight{ border:1px solid #60a5fa; }

.full{
  grid-column:span 2;
}

.note{
  grid-column:span 2;
  padding:12px;
  background:#0f172a;
  border-radius:10px;
  font-size:13px;
  color:#a7f3d0;
}/* End custom CSS */