.elementor-804 .elementor-element.elementor-element-1c736b0d{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family );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-804 .elementor-element.elementor-element-1cb86154{color:var( --e-global-color-accent );}/* Start custom CSS for container, class: .elementor-element-1c736b0d *//* ==========================================
   IPTV Guide / Hero (Elementor container)
   Paste in: Advanced > Custom CSS
   ========================================== */

.elementor-804 .elementor-element.elementor-element-1c736b0d{
  /* theme vars */
  --bg1:#070A14;
  --bg2:#0B0F1F;
  --line: rgba(255,255,255,.10);
  --text: rgba(234,240,255,.95);
  --muted: rgba(234,240,255,.72);
  --accent:#6D5BFF;

  color: var(--text);

  /* SAME “glowy dark” background */
  background:
    radial-gradient(1100px 520px at 50% -10%, rgba(109,91,255,.18), transparent 60%),
    radial-gradient(800px 450px at 15% 30%, rgba(0,170,255,.10), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg2));

  border: 1px solid var(--line);
  box-shadow: 0 30px 90px rgba(0,0,0,.55);

  /* keeps header safe (no body styling) */
  overflow: hidden;
}

/* Headline */
.elementor-804 .elementor-element.elementor-element-1c736b0d h1,
.elementor-804 .elementor-element.elementor-element-1c736b0d h2{
  color: var(--text);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.08;
  margin: 0 0 14px 0;
  text-shadow: 0 0 22px rgba(109,91,255,.18);
}

/* Intro text */
.elementor-804 .elementor-element.elementor-element-1c736b0d p{
  color: var(--muted);
  line-height: 1.75;
  margin: 0 0 14px 0;
}

/* “Den här guiden förklarar:” (if it’s a heading/strong) */
.elementor-804 .elementor-element.elementor-element-1c736b0d strong,
.elementor-804 .elementor-element.elementor-element-1c736b0d b{
  color: rgba(234,240,255,.92);
}

/* List styling like your screenshot */
.elementor-804 .elementor-element.elementor-element-1c736b0d ul{
  margin: 14px 0 16px 0;
  padding-left: 18px;
}

.elementor-804 .elementor-element.elementor-element-1c736b0d li{
  color: rgba(234,240,255,.86);
  line-height: 1.75;
  margin: 8px 0;
}

/* Clean modern bullets */
.elementor-804 .elementor-element.elementor-element-1c736b0d li::marker{
  color: rgba(109,91,255,.75);
}

/* Links */
.elementor-804 .elementor-element.elementor-element-1c736b0d a{
  color: rgba(234,240,255,.98);
  text-decoration: underline;
  text-decoration-color: rgba(109,91,255,.45);
  text-underline-offset: 3px;
  transition: color .18s ease, text-decoration-color .18s ease;
}

.elementor-804 .elementor-element.elementor-element-1c736b0d a:hover{
  color: rgba(109,91,255,.98);
  text-decoration-color: rgba(109,91,255,.85);
}

/* Optional: add a subtle top divider line if you want */
.elementor-804 .elementor-element.elementor-element-1c736b0d::before{
  content:"";
  display:block;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
  opacity: .9;
  margin-bottom: 18px;
}

/* Responsive headline sizing (safe) */
@media (max-width: 767px){
  .elementor-804 .elementor-element.elementor-element-1c736b0d h1,
  .elementor-804 .elementor-element.elementor-element-1c736b0d h2{
    line-height: 1.12;
  }
}/* End custom CSS */