.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#C4C4C4;--e-global-color-accent:#00B5E2;--e-global-color-99a8654:#232323;--e-global-color-8e243a4:#FFFFFF;--e-global-color-9a1f0ee:#0072C6;--e-global-color-408cb8e:#ECF3FE;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-3ce00f1-font-family:"Manrope";--e-global-typography-3ce00f1-font-weight:700;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Container (Icon List widget) */
.left-ticker {
  --row-h: 90px;          /* card height including margin (tweak to fit) */
  --visible: 5;           /* number of cards visible at once */
  --rows: 16;             /* total items in your list, including the duplicated 8 */
  --loop-time: 20s;       /* duration of full cycle; larger = slower */

  height: calc(var(--row-h) * var(--visible));
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0;
}

/* The <ul> holding the <li> items */
.left-ticker .elementor-icon-list-items {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  animation: scroll-up var(--loop-time) linear infinite;
}

@keyframes scroll-up {
  0% { transform: translateY(0); }
  100% {
    /* move up by (#rows - #visible) * row height */
    transform: translateY(calc(var(--row-h) * (var(--visible) - var(--rows))));
  }
}

/* Card styling */
.left-ticker .elementor-icon-list-item {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(30, 64, 175, 0.08);
  margin-bottom: 10px;
  height: var(--row-h);
  padding: 14px;
  color: #0a2558;
  font-size: 1rem;
}

/* Icon styling (optional) */
.left-ticker .elementor-icon-list-icon {
  margin-right: 12px;
  color: #3181ff;
  font-size: 1.4rem;
}

/* Fade masks (optional, for gentle fade-in/out) */
.left-ticker::before,
.left-ticker::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 20px;
  pointer-events: none;
}
.left-ticker::before {
  top: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,0.95), rgba(255,255,255,0));
}
.left-ticker::after {
  bottom: 0;
  background: linear-gradient(to top, rgba(255,255,255,0.95), rgba(255,255,255,0));
}



/* position the wire group behind your logo/dashboard */
.electrical-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* don’t block clicks */
  z-index: 1; /* behind content but above background */
  overflow: hidden;
}

/* common style for each wire */
.electrical-line {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  /* soft gradient: transparent at ends, colored in the middle */
  background-image: linear-gradient(to right,
    rgba(90,160,255,0),
    rgba(90,160,255,0.7) 30%,
    rgba(90,160,255,0.7) 70%,
    rgba(90,160,255,0));
  background-size: 200% 100%;
  animation: flow 6s linear infinite;
  filter: drop-shadow(0 0 6px rgba(90,160,255,0.5));
}

/* stagger vertical positions of each line */
.electrical-line:nth-child(1) { top: 60px; }
.electrical-line:nth-child(2) { top: 100px; }
.electrical-line:nth-child(3) { top: 140px; }
.electrical-line:nth-child(4) { top: 180px; }
.electrical-line:nth-child(5) { top: 220px; }
.electrical-line:nth-child(6) { top: 260px; }
.electrical-line:nth-child(7) { top: 300px; }

/* animate the gradient so it looks like electricity moving */
@keyframes flow {
  from { background-position: 200% 0; }
  to   { background-position: -200% 0; }
}/* End custom CSS */