.elementor-155 .elementor-element.elementor-element-45e1d18 > .elementor-container{max-width:1535px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for section, class: .elementor-element-45e1d18 */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IPTV 8K — Global Background CSS</title>
</head>
<body>

<!--
  ============================================================
  IPTV 8K — GLOBAL BACKGROUND FIX
  Copy the <style> block below into the <head> of every page
  ============================================================
-->

<style>

/* ══════════════════════════════════════════
   PASTE THIS INTO EVERY PAGE <head>
   ══════════════════════════════════════════ */

:root {
  --bg:      #010918;
  --bg2:     #040f24;
  --bg3:     #071430;
  --card:    #071228;
  --border:  #0e2a5c;
  --border2: #163d80;
  --blue:    #1d6aff;
  --blue2:   #4d8fff;
  --blue3:   #93bbff;
  --white:   #f0f6ff;
  --muted:   #3a5a8a;
}

/* RESET */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  min-height: 100%;
  background: #010918;
}

body {
  background-color: #010918;
  background-image: none;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
  color: #5a80b0;
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* GRID PATTERN OVERLAY */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(29, 106, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29, 106, 255, 0.03) 1px, transparent 1px);
  background-size: 56px 56px;
  pointer-events: none;
  z-index: 0;
}

/* ALL CONTENT ABOVE GRID */
body > * {
  position: relative;
  z-index: 1;
}

/* ORB 1 — TOP RIGHT */
body::after {
  content: '';
  position: fixed;
  top: -200px;
  right: -140px;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, #0a30cc 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  opacity: 0.18;
}

/* SECTIONS */
section,
.section {
  background-color: transparent;
}

.section-alt,
.alt {
  background-color: #040f24;
}

/* CARDS */
.card,
[class*="-card"],
[class*="card-"] {
  background-color: #071228;
  border-color: #0e2a5c;
}

/* SCROLLBAR */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #010918;
}
::-webkit-scrollbar-thumb {
  background: #163d80;
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: #1d6aff;
}

/* SELECTION */
::selection {
  background: rgba(29, 106, 255, 0.3);
  color: #f0f6ff;
}

/* NO WHITE FLASH ON LOAD */
html, body {
  background: #010918 !important;
}

</style>

<!--
  ============================================================
  HOW TO USE:
  Copy everything between the <style> tags above and paste
  it inside the <head> section of every HTML page.

  Example:
  <head>
    <meta charset="UTF-8">
    <title>Your Page Title</title>
    <style>
      ... paste here ...
    </style>
  </head>
  ============================================================
-->

</body>
</html>/* End custom CSS */