.elementor-100 .elementor-element.elementor-element-6d7f39e9{--display:flex;--min-height:427px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100 .elementor-element.elementor-element-6d7f39e9:not(.elementor-motion-effects-element-type-background), .elementor-100 .elementor-element.elementor-element-6d7f39e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smartiptv4k.de/wp-content/uploads/2025/08/Untitled-design.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-100 .elementor-element.elementor-element-6d7f39e9 > .elementor-shape-bottom svg, .elementor-100 .elementor-element.elementor-element-6d7f39e9 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:11px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-100 .elementor-element.elementor-element-411dad80{margin:154px 0px calc(var(--kit-widget-spacing, 0px) + 41px) 0px;text-align:center;}.elementor-100 .elementor-element.elementor-element-411dad80 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-100 .elementor-element.elementor-element-12c87fa1{margin:-13px 100px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;text-align:center;font-family:"Inter", Sans-serif;font-weight:600;color:#F3E5E5;}.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-100 .elementor-element.elementor-element-4c55f269 .elementor-button{background-color:#FF8E2B;font-family:"Saira", Sans-serif;font-size:20px;font-weight:bold;fill:#FFFFFF;color:#FFFFFF;border-style:double;border-width:3px 3px 3px 3px;border-color:#FFFFFF;}.elementor-100 .elementor-element.elementor-element-4c55f269 .elementor-button:hover, .elementor-100 .elementor-element.elementor-element-4c55f269 .elementor-button:focus{background-color:#FF7700;color:#FFFFFF;}.elementor-100 .elementor-element.elementor-element-4c55f269{margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-100 .elementor-element.elementor-element-4c55f269 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-100 .elementor-element.elementor-element-4c55f269 .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-100 .elementor-element.elementor-element-4c55f269 .elementor-button:hover svg, .elementor-100 .elementor-element.elementor-element-4c55f269 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-widget-image .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-100 .elementor-element.elementor-element-2458100c{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-100 .elementor-element.elementor-element-2458100c img{width:14%;}.elementor-100 .elementor-element.elementor-element-54cbc8b1{margin:-42px 542px calc(var(--kit-widget-spacing, 0px) + 42px) 0px;text-align:right;}.elementor-100 .elementor-element.elementor-element-54cbc8b1 .elementor-heading-title{font-family:"Saira", Sans-serif;font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-100 .elementor-element.elementor-element-72622644{margin:-58px 0px calc(var(--kit-widget-spacing, 0px) + 58px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Saira", Sans-serif;font-weight:bold;color:#FFFFFF;}.elementor-100 .elementor-element.elementor-element-a4596f0{--display:flex;--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;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-100 .elementor-element.elementor-element-9a28d99{text-align:center;font-family:"Inter", Sans-serif;font-weight:500;color:#000000;}.elementor-100 .elementor-element.elementor-element-a02c537{text-align:center;}.elementor-100 .elementor-element.elementor-element-a02c537 img{width:100%;max-width:45%;transition-duration:0s;border-radius:13px 13px 13px 13px;box-shadow:0px 0px 10px 0px #FF8E2B;}.elementor-100 .elementor-element.elementor-element-c4b8cfb{--display:flex;--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;--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-100 .elementor-element.elementor-element-c4b8cfb:not(.elementor-motion-effects-element-type-background), .elementor-100 .elementor-element.elementor-element-c4b8cfb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FF8E2B 0%, #FFE8D3 100%);}.elementor-100 .elementor-element.elementor-element-c4b8cfb > .elementor-shape-bottom svg, .elementor-100 .elementor-element.elementor-element-c4b8cfb > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:14px;}.elementor-100 .elementor-element.elementor-element-e05e1a5{text-align:center;}.elementor-100 .elementor-element.elementor-element-e05e1a5 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:34px;font-weight:600;color:#FFFFFF;}.elementor-100 .elementor-element.elementor-element-95d0a01{text-align:center;font-family:"Inter", Sans-serif;font-weight:500;color:#000000;}.elementor-100 .elementor-element.elementor-element-a3481b9{--display:flex;}.elementor-100 .elementor-element.elementor-element-ae419ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-100 .elementor-element.elementor-element-ae419ec:not(.elementor-motion-effects-element-type-background), .elementor-100 .elementor-element.elementor-element-ae419ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FF8E2B80 0%, #FFFFFF 100%);}.elementor-100 .elementor-element.elementor-element-6db176b{--display:flex;--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-100 .elementor-element.elementor-element-37bbfaf .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:600;color:#FF8E2B;}.elementor-100 .elementor-element.elementor-element-55e12b8{font-family:"Outfit", Sans-serif;font-weight:400;color:#000000;}.elementor-100 .elementor-element.elementor-element-f521d86{--display:flex;--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-100 .elementor-element.elementor-element-9bcc53f img{width:80%;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px #FF8E2B;}.elementor-100 .elementor-element.elementor-element-2dfde0a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100 .elementor-element.elementor-element-380c692{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-100 .elementor-element.elementor-element-d20de20{--display:flex;--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-100 .elementor-element.elementor-element-da4cf6c .elementor-heading-title{font-family:"Outfit", Sans-serif;font-weight:600;color:#FF8E2B;}.elementor-100 .elementor-element.elementor-element-c1c09ff{font-family:"Inter", Sans-serif;font-weight:500;color:#000000;}.elementor-100 .elementor-element.elementor-element-2383939{--display:flex;--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-100 .elementor-element.elementor-element-48fe500 img{width:80%;border-radius:13px 13px 13px 13px;box-shadow:0px 0px 10px 0px #FF8E2B;}.elementor-100 .elementor-element.elementor-element-ce0ebda{--display:flex;}.elementor-100 .elementor-element.elementor-element-8d8ed2f{--display:flex;--margin-top:-45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100 .elementor-element.elementor-element-6e5b2f9{--display:flex;}.elementor-100 .elementor-element.elementor-element-6e5b2f9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-100 .elementor-element.elementor-element-09e00c8{--display:flex;--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-100 .elementor-element.elementor-element-d04596a .elementor-heading-title{font-family:"Outfit", Sans-serif;font-weight:600;color:#FF8E2B;}.elementor-100 .elementor-element.elementor-element-cadcc74{--display:flex;--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-100 .elementor-element.elementor-element-cadcc74:not(.elementor-motion-effects-element-type-background), .elementor-100 .elementor-element.elementor-element-cadcc74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF8E2B45;}.elementor-100 .elementor-element.elementor-element-cadcc74 > .elementor-shape-top .elementor-shape-fill, .elementor-100 .elementor-element.elementor-element-cadcc74 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#F9F9F9;}.elementor-100 .elementor-element.elementor-element-cadcc74 > .elementor-shape-top svg, .elementor-100 .elementor-element.elementor-element-cadcc74 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:11px;}.elementor-100 .elementor-element.elementor-element-960974b{--e-image-carousel-slides-to-show:4;}.elementor-100 .elementor-element.elementor-element-960974b .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FF8E2B;opacity:1;}.elementor-100 .elementor-element.elementor-element-960974b .swiper-pagination-bullet{background:#FFFFFF;}.elementor-100 .elementor-element.elementor-element-960974b .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 0px 0px;}body.elementor-page-100:not(.elementor-motion-effects-element-type-background), body.elementor-page-100 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}@media(min-width:768px){.elementor-100 .elementor-element.elementor-element-6d7f39e9{--width:100%;}.elementor-100 .elementor-element.elementor-element-6db176b{--width:50%;}.elementor-100 .elementor-element.elementor-element-f521d86{--width:50%;}.elementor-100 .elementor-element.elementor-element-d20de20{--width:50%;}.elementor-100 .elementor-element.elementor-element-2383939{--width:50%;}}@media(max-width:767px){.elementor-100 .elementor-element.elementor-element-6d7f39e9:not(.elementor-motion-effects-element-type-background), .elementor-100 .elementor-element.elementor-element-6d7f39e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smartiptv4k.de/wp-content/uploads/2025/08/Untitled-design-1-scaled.jpg");background-position:center center;}.elementor-100 .elementor-element.elementor-element-411dad80{margin:113px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 13px;text-align:left;}.elementor-100 .elementor-element.elementor-element-411dad80 .elementor-heading-title{font-size:23px;}.elementor-100 .elementor-element.elementor-element-12c87fa1{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 13px;text-align:left;font-size:13px;}.elementor-100 .elementor-element.elementor-element-4c55f269{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 13px;}.elementor-100 .elementor-element.elementor-element-4c55f269 .elementor-button{font-size:15px;}.elementor-100 .elementor-element.elementor-element-2458100c{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 13px;text-align:left;}.elementor-100 .elementor-element.elementor-element-2458100c img{width:33%;}.elementor-100 .elementor-element.elementor-element-54cbc8b1{margin:-38px 184px calc(var(--kit-widget-spacing, 0px) + 39px) 13px;padding:-0px -0px -0px -0px;}.elementor-100 .elementor-element.elementor-element-72622644{margin:-56px 0px calc(var(--kit-widget-spacing, 0px) + 13px) 13px;text-align:left;font-size:11px;}.elementor-100 .elementor-element.elementor-element-9a28d99{font-size:12px;}.elementor-100 .elementor-element.elementor-element-a02c537{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-100 .elementor-element.elementor-element-a02c537 img{width:100%;max-width:96%;}.elementor-100 .elementor-element.elementor-element-e05e1a5 .elementor-heading-title{font-size:22px;}.elementor-100 .elementor-element.elementor-element-95d0a01{font-size:13px;}.elementor-100 .elementor-element.elementor-element-37bbfaf{text-align:center;}.elementor-100 .elementor-element.elementor-element-37bbfaf .elementor-heading-title{font-size:20px;}.elementor-100 .elementor-element.elementor-element-55e12b8{text-align:center;font-size:13px;}.elementor-100 .elementor-element.elementor-element-9bcc53f{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-100 .elementor-element.elementor-element-9bcc53f img{width:91%;}.elementor-100 .elementor-element.elementor-element-2dfde0a{--margin-top:74px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-100 .elementor-element.elementor-element-da4cf6c{text-align:center;}.elementor-100 .elementor-element.elementor-element-da4cf6c .elementor-heading-title{font-size:20px;}.elementor-100 .elementor-element.elementor-element-c1c09ff{text-align:center;font-size:13px;}.elementor-100 .elementor-element.elementor-element-48fe500{margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-100 .elementor-element.elementor-element-48fe500 img{width:91%;}.elementor-100 .elementor-element.elementor-element-ce0ebda{--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-100 .elementor-element.elementor-element-6e5b2f9{--width:289px;--margin-top:-81px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:66px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100 .elementor-element.elementor-element-d04596a{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;text-align:center;}.elementor-100 .elementor-element.elementor-element-d04596a .elementor-heading-title{font-size:20px;}.elementor-100 .elementor-element.elementor-element-960974b{--e-image-carousel-slides-to-show:2;}.elementor-100 .elementor-element.elementor-element-960974b .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;width:4px;height:4px;}}/* Start custom CSS */:root{
  --blue:#005EFF;
  --red:#F80B0B;
  --ink:#0b1020;
  --muted:#5e6b89;
  --card:#ffffff;
  --bg:#f7f9ff;
}

/* Section wrapper */
.sip-faq{
  background: var(--bg);
  padding: 24px 0 32px;
  font-family: Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ink);
}

/* Layout */
.sip-faq .faq-wrap{
  max-width: 950px;
  margin: 0 auto;
  padding: 0 18px;
  display: grid;
  gap: 14px;
}

/* FAQ item (3D white card) */
.sip-faq .faq-item{
  background: var(--card);
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow:
    0 12px 28px rgba(0,0,0,.06),
    inset 0 0 0 1px rgba(255,255,255,.6);
  overflow: hidden;
}

/* Question row */
.sip-faq .faq-item > summary{
  list-style: none; /* remove triangle */
  position: relative;
  padding: 16px 52px 16px 16px;
  font-weight: 800;
  letter-spacing: .2px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(0,94,255,.06), rgba(248,11,11,.06));
  transition: background .2s ease, color .2s ease;
  outline: none;
}
.sip-faq .faq-item > summary::-webkit-details-marker{ display: none; }

/* Chevron */
.sip-faq .chev{
  position: absolute;
  right: 16px; top: 50%; transform: translateY(-50%) rotate(0deg);
  width: 22px; height: 22px; border-radius: 7px;
  background: linear-gradient(135deg, var(--blue), var(--red));
  box-shadow: 0 8px 18px rgba(0,94,255,.25);
}
.sip-faq .chev::before{
  content: ""; position: absolute; inset: 7px 6px 7px 6px;
  border-radius: 2px;
  background: #fff;
  clip-path: polygon(20% 40%, 50% 70%, 80% 40%, 70% 30%, 50% 50%, 30% 30%);
  transition: transform .2s ease;
}

/* Answer body */
.sip-faq .faq-content{
  padding: 12px 16px 18px 16px;
  border-top: 1px solid rgba(0,0,0,.06);
  line-height: 1.7;
  color: var(--ink);
  background: #fff;
}

/* Open state */
.sip-faq .faq-item[open] > summary{
  background:
    linear-gradient(180deg, rgba(0,94,255,.10), rgba(248,11,11,.10));
}
.sip-faq .faq-item[open] .chev::before{ transform: rotate(180deg); }

/* Lists & helpers */
.sip-faq .speeds{
  margin: 8px 0 6px 0;
  padding-left: 18px;
}
.sip-faq .speeds li{ margin: 4px 0; }
.sip-faq .note{
  margin-top: 6px;
  color: var(--muted);
  border-left: 4px solid rgba(0,94,255,.35);
  padding-left: 10px;
}
.sip-faq .link{
  color: var(--blue);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
.sip-faq .link:hover{ color: var(--red); }

/* Hover lift for 3D feel */
@media (hover:hover){
  .sip-faq .faq-item:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(0,0,0,.08), inset 0 0 0 1px rgba(255,255,255,.6);
  }
}





:root{
  --blue:#005EFF;
  --red:#F80B0B;
  --ink:#0b1020;
  --muted:#5e6b89;
  --card:#ffffff;
  --bg:#ffffff; /* white background as requested */
}

/* Section wrapper */
.sip-steps3{
  background: var(--bg);
  padding: 28px 0 46px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--ink);
}

/* Container */
.sip-steps3 .steps3-wrap{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 18px;
}

/* Intro line (no heading) */
.sip-steps3 .steps3-intro{
  margin: 0 0 14px 0;
  color: var(--muted);
  font-size: clamp(15px, 1.6vw, 18px);
}

/* Grid */
.sip-steps3 .steps3-grid{
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 960px){
  .sip-steps3 .steps3-grid{ grid-template-columns: 1fr; }
}

/* 3D card */
.sip-steps3 .step3-card{
  position: relative;
  background: var(--card);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  padding: 22px 18px 20px 18px;
  overflow: hidden;

  /* 3D look */
  box-shadow:
    0 14px 40px rgba(0,0,0,.08),
    inset 0 0 0 1px rgba(255,255,255,.6);
  transform-style: preserve-3d;
  perspective: 1000px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sip-steps3 .step3-card::before{
  /* soft shine */
  content:"";
  position:absolute; inset:-40% -40% auto auto; height:82%; width:82%;
  background: radial-gradient(600px 220px at 100% 0%, rgba(0,94,255,.12), transparent 65%);
  pointer-events:none;
}
.sip-steps3 .step3-card:hover{
  transform: translateY(-4px) rotateX(1.2deg) rotateY(-1.2deg);
  box-shadow: 0 22px 60px rgba(0,0,0,.12), inset 0 0 0 1px rgba(255,255,255,.7);
  border-color: rgba(0,0,0,.08);
}

/* Gradient number badge */
.sip-steps3 .step3-num{
  position:absolute; top:14px; left:14px;
  width:42px; height:42px; border-radius:12px;
  display:grid; place-items:center;
  font-weight:900; font-size:18px; color:#fff;
  background: linear-gradient(135deg, var(--blue), var(--red));
  box-shadow: 0 10px 24px rgba(0,94,255,.30);
  transform: translateZ(30px);
}

/* Accent edge */
.sip-steps3 .step3-edge{
  position:absolute; left:0; right:0; bottom:0; height:6px;
  background: linear-gradient(90deg, var(--blue), var(--red));
  opacity:.85;
}

/* Titles & text (no headings used) */
.sip-steps3 .step3-title{
  margin: 6px 0 6px 0;
  padding-left: 58px; /* leave space for number badge */
  font-weight: 800;
  letter-spacing: .2px;
  font-size: 18px;
}
.sip-steps3 .step3-text{
  margin: 0; padding-left: 58px;
  color: var(--ink);
  line-height: 1.7;
}
.sip-steps3 .step3-text em{ color: var(--muted); font-style: normal }
.sip-steps3 .step3-text strong{ color: var(--ink) }








:root{
  --blue:#005EFF;
  --red:#F80B0B;
  --ink:#0b1020;
  --muted:#5e6b89;
  --rail:#ffffff;
  --bg:#ffffff;  /* white section */
}

/* Section wrapper */
.sip-list5{
  background:var(--bg);
  padding:28px 0 44px;
  color:var(--ink);
}

/* Centered container */
.sip-list5 .list5-wrap{
  max-width:1100px;
  margin:0 auto;
  padding:0 18px;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* 3D white rail (not cards) */
.sip-list5 .list5-rail{
  background:var(--rail);
  border:1px solid rgba(0,0,0,.06);
  border-radius:26px;
  box-shadow:
    0 22px 60px rgba(0,0,0,.08),
    inset 0 0 0 1px rgba(255,255,255,.65);
  overflow:hidden;
  position:relative;
}

/* Decorative gradient bar under the rail */
.sip-list5 .list5-rail::after{
  content:"";
  position:absolute; left:10px; right:10px; bottom:10px; height:6px;
  border-radius:6px;
  background:linear-gradient(90deg,var(--blue),var(--red));
  opacity:.9;
  filter:blur(.2px);
  pointer-events:none;
}

/* The ordered list layout */
.sip-list5 .list5-items{
  list-style:none; margin:0; padding:12px 12px 16px 12px;
  display:grid; gap:8px;
}

/* Row (pill number + content) */
.sip-list5 .list5-row{
  position:relative; display:flex; gap:14px; align-items:flex-start;
  padding:14px 14px;
  border-radius:18px;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
}

/* subtle zebra background so 5 rows feel organized */
.sip-list5 .list5-row:nth-child(odd){ background:linear-gradient(0deg, rgba(0,94,255,.03), rgba(248,11,11,.03)) }
.sip-list5 .list5-row:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(0,0,0,.06);
}

/* Gradient number chip */
.sip-list5 .num{
  flex:0 0 42px; height:42px; width:42px; display:grid; place-items:center;
  border-radius:12px; color:#fff; font-weight:900; font-size:18px;
  font-family:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:linear-gradient(135deg,var(--blue),var(--red));
  box-shadow:0 10px 24px rgba(0,94,255,.30);
}

/* Text block */
.sip-list5 .row-body{ flex:1; min-width:0 }
.sip-list5 .row-title{
  margin:2px 0 4px 0;
  font-family:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:800; letter-spacing:.2px; font-size:18px;
}
.sip-list5 .row-text{
  margin:0; line-height:1.75; color:var(--ink);
  font-size:15.5px;
}
.sip-list5 .row-text em{ color:var(--muted); font-style:normal }

/* Responsive spacing */
@media (max-width:560px){
  .sip-list5 .num{ width:38px; height:38px; border-radius:10px; font-size:16px }
  .sip-list5 .row-title{ font-size:17px }
  .sip-list5 .row-text{ font-size:15px }
}








:root{
  --blue:#005EFF;          /* brand blue */
  --blueSoft:#E9F1FF;      /* very light blue background accents */
  --ink:#0b1020;
  --muted:#5e6b89;
  --white:#ffffff;
}

/* section */
.sip-devices{
  background:#fff;
  padding:28px 0 36px;
}

/* container */
.sip-devices .dev-wrap{
  max-width:1100px; margin:0 auto; padding:0 18px;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  position:relative;
}

/* soft lighting stripe behind heading */
.sip-devices .dev-wrap::before{
  content:""; position:absolute; left:0; right:0; top:0; height:110px; z-index:0;
  background: radial-gradient(600px 120px at 20% 0, rgba(0,94,255,.12), transparent 60%),
              radial-gradient(600px 120px at 80% 0, rgba(0,94,255,.12), transparent 60%);
  pointer-events:none;
}

/* H2 */
.sip-devices .dev-title{
  position:relative; z-index:1;
  font-family:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:900; letter-spacing:.2px;
  font-size:clamp(22px,4.3vw,34px);
  line-height:1.15; margin:0 0 8px 0;
  background:linear-gradient(90deg,#005EFF,#57A2FF);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* intro */
.sip-devices .dev-intro{
  position:relative; z-index:1;
  margin:0 0 14px 0; color:var(--muted);
  font-size:clamp(15px,1.6vw,18px);
}
.sip-devices .dev-link{ color:var(--blue); text-decoration:underline; text-underline-offset:2px; }
.sip-devices .dev-link:hover{ opacity:.85 }

/* grid of 5 items */
.sip-devices .dev-grid{
  display:grid; gap:10px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width:820px){ .sip-devices .dev-grid{ grid-template-columns:1fr; } }

/* item (non-card row with 3D feel) */
.sip-devices .dev-item{
  display:flex; gap:12px; align-items:flex-start; position:relative;
  padding:14px 16px; border-radius:16px; background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 12px 26px rgba(0,0,0,.06), inset 0 0 0 1px rgba(255,255,255,.7);
  overflow:hidden;
}
.sip-devices .dev-item::after{
  content:""; position:absolute; left:10px; right:10px; bottom:10px; height:5px; border-radius:5px;
  background:linear-gradient(90deg,#005EFF,#57A2FF); opacity:.9;
  filter:blur(.15px); pointer-events:none;
}
.sip-devices .dev-item:hover{ transform:translateY(-2px); box-shadow:0 18px 40px rgba(0,0,0,.08) }

/* icon chip */
.sip-devices .icon{
  flex:0 0 46px; width:46px; height:46px; border-radius:12px; display:grid; place-items:center;
  background:linear-gradient(135deg,#E9F1FF,#ffffff);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}

/* text block */
.sip-devices .copy{ flex:1; min-width:0 }
.sip-devices .copy .t{
  margin:0 0 4px 0;
  font-family:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:800; letter-spacing:.2px; font-size:18px;
  color:var(--ink);
}
.sip-devices .copy .d{
  margin:0; line-height:1.75; color:var(--ink); font-size:15.5px;
}


/* Center the H2 and intro text */
.sip-devices .dev-title{
  text-align:center;
  margin-inline:auto;
}
.sip-devices .dev-intro{
  text-align:center;
  max-width: 840px;
  margin: 0 auto 16px;
}

/* Put the LAST device item (Verbindung & Qualität) centered on its own row */
.sip-devices .dev-grid .dev-item:last-child{
  grid-column: 1 / -1;   /* span both columns */
  max-width: 760px;      /* keep a nice width */
  justify-self: center;  /* center within the grid */
}

/* Mobile: let it use full width */
@media (max-width: 820px){
  .sip-devices .dev-grid .dev-item:last-child{
    max-width: 100%;
  }
}

/* OPTIONAL — if you also want the LAST card's content centered inside it,
   remove the comments on this block:
.sip-devices .dev-grid .dev-item:last-child{
  align-items: center; text-align: center;
}
.sip-devices .dev-grid .dev-item:last-child .icon{ margin: 0 auto 8px; }
*/









:root{
  --ink:#0b1020;     /* black */
  --red:#F80B0B;     /* brand red */
  --soft:#f7f7f9;    /* gentle section bg */
  --border:#e9e9ef;  /* calm borders */
}

/* Section */
.sip-why{
  background:#fff;
  padding:26px 0 34px;
  color:var(--ink);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* Container */
.sip-why .why-wrap{max-width:1100px;margin:0 auto;padding:0 18px}

/* Title + lead */
.sip-why .why-title{
  font-family:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:800; letter-spacing:.2px;
  font-size:clamp(20px,3.6vw,30px);
  margin:0 0 6px 0;
}
.sip-why .brand{color:var(--red); text-decoration:none; border-bottom:2px solid rgba(248,11,11,.25)}
.sip-why .brand:hover{border-color:var(--red)}
.sip-why .why-lead{
  margin:0 0 12px 0; color:#3f4250;
}

/* List layout — calm, airy rows */
.sip-why .why-list{
  list-style:none; margin:0; padding:0;
  display:grid; gap:10px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width:820px){ .sip-why .why-list{ grid-template-columns:1fr } }

/* Row */
.sip-why .why-item{
  display:flex; gap:12px; align-items:flex-start;
  padding:14px 14px; border:1px solid var(--border);
  border-radius:14px; background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.04); /* subtle, calm */
}

/* Icon chip (simple black with red accent) */
.sip-why .ico{
  flex:0 0 42px; width:42px; height:42px; border-radius:11px;
  display:grid; place-items:center;
  background:var(--soft);
  border:1px solid var(--border);
}

/* Text */
.sip-why .why-text{flex:1}
.sip-why .t{
  margin:0 0 4px 0;
  font-family:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700; font-size:18px;
}
.sip-why .d{
  margin:0; line-height:1.7; color:#2b2f3a;
}

/* Small red accent underline on hover for each row (very subtle) */
@media (hover:hover){
  .sip-why .why-item:hover{box-shadow:0 10px 26px rgba(0,0,0,.06)}
  .sip-why .why-item:hover .t{ text-decoration:underline; text-decoration-color:var(--red); text-underline-offset:2px }
}



/* Center the H2 and the lead paragraph */
.sip-why .why-title{
  text-align: center;
  margin-inline: auto;
}
.sip-why .why-lead{
  text-align: center;
  max-width: 840px;
  margin: 0 auto 16px;
}

/* Make the LAST benefit row centered on its own line */
.sip-why .why-list .why-item:last-child{
  grid-column: 1 / -1;   /* span both columns */
  max-width: 760px;      /* pleasant reading width */
  justify-self: center;  /* center within the grid */
}

/* Mobile: allow full width */
@media (max-width: 820px){
  .sip-why .why-list .why-item:last-child{ max-width: 100%; }
}

/* OPTIONAL: also center the content inside the last row */
/*
.sip-why .why-list .why-item:last-child{
  text-align: center; align-items: center;
}
.sip-why .why-list .why-item:last-child .ico{ margin: 0 auto 8px; }
*/









/* === Reviews Carousel — uniform small rectangles === */
.gr-wrap{ background:#fff; padding:10px 0; }
.gr-carousel{ position:relative; max-width:1200px; margin:0 auto; padding:0 56px; }

/* cards per view (desktop 3, tablet 2, phone 1) */
.gr-wrap{ --cards-per-view:3; --gap:16px; }
@media (max-width:1024px){ .gr-wrap{ --cards-per-view:2; } }
@media (max-width:640px){  .gr-wrap{ --cards-per-view:1; } }

.gr-track{
  display:flex; gap:var(--gap); overflow:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:6px 0 12px;
}
.gr-track::-webkit-scrollbar{ display:none; }

/* Each item takes 1/--cards-per-view of width */
.gr-item{
  flex:0 0 calc((100% - (var(--cards-per-view) - 1) * var(--gap)) / var(--cards-per-view));
  scroll-snap-align:start;
}

/* Uniform rectangle look */
.gr-card{
  background:#fff; border:1px solid rgba(0,0,0,.06);
  border-radius:16px; padding:16px;
  box-shadow:0 12px 28px rgba(0,0,0,.08);
  display:flex; flex-direction:column; height:100%;
  min-height:220px; /* base size */
}

.gr-head{ display:flex; gap:12px; align-items:center; margin-bottom:8px; }
.gr-avatar{
  width:52px; height:52px; border-radius:50%; object-fit:cover; object-position:center;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}
.gr-meta{ display:flex; flex-direction:column; gap:2px; }
.gr-name{
  font-family:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700; font-size:16.5px; color:#111;
}
.gr-date{
  font-family:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:500; font-size:13px; color:#6b7280;
}
.gr-stars{ display:flex; gap:2px; margin-top:2px; }
.gr-stars::before{
  content:"★★★★★"; letter-spacing:2px; font-size:13.5px; line-height:1;
  background:linear-gradient(90deg,#FFB800 0 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* Review text (clamped for equal height) */
.gr-text{
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:500; color:#111; font-size:15px; line-height:1.6;
  display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;
  -webkit-line-clamp:7; /* keep all cards same height */
  margin-top:4px;
}
@media (max-width:640px){ .gr-text{ -webkit-line-clamp:8; } }
.gr-text strong{ font-weight:700; }

/* Nav arrows */
.gr-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:36px; height:36px; border-radius:50%; border:1px solid rgba(0,0,0,.1);
  background:#fff; color:#111; font-size:22px; line-height:34px; text-align:center;
  cursor:pointer; box-shadow:0 10px 24px rgba(0,0,0,.12); z-index:2;
}
.gr-prev{ left:8px; } .gr-next{ right:8px; }
.gr-nav:hover{ background:#f7f7f7; }




:root{
  --brand:#FF8E2B;
  --brandSoft:#FFD3A7;
  --ink:#0e1320;
  --muted:#6A7388;
  --card:#ffffff;
}

/* Section */
.faq-wrap{background:#fff; padding:48px 16px;}
.faq-inner{max-width:1000px;margin:0 auto;}
.faq-h2{font:800 clamp(26px,4.6vw,40px) "Outfit",system-ui,sans-serif; text-align:center; margin:0 0 10px;
  background:linear-gradient(90deg,var(--brand),var(--brandSoft)); -webkit-background-clip:text; background-clip:text; color:transparent;}
.faq-intro{font:500 16px/1.6 "Inter",system-ui,sans-serif; color:var(--muted); text-align:center; margin:0 auto 26px; max-width:70ch}

/* Accordion container with subtle 3D */
.faq-accordion{display:grid; gap:14px;}
.faq-item{background:var(--card); border:1px solid rgba(14,19,32,.06); border-radius:16px;
  box-shadow:0 18px 40px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.7); overflow:hidden;}

/* Question row */
.faq-q{width:100%; display:flex; align-items:center; gap:12px; justify-content:space-between;
  background:#fff; padding:16px 18px; cursor:pointer; border:0; text-align:left;
  font:700 16px/1.3 "Outfit",system-ui,sans-serif; color:var(--ink); position:relative;}
.faq-q::after{content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(255,142,43,.12),rgba(255,142,43,0) 60%); opacity:.7}
.faq-q:focus{outline:3px solid rgba(255,142,43,.3); outline-offset:2px; border-radius:12px;}
.faq-icon{flex:0 0 38px; height:38px; border-radius:12px; display:grid; place-items:center; color:#fff;
  background:linear-gradient(135deg,var(--brand),var(--brandSoft)); box-shadow:0 10px 20px rgba(255,142,43,.25);}
.faq-q .chev{width:18px; height:18px; border-right:2px solid var(--ink); border-bottom:2px solid var(--ink);
  transform:rotate(-45deg); transition:transform .2s ease; margin-left:auto;}
.faq-q[aria-expanded="true"] .chev{transform:rotate(45deg);}

/* Answer */
.faq-a{padding:0 18px 18px; display:grid;}
.faq-a[hidden]{display:none;}
.faq-a p{font:500 15px/1.7 "Inter",system-ui,sans-serif; color:#2b3142; margin:10px 0 0;}






















/* ===== SmartIPTV4K – Packages (Orange Theme) ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@600;700;800&display=swap');

:root{
  --brand:#FF8E2B;          /* main orange */
  --brand2:#FFAE66;         /* lighter orange for gradients */
  --ink:#11131A;            /* dark text */
  --muted:#606676;          /* body text */
  --card:#ffffff;           /* cards */
  --line:#E9EDF3;           /* borders */
  --glow: rgba(255,142,43,.18);
}

.pkg-wrap{
  padding:clamp(28px,4vw,56px) 16px;
  background:#fff;
  color:var(--ink);
}

/* Heading */
.pkg-header{
  max-width:1100px; margin:0 auto 22px; text-align:center;
}
.pkg-h2{
  font:800 clamp(26px,4vw,38px) "Outfit",system-ui,sans-serif;
  letter-spacing:.2px; margin:0 0 8px;
}
.pkg-header p{
  font:500 16px/1.7 "Inter",system-ui,sans-serif;
  color:var(--muted); margin:0;
}

/* Tabs */
.pkg-tabs{
  max-width:1100px; margin:0 auto 18px;
  display:flex; flex-wrap:wrap; gap:10px;
  justify-content:center; align-items:center;
}
.pkg-tab{
  font:700 15px/1 "Outfit",system-ui,sans-serif;
  padding:12px 18px; border-radius:999px;
  border:1px solid var(--line);
  background:#fff; color:var(--ink);
  cursor:pointer; transition:all .2s ease;
  box-shadow:0 2px 0 #fff inset, 0 6px 20px rgba(17,19,26,.04);
}
.pkg-tab:hover{ border-color:#ffd4ad; box-shadow:0 8px 26px rgba(255,142,43,.12); }
.pkg-tab.is-active{
  background:linear-gradient(90deg,var(--brand),var(--brand2));
  color:#1b1209; border-color:transparent;
  box-shadow:0 10px 30px var(--glow);
}

/* Panels & Grid */
.pkg-panels{ max-width:1200px; margin:0 auto; }
.pkg-panel[hidden]{ display:none !important; }
.pkg-grid{
  display:grid; gap:16px;
  grid-template-columns: repeat(4, minmax(220px,1fr));
}
@media (max-width:1100px){ .pkg-grid{ grid-template-columns: repeat(3, minmax(220px,1fr)); } }
@media (max-width:900px) { .pkg-grid{ grid-template-columns: repeat(2, minmax(220px,1fr)); } }
@media (max-width:560px) { .pkg-grid{ grid-template-columns: 1fr; } }

/* Card */
.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px 16px 16px;
  position:relative;
  box-shadow:0 20px 50px rgba(17,19,26,.05), 0 1px 0 #fff inset;
  transition:transform .18s ease, box-shadow .18s ease;
  display:flex; flex-direction:column;
}
.card:hover{
  transform:translateY(-3px);
  box-shadow:0 28px 60px var(--glow), 0 1px 0 #fff inset;
}

/* Header area */
.card-head{ margin-bottom:10px; }
.card-title{
  font:800 18px/1.2 "Outfit",system-ui,sans-serif; margin:0 0 6px;
}
.price{
  font:800 clamp(26px,3.6vw,34px)/1 "Outfit",system-ui,sans-serif;
  letter-spacing:.2px; margin-bottom:4px;
}
.sub{
  font:500 14px/1.4 "Inter",system-ui,sans-serif; color:var(--muted);
}

/* CTA */
.btn-buy{
  display:block; text-align:center; margin:12px 0 14px;
  padding:12px 14px; border-radius:12px;
  font:800 15px/1 "Outfit",system-ui,sans-serif;
  color:#1b1209; text-decoration:none;
  background:linear-gradient(90deg,var(--brand),var(--brand2));
  box-shadow:0 10px 26px var(--glow);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.btn-buy:hover{ transform:translateY(-2px); filter:brightness(1.03); }
.btn-buy:active{ transform:translateY(0); }

/* Feature bullets (same across all cards) */
.features{ list-style:none; margin:0; padding:2px 0 0; }
.features li{
  position:relative; padding-left:22px; margin:9px 0;
  font:500 15px/1.55 "Inter",system-ui,sans-serif; color:var(--ink);
}
.features li::before{
  content:""; width:9px; height:9px; border-radius:50%;
  background:var(--brand); position:absolute; left:0; top:.55em;
  box-shadow:0 0 0 4px rgba(255,142,43,.14);
}

/* Focus styles for accessibility */
.pkg-tab:focus-visible,
.btn-buy:focus-visible{
  outline:3px solid rgba(255,142,43,.35);
  outline-offset:2px;
  border-radius:12px;
}









/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@700;800&display=swap');

/* Brand tokens */
:root{
  --orange:#FF8E2B;
  --orange-d:#E5700C;
  --orange-l:#FFC48E;
  --white:#ffffff;
}

/* Section band – dark→bright orange gradient with soft 3D glow */
.buy-iptv{
  background: linear-gradient(135deg, var(--orange-d) 0%, var(--orange) 55%, var(--orange-l) 100%);
  color: var(--white);
  padding: clamp(36px,6vw,84px) 18px;
  position: relative;
  overflow: hidden;
}

/* subtle highlights for depth */
.buy-iptv::before,
.buy-iptv::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter: blur(60px);
  opacity:.25;
}
.buy-iptv::before{
  width:320px; height:320px;
  background: radial-gradient(closest-side, #fff, transparent 70%);
  top:-120px; left:-80px;
}
.buy-iptv::after{
  width:360px; height:360px;
  background: radial-gradient(closest-side, rgba(255,255,255,.9), transparent 70%);
  bottom:-140px; right:-100px;
}

.buy-iptv__wrap{
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.buy-iptv__title{
  font:800 clamp(24px,4.4vw,40px) "Outfit",system-ui,sans-serif;
  letter-spacing:.2px;
  margin:0 0 12px;
  text-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.buy-iptv__text{
  font:500 clamp(15px,1.7vw,18px)/1.75 "Inter",system-ui,sans-serif;
  margin:0 auto;
  max-width: 860px;
  text-wrap: balance;
}

/* Optional: soften strong bolds inside the orange band */
.buy-iptv__text strong{
  font-weight:600;
}






/* Warum Smart IPTV 4K – centered, lightweight, responsive */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@700;800&display=swap');

:root{
  --brand:#FF8E2B;     /* main orange */
  --ink:#13141A;       /* text */
  --muted:#616779;     /* secondary text */
  --card:#ffffff;
  --line:#ECEFF4;
  --glow:rgba(255,142,43,.12);
}

.why{
  background:#fff;
  padding:clamp(32px,5vw,64px) 16px;
}
.why__wrap{
  max-width:1000px;
  margin:0 auto;
  text-align:center;
}
.why__title{
  font:800 clamp(24px,4.3vw,36px) "Outfit",system-ui,sans-serif;
  color:var(--ink);
  margin:0 0 18px;
  letter-spacing:.2px;
}
.why__list{
  list-style:none;
  padding:0; margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(280px,1fr));
  gap:14px;
  max-width:950px;
}
@media (max-width:720px){
  .why__list{ grid-template-columns:1fr; }
}
.why__item{
  display:flex; gap:12px; align-items:flex-start;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px 16px;
  box-shadow:0 18px 40px var(--glow);
}
.why__icon{
  color:var(--brand);
  flex:0 0 28px; height:28px; width:28px;
  display:grid; place-items:center;
}
.why__item p{
  font:500 15px/1.65 "Inter",system-ui,sans-serif;
  color:var(--ink); margin:0; text-align:left;
}
.why__item strong{
  font-weight:600;
}/* Smart IPTV 4K – UHD highlight block (simple 3D, orange focus) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@700;800&display=swap');

:root{
  --brand:#FF8E2B;                  /* main orange */
  --brand-d:#E5700C;                /* darker orange for depth */
  --ink:#13141A;                    /* primary text */
  --muted:#5E6472;                  /* secondary text */
  --edge:#EEF1F5;                   /* card border */
}

.uhd{
  background:#fff;
  padding:clamp(32px,6vw,72px) 16px;
}
.uhd__wrap{
  max-width: 1060px;
  margin: 0 auto;
}
.uhd__card{
  position: relative;
  text-align: center;
  background: #fff;
  border:1px solid var(--edge);
  border-radius: 22px;
  padding: clamp(20px,4.5vw,44px);
  box-shadow:
    0 20px 50px rgba(255,142,43,.18),
    0 2px 0 #fff inset;             /* subtle 3D rim */
  overflow: hidden;
}

/* soft orange glows for 3D depth */
.uhd__card::before,
.uhd__card::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter: blur(40px);
  opacity:.25;
  z-index:0;
}
.uhd__card::before{
  width:220px; height:220px;
  background: radial-gradient(closest-side, var(--brand), transparent 70%);
  top:-60px; left:-40px;
}
.uhd__card::after{
  width:260px; height:260px;
  background: radial-gradient(closest-side, var(--brand-d), transparent 70%);
  bottom:-80px; right:-40px;
}

.uhd__title{
  position: relative; z-index:1;
  font:800 clamp(24px,4.2vw,36px) "Outfit",system-ui,sans-serif;
  color:var(--ink);
  margin:0 0 14px;
  letter-spacing:.2px;
}
.uhd__lead,
.uhd__text{
  position: relative; z-index:1;
  font:500 clamp(15px,1.6vw,17px)/1.7 "Inter",system-ui,sans-serif;
  color:var(--ink);
  margin:0 auto 14px;
  max-width: 900px;
}
.uhd__lead strong,
.uhd__text strong{ font-weight:600; }

.uhd__btn{
  position: relative; z-index:1;
  display:inline-flex; align-items:center; justify-content:center;
  gap:.45rem;
  padding: 14px 22px;
  border-radius: 14px;
  border: 0;
  color:#fff; text-decoration:none;
  font:700 16px/1 "Outfit",system-ui,sans-serif;
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-d) 100%);
  box-shadow:
    0 12px 24px rgba(255,142,43,.35),
    0 2px 0 rgba(255,255,255,.6) inset;
  transition: transform .18s ease, box-shadow .18s ease;
  margin-top: 6px;
}
.uhd__btn:hover{
  transform: translateY(-2px);
  box-shadow:
    0 16px 28px rgba(255,142,43,.42),
    0 2px 0 rgba(255,255,255,.7) inset;
}
.uhd__note{
  position: relative; z-index:1;
  margin-top: 10px;
  font:500 13px/1.5 "Inter",system-ui,sans-serif;
  color:var(--muted);
}

/* Mobile tweaks */
@media (max-width:560px){
  .uhd__btn{ width:100%; }
}






/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@600;700&display=swap');

:root{
  --brand:#FF8E2B;        /* main orange */
  --brand-d:#E5700C;      /* darker orange */
  --ink:#1c1d21;          /* text */
  --muted:#61646e;        /* secondary */
  --card:#ffffff;         /* white card */
  --edge:#eef1f5;         /* borders */
}

.g-rev{ padding:clamp(28px,5vw,56px) 14px; background:#fff; }
.g-rev__wrap{ max-width:1200px; margin:0 auto; }

.g-rev__head{
  display:flex; align-items:center; gap:10px;
  margin:0 0 18px; color:var(--ink);
  font:600 14px/1 "Inter",system-ui,sans-serif;
}
.g-rev__glogo{
  width:18px;height:18px;border-radius:50%;
  background:
    conic-gradient(#ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0 100%);
  box-shadow:0 0 0 3px #fff inset, 0 0 1px rgba(0,0,0,.2);
}
.g-rev__score{ font:700 16px "Outfit",system-ui,sans-serif; }
.g-rev__stars span{ color:#fbbc05; font-size:16px; line-height:1; }
.g-rev__label{ color:var(--muted); }

/* Carousel rail */
.g-rev__rail{
  display:grid;
  grid-auto-flow:column;
  gap:14px;
  grid-auto-columns: calc((100% - 3*14px) / 3); /* 3 on phone */
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:8px;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 900px){
  .g-rev__rail{ grid-auto-columns: calc((100% - 3*14px) / 4); } /* 4 on desktop */
}
.g-rev__rail::-webkit-scrollbar{ height:8px; }
.g-rev__rail::-webkit-scrollbar-thumb{
  background:#e8eaef; border-radius:8px;
}

/* Cards */
.g-rev__card{
  scroll-snap-align:start;
  border-radius:18px;
  border:1px solid var(--edge);
  padding:16px 16px 18px;
  background:var(--card);
  box-shadow: 0 14px 30px rgba(0,0,0,.06);
  display:flex; flex-direction:column; gap:10px;
  min-height: 184px;
}
.g-rev__card.is-orange{
  color:#fff;
  background: linear-gradient(135deg,var(--brand-d),var(--brand));
  border-color:transparent;
  box-shadow: 0 18px 40px rgba(255,142,43,.25);
}
.g-rev__meta{ display:flex; align-items:center; gap:12px; }
.g-rev__avatar{
  width:44px; height:44px; border-radius:50%;
  object-fit:cover; flex:0 0 44px;
  box-shadow:0 0 0 3px #fff, 0 2px 8px rgba(0,0,0,.15);
}
.g-rev__name{
  margin:0; color:inherit;
  font:700 15px/1.25 "Outfit",system-ui,sans-serif;
}
.g-rev__date{
  margin-top:2px;
  color: currentColor;
  opacity:.75;
  font:600 12px/1 "Outfit",system-ui,sans-serif;
}
.g-rev__text{
  margin:0; color:inherit;
  font:500 14px/1.6 "Inter",system-ui,sans-serif;
}

/* Controls */
.g-rev__ctrl{
  display:flex; justify-content:center; gap:10px; margin-top:14px;
}
.g-rev__btn{
  width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;
  color:#fff; background:linear-gradient(135deg,var(--brand),var(--brand-d));
  box-shadow:0 10px 24px rgba(255,142,43,.35);
  font:700 18px/40px "Outfit",system-ui,sans-serif;
  transition:transform .15s ease, box-shadow .15s ease;
}
.g-rev__btn:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(255,142,43,.45); }
/* Remove orange arrow circles under the reviews */
.g-revctrl, .g-revbtn { display: none !important; }

/* Optional: tighten bottom spacing a bit */
.g-rev { padding-bottom: 28px; }








/* ---- Carousel layout (no HTML changes needed) ---- */
.g-rev { --gap: 16px; --card-pad: 16px; --radius: 18px; }

/* Track: horizontal scroll + snap */
.g-rev__track{
  display:flex;
  gap:var(--gap);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 6px 4px 14px;
}

/* Cards */
.g-rev__card{
  flex:0 0 calc(25% - var(--gap));      /* 4 on desktop */
  scroll-snap-align:start;
  background:#fff;
  border-radius:var(--radius);
  padding:var(--card-pad);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.06);
  min-height:auto;                       /* prevent tall columns */
}

/* Orange variant alternates */
.g-rev__card.is-orange{
  background: linear-gradient(135deg, #FF8E2B 0%, #ffb169 100%);
  color:#1a1a1a;
  border: none;
}

/* Header (avatar + name/date) */
.g-rev__head{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.g-rev__avatar{
  width:44px; height:44px; border-radius:50%;
  object-fit:cover; flex:0 0 44px; border:2px solid rgba(0,0,0,.06);
}
.g-rev__name{ font-family:"Outfit",system-ui,sans-serif; font-weight:700; font-size:15px; }
.g-rev__date{ font-family:"Outfit",system-ui,sans-serif; font-weight:600; font-size:12px; opacity:.7; }

/* Text */
.g-rev__text{
  font-family:"Inter",system-ui,sans-serif; font-size:14px; line-height:1.55;
  margin:0;
  display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;
  overflow:hidden;                        /* clamp lines so cards stay compact */
}

/* Rating row */
.g-rev__meta{ display:flex; align-items:center; gap:8px; margin:2px 0 10px; }
.g-rev__stars{ color:#FF8E2B; font-size:14px; }

/* Hide arrow circles if still present */
.g-revctrl, .g-revbtn{ display:none !important; }

/* ——— Responsive ——— */
@media (max-width: 1200px){
  .g-rev__card{ flex-basis: calc(33.333% - var(--gap)); } /* 3 on large tablets */
}
@media (max-width: 768px){
  .g-rev__card{ flex-basis: calc(50% - var(--gap)); }     /* 2 on phones */
  .g-rev__text{ -webkit-line-clamp:6; font-size:13.5px; }
  .g-revname{ font-size:14px; } .g-revdate{ font-size:11.5px; }
  .g-rev__avatar{ width:40px; height:40px; }
}


/* Phone layout: 1 card per view, compact */
@media (max-width: 768px){
  .g-rev__track{
    padding: 8px 12px 14px;
    scroll-padding-left: 12px;   /* first card starts nicely */
  }
  .g-rev__card{
    flex: 0 0 calc(100% - var(--gap));   /* 1 per view */
    min-height: auto;                     /* no tall columns */
  }
  .g-rev__avatar{ width: 40px; height: 40px; }
  .g-rev__name{ font-size: 14px; }
  .g-rev__date{ font-size: 11.5px; }
  .g-rev__text{ font-size: 13.5px; -webkit-line-clamp: 6; } /* tweak clamp if needed */
}














/* ===============================
   Google-style Reviews – Responsive Fix
   =============================== */

/* Phone: show 1 card per view */
@media (max-width: 767px){
  #google-reviews .g-rev__viewport{ overflow-x: auto !important; }
  #google-reviews .g-rev__track{
    display: flex !important;
    gap: 14px !important;
    padding: 10px 12px 18px 12px !important;
    scroll-snap-type: x mandatory !important;
  }
  #google-reviews .g-rev__card{
    flex: 0 0 calc(100% - 24px) !important;   /* 1 per view */
    max-width: calc(100% - 24px) !important;
    min-height: auto !important;              /* no tall columns */
  }
  #google-reviews .g-rev__avatar{ width: 40px !important; height: 40px !important; }
  #google-reviews .g-rev__name{ font-size: 14px !important; }
  #google-reviews .g-rev__date{ font-size: 11.5px !important; }
  #google-reviews .g-rev__text{ font-size: 13.5px !important; -webkit-line-clamp: 6; }
}

/* Tablet: 2 per view */
@media (min-width: 768px) and (max-width: 1023px){
  #google-reviews .g-rev__card{
    flex: 0 0 calc(50% - 18px) !important;
    max-width: calc(50% - 18px) !important;
  }
}

/* Desktop: 4 per view (keep) */
@media (min-width: 1024px){
  #google-reviews .g-rev__card{
    flex: 0 0 calc(25% - 18px) !important;
    max-width: calc(25% - 18px) !important;
  }
}

/* Hide any nav dots if a theme/widget adds them */
#google-reviews .g-rev__dots{ display:none !important; }


/* ===== Reviews responsiveness (forces 1 card on phones) ===== */

#google-reviews .gr-track{
  display:flex !important;
  gap:16px !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;
  -webkit-overflow-scrolling:touch !important;
  padding:8px 6px 14px !important;
}
#google-reviews .gr-card{
  scroll-snap-align:center !important;
  min-height:auto !important;
  height:auto !important;
}

/* Phone: 1 per view */
@media (max-width: 767px){
  #google-reviews .gr-card{
    flex:0 0 calc(100% - 24px) !important;
    max-width:calc(100% - 24px) !important;
  }
  #google-reviews .gr-card .rev-text{
    /* make sure long text doesn’t make cards super tall */
    display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical;
    overflow:hidden;
  }
}

/* Tablet: 2 per view */
@media (min-width:768px) and (max-width:1023px){
  #google-reviews .gr-card{
    flex:0 0 calc(50% - 18px) !important;
    max-width:calc(50% - 18px) !important;
  }
}

/* Desktop: 4 per view */
@media (min-width:1024px){
  #google-reviews .gr-card{
    flex:0 0 calc(25% - 18px) !important;
    max-width:calc(25% - 18px) !important;
  }
}

/* Kill any theme dots/arrows that sneak in */
#google-reviews .gr-dots,
#google-reviews .slick-dots,
#google-reviews .swiper-pagination{ display:none !important; }


:root{
  --brand:#FF8E2B;         /* your orange */
  --brand-2:#FFC696;       /* lighter orange for gradients */
  --ink:#111827;           /* heading/text */
  --muted:#6B7280;         /* secondary text */
  --bg:#FFFFFF;
}

.gr-head-wrap{
  display:flex; justify-content:center; background:var(--bg);
  padding:clamp(28px,4vw,56px) 16px 0;
}
.gr-head{
  width:min(1100px,100%);
  text-align:center;
  position:relative;
  background: #fff;
  border-radius:28px;
  padding:clamp(22px,3.5vw,40px) clamp(18px,3vw,32px);
  box-shadow: 0 12px 30px rgba(17,24,39,.06), inset 0 1px 0 rgba(255,255,255,.6);
}

/* Google badge */
.gr-badge{
  display:inline-flex; align-items:center; gap:.55rem;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  padding:.45rem .75rem;
  border-radius:999px;
  background:linear-gradient(180deg,#fff, #f8fafc);
  box-shadow: 0 2px 10px rgba(17,24,39,.06), inset 0 0 0 1px rgba(0,0,0,.06);
  margin:0 auto .9rem;
}
.gr-google-dot{
  width:10px; height:10px; border-radius:50%;
  background: conic-gradient(#4285F4 0 25%, #EA4335 0 50%, #FBBC05 0 75%, #34A853 0);
  display:inline-block;
}
.gr-score{ font-weight:700; color:var(--ink); }
.gr-stars{ letter-spacing:.12em; color:#F59E0B; font-size:.95rem; }
.gr-label{ color:var(--muted); font-size:.95rem; }

/* Title & sub */
.gr-title{
  font-family:Outfit, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:800; line-height:1.1; color:var(--ink);
  font-size:clamp(1.6rem, 3.5vw, 2.6rem);
  margin:.25rem 0 .4rem;
}
.gr-title > span{
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.gr-sub{
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--muted);
  font-size:clamp(.95rem, 1.3vw, 1.05rem);
  max-width:60ch;
  margin:0 auto;
}

/* Accent underline (subtle 3D) */
.gr-accent{
  display:block; width:min(420px, 80%); height:8px;
  margin:18px auto 0;
  border-radius:999px;
  background: linear-gradient(90deg, var(--brand) 0%, var(--brand-2) 100%);
  box-shadow: 0 10px 22px rgba(255,142,43,.35);
}

/* Small screens tweaks */
@media (max-width:480px){
  .gr-badge{ gap:.45rem; padding:.4rem .65rem; }
  .gr-stars{ font-size:.9rem; }
}



/* ----- 12M badge ----- */
.pkg-card.has-badge{position:relative;}
.pkg-ribbon{
  position:absolute; top:10px; right:-8px;
  padding:6px 14px; border-radius:8px;
  background:linear-gradient(135deg,#FF8E2B 0%,#FFC074 100%);
  color:#fff; font-family:"Outfit",system-ui,sans-serif; font-weight:700; font-size:12px;
  letter-spacing:.2px; box-shadow:0 6px 16px rgba(255,142,43,.35);
  transform:rotate(8deg); pointer-events:none;
}


/* Force the same tinted surface + list dots on the 12-Monate card */
#one-12.pkg-card{
  background: linear-gradient(180deg, rgba(255,142,43,.08) 0%, rgba(255,142,43,.02) 100%);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* Make bullets match the orange theme (in case they became default discs) */
#one-12 .pkg-list{ list-style: none; padding-left: 0; margin: 18px 0 0; }
#one-12 .pkg-list li{
  position: relative; padding-left: 26px; margin: 10px 0;
}
#one-12 .pkg-list li::before{
  content: ""; width: 9px; height: 9px; border-radius: 50%;
  background: #FF8E2B; position: absolute; left: 0; top: 10px;
  box-shadow: 0 0 0 4px rgba(255,142,43,.18);
}/* End custom CSS */