.elementor-24 .elementor-element.elementor-element-5e52f34{--display:flex;--min-height:500px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--border-radius:14px 14px 14px 14px;box-shadow:0px 0px 10px 0px rgba(0,0,0,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-24 .elementor-element.elementor-element-5e52f34:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-5e52f34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F172A;}.elementor-24 .elementor-element.elementor-element-5e52f34::before, .elementor-24 .elementor-element.elementor-element-5e52f34 > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-5e52f34 > .e-con-inner > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-5e52f34 > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-5e52f34 > .e-con-inner > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-5e52f34 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(120deg, #7C3AED59 0%, #06B6D440 100%);}.elementor-24 .elementor-element.elementor-element-5e52f34.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-24 .elementor-element.elementor-element-6cb970c{--display:flex;}.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-24 .elementor-element.elementor-element-b820413{text-align:center;}.elementor-24 .elementor-element.elementor-element-b820413 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:var( --e-global-color-45d50cf );}.elementor-24 .elementor-element.elementor-element-71f2130{text-align:center;}.elementor-24 .elementor-element.elementor-element-71f2130 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-acc7302 );}.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-24 .elementor-element.elementor-element-f909a42{text-align:center;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-5bec0eb{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#94A3B826;--border-color:#94A3B826;--border-radius:14px 14px 14px 14px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-24 .elementor-element.elementor-element-5bec0eb:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-5bec0eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02061799;}.elementor-24 .elementor-element.elementor-element-a40b0c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 016px) 0px;text-align:right;}.elementor-24 .elementor-element.elementor-element-a40b0c4.elementor-element{--align-self:center;}.elementor-24 .elementor-element.elementor-element-a40b0c4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:var( --e-global-color-45d50cf );}.elementor-24 .elementor-element.elementor-element-880d568{--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:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-24 .elementor-element.elementor-element-5c1d3b9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-24 .elementor-element.elementor-element-c852e01{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 016px) 0px;text-align:left;}.elementor-24 .elementor-element.elementor-element-c852e01.elementor-element{--align-self:center;}.elementor-24 .elementor-element.elementor-element-c852e01 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-acc7302 );}.elementor-24 .elementor-element.elementor-element-efad701{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 016px) 0px;text-align:right;}.elementor-24 .elementor-element.elementor-element-efad701.elementor-element{--align-self:center;}.elementor-24 .elementor-element.elementor-element-efad701 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:var( --e-global-color-45d50cf );}.elementor-24 .elementor-element.elementor-element-76058aa{--display:flex;--margin-top:0px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;}.elementor-24 .elementor-element.elementor-element-76058aa:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-76058aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-24 .elementor-element.elementor-element-0b28641{--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-24 .elementor-element.elementor-element-0b28641.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-24 .elementor-element.elementor-element-9e34c08 .elementor-heading-title{color:var( --e-global-color-acc7302 );}.elementor-24 .elementor-element.elementor-element-07864de{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.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-24 .elementor-element.elementor-element-02acb84 .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-weight:800;fill:#E5E7EB;color:#E5E7EB;background-image:linear-gradient(90deg, var( --e-global-color-228d554 ) 0%, var( --e-global-color-a47055c ) 100%);border-style:none;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-8460251{--display:flex;}.elementor-24 .elementor-element.elementor-element-782fac5{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-0199ec6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 016px) 0px;text-align:left;}.elementor-24 .elementor-element.elementor-element-0199ec6.elementor-element{--align-self:center;}.elementor-24 .elementor-element.elementor-element-0199ec6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-acc7302 );}.elementor-24 .elementor-element.elementor-element-155db5c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 016px) 0px;text-align:right;}.elementor-24 .elementor-element.elementor-element-155db5c.elementor-element{--align-self:center;}.elementor-24 .elementor-element.elementor-element-155db5c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:var( --e-global-color-45d50cf );}.elementor-24 .elementor-element.elementor-element-a3234c4{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-5c1d3b9{--grid-auto-flow:row;}.elementor-24 .elementor-element.elementor-element-782fac5{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-5e52f34{--width:84%;}.elementor-24 .elementor-element.elementor-element-0b28641{--width:82.994%;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-5c1d3b9{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-24 .elementor-element.elementor-element-76058aa{--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-24 .elementor-element.elementor-element-a1fe807{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-24 .elementor-element.elementor-element-0b28641{--margin-top:800px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-24 .elementor-element.elementor-element-782fac5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-a40b0c4 */.es-btn--primary {
  background: linear-gradient(90deg, #7c3aed, #06b6d4); /* Violet → Cyan */
  color: #fff;
  border: none;
  transition: all 0.4s ease;
  box-shadow: 0 0 10px rgba(6, 182, 212, 0.25);
}

/* Hover: soft glow and lift */
.es-btn--primary:hover {
  background: linear-gradient(90deg, #8b5cf6, #22d3ee); /* brighter tones */
  box-shadow: 0 0 14px rgba(124, 58, 237, 0.4), 0 0 20px rgba(6, 182, 212, 0.35);
  transform: translateY(-1px);
}

/* Active click press */
.es-btn--primary:active {
  transform: scale(0.97);
  box-shadow: none;
}

/* Ensure icon color is visible */
.es-btn--primary .es-icon {
  color: #fff;
  font-size: 1.1em;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e52f34 *//* ===== Centered Hero Panel ===== */
.hero-panel {
  /* Keep the content centered and readable */
  max-width: 1200px;          /* controls the line length & layout width */
  margin: 0 auto;             /* center horizontally */
  padding: clamp(8px, 6vw, 0px) clamp(16px, 3vw, 28px);
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b28641 */.quiz{
      display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px;
      padding:22px; background: linear-gradient(180deg, rgba(124,58,237,.08), rgba(6,182,212,.08));
      border:1px dashed rgba(148,163,184,.25); border-radius: 14px
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b70d564 *//* Layout */
.dn-wrap { text-align:center; }

.dn-head {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:10px 0 18px;
  color:#cbd5e1;
}

/* Hide checkbox, controlled via label */
.dn-checkbox { display:none; }

/* Toggle - base (Day mode: sunrise gradient) */
.dn-toggle {
  width:48px;
  height:26px;
  border-radius:999px;
  cursor:pointer;
  position:relative;
  display:inline-block;
  background: linear-gradient(90deg, #fcd34d, #f97316, #fb923c); /* sunrise/sunset gradient */
  border:1px solid rgba(251,191,36,.5);
  box-shadow: 0 0 6px 2px rgba(251,191,36,0.25); /* soft warm glow */
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Knob - base (Day mode) */
.dn-toggle::after {
  content:"";
  position:absolute;
  top:2.5px;
  left:3px;
  width:20px;
  height:20px;
  border-radius:50%;
  background: linear-gradient(180deg,#fff7ed,#fed7aa); /* warm white/yellow tones */
  box-shadow: 0 0 6px 2px rgba(253,186,116,0.4);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Night mode styles - background glow and knob glow */
.dn-checkbox:checked ~ .dn-head .dn-toggle {
  background: linear-gradient(90deg, #1e3a8a, #0ea5e9); /* electric blue gradient */
  border-color: rgba(147,197,253,0.6);
  box-shadow: 0 0 10px 3px rgba(56,189,248,0.4); /* soft glow */
}

.dn-checkbox:checked ~ .dn-head .dn-toggle::after {
  left:24px;
  background: linear-gradient(180deg, #60a5fa, #3b82f6); /* blue glow knob */
  box-shadow: 0 0 12px 4px rgba(59,130,246,0.6);
}

/* Text reacts dynamically (Day/Night glow) */
.dn-head span {
  transition: color 0.5s ease, text-shadow 0.5s ease;
}

/* Day mode (default) */
.dn-head span:first-child {
  color: #fbbf24; /* warm golden yellow */
  text-shadow: 0 0 6px rgba(251,191,36,0.6);
}
.dn-head span:last-child {
  color: #64748b; /* muted gray-blue */
  text-shadow: none;
}

/* When toggled to Night */
.dn-checkbox:checked ~ .dn-head span:first-child {
  color: #64748b; /* Day text dims */
  text-shadow: none;
}
.dn-checkbox:checked ~ .dn-head span:last-child {
  color: #60a5fa; /* Night text glows */
  text-shadow: 0 0 6px rgba(96,165,250,0.6);
}

/* Stage */
.dn-stage {
  position:relative;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.15);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  background:linear-gradient(180deg,#8ee5f1,#cfefff);
}

/* Image sizing — adjust height to taste */
.dn-stage img {
  display:block;
  width:100%;
  height:650px;
  object-fit:cover;
  transition:opacity 0.6s ease;
}

/* Night layer fades in */
.dn-stage .night {
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity 0.6s ease;
}
.dn-checkbox:checked ~ .dn-stage .night {
  opacity:1;
}

/* ---- Responsive tweaks for Day/Night block ---- */

/* Constrain the whole block and add small side padding */
.dn-wrap { max-width: 1100px; margin: 0 auto; padding-inline: 12px; }

/* Tablet (≤1024px) */
@media (max-width: 1024px) {
  .dn-stage img { height: 420px; }               /* was 650px */
  .dn-stage { border-radius: 16px; }
  .dn-head { gap: 8px; }
  .dn-head span { font-size: 0.98rem; }
  .dn-toggle { width: 46px; height: 24px; }      /* slightly smaller switch */
  .dn-toggle::after { width: 18px; height: 18px; top: 3px; left: 3px; }
  .dn-checkbox:checked ~ .dn-head .dn-toggle::after { left: 23px; }
  /* Soften glow a bit on tablet */
  .dn-checkbox:checked ~ .dn-head .dn-toggle { box-shadow: 0 0 8px 2px rgba(56,189,248,0.35); }
}

/* Mobile (≤768px) */
@media (max-width: 768px) {
  .dn-stage img { height: 320px; }               /* comfortable above-the-fold */
  .dn-stage { border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,.30); }
  .dn-head { gap: 8px; margin: 8px 0 14px; }
  .dn-head span { font-size: 0.92rem; }
  .dn-toggle { width: 44px; height: 24px; }
  .dn-toggle::after { width: 18px; height: 18px; top: 3px; left: 3px; }
  .dn-checkbox:checked ~ .dn-head .dn-toggle::after { left: 22px; }
  /* Dial down both day/night glows on small screens */
  .dn-toggle { box-shadow: 0 0 4px 1.5px rgba(251,191,36,0.22); }
  .dn-checkbox:checked ~ .dn-head .dn-toggle { box-shadow: 0 0 6px 2px rgba(56,189,248,0.32); }
}

/* Small phones (≤480px) */
@media (max-width: 480px) {
  .dn-stage img { height: 260px; }               /* safe in one view */
  .dn-head span { font-size: 0.9rem; }
  .dn-toggle { width: 42px; height: 22px; }
  .dn-toggle::after { width: 16px; height: 16px; top: 3px; left: 3px; }
  .dn-checkbox:checked ~ .dn-head .dn-toggle::after { left: 21px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-922ca4a */.why{display:grid; gap:14px}
@media (min-width:820px){.why{grid-template-columns: repeat(3, 1fr)}}
.why .item{
  padding:18px;
  background:rgba(2,6,23,.55);
  border:1px solid rgba(148,163,184,.15);
  border-radius:var(--radius-sm);
}
:root{
  --bg:#0f172a; --panel:#111827; --card:#0b1224; --muted:#94a3b8;
  --text:#e5e7eb; --brand:#7c3aed; --brand-2:#06b6d4; --accent:#22c55e;
  --danger:#ef4444; --shadow:0 10px 30px rgba(0,0,0,.35);
  --radius:18px; --radius-sm:12px; --max:1200px;
}

.why .item{
  box-shadow: var(--shadow);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.why .item:hover{
  transform: translateY(-4px);
  border-color: rgba(148,163,184,.28);
  box-shadow: 0 14px 36px rgba(0,0,0,.42);
}
.why .item:focus-within{
  outline: 2px solid color-mix(in oklab, var(--brand) 60%, white 0%);
  outline-offset: 2px;
}
.why h4{ margin:0 0 6px; color:var(--text); }
.why p{ margin:0; color:var(--muted); line-height:1.6; }/* End custom CSS */