.elementor-94 .elementor-element.elementor-element-92d3eaf:not(.elementor-motion-effects-element-type-background), .elementor-94 .elementor-element.elementor-element-92d3eaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-92d3eaf{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-94 .elementor-element.elementor-element-92d3eaf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-94 .elementor-element.elementor-element-f3e96d7.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-theme-site-logo .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-94 .elementor-element.elementor-element-4b44707{width:var( --container-widget-width, 66.249% );max-width:66.249%;--container-widget-width:66.249%;--container-widget-flex-grow:0;}.elementor-94 .elementor-element.elementor-element-4b44707 img{width:95%;}.elementor-bc-flex-widget .elementor-94 .elementor-element.elementor-element-cf36fdf.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-94 .elementor-element.elementor-element-cf36fdf.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-94 .elementor-element.elementor-element-cf36fdf.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-94 .elementor-element.elementor-element-c1c27a7{width:var( --container-widget-width, 98.416% );max-width:98.416%;--container-widget-width:98.416%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 11px / 2 );}.elementor-94 .elementor-element.elementor-element-c1c27a7 .elementor-menu-toggle{margin:0 auto;}.elementor-94 .elementor-element.elementor-element-c1c27a7 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:700;word-spacing:0px;}.elementor-94 .elementor-element.elementor-element-c1c27a7 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-94 .elementor-element.elementor-element-c1c27a7 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-94 .elementor-element.elementor-element-c1c27a7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-94 .elementor-element.elementor-element-c1c27a7 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-94 .elementor-element.elementor-element-c1c27a7 .elementor-nav-menu--main .elementor-item:focus{color:#DD522E;fill:#DD522E;}.elementor-94 .elementor-element.elementor-element-c1c27a7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-94 .elementor-element.elementor-element-c1c27a7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#DD522E;}.elementor-94 .elementor-element.elementor-element-c1c27a7 .e--pointer-framed .elementor-item:before,
					.elementor-94 .elementor-element.elementor-element-c1c27a7 .e--pointer-framed .elementor-item:after{border-color:#DD522E;}.elementor-94 .elementor-element.elementor-element-c1c27a7 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:11px;}.elementor-bc-flex-widget .elementor-94 .elementor-element.elementor-element-efc59c5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-94 .elementor-element.elementor-element-efc59c5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-94 .elementor-element.elementor-element-efc59c5.elementor-column > .elementor-widget-wrap{justify-content:center;}.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-94 .elementor-element.elementor-element-f4d428e .elementor-button{background-color:#DD522E;fill:#FFFFFF;color:#FFFFFF;border-style:none;}.elementor-94 .elementor-element.elementor-element-f4d428e .elementor-button:hover, .elementor-94 .elementor-element.elementor-element-f4d428e .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-f4d428e .elementor-button:hover svg, .elementor-94 .elementor-element.elementor-element-f4d428e .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-94 .elementor-element.elementor-element-f3e96d7{width:21.648%;}.elementor-94 .elementor-element.elementor-element-cf36fdf{width:59.14%;}.elementor-94 .elementor-element.elementor-element-efc59c5{width:18.479%;}}/* Start custom CSS for nav-menu, class: .elementor-element-c1c27a7 *//* =========================================================
   IIPTVUS WORDPRESS HEADER CSS
   Paste into: Appearance > Customize > Additional CSS
========================================================= */

/* Brand colors */
:root {
  --iiptvus-black: #090909;
  --iiptvus-white: #ffffff;
  --iiptvus-orange: #dd522e;
  --iiptvus-yellow: #f1ca11;
  --iiptvus-border: #e9e9e9;
}

/* =========================================================
   GLOBAL HEADER WRAPPER
   Works with many WordPress themes and Elementor headers
========================================================= */

.site-header,
#masthead,
.elementor-location-header,
.elementor-location-header > div {
  position: relative;
  z-index: 999;
  background: var(--iiptvus-white);
}

/* Optional sticky header:
   Remove this entire section if your theme has its own
   sticky-header setting enabled. */
.site-header,
#masthead {
  position: sticky;
  top: 0;
  z-index: 9999;
  border-bottom: 1px solid var(--iiptvus-border);
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* =========================================================
   HEADER HEIGHT AND INNER SPACING
========================================================= */

.site-header .site-header-inner,
.site-header .ast-container,
#masthead .ast-container,
#masthead .site-header-inner,
#masthead .inside-header,
.elementor-location-header .elementor-container {
  min-height: 76px;
}

/* Astra */
.ast-primary-header-bar {
  min-height: 76px;
  border-bottom: 0 !important;
  background: transparent !important;
}

/* GeneratePress */
.inside-header {
  display: flex;
  align-items: center;
  min-height: 76px;
  padding-top: 0;
  padding-bottom: 0;
}

/* Kadence */
.site-header-wrap .site-header-row-container-inner {
  min-height: 76px;
}

/* =========================================================
   SITE LOGO / BRAND TEXT
========================================================= */

/* Text logo */
.site-title a,
.site-branding .site-title a,
.site-logo a,
.site-header .custom-logo-link,
#masthead .custom-logo-link {
  color: var(--iiptvus-black) !important;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 2.5px;
  text-decoration: none;
  text-transform: uppercase;
}

/* Actual uploaded WordPress logo image */
.custom-logo,
.site-logo-img img,
.site-branding img,
.site-header .custom-logo-link img,
#masthead .custom-logo-link img {
  display: block;
  width: auto;
  max-width: 220px;
  max-height: 38px;
  object-fit: contain;
}

/* Hide a standard WordPress tagline if you do not need it */
.site-description,
.site-tagline {
  display: none;
}

/* =========================================================
   DESKTOP NAVIGATION
========================================================= */

/* Common WordPress menu .elementor-94 .elementor-element.elementor-element-c1c27a7s *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55c0a03 *//* ==========================================
   TEXT COLOR FIXES
   ========================================== */

/* Make colored benefit cards consistently readable */
.benefit:nth-child(2),
.benefit:nth-child(2) h3,
.benefit:nth-child(2) p,
.benefit:nth-child(2) .benefit-icon {
  color: #ffffff;
}

.benefit:nth-child(2) .benefit-number {
  color: var(--yellow);
}

/* Blue card hover */
.benefit:nth-child(2):hover,
.benefit:nth-child(2):hover h3,
.benefit:nth-child(2):hover p,
.benefit:nth-child(2):hover .benefit-icon {
  color: #ffffff;
}

/* Yellow card */
.benefit:nth-child(3),
.benefit:nth-child(3) h3,
.benefit:nth-child(3) p,
.benefit:nth-child(3) .benefit-icon {
  color: var(--ink);
}

.benefit:nth-child(3) .benefit-number {
  color: var(--ink);
}

/* Fourth card remains white on white normally */
.benefit:nth-child(4) {
  color: var(--ink);
}

.benefit:nth-child(4) h3,
.benefit:nth-child(4) .benefit-icon {
  color: var(--ink);
}

.benefit:nth-child(4) p {
  color: #5c5c5c;
}

/* Fourth card becomes white text when hovered */
.benefit:nth-child(4):hover,
.benefit:nth-child(4):hover h3,
.benefit:nth-child(4):hover .benefit-icon,
.benefit:nth-child(4):hover p {
  color: #ffffff;
}

.benefit:nth-child(4):hover .benefit-number {
  color: var(--yellow);
}


/* ==========================================
   PROCESS DARK CARD
   ========================================== */

.process-step:nth-child(2),
.process-step:nth-child(2) h3,
.process-step:nth-child(2) .process-arrow {
  color: #ffffff;
}

.process-step:nth-child(2) .process-number {
  color: var(--yellow);
}

.process-step:nth-child(2) p {
  color: rgba(255, 255, 255, 0.72);
}


/* ==========================================
   CTA TEXT
   ========================================== */

.reseller-cta,
.reseller-cta h2,
.reseller-cta p {
  color: #ffffff;
}


/* ==========================================
   FOOTER TEXT
   ========================================== */

.site-footer,
.site-footer .brand,
.footer-links a {
  color: #ffffff;
}

.footer-copy {
  color: rgba(255, 255, 255, 0.54);
}


/* ==========================================
   BUTTON TEXT
   ========================================== */

.primary-button {
  color: #ffffff;
}

.primary-button:hover {
  color: #ffffff;
}

.secondary-button {
  color: var(--ink);
}

.secondary-button:hover {
  color: var(--ink);
}

.cta-button {
  color: var(--ink);
}

.cta-button:hover {
  color: var(--ink);
}/* End custom CSS */