.elementor-32 .elementor-element.elementor-element-3909b5a{--display:flex;--min-height:80px;--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-32 .elementor-element.elementor-element-3909b5a:not(.elementor-motion-effects-element-type-background), .elementor-32 .elementor-element.elementor-element-3909b5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4E4E4;}.elementor-32 .elementor-element.elementor-element-3909b5a > .elementor-shape-bottom svg, .elementor-32 .elementor-element.elementor-element-3909b5a > .e-con-inner > .elementor-shape-bottom svg{height:20px;}.elementor-32 .elementor-element.elementor-element-052c410{--display:flex;}/* Start custom CSS *//* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@600;700;800&display=swap');

/* ===== Brand palette from your logo =====
   Green (IPTV), Blue (PRO), Orange (4K) + deep ink
*/
:root{
  --spx-green: #76C043;   /* logo green */
  --spx-blue:  #2FA8E1;   /* logo blue  */
  --spx-orange:#FF6F2C;   /* logo orange*/
  --spx-ink:   #0E1525;   /* headings   */
  --spx-text:  #1F2937;   /* body       */
  --spx-bg:    #F7F8FB;   /* page bg    */
  --spx-surface:#FFFFFF;  /* cards      */
  --spx-stroke: 1px solid rgba(8,15,40,.08);
  --spx-shadow: 0 10px 24px rgba(8,15,40,.10), 0 2px 6px rgba(8,15,40,.06);
  --spx-glow:   0 0 0 3px rgba(47,168,225,.18);
  --spx-grad: linear-gradient(90deg, var(--spx-green) 0%, var(--spx-blue) 55%, var(--spx-orange) 100%);
}

/* ===== Section layout ===== */
.spx-refund{ background: var(--spx-bg); padding: 72px 16px; }
.spx-wrap{ max-width: 900px; margin: 0 auto; text-align: center; }

/* Heading + lead */
.spx-title{
  font-family: 'Outfit', system-ui, sans-serif;
  font-weight: 800;
  font-size: clamp(32px, 4.6vw, 48px);
  letter-spacing: -0.02em;
  line-height: 1.05;
  margin: 18px 0 12px;
  background: var(--spx-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.spx-lead{
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(16px, 2.2vw, 18px);
  color: var(--spx-text);
  opacity: .95;
  max-width: 760px;
  margin: 0 auto 22px;
}

/* Chip / breadcrumb */
.spx-chip{
  display: inline-block;
  font: 600 13px/1 Inter, system-ui, sans-serif;
  color: #0b3b28;
  background: linear-gradient(90deg, rgba(118,192,67,.14), rgba(47,168,225,.14));
  border: 1px solid rgba(47,168,225,.25);
  padding: 10px 14px;
  border-radius: 999px;
}

/* Top nav pills */
.spx-nav{
  display: flex; gap: 8px; flex-wrap: wrap; justify-content: center;
  margin: 14px auto 28px;
}
.spx-nav__link{
  font: 600 14px/1 Inter, system-ui, sans-serif;
  color: var(--spx-ink);
  background: #fff;
  border: var(--spx-stroke);
  border-radius: 14px;
  padding: 10px 14px;
  text-decoration: none;
  box-shadow: 0 1px 0 rgba(8,15,40,.04);
  transition: transform .18s ease, box-shadow .18s ease;
}
.spx-nav__link:hover{ transform: translateY(-1px); box-shadow: var(--spx-shadow); }
.spx-nav__link:focus-visible{ outline: 2px solid transparent; box-shadow: var(--spx-glow); }

/* Info note */
.spx-note{
  text-align: left;
  display: flex; gap: 10px; align-items: flex-start;
  background: var(--spx-surface);
  border: var(--spx-stroke);
  border-radius: 18px;
  padding: 14px 16px;
  box-shadow: var(--spx-shadow);
  max-width: 780px; margin: 0 auto 26px;
}
.spx-note__icon{ font-size: 18px; margin-top: 2px; }

/* Card (3D) */
.spx-card{
  text-align: left;
  background: var(--spx-surface);
  border: var(--spx-stroke);
  border-radius: 22px;
  padding: 22px 20px;
  box-shadow: var(--spx-shadow);
  position: relative; overflow: hidden;
  max-width: 860px; margin: 0 auto 18px;
}
.spx-card::before{
  content:"";
  position:absolute; inset:0 auto auto 0; height:4px; width:100%;
  background: var(--spx-grad);
}

/* Typography inside cards */
.spx-card h2{
  font-family: 'Outfit', system-ui, sans-serif;
  font-weight: 700; letter-spacing:-.01em;
  color: var(--spx-ink);
  font-size: clamp(20px, 2.4vw, 24px);
  margin: 0 0 12px;
}
.spx-card p, .spx-card li, .spx-card summary{
  font-family: Inter, system-ui, sans-serif;
  font-size: 16px; color: var(--spx-text);
}

/* Lists & steps */
.spx-list{ margin: 0; padding-left: 20px; display: grid; gap: 8px; }
.spx-steps{ margin: 0; padding-left: 22px; display: grid; gap: 8px; }
.spx-small{ font-size: 13px; opacity: .75; margin-top: 10px; }

/* FAQ details */
.spx-faq details{
  background: #fff; border: 1px solid rgba(8,15,40,.08);
  border-radius:14px; padding: 12px 14px; transition: box-shadow .18s ease;
}
.spx-faq details + details{ margin-top: 10px; }
.spx-faq summary{ cursor: pointer; font-weight: 600; list-style: none; }
.spx-faq summary::-webkit-details-marker{ display: none; }
.spx-faq details[open]{ box-shadow: var(--spx-shadow); }

/* Contact list */
.spx-contact{ margin: 0; padding-left: 18px; display: grid; gap: 6px; }
.spx-contact a{ color: var(--spx-blue); text-decoration: none; }
.spx-contact a:hover{ text-decoration: underline; }

/* Responsive tweaks */
@media (max-width: 640px){
  .spx-refund{ padding: 56px 14px; }
  .spx-card{ padding: 18px 16px; }
}/* End custom CSS */