{"html":"<!DOCTYPE html><html lang=\"en\"><head>\n    <meta charset=\"UTF-8\">\n\n<link rel=\"icon\" type=\"image/png\" href=\"/favicon.png\">\n<link rel=\"icon\" href=\"/favicon.ico\">\n\n<!-- International SEO -->\n<link rel=\"canonical\" href=\"https://iptvukv.com/iptvuk\">\n<link rel=\"alternate\" hreflang=\"en-gb\" href=\"https://iptvukv.com/iptvuk\">\n<link rel=\"alternate\" hreflang=\"en\" href=\"https://iptvukv.com/iptvuk\">\n<link rel=\"alternate\" hreflang=\"x-default\" href=\"https://iptvukv.com/iptvuk\">\n\n\n\n\n\n\n\n\n\n\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<!-- Main CSS -->\n<link rel=\"stylesheet\" href=\"https://iptvukv.com/public/main/style.css\">\n\n<!-- CLS FIX CSS -->\n<link rel=\"stylesheet\" href=\"https://iptvukv.com/public/main/cls-fix.min.css\">\n\n  \n   <!-- Primary Meta Tags -->\n\n    <title>IPTV UK – Best UK IPTV Service for Live TV &amp; Sports Streaming</title>\n    <meta name=\"description\" content=\"Get the best IPTV UK service with HD live channels, sports, movies, and entertainment. Fast streaming, no buffering, and 24/7 support for all UK devices.\">\n      \n    <meta name=\"author\" content=\"iptvukv.com\">\n\n    <!-- Open Graph / Facebook -->\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:title\" content=\"IPTV UK – Best UK IPTV Service for Live TV &amp; Sports Streaming\">\n    <meta property=\"og:description\" content=\"Get the best IPTV UK service with HD live channels, sports, movies, and entertainment. Fast streaming, no buffering, and 24/7 support for all UK devices.\">\n    <meta property=\"og:image\" content=\"https://iptvukv.com/public/custom-storage/setting/1773726186.png\">\n   <meta property=\"og:url\" content=\"https://iptvukv.com/\">\n    <meta property=\"og:site_name\" content=\"iptvukv.com\">\n\n    <!-- Twitter Card -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"IPTV UK – Best UK IPTV Service for Live TV &amp; Sports Streaming\">\n    <meta name=\"twitter:description\" content=\"Get the best IPTV UK service with HD live channels, sports, movies, and entertainment. Fast streaming, no buffering, and 24/7 support for all UK devices.\">\n    <meta name=\"twitter:image\" content=\"https://iptvukv.com/public/custom-storage/setting/1773726186.png\">\n    <meta name=\"twitter:site\" content=\"iptvukv.com\">  \n\n    <!-- Canonical URL -->\n  <link rel=\"canonical\" href=\"https://iptvukv.com/\">\n  \n   <!-- Additional SEO Enhancements -->\n<meta name=\"referrer\" content=\"strict-origin-when-cross-origin\">\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n<!-- ✅ Organization Schema -->\n<script type=\"application/ld+json\">\n{\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"Organization\",\n  \"name\": \"iptvukv.com\",\n  \"url\": \"https://iptvukv.com\",\n  \"logo\": \"https://iptvukv.com/public/custom-storage/setting/1773726186.png\",\n  \"description\": \"Get the best IPTV UK service with HD live channels, sports, movies, and entertainment. Fast streaming, no buffering, and 24/7 support for all UK devices.\",\n  \"areaServed\": {\n    \"@type\": \"Country\",\n    \"name\": \"United Kingdom\"\n  },\n  \"address\": {\n    \"@type\": \"PostalAddress\",\n    \"streetAddress\": \"271 Surrey Street King's College\",\n    \"addressLocality\": \"London\",\n    \"postalCode\": \"WC2R 2NS\",\n    \"addressCountry\": \"United Kingdom\"\n  },\n  \"sameAs\": [\n      \"https://iptvukv.com\",\n    \"https://iptvukv.com\",\n    \"https://www.facebook.com/61590402930873\",\n    \"https://x.com/lisa_ander4704\",\n    \"https://www.instagram.com/sara.hthompson723/\",\n    \"\"\n  ],\n  \"contactPoint\": {\n    \"@type\": \"ContactPoint\",\n    \"telephone\": \"+447490352179\",\n    \"contactType\": \"customer service\",\n    \"areaServed\": {\n      \"@type\": \"Country\",\n      \"name\": \"United Kingdom\"\n    },\n    \"availableLanguage\": [\n      \"English\"\n    ]\n  }\n}\n</script>\n\n<script type=\"application/ld+json\">\n{\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"Organization\",\n  \"name\": \"IPTV UK V\",\n  \"url\": \"https://iptvukv.com\",\n  \"aggregateRating\": {\n    \"@type\": \"AggregateRating\",\n    \"ratingValue\": \"4.9\",\n    \"reviewCount\": \"239\",\n    \"bestRating\": \"5\",\n    \"worstRating\": \"1\"\n  }\n}\n</script>\n\n<!-- ✅ Website Schema -->\n<script type=\"application/ld+json\">\n{\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"WebSite\",\n  \"name\": \"iptvukv.com\",\n  \"url\": \"https://iptvukv.com\",\n  \"inLanguage\": \"en-GB\",\n  \"potentialAction\": {\n    \"@type\": \"SearchAction\",\n    \"target\": \"https://iptvukv.com/search?query={search_term_string}\",\n    \"query-input\": \"required name=search_term_string\"\n  }\n}\n</script>\n\n<!-- ✅ IPTV Service Schema -->\n<script type=\"application/ld+json\">\n{\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"Service\",\n  \"serviceType\": \"IPTV Subscription Service\",\n  \"name\": \"IPTV UK – Best UK IPTV Service for Live TV &amp; Sports Streaming\",\n  \"url\": \"https://iptvukv.com/iptvuk\",\n  \"description\": \"Get the best IPTV UK service with HD live channels, sports, movies, and entertainment. Fast streaming, no buffering, and 24/7 support for all UK devices.\",\n  \"provider\": {\n    \"@type\": \"Organization\",\n    \"name\": \"iptvukv.com\",\n    \"url\": \"https://iptvukv.com\"\n  },\n  \"areaServed\": {\n    \"@type\": \"Country\",\n    \"name\": \"United Kingdom\"\n  },\n  \"offers\": {\n    \"@type\": \"Offer\",\n    \"url\": \"https://iptvukv.com/iptvuk\",\n    \"priceCurrency\": \"GBP\",\n    \"price\": \"40\",\n    \"priceValidUntil\": \"2026-06-10\",\n    \"availability\": \"https://schema.org/InStock\"\n  }\n}\n\n\"offers\": {\n  \"@type\": \"Offer\",\n  \"price\": \"40\",\n  \"priceCurrency\": \"GBP\",\n  \"availability\": \"https://schema.org/InStock\",\n  \"url\": \"https://iptvukv.com/pricing\"\n}\n</script>\n \n\n<style>\nhtml,\nbody{\n  margin:0;\n  padding:0;\n  background:#fff;\n  color:#0f172a;\n  font-family:Arial,Helvetica,sans-serif !important;\n  overflow-x:hidden;\n}\n\n/* Main area reserve */\nmain.flex-grow{\n  min-height:650px;\n}\n\n/* Hero CLS fix */\n#hero,\n.hero-section,\nsection:first-of-type{\n  min-height:680px;\n}\n\n/* Mobile hero fix */\n@media (max-width:768px){\n\n  #hero,\n  .hero-section,\n  section:first-of-type{\n    min-height:620px;\n  }\n\n}\n\n/* Image CLS fix */\nimg{\n  max-width:100%;\n  height:auto;\n  display:block;\n}\n\n/* Logo reserve space */\n.logo img,\nimg[alt=\"IPTV UK E\"]{\n  width:224px !important;\n  height:40px !important;\n  object-fit:contain;\n}\n\n/* Video & iframe reserve */\niframe,\nvideo{\n  width:100%;\n  aspect-ratio:16/9;\n}\n\n/* Card reserve space */\n.card,\n.blog-card,\n.pricing-card,\n.review-card{\n  min-height:260px;\n}\n\n/* Prevent layout jumps */\nbutton,\n.btn,\na[class*=\"btn\"]{\n  min-height:44px;\n}\n\n/* Remove top white gap */\nbody,\nmain{\n  margin-top:0 !important;\n  padding-top:0 !important;\n}\n\n.top-banner,\n.announcement-bar,\n.update-banner{\n  margin-bottom:0 !important;\n  padding-bottom:0 !important;\n}\n\n.blog-top-banner,\n.page-hero,\n.hero-section{\n  margin-top:0 !important;\n}\n\nheader{\n  margin-bottom:0 !important;\n}\n\n/* Smooth font rendering */\nbody{\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n}\n</style>\n<link rel=\"stylesheet\" href=\"/public/main/cls-fix.min.css\" as=\"style\" onload=\"this.onload=null;this.rel='stylesheet'\">\n\n<noscript>\n  <link rel=\"stylesheet\" href=\"/public/main/cls-fix.min.css\">\n</noscript>\n\n\n\n\n\n</head>\n\n<body>\n<div id=\"root\">\n    <div class=\"min-h-screen bg-white text-slate-900 flex flex-col\">\n\n        <!-- HEADER -->\n<header id=\"mainHeader\" class=\"fixed top-0 left-0 w-full z-50 bg-white shadow-md transition-all duration-300\">\n\n  <nav class=\"container mx-auto px-4 py-4\">\n    <div class=\"flex items-center justify-between\">\n\n      <a href=\"/\" class=\"flex items-center\">\n        <img src=\"https://iptvukv.com/public/custom-storage/setting/1773726186.png\" alt=\"IPTV UK E\" class=\"h-10 w-56\">\n      </a>\n\n      <div class=\"hidden lg:flex items-center gap-6\">\n        <a href=\"https://iptvukv.com/\" class=\"font-medium text-[#FF6B35]\">Home</a>\n        <a href=\"https://iptvukv.com/pricing\" class=\"font-medium text-[#475569] hover:text-[#FF6B35]\">Pricing</a>\n        <a href=\"https://iptvukv.com/installation-guides\" class=\"font-medium text-[#475569] hover:text-[#FF6B35]\">Installation Guide</a>\n        <a href=\"https://iptvukv.com/reviews\" class=\"font-medium text-[#475569] hover:text-[#FF6B35]\">Reviews</a>\n        <a href=\"/blog\" class=\"font-medium text-[#475569] hover:text-[#FF6B35]\">Blogs</a>\n        <a href=\"/features\" class=\"font-medium text-[#475569] hover:text-[#FF6B35]\">Features</a>\n        <a href=\"/faq\" class=\"font-medium text-[#475569] hover:text-[#FF6B35]\">FAQ</a>\n        <a href=\"/contact\" class=\"font-medium text-[#475569] hover:text-[#FF6B35]\">Contact</a>\n      </div>\n\n      <div class=\"hidden lg:block\">\n        <a href=\"https://iptvukv.com/pricing\" class=\"bg-[#FF6B35] hover:bg-[#008000] text-white px-6 py-2 rounded-full font-semibold transition\">\n          £40 Year Offer\n        </a>\n      </div>\n\n      <button id=\"menuBtn\" class=\"lg:hidden text-gray-700 text-2xl\">\n        ☰\n      </button>\n\n    </div>\n  </nav>\n\n  <!-- MOBILE MENU -->\n  <div id=\"mobileMenu\" class=\"hidden lg:hidden bg-white shadow-md border-t\">\n    <div class=\"flex flex-col p-5 gap-4 font-medium text-gray-700\">\n      <a href=\"https://iptvukv.com/\" class=\"mobile-link\">Home</a>\n      <a href=\"https://iptvukv.com/installation-guides\" class=\"mobile-link\">Installation Guide</a>\n      <a href=\"https://iptvukv.com/reviews\" class=\"mobile-link\">Reviews</a>\n      <a href=\"https://iptvukv.com/pricing\" class=\"mobile-link\">Pricing</a>\n      <a href=\"/blog\" class=\"mobile-link\">Blogs</a>\n      <a href=\"/features\" class=\"mobile-link\">Features</a>\n      <a href=\"/faq\" class=\"mobile-link\">FAQ</a>\n      <a href=\"/contact\" class=\"mobile-link\">Contact</a>\n\n      <a href=\"https://iptvukv.com/pricing\" class=\"bg-[#FF6B35] text-white text-center py-2 rounded-full\">\n        £40 Year Offer\n      </a>\n    </div>\n  </div>\n\n  <!-- FIFA OFFER BAR -->\n  <div class=\"fifa-header-offer\">\n    <div class=\"fifa-svg-balls\" aria-hidden=\"true\">\n              <svg class=\"fifa-svg-ball ball-1\" viewBox=\"0 0 64 64\">\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"#fff\"></circle>\n          <path d=\"M32 13l10 7-4 12H26l-4-12 10-7z\" fill=\"#111827\"></path>\n          <path d=\"M32 13V4M42 20l13-4M38 32l9 15M26 32l-9 15M22 20L9 16\" stroke=\"#111827\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"></path>\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"none\" stroke=\"#111827\" stroke-width=\"3\"></circle>\n        </svg>\n              <svg class=\"fifa-svg-ball ball-2\" viewBox=\"0 0 64 64\">\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"#fff\"></circle>\n          <path d=\"M32 13l10 7-4 12H26l-4-12 10-7z\" fill=\"#111827\"></path>\n          <path d=\"M32 13V4M42 20l13-4M38 32l9 15M26 32l-9 15M22 20L9 16\" stroke=\"#111827\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"></path>\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"none\" stroke=\"#111827\" stroke-width=\"3\"></circle>\n        </svg>\n              <svg class=\"fifa-svg-ball ball-3\" viewBox=\"0 0 64 64\">\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"#fff\"></circle>\n          <path d=\"M32 13l10 7-4 12H26l-4-12 10-7z\" fill=\"#111827\"></path>\n          <path d=\"M32 13V4M42 20l13-4M38 32l9 15M26 32l-9 15M22 20L9 16\" stroke=\"#111827\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"></path>\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"none\" stroke=\"#111827\" stroke-width=\"3\"></circle>\n        </svg>\n              <svg class=\"fifa-svg-ball ball-4\" viewBox=\"0 0 64 64\">\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"#fff\"></circle>\n          <path d=\"M32 13l10 7-4 12H26l-4-12 10-7z\" fill=\"#111827\"></path>\n          <path d=\"M32 13V4M42 20l13-4M38 32l9 15M26 32l-9 15M22 20L9 16\" stroke=\"#111827\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"></path>\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"none\" stroke=\"#111827\" stroke-width=\"3\"></circle>\n        </svg>\n              <svg class=\"fifa-svg-ball ball-5\" viewBox=\"0 0 64 64\">\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"#fff\"></circle>\n          <path d=\"M32 13l10 7-4 12H26l-4-12 10-7z\" fill=\"#111827\"></path>\n          <path d=\"M32 13V4M42 20l13-4M38 32l9 15M26 32l-9 15M22 20L9 16\" stroke=\"#111827\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"></path>\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"none\" stroke=\"#111827\" stroke-width=\"3\"></circle>\n        </svg>\n              <svg class=\"fifa-svg-ball ball-6\" viewBox=\"0 0 64 64\">\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"#fff\"></circle>\n          <path d=\"M32 13l10 7-4 12H26l-4-12 10-7z\" fill=\"#111827\"></path>\n          <path d=\"M32 13V4M42 20l13-4M38 32l9 15M26 32l-9 15M22 20L9 16\" stroke=\"#111827\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"></path>\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"none\" stroke=\"#111827\" stroke-width=\"3\"></circle>\n        </svg>\n              <svg class=\"fifa-svg-ball ball-7\" viewBox=\"0 0 64 64\">\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"#fff\"></circle>\n          <path d=\"M32 13l10 7-4 12H26l-4-12 10-7z\" fill=\"#111827\"></path>\n          <path d=\"M32 13V4M42 20l13-4M38 32l9 15M26 32l-9 15M22 20L9 16\" stroke=\"#111827\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"></path>\n          <circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"none\" stroke=\"#111827\" stroke-width=\"3\"></circle>\n        </svg>\n          </div>\n\n    <div class=\"fifa-offer-text\">\n      <span>FIFA World Cup Special</span>\n      <strong>£40 For 1 Year</strong>\n      <a href=\"https://iptvukv.com/pricing\">Claim Offer</a>\n    </div>\n  </div>\n\n</header>\n\n<style>\nbody {\n  padding-top: 150px;\n}\n\n.fifa-header-offer {\n  position: relative;\n  height: 70px;\n  overflow: hidden;\n  background: linear-gradient(90deg, #020617, #1e293b, #ff6b35);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n}\n\n.fifa-offer-text {\n  position: relative;\n  z-index: 5;\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  text-align: center;\n}\n\n.fifa-offer-text span {\n  font-size: 13px;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.fifa-offer-text strong {\n  font-size: 24px;\n  font-weight: 900;\n  color: #ffd166;\n}\n\n.fifa-offer-text a {\n  background: #25d366;\n  color: #fff !important;\n  padding: 8px 18px;\n  border-radius: 999px;\n  font-weight: 800;\n  text-decoration: none;\n}\n\n.fifa-svg-ball {\n  position: absolute;\n  top: -40px;\n  width: 28px;\n  height: 28px;\n  animation: fifaHeaderFall 5s linear infinite;\n  z-index: 2;\n}\n\n.ball-1 { left: 5%; animation-delay: 0s; }\n.ball-2 { left: 20%; animation-delay: 1s; width: 22px; height: 22px; }\n.ball-3 { left: 38%; animation-delay: 2s; }\n.ball-4 { left: 55%; animation-delay: .5s; width: 34px; height: 34px; }\n.ball-5 { left: 70%; animation-delay: 1.8s; }\n.ball-6 { left: 84%; animation-delay: 2.7s; width: 24px; height: 24px; }\n.ball-7 { left: 95%; animation-delay: 1.2s; }\n\n@keyframes fifaHeaderFall {\n  0% {\n    transform: translateY(-40px) rotate(0deg);\n    opacity: 0;\n  }\n  15% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateY(120px) rotate(360deg);\n    opacity: 0;\n  }\n}\n\n@media (max-width: 768px) {\n  body {\n    padding-top: 155px;\n  }\n\n  .fifa-header-offer {\n    height: 78px;\n    padding: 0 8px;\n  }\n\n  .fifa-offer-text {\n    flex-direction: column;\n    gap: 3px;\n  }\n\n  .fifa-offer-text span {\n    font-size: 11px;\n  }\n\n  .fifa-offer-text strong {\n    font-size: 20px;\n  }\n\n  .fifa-offer-text a {\n    padding: 5px 14px;\n    font-size: 13px;\n  }\n}\n</style>\n\n<script>\nconst header = document.getElementById(\"mainHeader\");\nconst menuBtn = document.getElementById(\"menuBtn\");\nconst mobileMenu = document.getElementById(\"mobileMenu\");\n\nwindow.addEventListener(\"scroll\", () => {\n  if (window.scrollY > 60) {\n    header.classList.add(\"shadow-lg\");\n  } else {\n    header.classList.remove(\"shadow-lg\");\n  }\n});\n\nmenuBtn.addEventListener(\"click\", () => {\n  mobileMenu.classList.toggle(\"hidden\");\n});\n\ndocument.querySelectorAll(\".mobile-link\").forEach(link => {\n  link.addEventListener(\"click\", () => {\n    mobileMenu.classList.add(\"hidden\");\n  });\n});\n</script>\n         \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n <main class=\"flex-grow\">\n          <section id=\"hero\" class=\"relative min-h-screen flex flex-col items-center justify-center overflow-hidden pt-24 pb-20 bg-slate-50 content-visibility-auto contain-content\">\n            <div class=\"absolute inset-0 pointer-events-none transform-gpu overflow-hidden\">\n              <div class=\"absolute top-[-10%] left-[-10%] w-[50%] h-[50%] bg-[#FF6B35]/10 rounded-full filter blur-3xl will-change-transform\"></div>\n              <div class=\"absolute bottom-[-10%] right-[-10%] w-[50%] h-[50%] bg-[#FFA580]/10 rounded-full filter blur-3xl will-change-transform\"></div>\n              <div class=\"absolute top-[20%] right-[10%] w-[30%] h-[30%] bg-blue-100/20 rounded-full filter blur-3xl will-change-transform\"></div>\n            </div>\n            <div class=\"container mx-auto px-4 relative z-10\">\n              <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n                <div class=\"text-center lg:text-left\">\n                  <div class=\"flex items-center justify-center lg:justify-start gap-2 mb-6\" style=\"opacity: 1; transform: none;\">\n                    <div class=\"bg-white shadow-md border border-slate-200 rounded-full px-4 py-2 flex items-center gap-2\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-yellow-400\">\n                        <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                      </svg>\n                     <span class=\"text-[#1E293B] font-semibold text-sm sm:text-base\">Trusted IPTV Service for UK &amp; Europe</span>\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-yellow-400\">\n                        <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                      </svg>\n                    </div>\n                  </div>\n                  <h1 class=\"text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold mb-6 text-[#1E293B] tracking-tight leading-tight\"><span class=\"text-[#FF6B35]\">Premium IPTV </span>UK Service \n                  </h1>\n                  <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-3 mb-8 max-w-2xl mx-auto lg:mx-0\">\n                    <div class=\"bg-white p-3 rounded-lg shadow-sm border border-slate-100 flex items-center justify-center lg:justify-start gap-2 group hover:border-[#FF6B35]/30 transition-colors\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-tv w-5 h-5 text-[#FF6B35] shrink-0\">\n                        <rect width=\"20\" height=\"15\" x=\"2\" y=\"7\" rx=\"2\" ry=\"2\"></rect>\n                        <polyline points=\"17 2 12 7 7 2\"></polyline>\n                      </svg>\n                      <span class=\"text-sm font-bold text-[#1E293B]\">10,000+ Live Channels</span>\n                    </div>\n                    <div class=\"bg-white p-3 rounded-lg shadow-sm border border-slate-100 flex items-center justify-center lg:justify-start gap-2 group hover:border-[#FF6B35]/30 transition-colors\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-film w-5 h-5 text-[#FF6B35] shrink-0\">\n                        <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"></rect>\n                        <path d=\"M7 3v18\"></path>\n                        <path d=\"M3 7.5h4\"></path>\n                        <path d=\"M3 12h18\"></path>\n                        <path d=\"M3 16.5h4\"></path>\n                        <path d=\"M17 3v18\"></path>\n                        <path d=\"M17 7.5h4\"></path>\n                        <path d=\"M17 16.5h4\"></path>\n                      </svg>\n                      <span class=\"text-sm font-bold text-[#1E293B]\">Works on all devices</span>\n                    </div>\n                    <div class=\"bg-white p-3 rounded-lg shadow-sm border border-slate-100 flex items-center justify-center lg:justify-start gap-2 group hover:border-[#FF6B35]/30 transition-colors\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-globe w-5 h-5 text-[#FF6B35] shrink-0\">\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n                        <path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"></path>\n                        <path d=\"M2 12h20\"></path>\n                      </svg>\n                      <span class=\"text-sm font-bold text-[#1E293B]\">Dedicated Customer Support</span>\n                    </div>\n                  </div>\n                  <p class=\"text-lg sm:text-xl text-[#475569] mb-8 leading-relaxed max-w-2xl mx-auto lg:mx-0\" style=\"opacity: 1; transform: none;\">Access 29,500+ live TV channels with iptvukv.com IPTV. Watch live TV channels, sports, movies, and entertainment in HD quality. Enjoy smooth streaming on your favourite devices with reliable customer support whenever you need help.</p>\n                  <div class=\"flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4\" style=\"opacity: 1; transform: none;\">\n   <a href=\"https://wa.me/447453598130?text=Hi%2C+I%27m+interested+in+IPTV+UK+Free+Trial.+Please+help+me+get+started.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center justify-center font-medium h-11 w-full sm:w-auto bg-[#FF6B35] hover:bg-[#E55A2B] text-white text-lg px-8 py-6 rounded-full shadow-lg transition-all duration-300 hover:scale-105 border-none\">\n\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5 mr-2\">\n        <polygon points=\"6 3 20 12 6 21 6 3\"></polygon>\n    </svg>\n\n    Get Started\n</a>\n                    <a href=\"/features\" class=\"inline-flex items-center justify-center font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-11 w-full sm:w-auto border-2 border-slate-200 bg-white text-[#1E293B] hover:bg-slate-50 hover:text-[#FF6B35] hover:border-[#FF6B35]/30 text-lg px-8 py-6 rounded-full transition-all duration-300 hover:scale-105\">Explore Features</a>\n                  </div>\n          \n                </div>\n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                <div class=\"relative hidden lg:block\">\n                  <div class=\"relative z-10 undefined\">\n                    <picture>\n                      <source type=\"image/webp\" srcset=\"https://iptvukv.com/public/custom-storage/setting/1780380886.webp\">\n                      <img src=\"https://iptvukv.com/public/custom-storage/setting/1780380886.webp\" alt=\"iptvukv.com Smart TV interface showing British channels and streaming apps\" width=\"800\" height=\"600\" class=\"w-full h-auto drop-shadow-2xl transform hover:scale-105 transition-transform duration-500 will-change-transform\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\n                    </picture>\n                    <div class=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[120%] h-[120%] bg-[#FF6B35]/10 blur-3xl rounded-full -z-10 will-change-transform pointer-events-none\"></div>\n                  </div>\n                </div>\n                <div class=\"relative block lg:hidden mt-8\">\n                  <div class=\"relative z-10 undefined\">\n                    <picture>\n                      <source type=\"image/webp\" srcset=\"https://iptvukv.com/public/custom-storage/setting/1780380886.webp\">\n                      <img src=\"https://iptvukv.com/public/custom-storage/setting/1780380886.webp\" alt=\"iptvukv.com Smart TV interface showing British channels and streaming apps\" width=\"800\" height=\"600\" class=\"w-full h-auto drop-shadow-2xl transform hover:scale-105 transition-transform duration-500 will-change-transform\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\n                    </picture>\n                    <div class=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[120%] h-[120%] bg-[#FF6B35]/10 blur-3xl rounded-full -z-10 will-change-transform pointer-events-none\"></div>\n                  </div>\n                </div>\n              </div>\n              \n              \n              \n              \n              \n              \n              \n           <div class=\"relative w-full max-w-4xl mx-auto mt-12 p-1\" style=\"opacity: 1; transform: none;\">\n  <div class=\"absolute inset-0 bg-gradient-to-r from-purple-600 via-pink-600 to-purple-600 rounded-2xl blur opacity-75 animate-pulse\"></div>\n\n  <div class=\"relative bg-slate-900/90 backdrop-blur-xl border border-white/10 rounded-2xl p-6 md:p-8 overflow-hidden shadow-2xl\">\n    \n    <div class=\"absolute top-0 right-0 p-4 opacity-10\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-sparkles w-32 h-32 text-white\">\n        <path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\"></path>\n        <path d=\"M20 3v4\"></path>\n        <path d=\"M22 5h-4\"></path>\n        <path d=\"M4 17v2\"></path>\n        <path d=\"M5 18H3\"></path>\n      </svg>\n    </div>\n\n    <div class=\"flex flex-col md:flex-row items-center justify-between gap-8 relative z-10\">\n\n      <div class=\"text-center md:text-left\">\n        <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-gradient-to-r from-amber-500 to-orange-500 text-white text-xs font-bold uppercase tracking-wider mb-3 shadow-lg shadow-orange-500/20\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-sparkles w-3 h-3\">\n            <path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\"></path>\n            <path d=\"M20 3v4\"></path>\n            <path d=\"M22 5h-4\"></path>\n            <path d=\"M4 17v2\"></path>\n            <path d=\"M5 18H3\"></path>\n          </svg>\n          Choose the Plan That Fits Your Needs\n        </div>\n\n        <p class=\"text-2xl md:text-3xl font-bold text-white mb-2\">\n          12 Months + \n          <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-pink-400 to-purple-400\">\n            2 Months FREE\n          </span>\n        </p>\n\n        <p class=\"text-slate-400 text-sm md:text-base\">\n          Select your plan and start streaming live TV, sports, movies, and entertainment today.. Limited-time offer.!\n        </p>\n      </div>\n\n      <div class=\"flex flex-col items-center gap-6\">\n\n        <!-- TIMER -->\n        <div class=\"flex items-center gap-2 md:gap-4 text-white\">\n\n          <div class=\"flex flex-col items-center bg-white/20 backdrop-blur-sm rounded-lg p-2 min-w-[60px]\">\n            <span id=\"days\" class=\"text-xl md:text-2xl font-bold font-mono\">01</span>\n            <span class=\"text-[10px] uppercase tracking-wider opacity-80\">Days</span>\n          </div>\n\n          <span class=\"text-xl font-bold text-white/50\">:</span>\n\n          <div class=\"flex flex-col items-center bg-white/20 backdrop-blur-sm rounded-lg p-2 min-w-[60px]\">\n            <span id=\"hours\" class=\"text-xl md:text-2xl font-bold font-mono\">23</span>\n            <span class=\"text-[10px] uppercase tracking-wider opacity-80\">Hrs</span>\n          </div>\n\n          <span class=\"text-xl font-bold text-white/50\">:</span>\n\n          <div class=\"flex flex-col items-center bg-white/20 backdrop-blur-sm rounded-lg p-2 min-w-[60px]\">\n            <span id=\"minutes\" class=\"text-xl md:text-2xl font-bold font-mono\">59</span>\n            <span class=\"text-[10px] uppercase tracking-wider opacity-80\">Min</span>\n          </div>\n\n          <span class=\"text-xl font-bold text-white/50\">:</span>\n\n          <div class=\"flex flex-col items-center bg-white/20 backdrop-blur-sm rounded-lg p-2 min-w-[60px]\">\n            <span id=\"seconds\" class=\"text-xl md:text-2xl font-bold font-mono\">59</span>\n            <span class=\"text-[10px] uppercase tracking-wider opacity-80\">Sec</span>\n          </div>\n\n        </div>\n\n <a href=\"https://wa.me/+447453598130?text=Hi%2C%20I%20want%20to%20claim%20the%20special%20offer%20-%2012%20months%20%2B%202%20months%20FREE%20for%20just%20%C2%A345.%20Please%20provide%20more%20details%20and%20help%20me%20get%20started!\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center justify-center ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-11 rounded-md w-full md:w-auto bg-white text-purple-700 hover:bg-slate-100 border-none font-bold text-lg px-8 shadow-xl hover:shadow-2xl hover:scale-105 transition-all duration-300 flex items-center gap-2\">\n\n          Claim Offer Now\n\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right w-5 h-5 ml-2\">\n            <path d=\"M5 12h14\"></path>\n            <path d=\"m12 5 7 7-7 7\"></path>\n          </svg>\n\n        </a>\n      </div>\n    </div>\n  </div>\n</div>\n\n<!-- TIMER SCRIPT -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    let endTime = localStorage.getItem(\"offerEndTime\");\n\n    // 2 Days Timer\n    if (!endTime) {\n        endTime = new Date().getTime() + (2 * 24 * 60 * 60 * 1000);\n        localStorage.setItem(\"offerEndTime\", endTime);\n    }\n\n    function updateTimer() {\n\n        const now = new Date().getTime();\n        const distance = endTime - now;\n\n        if (distance <= 0) {\n\n            document.getElementById(\"days\").innerHTML = \"00\";\n            document.getElementById(\"hours\").innerHTML = \"00\";\n            document.getElementById(\"minutes\").innerHTML = \"00\";\n            document.getElementById(\"seconds\").innerHTML = \"00\";\n\n            localStorage.removeItem(\"offerEndTime\");\n            return;\n        }\n\n        const days = Math.floor(distance / (1000 * 60 * 60 * 24));\n        const hours = Math.floor((distance / (1000 * 60 * 60)) % 24);\n        const minutes = Math.floor((distance / (1000 * 60)) % 60);\n        const seconds = Math.floor((distance / 1000) % 60);\n\n        document.getElementById(\"days\").innerHTML = String(days).padStart(2, '0');\n        document.getElementById(\"hours\").innerHTML = String(hours).padStart(2, '0');\n        document.getElementById(\"minutes\").innerHTML = String(minutes).padStart(2, '0');\n        document.getElementById(\"seconds\").innerHTML = String(seconds).padStart(2, '0');\n    }\n\n    updateTimer();\n    setInterval(updateTimer, 1000);\n});\n</script>\n              \n              \n              \n              \n              \n              \n              \n              \n              \n              <div class=\"mt-20 pt-10 border-t border-slate-200 grid grid-cols-2 md:grid-cols-4 gap-8\" style=\"opacity: 1;\">\n                <div class=\"text-center\">\n                  <p class=\"text-3xl md:text-4xl font-bold text-[#1E293B] mb-2\">100%</p>\n                  <p class=\"text-[#64748B] font-medium\">UK Satisfaction</p>\n                </div>\n                <div class=\"text-center\">\n                  <p class=\"text-3xl md:text-4xl font-bold text-[#1E293B] mb-2\">99.9%</p>\n                  <p class=\"text-[#64748B] font-medium\">Uptime</p>\n                </div>\n                <div class=\"text-center\">\n                  <p class=\"text-3xl md:text-4xl font-bold text-[#1E293B] mb-2\">24/7</p>\n                  <p class=\"text-[#64748B] font-medium\">Support</p>\n                </div>\n                <div class=\"text-center\">\n                  <p class=\"text-3xl md:text-4xl font-bold text-[#1E293B] mb-2\">HD</p>\n                  <p class=\"text-[#64748B] font-medium\">Quality</p>\n                </div>\n              </div>\n            </div>\n          </section>\n          \n          \n    \n          \n          \n          \n          \n          \n          \n\n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          <section class=\"py-24 bg-white relative overflow-hidden\">\n            <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none\">\n              <div class=\"absolute -top-[20%] -right-[10%] w-[600px] h-[600px] bg-[#FF6B35]/5 rounded-full blur-3xl\"></div>\n              <div class=\"absolute bottom-0 left-0 w-[400px] h-[400px] bg-blue-50/50 rounded-full blur-3xl\"></div>\n            </div>\n            <div class=\"container mx-auto px-4 relative z-10\">\n              <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n                <div style=\"opacity: 1; transform: none;\">\n                  <div class=\"inline-flex items-center gap-2 bg-[#FF6B35]/10 border border-[#FF6B35]/20 text-[#FF6B35] px-4 py-1 rounded-full text-sm font-semibold mb-6\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-heart w-4 h-4 fill-current\">\n                      <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"></path>\n                    </svg>\n                    <span>Why Choose Us?</span>\n                  </div>\n                  <h2 class=\"text-4xl md:text-5xl font-bold mb-6 text-[#1E293B] leading-tight\">Watch Live TV, Sports &amp; Movies\n                    <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-[#FF6B35] to-[#FF8656]\"> on Any Device</span>\n                  </h2>\n                  <p class=\"text-lg text-[#475569] mb-8 leading-relaxed\">Enjoy smooth streaming, premium UK channels, and reliable entertainment without long contracts or hidden fees.\n</p>\n                  <ul class=\"space-y-4 mb-8\">\n                    <li class=\"flex items-center gap-3\">\n                      <div class=\"w-6 h-6 rounded-full bg-green-100 flex items-center justify-center flex-shrink-0\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-4 h-4 text-green-600\">\n                          <path d=\"M20 6 9 17l-5-5\"></path>\n                        </svg>\n                      </div>\n                      <span class=\"text-[#334155] font-medium\">99.9% Server Uptime Guarantee</span>\n                    </li>\n                    <li class=\"flex items-center gap-3\">\n                      <div class=\"w-6 h-6 rounded-full bg-green-100 flex items-center justify-center flex-shrink-0\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-4 h-4 text-green-600\">\n                          <path d=\"M20 6 9 17l-5-5\"></path>\n                        </svg>\n                      </div>\n                      <span class=\"text-[#334155] font-medium\">Compatible with All Devices (Smart TV, Mobile, PC)</span>\n                    </li>\n                    <li class=\"flex items-center gap-3\">\n                      <div class=\"w-6 h-6 rounded-full bg-green-100 flex items-center justify-center flex-shrink-0\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-4 h-4 text-green-600\">\n                          <path d=\"M20 6 9 17l-5-5\"></path>\n                        </svg>\n                      </div>\n                      <span class=\"text-[#334155] font-medium\">No Contracts, Cancel Anytime</span>\n                    </li>\n                    <li class=\"flex items-center gap-3\">\n                      <div class=\"w-6 h-6 rounded-full bg-green-100 flex items-center justify-center flex-shrink-0\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-4 h-4 text-green-600\">\n                          <path d=\"M20 6 9 17l-5-5\"></path>\n                        </svg>\n                      </div>\n                      <span class=\"text-[#334155] font-medium\">24/7 Dedicated Technical Support</span>\n                    </li>\n                  </ul>\n                  <a href=\"https://iptvukv.com/about-us\">\n                    <button class=\"inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-11 rounded-md px-8 bg-[#1E293B] text-white hover:bg-[#334155]\" data-state=\"closed\">Learn More About Us</button>\n                  </a>\n                </div>\n                <div class=\"grid sm:grid-cols-2 gap-6\">\n                  <div class=\"bg-white p-6 rounded-2xl border border-slate-100 shadow-lg shadow-slate-100 hover:shadow-xl hover:shadow-[#FF6B35]/10 hover:-translate-y-1 transition-all duration-300 group\" style=\"opacity: 1; transform: none;\">\n                    <div class=\"w-12 h-12 bg-[#FF6B35]/10 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield w-6 h-6 text-[#FF6B35]\">\n                        <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path>\n                      </svg>\n                    </div>\n                    <h3 class=\"text-xl font-bold text-[#1E293B] mb-2 group-hover:text-[#FF6B35] transition-colors\">Trusted &amp; Secure</h3>\n                    <p class=\"text-[#64748B] text-sm leading-relaxed\">Industry-leading encryption ensures your data and viewing habits remain 100% private.</p>\n                  </div>\n                  <div class=\"bg-white p-6 rounded-2xl border border-slate-100 shadow-lg shadow-slate-100 hover:shadow-xl hover:shadow-[#FF6B35]/10 hover:-translate-y-1 transition-all duration-300 group\" style=\"opacity: 1; transform: none;\">\n                    <div class=\"w-12 h-12 bg-[#FF6B35]/10 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-award w-6 h-6 text-[#FF6B35]\">\n                        <path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"></path>\n                        <circle cx=\"12\" cy=\"8\" r=\"6\"></circle>\n                      </svg>\n                    </div>\n                    <h3 class=\"text-xl font-bold text-[#1E293B] mb-2 group-hover:text-[#FF6B35] transition-colors\">Watch Live Sports, Movies &amp; Entertainment</h3>\n                    <p class=\"text-[#64748B] text-sm leading-relaxed\">Access popular sports events, movie channels, and entertainment content from one place.</p>\n                  </div>\n                  \n                  \n                  \n                  \n                  \n                  \n                  \n                  \n                  <div class=\"bg-white p-6 rounded-2xl border border-slate-100 shadow-lg shadow-slate-100 hover:shadow-xl hover:shadow-[#FF6B35]/10 hover:-translate-y-1 transition-all duration-300 group\" style=\"opacity: 1; transform: none;\">\n                    <div class=\"w-12 h-12 bg-[#FF6B35]/10 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-users w-6 h-6 text-[#FF6B35]\">\n                        <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"></path>\n                        <circle cx=\"9\" cy=\"7\" r=\"4\"></circle>\n                        <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"></path>\n                        <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"></path>\n                      </svg>\n                    </div>\n                    <h3 class=\"text-xl font-bold text-[#1E293B] mb-2 group-hover:text-[#FF6B35] transition-colors\">Stable Streaming Performance\n</h3>\n                    <p class=\"text-[#64748B] text-sm leading-relaxed\">Watch your favourite channels with smooth playback and reliable streaming quality.</p>\n                  </div>\n                  <div class=\"bg-white p-6 rounded-2xl border border-slate-100 shadow-lg shadow-slate-100 hover:shadow-xl hover:shadow-[#FF6B35]/10 hover:-translate-y-1 transition-all duration-300 group\" style=\"opacity: 1; transform: none;\">\n                    <div class=\"w-12 h-12 bg-[#FF6B35]/10 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-zap w-6 h-6 text-[#FF6B35]\">\n                        <path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"></path>\n                      </svg>\n                    </div>\n                    <h3 class=\"text-xl font-bold text-[#1E293B] mb-2 group-hover:text-[#FF6B35] transition-colors\">Quick Account Setup</h3>\n                    <p class=\"text-[#64748B] text-sm leading-relaxed\">Receive your subscription details after purchase and get started in just a few simple steps.</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </section>\n          \n          \n          \n          \n          <div class=\"container mx-auto px-4\">\n  <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center\" style=\"opacity: 1;\">\n    <div class=\"space-y-8\" style=\"opacity: 1; transform: none;\">\n      <div class=\"space-y-4\">\n        <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold text-[#1E293B] leading-tight\" data-edit-id=\"src/components/IPTVCompatibleDevices.jsx:102:15\">IPTV UK Compatible with all Devices</h2>\n        <p class=\"text-xl md:text-2xl text-[#475569] font-medium\" data-edit-id=\"src/components/IPTVCompatibleDevices.jsx:105:15\">Enjoy IPTV UK at affordable prices</p>\n      </div>\n      <div class=\"space-y-6\" style=\"opacity: 1;\">\n        <div class=\"group flex items-start gap-5 p-5 rounded-2xl bg-white border-2 border-slate-200 hover:border-[#FF6B35]/40 hover:shadow-xl transition-all duration-300\" style=\"opacity: 1; transform: none;\">\n          <div class=\"flex-shrink-0\">\n            <div class=\"w-14 h-14 bg-gradient-to-br from-[#FF6B35] to-[#E55A2B] rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 group-hover:rotate-3 transition-all duration-300\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-server w-7 h-7 text-white\">\n                <rect width=\"20\" height=\"8\" x=\"2\" y=\"2\" rx=\"2\" ry=\"2\"></rect>\n                <rect width=\"20\" height=\"8\" x=\"2\" y=\"14\" rx=\"2\" ry=\"2\"></rect>\n                <line x1=\"6\" x2=\"6.01\" y1=\"6\" y2=\"6\"></line>\n                <line x1=\"6\" x2=\"6.01\" y1=\"18\" y2=\"18\"></line>\n              </svg>\n            </div>\n          </div>\n          <div class=\"flex-1 pt-1\">\n            <h3 class=\"text-xl md:text-2xl font-bold text-[#1E293B] mb-2 group-hover:text-[#FF6B35] transition-colors duration-300\" data-edit-disabled=\"true\">Stable Server</h3>\n            <p class=\"text-[#64748B] leading-relaxed\" data-edit-disabled=\"true\">Enterprise-grade infrastructure with 99.9% uptime guarantee for uninterrupted streaming</p>\n          </div>\n        </div>\n        <div class=\"group flex items-start gap-5 p-5 rounded-2xl bg-white border-2 border-slate-200 hover:border-[#FF6B35]/40 hover:shadow-xl transition-all duration-300\" style=\"opacity: 1; transform: none;\">\n          <div class=\"flex-shrink-0\">\n            <div class=\"w-14 h-14 bg-gradient-to-br from-[#FF6B35] to-[#E55A2B] rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 group-hover:rotate-3 transition-all duration-300\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield w-7 h-7 text-white\">\n                <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path>\n              </svg>\n            </div>\n          </div>\n          <div class=\"flex-1 pt-1\">\n            <h3 class=\"text-xl md:text-2xl font-bold text-[#1E293B] mb-2 group-hover:text-[#FF6B35] transition-colors duration-300\" data-edit-disabled=\"true\">Security and Privacy</h3>\n            <p class=\"text-[#64748B] leading-relaxed\" data-edit-disabled=\"true\">Advanced encryption and secure streaming protocols for your complete peace of mind</p>\n          </div>\n        </div>\n        <div class=\"group flex items-start gap-5 p-5 rounded-2xl bg-white border-2 border-slate-200 hover:border-[#FF6B35]/40 hover:shadow-xl transition-all duration-300\" style=\"opacity: 1; transform: none;\">\n          <div class=\"flex-shrink-0\">\n            <div class=\"w-14 h-14 bg-gradient-to-br from-[#FF6B35] to-[#E55A2B] rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 group-hover:rotate-3 transition-all duration-300\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-tv w-7 h-7 text-white\">\n                <rect width=\"20\" height=\"15\" x=\"2\" y=\"7\" rx=\"2\" ry=\"2\"></rect>\n                <polyline points=\"17 2 12 7 7 2\"></polyline>\n              </svg>\n            </div>\n          </div>\n          <div class=\"flex-1 pt-1\">\n            <h3 class=\"text-xl md:text-2xl font-bold text-[#1E293B] mb-2 group-hover:text-[#FF6B35] transition-colors duration-300\" data-edit-disabled=\"true\">29,500+ Live TV Channels\n</h3>\n            <p class=\"text-[#64748B] leading-relaxed\" data-edit-disabled=\"true\">Massive global channel library with premium HD/4K quality content</p>\n          </div>\n        </div>\n        <div class=\"group flex items-start gap-5 p-5 rounded-2xl bg-white border-2 border-slate-200 hover:border-[#FF6B35]/40 hover:shadow-xl transition-all duration-300\" style=\"opacity: 1; transform: none;\">\n          <div class=\"flex-shrink-0\">\n            <div class=\"w-14 h-14 bg-gradient-to-br from-[#FF6B35] to-[#E55A2B] rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 group-hover:rotate-3 transition-all duration-300\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-book-open w-7 h-7 text-white\">\n                <path d=\"M12 7v14\"></path>\n                <path d=\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"></path>\n              </svg>\n            </div>\n          </div>\n          <div class=\"flex-1 pt-1\">\n            <h3 class=\"text-xl md:text-2xl font-bold text-[#1E293B] mb-2 group-hover:text-[#FF6B35] transition-colors duration-300\" data-edit-disabled=\"true\">Electronic Program Guide (EPG)</h3>\n            <p class=\"text-[#64748B] leading-relaxed\" data-edit-disabled=\"true\">Never miss your favorite shows with our comprehensive TV guide</p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"relative space-y-8\" style=\"opacity: 1; transform: none;\">\n      <div class=\"relative bg-white rounded-3xl shadow-2xl p-6 md:p-8 border border-slate-200 overflow-hidden group\" style=\"opacity: 1; transform: none;\">\n        <div class=\"absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent\" style=\"transform: translateX(-166.933%);\"></div>\n        <img src=\"/img/devices-iptv.webp\" alt=\"IPTV UK Compatible Devices - Fire TV Stick, Samsung Smart TV, Android TV, iOS, MagBox, NVIDIA Shield, Android, IPTV Smarters Pro, Xbox Live, WebPlayer, LG Smart TV, Windows\" class=\"w-full h-auto rounded-2xl relative z-10\" data-edit-id=\"src/components/IPTVCompatibleDevices.jsx:155:15\">\n        <div class=\"absolute top-0 left-0 w-16 h-16 border-t-4 border-l-4 border-[#FF6B35] rounded-tl-3xl opacity-0 group-hover:opacity-100 transition-opacity duration-300\"></div>\n        <div class=\"absolute bottom-0 right-0 w-16 h-16 border-b-4 border-r-4 border-[#FF6B35] rounded-br-3xl opacity-0 group-hover:opacity-100 transition-opacity duration-300\"></div>\n      </div>\n      \n      <div class=\"absolute -top-6 -right-6 w-24 h-24 bg-gradient-to-br from-[#FF6B35] to-[#E55A2B] rounded-full opacity-20 blur-2xl pointer-events-none\" style=\"transform: scale(1.19388);\"></div>\n      <div class=\"absolute -bottom-6 -left-6 w-32 h-32 bg-gradient-to-tr from-blue-500 to-cyan-500 rounded-full opacity-15 blur-2xl pointer-events-none\" style=\"transform: scale(1.00603);\"></div>\n    </div>\n  </div>\n</div>\n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n      <section class=\"py-20 bg-slate-50 content-visibility-auto contain-content\">\n  <div class=\"container mx-auto px-4\">\n    <div class=\"text-center mb-16\">\n      <h2 class=\"text-3xl md:text-4xl font-bold text-[#ff6b35] mb-4\"> \n    Everything Included With Your IPTV Subscription\n      </h2>\n      <p class=\"text-xl text-[#475569] max-w-2xl mx-auto\">\n        Stream live channels, movies, and sports with fast servers, stable connections, and simple setup on all devices.\n\n      </p>\n    </div>\n\n    <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12\">\n\n      <!-- Card 1 -->\n      <div class=\"flex gap-4 p-6 rounded-2xl bg-white border border-slate-200 hover:shadow-lg transition-all duration-300 hover:border-[#FF6B35]/30\">\n        <div class=\"flex-shrink-0\">\n          <div class=\"w-12 h-12 bg-[#FF6B35]/10 rounded-xl flex items-center justify-center\">\n            <!-- icon same -->\n          </div>\n        </div>\n        <div>\n          <h3 class=\"text-xl font-bold text-[#1E293B] mb-2\">\n            Massive Channel Library\n          </h3>\n          <p class=\"text-[#64748B] leading-relaxed\">\n            Watch 6,000+ UK channels. Plus 29,500+ worldwide.\n          </p>\n        </div>\n      </div>\n\n      <!-- Card 2 -->\n      <div class=\"flex gap-4 p-6 rounded-2xl bg-white border border-slate-200 hover:shadow-lg transition-all duration-300 hover:border-[#FF6B35]/30\">\n        <div class=\"flex-shrink-0\">\n          <div class=\"w-12 h-12 bg-[#FF6B35]/10 rounded-xl flex items-center justify-center\">\n            <!-- icon same -->\n          </div>\n        </div>\n        <div>\n          <h3 class=\"text-xl font-bold text-[#1E293B] mb-2\">\n            No Buffering Streaming\n          </h3>\n          <p class=\"text-[#64748B] leading-relaxed\">\n            Smooth playback with fast servers. Works during live sports.\n          </p>\n        </div>\n      </div>\n\n      <!-- Card 3 -->\n      <div class=\"flex gap-4 p-6 rounded-2xl bg-white border border-slate-200 hover:shadow-lg transition-all duration-300 hover:border-[#FF6B35]/30\">\n        <div class=\"flex-shrink-0\">\n          <div class=\"w-12 h-12 bg-[#FF6B35]/10 rounded-xl flex items-center justify-center\">\n            <!-- icon same -->\n          </div>\n        </div>\n        <div>\n          <h3 class=\"text-xl font-bold text-[#1E293B] mb-2\">\n            Movies &amp; TV Shows (VOD)\n          </h3>\n          <p class=\"text-[#64748B] leading-relaxed\">\n            Watch movies and shows anytime. New content added daily.\n          </p>\n        </div>\n      </div>\n\n      <!-- Card 4 -->\n      <div class=\"flex gap-4 p-6 rounded-2xl bg-white border border-slate-200 hover:shadow-lg transition-all duration-300 hover:border-[#FF6B35]/30\">\n        <div class=\"flex-shrink-0\">\n          <div class=\"w-12 h-12 bg-[#FF6B35]/10 rounded-xl flex items-center justify-center\">\n            <!-- icon same -->\n          </div>\n        </div>\n        <div>\n          <h3 class=\"text-xl font-bold text-[#1E293B] mb-2\">\n            Works on All Devices\n          </h3>\n          <p class=\"text-[#64748B] leading-relaxed\">\n            Use on TV, mobile, or PC. One plan works everywhere.\n          </p>\n        </div>\n      </div>\n\n      <!-- Card 5 -->\n      <div class=\"flex gap-4 p-6 rounded-2xl bg-white border border-slate-200 hover:shadow-lg transition-all duration-300 hover:border-[#FF6B35]/30\">\n        <div class=\"flex-shrink-0\">\n          <div class=\"w-12 h-12 bg-[#FF6B35]/10 rounded-xl flex items-center justify-center\">\n            <!-- icon same -->\n          </div>\n        </div>\n        <div>\n          <h3 class=\"text-xl font-bold text-[#1E293B] mb-2\">\n            TV Guide (EPG)\n          </h3>\n          <p class=\"text-[#64748B] leading-relaxed\">\n            See what’s on now and next. Never miss a show.\n          </p>\n        </div>\n      </div>\n\n      <!-- Card 6 -->\n      <div class=\"flex gap-4 p-6 rounded-2xl bg-white border border-slate-200 hover:shadow-lg transition-all duration-300 hover:border-[#FF6B35]/30\">\n        <div class=\"flex-shrink-0\">\n          <div class=\"w-12 h-12 bg-[#FF6B35]/10 rounded-xl flex items-center justify-center\">\n            <!-- icon same -->\n          </div>\n        </div>\n        <div>\n          <h3 class=\"text-xl font-bold text-[#1E293B] mb-2\">\n          Fast &amp; Responsive Customer Support\n          </h3>\n          <p class=\"text-[#64748B] leading-relaxed\">\n            Get help anytime. Live chat and WhatsApp support.\n          </p>\n        </div>\n      </div>\n\n    </div>\n\n    <div class=\"text-center\">\n      <a href=\"/features\">\n        <button class=\"inline-flex items-center justify-center h-11 bg-[#FF6B35] hover:bg-[#E55A2B] text-white px-8 py-6 text-lg rounded-full font-bold shadow-lg shadow-[#FF6B35]/20 group\">\n          Explore All Features\n        </button>\n      </a>\n    </div>\n\n  </div>\n</section>\n\n\n\n\n\n\n    <div class=\"bg-white\">\n            <section id=\"pricing\" class=\"py-20 bg-slate-50 relative overflow-hidden\">\n              <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none\">\n                <div class=\"absolute top-[-10%] right-[-5%] w-[500px] h-[500px] bg-[#FF6B35]/5 rounded-full blur-3xl\"></div>\n                <div class=\"absolute bottom-[-10%] left-[-5%] w-[500px] h-[500px] bg-blue-500/5 rounded-full blur-3xl\"></div>\n              </div>\n              <div class=\"container mx-auto px-4 relative z-10\">\n\n\n\n\n                <div class=\"text-center mb-10\" style=\"opacity: 1; transform: none;\">\n                  <div class=\"inline-block px-4 py-1 bg-[#FF6B35]/10 text-[#FF6B35] rounded-full text-sm font-semibold mb-4 border border-[#FF6B35]/20\">Choose Your Plan</div>\n                  <h2 class=\"text-4xl md:text-5xl font-bold mb-6 text-[#1E293B]\">Flexible Subscription Plans</h2>\n                  <p class=\"text-xl text-[#475569] max-w-3xl mx-auto mb-8\">Choose a plan that fits your needs! Use on multiple devices simultaneously – up to 5+ connections available.</p>\n\n\n\n\n\n\n\n\n\n                  <div class=\"flex justify-center mb-8\">\n                    <div class=\"bg-white p-2 rounded-2xl flex flex-wrap justify-center gap-2 shadow-lg border border-slate-100 max-w-[90vw]\">\n                      <button data-device=\"1\" class=\"px-4 py-3 rounded-xl text-sm font-bold flex items-center gap-2 transition-all duration-300 min-w-[120px] justify-center bg-gradient-to-r from-[#FF6B35] to-[#FF8656] text-white shadow-md transform scale-105\">\n                        <div class=\"flex -space-x-1\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-monitor w-4 h-4\">\n                            <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"></rect>\n                            <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"></line>\n                            <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"></line>\n                          </svg>\n                        </div>1 Device\n                      </button>\n\n\n\n\n                      <button data-device=\"2\" class=\"px-4 py-3 rounded-xl text-sm font-bold flex items-center gap-2 transition-all duration-300 min-w-[120px] justify-center bg-slate-50 text-slate-500 hover:bg-slate-100 hover:text-slate-700\">\n                        <div class=\"flex -space-x-1\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-monitor w-4 h-4\">\n                            <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"></rect>\n                            <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"></line>\n                            <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"></line>\n                          </svg>\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-monitor w-4 h-4\">\n                            <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"></rect>\n                            <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"></line>\n                            <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"></line>\n                          </svg>\n                        </div>2 Devices <span class=\"text-[10px] px-1.5 py-0.5 rounded-full animate-pulse bg-green-100 text-green-700\">-20%</span>\n                      </button>\n                      <button data-device=\"3\" class=\"px-4 py-3 rounded-xl text-sm font-bold flex items-center gap-2 transition-all duration-300 min-w-[120px] justify-center bg-slate-50 text-slate-500 hover:bg-slate-100 hover:text-slate-700\">\n                        <div class=\"flex -space-x-1\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-monitor w-4 h-4\">\n                            <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"></rect>\n                            <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"></line>\n                            <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"></line>\n                          </svg>\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-monitor w-4 h-4\">\n                            <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"></rect>\n                            <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"></line>\n                            <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"></line>\n                          </svg>\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-monitor w-4 h-4\">\n                            <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"></rect>\n                            <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"></line>\n                            <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"></line>\n                          </svg>\n                        </div>3 Devices <span class=\"text-[10px] px-1.5 py-0.5 rounded-full animate-pulse bg-green-100 text-green-700\">-25%</span>\n                      </button>\n                      <button data-device=\"4\" class=\"px-4 py-3 rounded-xl text-sm font-bold flex items-center gap-2 transition-all duration-300 min-w-[120px] justify-center bg-slate-50 text-slate-500 hover:bg-slate-100 hover:text-slate-700\">\n                        <div class=\"flex -space-x-1\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-monitor w-4 h-4\">\n                            <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"></rect>\n                            <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"></line>\n                            <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"></line>\n                          </svg>\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-monitor w-4 h-4\">\n                            <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"></rect>\n                            <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"></line>\n                            <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"></line>\n                          </svg>\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-monitor w-4 h-4\">\n                            <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"></rect>\n                            <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"></line>\n                            <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"></line>\n                          </svg>\n                          <span class=\"text-xs self-end font-normal ml-1\">+</span>\n                        </div>4 Devices <span class=\"text-[10px] px-1.5 py-0.5 rounded-full animate-pulse bg-green-100 text-green-700\">-30%</span>\n                      </button>\n                    </div>\n                  </div>\n\n\n\n                </div>\n                <div data-device=\"1\" class=\"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-4 max-w-[1400px] mx-auto items-stretch\">\n                  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n                    <div class=\"p-6 pb-0 flex-grow\">\n                      <div class=\"mb-4\">\n                        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Monthly</h3>\n                        <p class=\"text-xs text-[#64748B]\">Perfect for testing our premium service.\n\n</p>\n                      </div>\n                      <div class=\"flex flex-col mb-4\">\n                        <div class=\"flex items-baseline gap-1\">\n                          <span class=\"text-3xl font-bold text-[#1E293B]\">£15</span>\n                          <span class=\"text-xs text-[#64748B]\">/month</span>\n                        </div>\n                        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 1 Device</span>\n                      </div>\n                      <div class=\"flex flex-wrap gap-2 mb-4\"></div>\n                      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n                      <ul class=\"space-y-3 mb-6\">\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">1 Connection</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Standard Support</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n                        </li>\n                      </ul>\n                    </div>\n                    <div class=\"p-6 pt-0 mt-auto\">\n                     <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%201%20Device%20Monthly%20plan%20at%20%C2%A315.%20Please%20assist%20me%20with%20the%20activation.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n                    </div>\n                  </div>\n                  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n                    <div class=\"p-6 pb-0 flex-grow\">\n                      <div class=\"mb-4\">\n                        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Quarterly (3 Months)</h3>\n                        <p class=\"text-xs text-[#64748B]\">Great value for short-term commitment.</p>\n                      </div>\n                      <div class=\"flex flex-col mb-4\">\n                        <div class=\"flex items-baseline gap-1\">\n                          <span class=\"text-3xl font-bold text-[#1E293B]\">£25</span>\n                          <span class=\"text-xs text-[#64748B]\">/3 months</span>\n                        </div>\n                        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 1 Device</span>\n                      </div>\n                      <div class=\"flex flex-wrap gap-2 mb-4\">\n                        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-green-100 text-green-700\">Save £20</div>\n                      </div>\n                      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n                      <ul class=\"space-y-3 mb-6\">\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">1 Connection</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Priority Support</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">24/7 Premium Support</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">VPN Friendly</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Free Updates</span>\n                        </li>\n                      </ul>\n                    </div>\n                    <div class=\"p-6 pt-0 mt-auto\">\n                <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%201%20Device%20Quarterly%20%283%20Months%29%20plan%20at%20%C2%A325.%20Please%20assist%20me%20with%20the%20activation.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n                    </div>\n                  </div>\n                  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n                    <div class=\"p-6 pb-0 flex-grow\">\n                      <div class=\"mb-4\">\n                        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Bi-Annual (6 Months)</h3>\n                        <p class=\"text-xs text-[#64748B]\">The perfect balance of value and flexibility.</p>\n                      </div>\n                      <div class=\"flex flex-col mb-4\">\n                        <div class=\"flex items-baseline gap-1\">\n                          <span class=\"text-3xl font-bold text-[#1E293B]\">£35</span>\n                          <span class=\"text-xs text-[#64748B]\">/6 months</span>\n                        </div>\n                        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 1 Device</span>\n                      </div>\n                      <div class=\"flex flex-wrap gap-2 mb-4\">\n                        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-green-100 text-green-700\">Save £55</div>\n                      </div>\n                      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n                      <ul class=\"space-y-3 mb-6\">\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">1 Connection</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Priority Support</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">VPN Included</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">24/7 Premium Support</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">VPN Friendly</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Free Updates</span>\n                        </li>\n                      </ul>\n                    </div>\n                    <div class=\"p-6 pt-0 mt-auto\">\n              <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%201%20Device%206-Month%20plan%20at%20%C2%A335.%20Please%20help%20me%20get%20started.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n                    </div>\n                  </div>\n                  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n                    <div class=\"p-6 pb-0 flex-grow\">\n                      <div class=\"mb-4\">\n                        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Annual (12 Months)</h3>\n                        <p class=\"text-xs text-[#64748B]\">Our standard long-term savings plan.</p>\n                      </div>\n                      <div class=\"flex flex-col mb-4\">\n                        <div class=\"flex items-baseline gap-1\">\n                          <span class=\"text-3xl font-bold text-[#1E293B]\">£40</span>\n                          <span class=\"text-xs text-[#64748B]\">/year</span>\n                        </div>\n                        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 1 Device</span>\n                      </div>\n                      <div class=\"flex flex-wrap gap-2 mb-4\">\n                        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-green-100 text-green-700\">Save £135</div>\n                      </div>\n                      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n                      <ul class=\"space-y-3 mb-6\">\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">2 Connections</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">VIP Support</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">24/7 Premium Support</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">VPN Friendly</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">Free Updates</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">99.9% Uptime</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-[#475569]\">7-Day Money Back Guarantee</span>\n                        </li>\n                      </ul>\n                    </div>\n                    <div class=\"p-6 pt-0 mt-auto\">\n                      <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%201%20Device%20Annual%20%2812%20Months%29%20plan%20at%20%C2%A340.%20Please%20assist%20me%20with%20the%20activation.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n                    </div>\n                  </div>\n                  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-gradient-to-b from-[#1E293B] to-[#0f172a] text-white shadow-2xl shadow-[#FF6B35]/20 z-10 border-2 border-[#FF6B35] lg:scale-105 lg:-mt-4\" style=\"opacity: 1; transform: scale(1.05);\">\n                    <div class=\"absolute -top-4 left-1/2 transform -translate-x-1/2 w-full text-center px-4 z-20\">\n                      <div class=\"bg-gradient-to-r from-[#FF6B35] to-[#FF8656] text-white px-4 py-1.5 rounded-full text-xs font-bold shadow-lg flex items-center justify-center gap-1 animate-pulse whitespace-nowrap\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-sparkles w-3 h-3 fill-white\">\n                          <path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\"></path>\n                          <path d=\"M20 3v4\"></path>\n                          <path d=\"M22 5h-4\"></path>\n                          <path d=\"M4 17v2\"></path>\n                          <path d=\"M5 18H3\"></path>\n                        </svg>Offer expires soon!\n                      </div>\n                    </div>\n                    <div class=\"p-6 pb-0 flex-grow\">\n                      <div class=\"mb-4\">\n                        <h3 class=\"text-lg font-bold mb-1 text-white\">12 Months + 2 Months FREE</h3>\n                        <p class=\"text-xs text-slate-300\">Limited Time Offer! 14 Months for price of 12.</p>\n                      </div>\n                      <div class=\"flex flex-col mb-4\">\n                        <div class=\"flex items-baseline gap-1\">\n                          <span class=\"text-3xl font-bold text-white\">£40</span>\n                          <span class=\"text-xs text-slate-400\">/14 months</span>\n                        </div>\n                        <span class=\"text-[10px] mt-1 font-medium text-slate-400\">For 1 Device</span>\n                      </div>\n                      <div class=\"flex flex-wrap gap-2 mb-4\">\n                        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-[#FF6B35]/20 text-[#FF6B35] border border-[#FF6B35]/30\">BEST DEAL</div>\n                      </div>\n                      <div class=\"h-px w-full mb-4 bg-slate-700\"></div>\n                      <ul class=\"space-y-3 mb-6\">\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">2 EXTRA FREE Months</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">2 Connections</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">Dedicated VIP Manager</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">Instant active connection</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">29,500+ Live Channels</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">200K+ VODs (Movies &amp; Series)</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">4K &amp; HD Quality</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">Anti-Freeze Technology</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">Full EPG Guide</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">24/7 Premium Support</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">VPN Friendly</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">Free Updates</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">99.9% Uptime</span>\n                        </li>\n                        <li class=\"flex items-start gap-2\">\n                          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n                              <path d=\"M20 6 9 17l-5-5\"></path>\n                            </svg>\n                          </div>\n                          <span class=\"text-xs text-slate-200\">7-Day Money Back Guarantee</span>\n                        </li>\n                      </ul>\n                    </div>\n                    <div class=\"p-6 pt-0 mt-auto\">\n                      <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%201%20Device%20%2212%20Months%20%2B%202%20Months%20FREE%22%20offer%20at%20%C2%A345%21%20This%20is%20an%20amazing%20deal.%20Please%20help%20me%20activate%20this%20offer%20before%20it%20expires%21\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#FF6B35] hover:bg-[#E55A2B] text-white border-none\">\n    <span class=\"flex items-center gap-2\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-gift w-4 h-4\">\n        <rect x=\"3\" y=\"8\" width=\"18\" height=\"4\" rx=\"1\"></rect>\n        <path d=\"M12 8v13\"></path>\n        <path d=\"M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7\"></path>\n        <path d=\"M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5\"></path>\n      </svg>\n      Claim Offer\n    </span>\n</a>\n                    </div>\n                  </div>\n                </div>\n\n<div data-device=\"2\" class=\"grid hidden ...\"><div class=\"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-4 max-w-[1400px] mx-auto items-stretch\">\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">20% OFF</div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Monthly</h3>\n        <p class=\"text-xs text-[#64748B]\">Perfect for testing our premium service.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-[#1E293B]\">£20</span>\n          <span class=\"text-xs text-[#64748B]\">/month</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 2 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £6</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">2 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Standard Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n      <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%202%20Devices%20Monthly%20plan%20at%20%C2%A324.%20Please%20assist%20me%20with%20the%20activation.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n    </div>\n  </div>\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">20% OFF</div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Quarterly (3 Months)</h3>\n        <p class=\"text-xs text-[#64748B]\">Great value for short-term commitment.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-[#1E293B]\">£35</span>\n          <span class=\"text-xs text-[#64748B]\">/3 months</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 2 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £10</div>\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-green-100 text-green-700\">Save £20</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">2 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Priority Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">24/7 Premium Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VPN Friendly</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Free Updates</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n     <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%202%20Devices%20Quarterly%20%283%20Months%29%20plan%20at%20%C2%A340.%20Please%20assist%20me%20with%20the%20activation.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n    </div>\n  </div>\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">20% OFF</div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Bi-Annual (6 Months)</h3>\n        <p class=\"text-xs text-[#64748B]\">The perfect balance of value and flexibility.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-[#1E293B]\">£56</span>\n          <span class=\"text-xs text-[#64748B]\">/6 months</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 2 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £14</div>\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-green-100 text-green-700\">Save £55</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">2 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Priority Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VPN Included</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">24/7 Premium Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VPN Friendly</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Free Updates</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n      <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%202%20Devices%206-Month%20plan%20at%20%C2%A356.%20Please%20help%20me%20get%20started.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n    </div>\n  </div>\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">20% OFF</div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Annual (12 Months)</h3>\n        <p class=\"text-xs text-[#64748B]\">Our standard long-term savings plan.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-[#1E293B]\">£85</span>\n          <span class=\"text-xs text-[#64748B]\">/year</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 2 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £15</div>\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-green-100 text-green-700\">Save £135</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">3 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VIP Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">24/7 Premium Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VPN Friendly</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Free Updates</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">99.9% Uptime</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">7-Day Money Back Guarantee</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n  <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%202%20Devices%20Annual%20%2812%20Months%29%20plan%20at%20%C2%A372.%20Please%20assist%20me%20with%20the%20activation.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n    </div>\n  </div>\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-gradient-to-b from-[#1E293B] to-[#0f172a] text-white shadow-2xl shadow-[#FF6B35]/20 z-10 border-2 border-[#FF6B35] lg:scale-105 lg:-mt-4\" style=\"opacity: 1; transform: scale(1.05);\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">20% OFF</div>\n    </div>\n    <div class=\"absolute -top-4 left-1/2 transform -translate-x-1/2 w-full text-center px-4 z-20\">\n      <div class=\"bg-gradient-to-r from-[#FF6B35] to-[#FF8656] text-white px-4 py-1.5 rounded-full text-xs font-bold shadow-lg flex items-center justify-center gap-1 animate-pulse whitespace-nowrap\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-sparkles w-3 h-3 fill-white\">\n          <path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\"></path>\n          <path d=\"M20 3v4\"></path>\n          <path d=\"M22 5h-4\"></path>\n          <path d=\"M4 17v2\"></path>\n          <path d=\"M5 18H3\"></path>\n        </svg>Offer expires soon!\n      </div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-white\">12 Months + 2 Months FREE</h3>\n        <p class=\"text-xs text-slate-300\">Limited Time Offer! 14 Months for price of 12.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-white\">£85</span>\n          <span class=\"text-xs text-slate-400\">/14 months</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-400\">For 2 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £18</div>\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-[#FF6B35]/20 text-[#FF6B35] border border-[#FF6B35]/30\">BEST DEAL</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-700\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">2 EXTRA FREE Months</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">4 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Dedicated VIP Manager</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Instant Activation</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Full EPG Guide</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">24/7 Premium Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">VPN Friendly</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Free Updates</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">99.9% Uptime</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">7-Day Money Back Guarantee</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n      <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%202%20Devices%20%2212%20Months%20%2B%202%20Months%20FREE%22%20offer%20at%20%C2%A372%21%20This%20is%20an%20amazing%20deal.%20Please%20help%20me%20activate%20this%20offer%20before%20it%20expires%21\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#FF6B35] hover:bg-[#E55A2B] text-white border-none\">\n        <span class=\"flex items-center gap-2\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-gift w-4 h-4\">\n            <rect x=\"3\" y=\"8\" width=\"18\" height=\"4\" rx=\"1\"></rect>\n            <path d=\"M12 8v13\"></path>\n            <path d=\"M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7\"></path>\n            <path d=\"M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5\"></path>\n          </svg> Claim Offer </span>\n      </a>\n    </div>\n  </div>\n</div></div>\n<div data-device=\"3\" class=\"grid hidden ...\"><div class=\"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-4 max-w-[1400px] mx-auto items-stretch\">\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">25% OFF</div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Monthly</h3>\n        <p class=\"text-xs text-[#64748B]\">Perfect for testing our premium service.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-[#1E293B]\">£25</span>\n          <span class=\"text-xs text-[#64748B]\">/month</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 3 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £11</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">3 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Standard Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n  \n<a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%203%20Devices%20Monthly%20plan%20at%20%C2%A325.%20Please%20assist%20me%20with%20the%20activation.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n</div>\n  </div>\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">25% OFF</div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Quarterly (3 Months)</h3>\n        <p class=\"text-xs text-[#64748B]\">Great value for short-term commitment.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-[#1E293B]\">£45</span>\n          <span class=\"text-xs text-[#64748B]\">/3 months</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 3 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £19</div>\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-green-100 text-green-700\">Save £20</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">3 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Priority Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">24/7 Premium Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VPN Friendly</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Free Updates</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n   <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%203%20Devices%20Quarterly%20%283%20Months%29%20plan%20at%20%C2%A356.%20Please%20assist%20me%20with%20the%20activation.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n    </div>\n  </div>\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">25% OFF</div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Bi-Annual (6 Months)</h3>\n        <p class=\"text-xs text-[#64748B]\">The perfect balance of value and flexibility.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-[#1E293B]\">£65</span>\n          <span class=\"text-xs text-[#64748B]\">/6 months</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 3 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £26</div>\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-green-100 text-green-700\">Save £55</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">3 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Priority Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VPN Included</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">24/7 Premium Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VPN Friendly</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Free Updates</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n     <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%203%20Devices%206-Month%20plan%20at%20%C2%A379.%20Please%20help%20me%20get%20started.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n    </div>\n  </div>\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">25% OFF</div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Annual (12 Months)</h3>\n        <p class=\"text-xs text-[#64748B]\">Our standard long-term savings plan.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-[#1E293B]\">£140</span>\n          <span class=\"text-xs text-[#64748B]\">/year</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 3 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £34</div>\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-green-100 text-green-700\">Save £135</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VIP Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">24/7 Premium Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VPN Friendly</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Free Updates</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">99.9% Uptime</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">7-Day Money Back Guarantee</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n    <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%203%20Devices%20Annual%20%2812%20Months%29%20plan%20at%20%C2%A3101.%20Please%20assist%20me%20with%20the%20activation.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n    </div>\n  </div>\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-gradient-to-b from-[#1E293B] to-[#0f172a] text-white shadow-2xl shadow-[#FF6B35]/20 z-10 border-2 border-[#FF6B35] lg:scale-105 lg:-mt-4\" style=\"opacity: 1; transform: scale(1.05);\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">25% OFF</div>\n    </div>\n    <div class=\"absolute -top-4 left-1/2 transform -translate-x-1/2 w-full text-center px-4 z-20\">\n      <div class=\"bg-gradient-to-r from-[#FF6B35] to-[#FF8656] text-white px-4 py-1.5 rounded-full text-xs font-bold shadow-lg flex items-center justify-center gap-1 animate-pulse whitespace-nowrap\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-sparkles w-3 h-3 fill-white\">\n          <path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\"></path>\n          <path d=\"M20 3v4\"></path>\n          <path d=\"M22 5h-4\"></path>\n          <path d=\"M4 17v2\"></path>\n          <path d=\"M5 18H3\"></path>\n        </svg>Offer expires soon!\n      </div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-white\">12 Months + 2 Months FREE</h3>\n        <p class=\"text-xs text-slate-300\">Limited Time Offer! 14 Months for price of 12.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-white\">£120</span>\n          <span class=\"text-xs text-slate-400\">/14 months</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-400\">For 3 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £34</div>\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-[#FF6B35]/20 text-[#FF6B35] border border-[#FF6B35]/30\">BEST DEAL</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-700\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">2 EXTRA FREE Months</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">5 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Dedicated VIP Manager</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Instant Activation</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Full EPG Guide</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">24/7 Premium Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">VPN Friendly</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Free Updates</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">99.9% Uptime</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">7-Day Money Back Guarantee</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n      <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%203%20Devices%20%2212%20Months%20%2B%202%20Months%20FREE%22%20offer%20at%20%C2%A3101%21%20This%20is%20an%20amazing%20deal.%20Please%20help%20me%20activate%20this%20offer%20before%20it%20expires%21\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#FF6B35] hover:bg-[#E55A2B] text-white border-none\">\n    <span class=\"flex items-center gap-2\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-gift w-4 h-4\">\n        <rect x=\"3\" y=\"8\" width=\"18\" height=\"4\" rx=\"1\"></rect>\n        <path d=\"M12 8v13\"></path>\n        <path d=\"M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7\"></path>\n        <path d=\"M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5\"></path>\n      </svg>\n      Claim Offer\n    </span>\n</a>\n    </div>\n  </div>\n</div></div>\n<div data-device=\"4\" class=\"grid hidden ...\"><div class=\"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-4 max-w-[1400px] mx-auto items-stretch\">\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">30% OFF</div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Monthly</h3>\n        <p class=\"text-xs text-[#64748B]\">Perfect for testing our premium service.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-[#1E293B]\">£30</span>\n          <span class=\"text-xs text-[#64748B]\">/month</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 4 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £18</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Standard Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n      <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%204%20Devices%20Monthly%20plan%20at%20%C2%A342.%20Please%20assist%20me%20with%20the%20activation.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n    </div>\n  </div>\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">30% OFF</div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Quarterly (3 Months)</h3>\n        <p class=\"text-xs text-[#64748B]\">Great value for short-term commitment.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-[#1E293B]\">£50</span>\n          <span class=\"text-xs text-[#64748B]\">/3 months</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 4 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £30</div>\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-green-100 text-green-700\">Save £20</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Priority Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">24/7 Premium Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VPN Friendly</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Free Updates</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n   <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%204%20Devices%20Quarterly%20%283%20Months%29%20plan%20at%20%C2%A370.%20Please%20assist%20me%20with%20the%20activation.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n    </div>\n  </div>\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">30% OFF</div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Bi-Annual (6 Months)</h3>\n        <p class=\"text-xs text-[#64748B]\">The perfect balance of value and flexibility.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-[#1E293B]\">£80</span>\n          <span class=\"text-xs text-[#64748B]\">/6 months</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 4 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £42</div>\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-green-100 text-green-700\">Save £55</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Priority Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VPN Included</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">24/7 Premium Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VPN Friendly</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Free Updates</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n      <a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%204%20Devices%206-Month%20plan%20at%20%C2%A398.%20Please%20help%20me%20get%20started.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n    </div>\n  </div>\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-white text-[#1E293B] border border-slate-200 hover:border-[#FF6B35]/30 hover:shadow-2xl\" style=\"opacity: 1; transform: none;\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">30% OFF</div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-[#1E293B]\">Annual (12 Months)</h3>\n        <p class=\"text-xs text-[#64748B]\">Our standard long-term savings plan.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-[#1E293B]\">£140</span>\n          <span class=\"text-xs text-[#64748B]\">/year</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-500\">For 4 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £54</div>\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-green-100 text-green-700\">Save £135</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-100\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VIP Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Full EPG Guide</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">24/7 Premium Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">VPN Friendly</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">Free Updates</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">99.9% Uptime</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-slate-100\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-[#1E293B]\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-[#475569]\">7-Day Money Back Guarantee</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n<a href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%204%20Devices%20Annual%20%2812%20Months%29%20plan%20at%20%C2%A3126.%20Please%20assist%20me%20with%20the%20activation.\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#1E293B] hover:bg-[#334155] text-white\">\n   Get Started\n</a>\n    </div>\n  </div>\n  <div class=\"relative rounded-2xl flex flex-col h-full transition-all duration-300 bg-gradient-to-b from-[#1E293B] to-[#0f172a] text-white shadow-2xl shadow-[#FF6B35]/20 z-10 border-2 border-[#FF6B35] lg:scale-105 lg:-mt-4\" style=\"opacity: 1; transform: scale(1.05);\">\n    <div class=\"absolute top-4 right-[-5px] z-20 overflow-visible\">\n      <div class=\"bg-red-500 text-white text-[10px] font-bold px-2 py-1 shadow-md transform rotate-3 origin-bottom-left rounded-l-md\">30% OFF</div>\n    </div>\n    <div class=\"absolute -top-4 left-1/2 transform -translate-x-1/2 w-full text-center px-4 z-20\">\n      <div class=\"bg-gradient-to-r from-[#FF6B35] to-[#FF8656] text-white px-4 py-1.5 rounded-full text-xs font-bold shadow-lg flex items-center justify-center gap-1 animate-pulse whitespace-nowrap\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-sparkles w-3 h-3 fill-white\">\n          <path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\"></path>\n          <path d=\"M20 3v4\"></path>\n          <path d=\"M22 5h-4\"></path>\n          <path d=\"M4 17v2\"></path>\n          <path d=\"M5 18H3\"></path>\n        </svg>Offer expires soon!\n      </div>\n    </div>\n    <div class=\"p-6 pb-0 flex-grow\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg font-bold mb-1 text-white\">12 Months + 2 Months FREE</h3>\n        <p class=\"text-xs text-slate-300\">Limited Time Offer! 14 Months for price of 12.</p>\n      </div>\n      <div class=\"flex flex-col mb-4\">\n        <div class=\"flex items-baseline gap-1\">\n          <span class=\"text-3xl font-bold text-white\">£140</span>\n          <span class=\"text-xs text-slate-400\">/14 months</span>\n        </div>\n        <span class=\"text-[10px] mt-1 font-medium text-slate-400\">For 4 Devices</span>\n      </div>\n      <div class=\"flex flex-wrap gap-2 mb-4\">\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-red-100 text-red-600 border border-red-200\">Save £54</div>\n        <div class=\"inline-block px-2 py-0.5 rounded text-[10px] font-bold bg-[#FF6B35]/20 text-[#FF6B35] border border-[#FF6B35]/30\">BEST DEAL</div>\n      </div>\n      <div class=\"h-px w-full mb-4 bg-slate-700\"></div>\n      <ul class=\"space-y-3 mb-6\">\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">2 EXTRA FREE Months</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">6 Connections</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Dedicated VIP Manager</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Instant Activation</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">29,500+ Live Channels</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">200K+ VODs (Movies &amp; Series)</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">4K &amp; HD Quality</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Anti-Freeze Technology</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Full EPG Guide</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">24/7 Premium Support</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">VPN Friendly</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">Free Updates</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">99.9% Uptime</span>\n        </li>\n        <li class=\"flex items-start gap-2\">\n          <div class=\"mt-0.5 rounded-full p-0.5 min-w-[16px] bg-[#FF6B35]\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check w-3 h-3 text-white\">\n              <path d=\"M20 6 9 17l-5-5\"></path>\n            </svg>\n          </div>\n          <span class=\"text-xs text-slate-200\">7-Day Money Back Guarantee</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"p-6 pt-0 mt-auto\">\n      <a href=\"https://wa.me/+447453598130?text=Hi%2C%20I'm%20interested%20in%20the%204%20Devices%20%2212%20Months%20%2B%202%20Months%20FREE%22%20offer%20at%20%C2%A3126!%20This%20is%20an%20amazing%20deal.%20Please%20help%20me%20activate%20this%20offer%20before%20it%20expires!\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center justify-center rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full h-10 text-sm font-semibold shadow-lg transition-all duration-300 hover:scale-[1.02] bg-[#FF6B35] hover:bg-[#E55A2B] text-white border-none\">\n        <span class=\"flex items-center gap-2\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-gift w-4 h-4\">\n            <rect x=\"3\" y=\"8\" width=\"18\" height=\"4\" rx=\"1\"></rect>\n            <path d=\"M12 8v13\"></path>\n            <path d=\"M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7\"></path>\n            <path d=\"M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5\"></path>\n          </svg> Claim Offer </span>\n      </a>\n    </div>\n  </div>\n</div></div>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const buttons = document.querySelectorAll(\"[data-device]\");\n    const sections = document.querySelectorAll(\"[data-device].grid\");\n\n    buttons.forEach(function(button) {\n\n        button.addEventListener(\"click\", function() {\n\n            const device = this.getAttribute(\"data-device\");\n\n            /* =========================\n               SECTION SHOW / HIDE\n            ========================== */\n\n            sections.forEach(function(section) {\n                section.classList.add(\"hidden\");\n            });\n\n            const activeSection = document.querySelector('.grid[data-device=\"'+device+'\"]');\n            if (activeSection) {\n                activeSection.classList.remove(\"hidden\");\n            }\n\n            /* =========================\n               BUTTON ACTIVE SWITCH\n            ========================== */\n\n            buttons.forEach(function(btn){\n                btn.classList.remove(\n                    \"bg-gradient-to-r\",\n                    \"from-[#FF6B35]\",\n                    \"to-[#FF8656]\",\n                    \"text-white\",\n                    \"shadow-md\",\n                    \"transform\",\n                    \"scale-105\"\n                );\n\n                btn.classList.add(\n                    \"bg-slate-50\",\n                    \"text-slate-500\"\n                );\n            });\n\n            this.classList.remove(\"bg-slate-50\",\"text-slate-500\");\n            this.classList.add(\n                \"bg-gradient-to-r\",\n                \"from-[#FF6B35]\",\n                \"to-[#FF8656]\",\n                \"text-white\",\n                \"shadow-md\",\n                \"transform\",\n                \"scale-105\"\n            );\n\n        });\n\n    });\n\n});\n</script>\n\n                <div class=\"mt-16 text-center\" style=\"opacity: 1; transform: none;\">\n                  <div class=\"flex flex-col md:flex-row items-center justify-center gap-6 text-sm text-[#64748B]\">\n                    <div class=\"flex items-center gap-2\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-zap w-5 h-5 text-[#FF6B35]\">\n                        <path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"></path>\n                      </svg>\n                      <span>Instant Activation</span>\n                    </div>\n                    <div class=\"hidden md:block w-1.5 h-1.5 rounded-full bg-slate-300\"></div>\n                    <div class=\"flex items-center gap-2\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-[#FF6B35]\">\n                        <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                      </svg>\n                      <span>High Quality</span>\n                    </div>\n                    <div class=\"hidden md:block w-1.5 h-1.5 rounded-full bg-slate-300\"></div>\n                    <div class=\"flex items-center gap-2\">\n                      <svg class=\"w-5 h-5 text-[#FF6B35]\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"></path>\n                      </svg>\n                      <span>Secure Payment</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </section>\n          </div>\n\n          <section class=\"py-20 bg-gradient-to-b from-slate-50 to-white border-t border-slate-100\">\n            <div class=\"container mx-auto px-4\">\n              <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\" style=\"opacity: 1; transform: none;\">Secure Payment Methods</h2>\n                <p class=\"text-slate-600 max-w-2xl mx-auto text-lg\" style=\"opacity: 1;\">Pay safely using your preferred method.</p>\n              </div>\n              <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto\">\n                <div class=\"bg-white rounded-xl p-8 border border-slate-100 shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 text-center group relative overflow-hidden h-full flex flex-col justify-center\" style=\"opacity: 1; transform: none;\">\n                  <div class=\"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-slate-200 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"></div>\n                  <div class=\"w-20 h-20 mx-auto rounded-full bg-blue-50 flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300 shadow-inner\">\n                    <div class=\"p-3 flex items-center justify-center w-full h-full\">\n                      <img src=\"https://horizons-cdn.hostinger.com/1f6f3c2d-a277-4d44-9e44-36e24f4b7a9b/2d8c909bd648c2e278d2cfaaa17ebb5f.png\" alt=\"Credit/Debit Card\" class=\"w-16 h-16 sm:w-12 sm:h-12 object-contain transition-all group-hover:brightness-110\">\n                    </div>\n                  </div>\n                  <h3 class=\"text-xl font-bold text-slate-900 mb-3 group-hover:text-blue-600 transition-colors\">Credit/Debit Card</h3>\n                  <p class=\"text-slate-600 leading-relaxed text-sm md:text-base\">Pay securely with Visa, Mastercard, or American Express. Instant activation.</p>\n                </div>\n                <div class=\"bg-white rounded-xl p-8 border border-slate-100 shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 text-center group relative overflow-hidden h-full flex flex-col justify-center\" style=\"opacity: 1; transform: none;\">\n                  <div class=\"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-slate-200 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"></div>\n                  <div class=\"w-20 h-20 mx-auto rounded-full bg-white flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300 shadow-inner\">\n                    <div class=\"p-3 flex items-center justify-center w-full h-full\">\n                      <img loading=\"lazy\" src=\"https://iptvukv.com/public/custom-storage/setting/paypal.svg\" alt=\"PayPal payment method logo\" width=\"96\" height=\"40\" class=\"w-20 md:w-24 object-contain transition-all group-hover:brightness-110\">\n                    </div>\n                  </div>\n                  <h3 class=\"text-xl font-bold text-slate-900 mb-3 group-hover:text-blue-600 transition-colors\">PayPal</h3>\n                  <p class=\"text-slate-600 leading-relaxed text-sm md:text-base\">Fast and secure checkout using your PayPal account. Buyer protection included.</p>\n                </div>\n                <div class=\"bg-white rounded-xl p-8 border border-slate-100 shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 text-center group relative overflow-hidden h-full flex flex-col justify-center\" style=\"opacity: 1; transform: none;\">\n                  <div class=\"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-slate-200 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"></div>\n                  <div class=\"w-20 h-20 mx-auto rounded-full bg-emerald-50 flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300 shadow-inner\">\n                    <div class=\"p-3 flex items-center justify-center w-full h-full\">\n                      <img src=\"https://horizons-cdn.hostinger.com/1f6f3c2d-a277-4d44-9e44-36e24f4b7a9b/b557a52180028f2b7cf9ab3d5e61ce56.png\" alt=\"Bank Transfer\" class=\"w-16 h-16 sm:w-14 sm:h-14 object-contain transition-all group-hover:brightness-110\">\n                    </div>\n                  </div>\n                  <h3 class=\"text-xl font-bold text-slate-900 mb-3 group-hover:text-blue-600 transition-colors\">Bank Transfer</h3>\n                  <p class=\"text-slate-600 leading-relaxed text-sm md:text-base\">Direct bank deposit available for larger subscriptions or specific regions.</p>\n                </div>\n              </div>\n            </div>\n          </section>\n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          <div class=\"max-w-5xl mx-auto mt-16 text-center\">\n  <p class=\"text-lg leading-8 text-[#475569]\">\n    Our IPTV service is designed for viewers who want stable streaming, premium entertainment, and easy access to live TV channels in the UK. Watch sports, movies, news, and international content on Smart TVs, Firestick, Android devices, iPhone, tablets, and PCs with high-quality HD and 4K support.\n  </p>\n</div>\n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          <section class=\"py-20 bg-[#1E293B] relative overflow-hidden\">\n            <div class=\"absolute top-0 right-0 w-1/2 h-full bg-gradient-to-l from-[#FF6B35]/10 to-transparent pointer-events-none\"></div>\n            <div class=\"absolute bottom-0 left-0 w-1/3 h-2/3 bg-[#FF6B35]/5 rounded-full blur-3xl pointer-events-none\"></div>\n            <div class=\"container mx-auto px-4 relative z-10\">\n              <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n                <div style=\"opacity: 1; transform: none;\">\n                  <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[#FF6B35]/10 border border-[#FF6B35]/20 mb-6\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield w-5 h-5 text-[#FF6B35]\">\n                      <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path>\n                    </svg>\n                    <span class=\"text-[#FF6B35] text-sm font-semibold tracking-wide uppercase\">Risk-Free Streaming</span>\n                  </div>\n                  <h2 class=\"text-4xl md:text-5xl font-bold mb-6 text-white leading-tight\">30-Day <br>\n                    <span class=\"text-[#FF6B35]\">Money-Back Guarantee</span>\n                  </h2>\n                  <p class=\"text-lg text-slate-300 mb-8 leading-relaxed\">Not satisfied? Get your money back. No questions asked.</p>\n                  <div class=\"grid sm:grid-cols-2 gap-6\">\n                    <div class=\"flex items-center gap-3\">\n                      <div class=\"p-2 rounded-lg bg-white/5 border border-white/10 text-green-400\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-circle-check w-5 h-5\">\n                          <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n                          <path d=\"m9 12 2 2 4-4\"></path>\n                        </svg>\n                      </div>\n                      <span class=\"text-slate-200 font-medium\">Risk-free trial period</span>\n                    </div>\n                    <div class=\"flex items-center gap-3\">\n                      <div class=\"p-2 rounded-lg bg-white/5 border border-white/10 text-blue-400\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-credit-card w-5 h-5\">\n                          <rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\"></rect>\n                          <line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\"></line>\n                        </svg>\n                      </div>\n                      <span class=\"text-slate-200 font-medium\">Full refund if not satisfied</span>\n                    </div>\n                    <div class=\"flex items-center gap-3\">\n                      <div class=\"p-2 rounded-lg bg-white/5 border border-white/10 text-[#FF6B35]\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-lock w-5 h-5\">\n                          <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"></rect>\n                          <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"></path>\n                        </svg>\n                      </div>\n                      <span class=\"text-slate-200 font-medium\">No hidden charges</span>\n                    </div>\n                    <div class=\"flex items-center gap-3\">\n                      <div class=\"p-2 rounded-lg bg-white/5 border border-white/10 text-pink-400\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-headphones w-5 h-5\">\n                          <path d=\"M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3\"></path>\n                        </svg>\n                      </div>\n                      <span class=\"text-slate-200 font-medium\">Easy refund process</span>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"relative\" style=\"opacity: 1; transform: none;\">\n                  <div class=\"absolute inset-0 bg-gradient-to-br from-[#FF6B35] to-[#FF8656] rounded-3xl blur-xl opacity-20 transform rotate-3 scale-105\"></div>\n                  <div class=\"relative bg-white/5 backdrop-blur-md border border-white/10 rounded-3xl p-8 hover:bg-white/10 transition-colors duration-300 shadow-2xl\">\n                    <div class=\"flex items-start justify-between mb-8\">\n                      <div>\n                        <h3 class=\"text-2xl font-bold text-white mb-2\">Our Promise to You</h3>\n                        <p class=\"text-slate-400 text-sm\">Transparent &amp; Customer-First Policy</p>\n                      </div>\n                      <div class=\"w-16 h-16 bg-[#FF6B35] rounded-full flex items-center justify-center shadow-lg transform rotate-12\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield w-8 h-8 text-white fill-white/20\">\n                          <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path>\n                        </svg>\n                      </div>\n                    </div>\n                    <div class=\"space-y-6 mb-8\">\n                      <div class=\"flex gap-4\">\n                        <div class=\"w-8 h-8 rounded-full bg-blue-500/20 flex items-center justify-center flex-shrink-0 text-blue-400 font-bold\">1</div>\n                        <div>\n                          <p class=\"text-white font-semibold mb-1\">No Questions Asked</p>\n                          <p class=\"text-slate-400 text-sm\">We process refunds promptly without lengthy interrogations.</p>\n                        </div>\n                      </div>\n                      <div class=\"flex gap-4\">\n                        <div class=\"w-8 h-8 rounded-full bg-[#FF6B35]/20 flex items-center justify-center flex-shrink-0 text-[#FF6B35] font-bold\">2</div>\n                        <div>\n                          <p class=\"text-white font-semibold mb-1\">Full Coverage</p>\n                          <p class=\"text-slate-400 text-sm\">The guarantee covers all subscription plans for the first 30 days.</p>\n                        </div>\n                      </div>\n                      <div class=\"flex gap-4\">\n                        <div class=\"w-8 h-8 rounded-full bg-green-500/20 flex items-center justify-center flex-shrink-0 text-green-400 font-bold\">3</div>\n                        <div>\n                          <p class=\"text-white font-semibold mb-1\">Fast Processing</p>\n                          <p class=\"text-slate-400 text-sm\">Refunds are typically processed back to your original payment method within 3-5 business days.</p>\n                        </div>\n                      </div>\n                    </div>\n                    <div class=\"pt-6 border-t border-white/10 flex flex-col sm:flex-row items-center justify-between gap-4\">\n                      <div class=\"text-center sm:text-left\">\n                        <p class=\"text-slate-400 text-xs mb-1\">Read our full policy</p>\n                        <a class=\"text-[#FF6B35] hover:text-[#FF8656] text-sm font-semibold flex items-center gap-1 transition-colors\" href=\"/refund-policy\">Terms &amp; Conditions <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right w-4 h-4\">\n                            <path d=\"M5 12h14\"></path>\n                            <path d=\"m12 5 7 7-7 7\"></path>\n                          </svg>\n                        </a>\n                      </div>\n                      <a href=\"https://wa.me/+447453598130?text=I'm%20interested%20in%20your%20money-back%20guarantee.%20Can%20you%20provide%20more%20information%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center justify-center text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 py-2 w-full sm:w-auto bg-white text-[#1E293B] hover:bg-slate-100 font-semibold rounded-full px-6\">Claim Refund</a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </section>\n         \n         \n         \n         \n         \n         \n    <section class=\"py-20 bg-slate-50 content-visibility-auto contain-content\">\n  <div class=\"container mx-auto px-4\">\n    <div class=\"text-center mb-16\">\n      <h2 class=\"text-3xl md:text-4xl font-bold text-[#1E293B] mb-4\">Easy Setup in 3 Steps</h2>\n      <p class=\"text-xl text-[#475569] max-w-2xl mx-auto\">\n        Get up and running on your Smart TV, Firestick, or Android device in less than 5 minutes.\n      </p>\n    </div>\n\n    <div class=\"grid md:grid-cols-3 gap-8 relative\">\n      <div class=\"hidden md:block absolute top-12 left-0 w-full h-0.5 bg-gradient-to-r from-[#FF6B35]/20 via-[#FF6B35] to-[#FF6B35]/20 -z-10 transform -translate-y-1/2\"></div>\n\n      <div class=\"bg-white p-6 rounded-xl border border-slate-200 shadow-sm text-center relative\">\n        <div class=\"w-16 h-16 bg-[#1E293B] text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-6 border-4 border-white shadow-lg relative z-10\">1</div>\n        <h3 class=\"text-xl font-bold text-[#1E293B] mb-3\">Choose your plan</h3>\n\n        <div class=\"w-12 h-12 bg-[#FF6B35]/10 rounded-lg flex items-center justify-center mx-auto\">\n          <!-- icon -->\n        </div>\n      </div>\n\n      <div class=\"bg-white p-6 rounded-xl border border-slate-200 shadow-sm text-center relative\">\n        <div class=\"w-16 h-16 bg-[#1E293B] text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-6 border-4 border-white shadow-lg relative z-10\">2</div>\n        <h3 class=\"text-xl font-bold text-[#1E293B] mb-3\">Get login details</h3>\n\n        <div class=\"w-12 h-12 bg-[#FF6B35]/10 rounded-lg flex items-center justify-center mx-auto\">\n          <!-- icon -->\n        </div>\n      </div>\n\n      <div class=\"bg-white p-6 rounded-xl border border-slate-200 shadow-sm text-center relative\">\n        <div class=\"w-16 h-16 bg-[#1E293B] text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-6 border-4 border-white shadow-lg relative z-10\">3</div>\n        <h3 class=\"text-xl font-bold text-[#1E293B] mb-3\">Start watching</h3>\n\n        <div class=\"w-12 h-12 bg-[#FF6B35]/10 rounded-lg flex items-center justify-center mx-auto\">\n          <!-- icon -->\n        </div>\n      </div>\n    </div>\n\n    <div class=\"mt-12 text-center\">\n      <a href=\"/setup\">\n        <button class=\"inline-flex items-center justify-center rounded-md text-sm font-medium border h-10 px-4 py-2 border-[#FF6B35]/30 text-[#FF6B35] hover:bg-[#FF6B35]/10\">\n          View Detailed Setup Guides\n        </button>\n      </a>\n    </div>\n  </div>\n</section>\n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          <section class=\"py-20 bg-gradient-to-b from-slate-50 to-white overflow-hidden\">\n            <div class=\"container mx-auto px-4\">\n              <div class=\"text-center mb-16 max-w-3xl mx-auto\" style=\"opacity: 1; transform: translateY(30px);\">\n                <div class=\"inline-block p-3 rounded-full bg-blue-100/50 mb-6\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-quote w-8 h-8 text-[#FF6B35]\">\n                    <path d=\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"></path>\n                    <path d=\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"></path>\n                  </svg>\n                </div>\n                <h2 class=\"text-4xl md:text-5xl font-bold text-[#1E293B] mb-6\">What Our Customers Say</h2>\n                <p class=\"text-xl text-[#64748B] leading-relaxed\">Real reviews from happy users.</p>\n              </div>\n              <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16\">\n                <div class=\"bg-white rounded-2xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 border border-slate-100 flex flex-col h-full relative group\" style=\"opacity: 1; transform: translateY(30px);\">\n                  <div class=\"absolute top-0 right-0 w-24 h-24 bg-gradient-to-br from-[#FF6B35]/10 to-transparent rounded-bl-full -mr-px -mt-px\"></div>\n                  <div class=\"flex items-center gap-1 mb-4\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                  </div>\n                  <p class=\"text-[#334155] leading-relaxed mb-6 flex-grow relative z-10 italic\">\"Best IPTV Legal service I've used in years. Zero buffering during the Premier League games, and the 4K picture quality is genuinely stunning on my OLED TV. Worth every penny.\"</p>\n                  <div class=\"flex items-center gap-4 pt-6 border-t border-slate-100 mt-auto\">\n                    <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-[#1E293B] to-slate-700 text-white flex items-center justify-center font-bold text-lg shadow-md\">JW</div>\n                    <div>\n                      <p class=\"font-bold text-[#1E293B]\">James Wilson</p>\n                      <p class=\"text-sm text-[#64748B] flex items-center gap-1\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-user w-3 h-3\">\n                          <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"></path>\n                          <circle cx=\"12\" cy=\"7\" r=\"4\"></circle>\n                        </svg> London, UK\n                      </p>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"bg-white rounded-2xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 border border-slate-100 flex flex-col h-full relative group\" style=\"opacity: 1; transform: translateY(30px);\">\n                  <div class=\"absolute top-0 right-0 w-24 h-24 bg-gradient-to-br from-[#FF6B35]/10 to-transparent rounded-bl-full -mr-px -mt-px\"></div>\n                  <div class=\"flex items-center gap-1 mb-4\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                  </div>\n                  <p class=\"text-[#334155] leading-relaxed mb-6 flex-grow relative z-10 italic\">\"The setup was instant. I received my credentials within minutes of paying. The VOD library is massive - cancelled my other streaming subscriptions immediately.\"</p>\n                  <div class=\"flex items-center gap-4 pt-6 border-t border-slate-100 mt-auto\">\n                    <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-[#1E293B] to-slate-700 text-white flex items-center justify-center font-bold text-lg shadow-md\">ST</div>\n                    <div>\n                      <p class=\"font-bold text-[#1E293B]\">Sarah Thompson</p>\n                      <p class=\"text-sm text-[#64748B] flex items-center gap-1\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-user w-3 h-3\">\n                          <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"></path>\n                          <circle cx=\"12\" cy=\"7\" r=\"4\"></circle>\n                        </svg> Manchester, UK\n                      </p>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"bg-white rounded-2xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 border border-slate-100 flex flex-col h-full relative group\" style=\"opacity: 1; transform: translateY(30px);\">\n                  <div class=\"absolute top-0 right-0 w-24 h-24 bg-gradient-to-br from-[#FF6B35]/10 to-transparent rounded-bl-full -mr-px -mt-px\"></div>\n                  <div class=\"flex items-center gap-1 mb-4\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                  </div>\n                  <p class=\"text-[#334155] leading-relaxed mb-6 flex-grow relative z-10 italic\">\"I was skeptical about 'no freezing' claims, but this service actually delivers. Support team helped me set up Tivimate on my Firestick in under 5 minutes. Brilliant.\"</p>\n                  <div class=\"flex items-center gap-4 pt-6 border-t border-slate-100 mt-auto\">\n                    <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-[#1E293B] to-slate-700 text-white flex items-center justify-center font-bold text-lg shadow-md\">MO</div>\n                    <div>\n                      <p class=\"font-bold text-[#1E293B]\">Michael O'Connor</p>\n                      <p class=\"text-sm text-[#64748B] flex items-center gap-1\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-user w-3 h-3\">\n                          <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"></path>\n                          <circle cx=\"12\" cy=\"7\" r=\"4\"></circle>\n                        </svg> Birmingham, UK\n                      </p>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"bg-white rounded-2xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 border border-slate-100 flex flex-col h-full relative group\" style=\"opacity: 1; transform: translateY(30px);\">\n                  <div class=\"absolute top-0 right-0 w-24 h-24 bg-gradient-to-br from-[#FF6B35]/10 to-transparent rounded-bl-full -mr-px -mt-px\"></div>\n                  <div class=\"flex items-center gap-1 mb-4\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                  </div>\n                  <p class=\"text-[#334155] leading-relaxed mb-6 flex-grow relative z-10 italic\">\"Finally found a reliable provider for UK channels. The catch-up feature works perfectly for shows I miss during work. My kids love the dedicated cartoon section.\"</p>\n                  <div class=\"flex items-center gap-4 pt-6 border-t border-slate-100 mt-auto\">\n                    <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-[#1E293B] to-slate-700 text-white flex items-center justify-center font-bold text-lg shadow-md\">ED</div>\n                    <div>\n                      <p class=\"font-bold text-[#1E293B]\">Emma Davies</p>\n                      <p class=\"text-sm text-[#64748B] flex items-center gap-1\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-user w-3 h-3\">\n                          <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"></path>\n                          <circle cx=\"12\" cy=\"7\" r=\"4\"></circle>\n                        </svg> Leeds, UK\n                      </p>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"bg-white rounded-2xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 border border-slate-100 flex flex-col h-full relative group\" style=\"opacity: 1; transform: translateY(30px);\">\n                  <div class=\"absolute top-0 right-0 w-24 h-24 bg-gradient-to-br from-[#FF6B35]/10 to-transparent rounded-bl-full -mr-px -mt-px\"></div>\n                  <div class=\"flex items-center gap-1 mb-4\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                  </div>\n                  <p class=\"text-[#334155] leading-relaxed mb-6 flex-grow relative z-10 italic\">\"Huge channel list that actually works. Replaced my expensive cable package and haven't looked back. The stability during peak hours is impressive compared to others.\"</p>\n                  <div class=\"flex items-center gap-4 pt-6 border-t border-slate-100 mt-auto\">\n                    <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-[#1E293B] to-slate-700 text-white flex items-center justify-center font-bold text-lg shadow-md\">DR</div>\n                    <div>\n                      <p class=\"font-bold text-[#1E293B]\">David Roberts</p>\n                      <p class=\"text-sm text-[#64748B] flex items-center gap-1\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-user w-3 h-3\">\n                          <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"></path>\n                          <circle cx=\"12\" cy=\"7\" r=\"4\"></circle>\n                        </svg> Glasgow, UK\n                      </p>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"bg-white rounded-2xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 border border-slate-100 flex flex-col h-full relative group\" style=\"opacity: 1; transform: translateY(30px);\">\n                  <div class=\"absolute top-0 right-0 w-24 h-24 bg-gradient-to-br from-[#FF6B35]/10 to-transparent rounded-bl-full -mr-px -mt-px\"></div>\n                  <div class=\"flex items-center gap-1 mb-4\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-current\">\n                      <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                    </svg>\n                  </div>\n                  <p class=\"text-[#334155] leading-relaxed mb-6 flex-grow relative z-10 italic\">\"Reliable service for 6 months straight now. Great specifically for sports and PPV events. The EPG is accurate and the interface is very user-friendly.\"</p>\n                  <div class=\"flex items-center gap-4 pt-6 border-t border-slate-100 mt-auto\">\n                    <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-[#1E293B] to-slate-700 text-white flex items-center justify-center font-bold text-lg shadow-md\">LA</div>\n                    <div>\n                      <p class=\"font-bold text-[#1E293B]\">Lisa Anderson</p>\n                      <p class=\"text-sm text-[#64748B] flex items-center gap-1\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-user w-3 h-3\">\n                          <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"></path>\n                          <circle cx=\"12\" cy=\"7\" r=\"4\"></circle>\n                        </svg> Liverpool, UK\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"flex flex-col items-center gap-8\" style=\"opacity: 1; transform: translateY(20px);\">\n                <a class=\"inline-flex items-center justify-center font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-white text-[#1E293B] hover:bg-slate-50 border-2 border-slate-200 hover:border-[#FF6B35] text-lg px-8 py-6 h-auto rounded-full shadow-sm hover:shadow-md transition-all group flex items-center gap-2\" href=\"/reviews\">Read More Reviews <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right w-5 h-5 group-hover:translate-x-1 transition-transform\">\n                    <path d=\"M5 12h14\"></path>\n                    <path d=\"m12 5 7 7-7 7\"></path>\n                  </svg>\n                </a>\n                <a class=\"flex items-center gap-2 text-[#64748B] hover:text-[#FF6B35] transition-colors group text-sm md:text-base font-medium\" href=\"/faq\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-circle-help w-5 h-5\">\n                    <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n                    <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"></path>\n                    <path d=\"M12 17h.01\"></path>\n                  </svg>\n                  <span>Have questions? Check our FAQ</span>\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right w-4 h-4 opacity-0 group-hover:opacity-100 group-hover:translate-x-1 transition-all\">\n                    <path d=\"M5 12h14\"></path>\n                    <path d=\"m12 5 7 7-7 7\"></path>\n                  </svg>\n                </a>\n              </div>\n            </div>\n          </section>\n          <div class=\"bg-gradient-to-b from-slate-50 to-white\">\n            <section class=\"py-16 bg-gradient-to-b from-white to-slate-50\">\n              <div class=\"container mx-auto px-4\">\n                <div class=\"max-w-4xl mx-auto bg-white rounded-2xl shadow-xl overflow-hidden border border-slate-100\">\n                  <div class=\"grid md:grid-cols-2\">\n                    <div class=\"p-8 bg-slate-900 text-white flex flex-col justify-center relative overflow-hidden\">\n                      <div class=\"absolute top-0 right-0 w-64 h-64 bg-blue-500 rounded-full opacity-10 blur-3xl transform translate-x-1/2 -translate-y-1/2\"></div>\n                      <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-purple-500 rounded-full opacity-10 blur-3xl transform -translate-x-1/2 translate-y-1/2\"></div>\n                      <h3 class=\"text-3xl font-bold mb-4 relative z-10\">Share Your Experience</h3>\n                      <p class=\"text-slate-300 mb-8 relative z-10\">Your feedback helps us improve and helps others choose the best IPTV service. Join thousands of satisfied customers who have shared their stories.</p>\n                      <div class=\"space-y-4 relative z-10\">\n                        <div class=\"flex items-center gap-3\">\n                          <div class=\"w-10 h-10 rounded-full bg-white/10 flex items-center justify-center\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-5 h-5 text-yellow-400 fill-yellow-400\">\n                              <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                            </svg>\n                          </div>\n                          <div>\n                            <p class=\"font-semibold\">Rate our Service</p>\n                            <p class=\"text-xs text-slate-400\">Your opinion matters</p>\n                          </div>\n                        </div>\n                        <div class=\"flex items-center gap-3\">\n                          <div class=\"w-10 h-10 rounded-full bg-white/10 flex items-center justify-center\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-circle-check w-5 h-5 text-green-400\">\n                              <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n                              <path d=\"m9 12 2 2 4-4\"></path>\n                            </svg>\n                          </div>\n                          <div>\n                            <p class=\"font-semibold\">Help the Community</p>\n                            <p class=\"text-xs text-slate-400\">Authentic reviews for real users</p>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                    <div class=\"p-8\">\n                      <form class=\"space-y-6\">\n                        <div>\n                          <label class=\"block text-sm font-medium text-slate-700 mb-2\">How would you rate us?</label>\n                          <div class=\"flex gap-1\">\n                            <button type=\"button\" aria-label=\"Select option\" class=\"focus:outline-none transition-transform hover:scale-110\">\n                              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-8 h-8 text-yellow-400 fill-yellow-400\">\n                                <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                              </svg>\n                            </button>\n                           <button type=\"button\" aria-label=\"Select option\" class=\"focus:outline-none transition-transform hover:scale-110\">\n                              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-8 h-8 text-yellow-400 fill-yellow-400\">\n                                <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                              </svg>\n                            </button>\n                            <button type=\"button\" aria-label=\"Select option\" class=\"focus:outline-none transition-transform hover:scale-110\">\n                              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-8 h-8 text-yellow-400 fill-yellow-400\">\n                                <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                              </svg>\n                            </button>\n                           <button type=\"button\" aria-label=\"Select option\" class=\"focus:outline-none transition-transform hover:scale-110\">\n                              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-8 h-8 text-yellow-400 fill-yellow-400\">\n                                <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                              </svg>\n                            </button>\n                           <button type=\"button\" aria-label=\"Select option\" class=\"focus:outline-none transition-transform hover:scale-110\">\n                              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-8 h-8 text-yellow-400 fill-yellow-400\">\n                                <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                              </svg>\n                            </button>\n                          </div>\n                        </div>\n                        <div class=\"grid md:grid-cols-2 gap-4\">\n                          <div>\n                            <label class=\"block text-sm font-medium text-slate-700 mb-1\">Name</label>\n                            <input type=\"text\" required=\"\" class=\"w-full px-4 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-purple-500 focus:border-transparent outline-none transition-all\" placeholder=\"John Doe\" value=\"\">\n                          </div>\n                          <div>\n                            <label class=\"block text-sm font-medium text-slate-700 mb-1\">Email</label>\n                            <input type=\"email\" required=\"\" class=\"w-full px-4 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-purple-500 focus:border-transparent outline-none transition-all\" placeholder=\"john@example.com\" value=\"\">\n                          </div>\n                        </div>\n                        <div>\n                          <label class=\"block text-sm font-medium text-slate-700 mb-1\">Your Review</label>\n                          <textarea required=\"\" rows=\"4\" class=\"w-full px-4 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-purple-500 focus:border-transparent outline-none transition-all resize-none\" placeholder=\"Tell us about your streaming experience, channel quality, or support...\"></textarea>\n                        </div>\n                        <button class=\"inline-flex items-center justify-center text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 w-full bg-slate-900 hover:bg-slate-800 text-white font-medium py-2 rounded-lg transition-all\" type=\"submit\">Submit Review <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send w-4 h-4 ml-2\">\n                            <path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path>\n                            <path d=\"m21.854 2.147-10.94 10.939\"></path>\n                          </svg>\n                        </button>\n                      </form>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </section>\n          </div>\n          <section class=\"py-20 bg-[#1E293B] text-white relative overflow-hidden content-visibility-auto contain-content\">\n            <div class=\"absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none\">\n              <div class=\"absolute right-0 top-0 w-1/2 h-1/2 bg-[#FF6B35] blur-[100px] rounded-full will-change-transform\"></div>\n              <div class=\"absolute left-0 bottom-0 w-1/2 h-1/2 bg-[#FF8656] blur-[100px] rounded-full will-change-transform\"></div>\n            </div>\n            <div class=\"container mx-auto px-4 relative z-10\">\n              <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n                <div>\n                  <div class=\"inline-block bg-[#FF6B35]/20 border border-[#FF6B35]/30 rounded-full px-4 py-1 mb-6\">\n                    <span class=\"text-[#FF6B35] text-sm font-semibold uppercase tracking-wider\">Business &amp; Partnerships</span>\n                  </div>\n                  <h2 class=\"text-4xl md:text-5xl font-bold mb-6 leading-tight\">Need Help or Have Questions? iptvukv.com <br>  </h2>\n                  <p class=\"text-lg text-slate-300 mb-8 leading-relaxed\">Contact us anytime. Our team is ready to help.</p>\n                  <div class=\"space-y-6\">\n                    <div class=\"flex items-start gap-4\">\n                      <div class=\"w-12 h-12 bg-white/10 rounded-lg flex items-center justify-center flex-shrink-0\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-star w-6 h-6 text-yellow-400\">\n                          <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"></path>\n                        </svg>\n                      </div>\n                      <div>\n                        <p class=\"text-xl font-bold mb-1\">Exclusive Reseller Program</p>\n                        <p class=\"text-slate-400 text-sm\">Gain access to a powerful reseller panel with competitive wholesale rates and dedicated support to manage your clients seamlessly.</p>\n                      </div>\n                    </div>\n                    <div class=\"flex items-start gap-4\">\n                      <div class=\"w-12 h-12 bg-white/10 rounded-lg flex items-center justify-center flex-shrink-0\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-mail w-6 h-6 text-[#FF6B35]\">\n                          <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"></rect>\n                          <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"></path>\n                        </svg>\n                      </div>\n                      <div>\n                        <p class=\"text-xl font-bold mb-1\">Strategic Partnership Inquiries</p>\n                        <p class=\"text-slate-400 text-sm\">For media, advertising, or strategic business development, connect directly with our partnership team to explore synergistic opportunities.</p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n\n\n\n                <div class=\"bg-white text-slate-900 rounded-2xl p-8 shadow-2xl\">\n                  <h3 class=\"text-2xl font-bold mb-6\">Contact Business Team</h3>\n               <form action=\"https://iptvukv.com/contact/send\" method=\"POST\" class=\"space-y-4\">\n    <input type=\"hidden\" name=\"_token\" value=\"eTHYb9iyIiKAtETUXN1f3xmmBud8J3hDQNesaW9w\">    <div class=\"grid grid-cols-2 gap-4\">\n        <div>\n            <label class=\"block text-sm font-medium text-slate-700 mb-1\">First Name</label>\n            <input type=\"text\" name=\"first_name\" class=\"w-full px-4 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-[#FF6B35] outline-none text-slate-900\" placeholder=\"John\" required=\"\">\n        </div>\n        <div>\n            <label class=\"block text-sm font-medium text-slate-700 mb-1\">Last Name</label>\n            <input type=\"text\" name=\"last_name\" class=\"w-full px-4 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-[#FF6B35] outline-none text-slate-900\" placeholder=\"Doe\" required=\"\">\n        </div>\n    </div>\n\n    <div>\n        <label class=\"block text-sm font-medium text-slate-700 mb-1\">Email Address</label>\n        <input type=\"email\" name=\"email\" class=\"w-full px-4 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-[#FF6B35] outline-none text-slate-900\" placeholder=\"yourname@email.com\" required=\"\">\n    </div>\n\n    <div>\n        <label class=\"block text-sm font-medium text-slate-700 mb-1\">Phone Number</label>\n        <input type=\"text\" name=\"number\" class=\"w-full px-4 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-[#FF6B35] outline-none text-slate-900\" placeholder=\"+44 123 456 7890\" required=\"\">\n    </div>\n\n    <div>\n  <label for=\"subject\" class=\"block text-sm font-medium text-slate-700 mb-1\">\n    Inquiry Type\n  </label>\n\n  <select id=\"subject\" name=\"subject\" class=\"w-full px-4 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-[#FF6B35] outline-none bg-white text-slate-900\" required=\"\">\n      <option value=\"VPN Required\">VPN Required</option>\n   <option value=\"Subscription Error\">Subscription Error</option>\n<option value=\"Activation Issue\">Activation Issue</option>\n<option value=\"Channel Not Working\">Channel Not Working</option>\n<option value=\"Sports Channels Issue\">Sports Channels Issue</option>\n<option value=\"VOD Not Working\">VOD Not Working</option>\n<option value=\"Movies Not Working\">Movies Not Working</option>\n<option value=\"Series Not Working\">Series Not Working</option>\n<option value=\"Buffering Issue\">Buffering Issue</option>\n<option value=\"Freezing Issue\">Freezing Issue</option>\n<option value=\"Login Issue\">Login Issue</option>\n<option value=\"Username or Password Error\">Username or Password Error</option>\n<option value=\"Connection Error\">Connection Error</option>\n<option value=\"Playlist URL Issue\">Playlist URL Issue</option>\n<option value=\"EPG Not Working\">EPG Not Working</option>\n<option value=\"No Audio\">No Audio</option>\n<option value=\"No Video\">No Video</option>\n<option value=\"App Crashing\">App Crashing</option>\n<option value=\"Device Compatibility Issue\">Device Compatibility Issue</option>\n<option value=\"ISP Blocking Service\">ISP Blocking Service</option>\n<option value=\"Renewal Issue\">Renewal Issue</option>\n<option value=\"Payment Issue\">Payment Issue</option>\n<option value=\"Need Refund\">Need Refund</option>\n<option value=\"Account Expired\">Account Expired</option>\n<option value=\"Account Suspended\">Account Suspended</option>\n<option value=\"Change Server\">Change Server</option>\n<option value=\"Trial Request\">Trial Request</option>\n<option value=\"Reseller Partnership\">Reseller Partnership</option>\n<option value=\"Reseller Panel Issue\">Reseller Panel Issue</option>\n<option value=\"Need New Connection\">Need New Connection</option>\n<option value=\"Need Setup Assistance\">Need Setup Assistance</option>\n<option value=\"Catch-Up Not Working\">Catch-Up Not Working</option>\n<option value=\"Recording Issue\">Recording Issue</option>\n<option value=\"Other\">Other</option>\n  </select>\n</div>\n\n    <div>\n        <label class=\"block text-sm font-medium text-slate-700 mb-1\">Message</label>\n        <textarea name=\"message\" rows=\"4\" class=\"w-full px-4 py-2 rounded-lg border border-slate-200 focus:ring-2 focus:ring-[#FF6B35] outline-none resize-none text-slate-900\" placeholder=\"Tell us about your business needs...\" required=\"\"></textarea>\n    </div>\n\n    <button type=\"submit\" class=\"inline-flex items-center justify-center rounded-md font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 w-full bg-[#FF6B35] hover:bg-[#E55A2B] text-white py-6 text-lg\">\n        Send Inquiry\n    </button>\n\n    <p class=\"text-xs text-center text-slate-500 mt-4\">We typically respond to business inquiries within 2 Minutes.</p>\n</form>\n\n                </div>\n\n\n\n              </div>\n            </div>\n          </section>\n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n       <section class=\"py-20 bg-white content-visibility-auto contain-content\">\n  <div class=\"container mx-auto px-4\">\n\n    <div class=\"text-center mb-16\">\n      <h2 class=\"text-3xl md:text-4xl font-bold text-[#1E293B] mb-4\">\n        Why Choose Our IPTV UK?\n      </h2>\n      <p class=\"text-xl text-[#475569] max-w-2xl mx-auto\">\n        We make streaming simple and reliable.\n      </p>\n    </div>\n\n    <div class=\"grid md:grid-cols-2 gap-12\">\n\n      <!-- LEFT BOX -->\n      <div>\n        <h3 class=\"text-2xl font-bold text-[#1E293B] mb-4 flex items-center gap-2\">\n          NO Buffering. No Freezing.\n        </h3>\n\n        <p class=\"text-lg text-[#64748B] mb-4\">\n          We use fast and stable servers for smooth streaming without interruptions.\n        </p>\n\n        <ul class=\"space-y-3 text-[#334155]\">\n          <li class=\"flex items-start gap-3\">\n            <span class=\"text-green-500\">✔</span>\n            <span><strong>99.9% Uptime:</strong> Stable service all day.</span>\n          </li>\n          <li class=\"flex items-start gap-3\">\n            <span class=\"text-green-500\">✔</span>\n            <span><strong>Global Servers:</strong> Fast streaming worldwide.</span>\n          </li>\n          <li class=\"flex items-start gap-3\">\n            <span class=\"text-green-500\">✔</span>\n            <span><strong>Smart Load System:</strong> No server overload.</span>\n          </li>\n        </ul>\n      </div>\n\n      <!-- RIGHT BOX -->\n      <div>\n        <h3 class=\"text-2xl font-bold text-[#1E293B] mb-4 flex items-center gap-2\">\n          Best IPTV UK Subscription\n        </h3>\n\n        <p class=\"text-lg text-[#64748B] mb-4\">\n          Get top-quality IPTV with UK and global channels at affordable prices.\n        </p>\n\n        <ul class=\"space-y-3 text-[#334155]\">\n          <li class=\"flex items-start gap-3\">\n            <span class=\"text-green-500\">✔</span>\n            <span><strong>UK Channels:</strong> Sports, news, and entertainment.</span>\n          </li>\n          <li class=\"flex items-start gap-3\">\n            <span class=\"text-green-500\">✔</span>\n            <span><strong>HD &amp; 4K Quality:</strong> Clear picture and sound.</span>\n          </li>\n          <li class=\"flex items-start gap-3\">\n            <span class=\"text-green-500\">✔</span>\n            <span><strong>Affordable Plans:</strong> High value, low price.</span>\n          </li>\n        </ul>\n      </div>\n\n      <!-- FULL WIDTH SECTION -->\n      <div class=\"md:col-span-2 mt-8\">\n\n        <h3 class=\"text-2xl font-bold text-[#1E293B] mb-4 flex items-center gap-2\">\n  Your Benefits\n        </h3>\n        \n        \n\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n\n          <div class=\"p-5 bg-slate-50 rounded-lg border border-slate-200\">\n            <p class=\"font-semibold text-lg text-slate-800 mb-2\">Huge Content Library</p>\n            <p class=\"text-[#64748B] text-sm\">\n            Enjoy Video on Demand with 29,500+ channels and over 200K movies &amp; shows.\n            </p>\n          </div>\n\n          <div class=\"p-5 bg-slate-50 rounded-lg border border-slate-200\">\n            <p class=\"font-semibold text-lg text-slate-800 mb-2\">Stable Streaming</p>\n            <p class=\"text-[#64748B] text-sm\">\n              Anti-freeze system for smooth playback.\n            </p>\n          </div>\n\n          <div class=\"p-5 bg-slate-50 rounded-lg border border-slate-200\">\n            <p class=\"font-semibold text-lg text-slate-800 mb-2\">Multi Device Support</p>\n            <p class=\"text-[#64748B] text-sm\">\n              Works on TV, mobile, Firestick, and PC.\n            </p>\n          </div>\n\n        </div>\n      </div>\n\n      <!-- FIRESTICK -->\n      <div class=\"md:col-span-1\">\n\n        <h3 class=\"text-2xl font-bold text-[#1E293B] mb-4 flex items-center gap-2\">\n          Firestick IPTV Subscription\n        </h3>\n\n        <p class=\"text-lg text-[#64748B] mb-4\">\n          Easy setup and smooth performance on Firestick devices.\n        </p>\n\n        <ul class=\"space-y-3 text-[#334155]\">\n          <li class=\"flex items-start gap-3\">\n            <span class=\"text-green-500\">✔</span>\n            <span><strong>Quick Setup:</strong> Install in minutes.</span>\n          </li>\n          <li class=\"flex items-start gap-3\">\n            <span class=\"text-green-500\">✔</span>\n            <span><strong>Fast Navigation:</strong> Smooth channel switching.</span>\n          </li>\n          <li class=\"flex items-start gap-3\">\n            <span class=\"text-green-500\">✔</span>\n            <span><strong>App Support:</strong> Works with IPTV apps.</span>\n          </li>\n          \n        </ul>\n\n      </div>\n      \n      <!-- ANDROID TV -->\n<div class=\"md:col-span-1\">\n\n  <h3 class=\"text-2xl font-bold text-[#1E293B] mb-4 flex items-center gap-2\">\n    Android TV IPTV Subscription\n  </h3>\n\n  <p class=\"text-lg text-[#64748B] mb-4\">\n    Easy setup and smooth performance on Android TV devices.\n  </p>\n\n  <ul class=\"space-y-3 text-[#334155]\">\n    <li class=\"flex items-start gap-3\">\n      <span class=\"text-green-500\">✔</span>\n      <span><strong>Quick Setup:</strong> Install and start streaming in minutes.</span>\n    </li>\n    <li class=\"flex items-start gap-3\">\n      <span class=\"text-green-500\">✔</span>\n      <span><strong>Smooth Performance:</strong> Fast and responsive viewing experience.</span>\n    </li>\n    <li class=\"flex items-start gap-3\">\n      <span class=\"text-green-500\">✔</span>\n      <span><strong>Wide Compatibility:</strong> Works with popular IPTV apps.</span>\n    </li>\n    \n  </ul>\n\n</div>\n\n      <!-- SUPPORT -->\n      <div class=\"md:col-span-1\">\n\n        <h3 class=\"text-2xl font-bold text-[#1E293B] mb-4 flex items-center gap-2\">\n          24/7 Customer Support\n        </h3>\n\n        <p class=\"text-lg text-[#64748B] mb-4\">\n          Get help anytime with fast and friendly support.\n        </p>\n\n        <ul class=\"space-y-3 text-[#334155]\">\n          <li class=\"flex items-start gap-3\">\n            <span class=\"text-green-500\">✔</span>\n            <span><strong>24/7 Help:</strong> Always available support.</span>\n          </li>\n          <li class=\"flex items-start gap-3\">\n            <span class=\"text-green-500\">✔</span>\n            <span><strong>Fast Reply:</strong> Quick problem solving.</span>\n          </li>\n          <li class=\"flex items-start gap-3\">\n            <span class=\"text-green-500\">✔</span>\n            <span><strong>Guides:</strong> Easy setup instructions.</span>\n          </li>\n        </ul>\n\n      </div>\n\n\n\n\n<!-- IPTV INFORMATION -->\n<div class=\"md:col-span-1\">\n\n  <h3 class=\"text-2xl font-bold text-[#1E293B] mb-4 flex items-center gap-2\">\n    IPTV Streaming Service\n  </h3>\n\n  <p class=\"text-lg text-[#64748B] mb-4\">\n    Enjoy reliable IPTV streaming with premium channels and smooth performance on all devices.\n  </p>\n\n  <ul class=\"space-y-3 text-[#334155]\">\n    \n    <li class=\"flex items-start gap-3\">\n      <span class=\"text-green-500\">✔</span>\n      <span>\n        <strong>Start Streaming:</strong> Watch live TV instantly with stable servers.\n      </span>\n    </li>\n\n    <li class=\"flex items-start gap-3\">\n      <span class=\"text-green-500\">✔</span>\n      <span>\n        <strong>Reliable IPTV:</strong> Buffer-free entertainment with HD &amp; 4K quality.\n      </span>\n    </li>\n\n    <li class=\"flex items-start gap-3\">\n      <span class=\"text-green-500\">✔</span>\n      <span>\n        <strong>Multiple Simultaneous:</strong> Use your subscription on multiple devices.\n      </span>\n    </li>\n\n    <li class=\"flex items-start gap-3\">\n      <span class=\"text-green-500\">✔</span>\n      <span>\n        <strong>MAG Box Support:</strong> Compatible with MAG Box and IPTV players.\n      </span>\n    </li>\n\n    <li class=\"flex items-start gap-3\">\n      <span class=\"text-green-500\">✔</span>\n      <span>\n        <strong>Smart TVs:</strong> Works perfectly on Samsung, LG, and Android TVs.\n      </span>\n    </li>\n\n    <li class=\"flex items-start gap-3\">\n      <span class=\"text-green-500\">✔</span>\n      <span>\n        <strong>Subscription in the UK:</strong> Flexible IPTV subscription plans for UK users.\n      </span>\n    </li>\n\n    <li class=\"flex items-start gap-3\">\n      <span class=\"text-green-500\">✔</span>\n      <span>\n        <strong>Legal in the UK:</strong> Choose trusted IPTV services that follow UK regulations.\n      </span>\n    </li>\n\n  </ul>\n\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n      <!-- VPN -->\n      <div class=\"md:col-span-2 mt-8\">\n\n        <h3 class=\"text-2xl font-bold text-[#1E293B] mb-4 flex items-center gap-2\">\n          VPN Friendly IPTV UK\n        </h3>\n\n        <p class=\"text-lg text-[#64748B] mb-4\">\n          Use VPN safely and access global channels without restrictions.\n        </p>\n\n        <div class=\"grid sm:grid-cols-2 gap-6\">\n\n          <div class=\"p-5 bg-slate-50 rounded-lg border border-slate-200\">\n            <p class=\"font-semibold text-lg text-slate-800 mb-2\">VPN Support</p>\n            <p class=\"text-[#64748B] text-sm\">\n             UK IPTV Works with all major VPN services.\n            </p>\n          </div>\n\n          <div class=\"p-5 bg-slate-50 rounded-lg border border-slate-200\">\n            <p class=\"font-semibold text-lg text-slate-800 mb-2\">Global Access</p>\n            <p class=\"text-[#64748B] text-sm\">\n              Watch channels from any country.\n            </p>\n          </div>\n\n        </div>\n\n      </div>\n\n    </div>\n  </div>\n</section>\n\n\n\n\n\n\n\n\n\n\n\n\n<section class=\"py-20 bg-slate-50\">\n  <div class=\"container mx-auto px-4\">\n\n    <div class=\"text-center mb-16\">\n      <h2 class=\"text-4xl md:text-5xl font-bold mb-6 text-[#1E293B]\">\n        Frequently Asked Questions\n      </h2>\n      <p class=\"text-xl text-[#475569] max-w-3xl mx-auto\">\n        Find quick answers to common questions.\n      </p>\n    </div>\n\n    <div class=\"max-w-3xl mx-auto space-y-4\">\n\n      <!-- 1 -->\n      <div class=\"bg-white rounded-xl border border-slate-200 overflow-hidden shadow-sm\">\n        <button class=\"faq-btn w-full px-6 py-5 flex items-center justify-between text-left hover:bg-slate-50 transition-colors duration-200\">\n          <span class=\"text-lg font-semibold text-[#1E293B] pr-8\">What is IPTV?</span>\n        </button>\n        <div class=\"faq-content px-6 pb-5 text-[#64748B] leading-relaxed border-t border-slate-100 pt-4 hidden\">\n          IPTV delivers TV channels over the internet instead of cable or satellite. You just need internet and a device to watch.\n        </div>\n      </div>\n\n      <!-- 2 -->\n      <div class=\"bg-white rounded-xl border border-slate-200 overflow-hidden shadow-sm\">\n        <button class=\"faq-btn w-full px-6 py-5 flex items-center justify-between text-left hover:bg-slate-50 transition-colors duration-200\">\n          <span class=\"text-lg font-semibold text-[#1E293B] pr-8\">Which devices work?</span>\n        </button>\n        <div class=\"faq-content hidden px-6 pb-5 text-[#64748B] leading-relaxed border-t border-slate-100 pt-4\">\n          You can use Smart TV, Firestick, Android, iPhone, tablet, and PC. Setup guides are included.\n        </div>\n      </div>\n\n      <!-- 3 -->\n      <div class=\"bg-white rounded-xl border border-slate-200 overflow-hidden shadow-sm\">\n        <button class=\"faq-btn w-full px-6 py-5 flex items-center justify-between text-left hover:bg-slate-50 transition-colors duration-200\">\n          <span class=\"text-lg font-semibold text-[#1E293B] pr-8\">Do I need a VPN?</span>\n        </button>\n        <div class=\"faq-content hidden px-6 pb-5 text-[#64748B] leading-relaxed border-t border-slate-100 pt-4\">\n          A VPN is optional. It can improve privacy and sometimes streaming stability.\n        </div>\n      </div>\n\n      <!-- 4 -->\n      <div class=\"bg-white rounded-xl border border-slate-200 overflow-hidden shadow-sm\">\n        <button class=\"faq-btn w-full px-6 py-5 flex items-center justify-between text-left hover:bg-slate-50 transition-colors duration-200\">\n          <span class=\"text-lg font-semibold text-[#1E293B] pr-8\">How fast is delivery?</span>\n        </button>\n        <div class=\"faq-content hidden px-6 pb-5 text-[#64748B] leading-relaxed border-t border-slate-100 pt-4\">\n          You receive your login details within 5–15 minutes after payment.\n        </div>\n      </div>\n\n      <!-- 5 -->\n      <div class=\"bg-white rounded-xl border border-slate-200 overflow-hidden shadow-sm\">\n        <button class=\"faq-btn w-full px-6 py-5 flex items-center justify-between text-left hover:bg-slate-50 transition-colors duration-200\">\n          <span class=\"text-lg font-semibold text-[#1E293B] pr-8\">Can I use multiple devices?</span>\n        </button>\n        <div class=\"faq-content hidden px-6 pb-5 text-[#64748B] leading-relaxed border-t border-slate-100 pt-4\">\n          Yes, depending on your plan you can use multiple devices at the same time.\n        </div>\n      </div>\n\n      <!-- 6 -->\n      <div class=\"bg-white rounded-xl border border-slate-200 overflow-hidden shadow-sm\">\n        <button class=\"faq-btn w-full px-6 py-5 flex items-center justify-between text-left hover:bg-slate-50 transition-colors duration-200\">\n          <span class=\"text-lg font-semibold text-[#1E293B] pr-8\">What internet speed is needed?</span>\n        </button>\n        <div class=\"faq-content hidden px-6 pb-5 text-[#64748B] leading-relaxed border-t border-slate-100 pt-4\">\n          10 Mbps for SD, 25 Mbps for HD, and 50 Mbps for 4K streaming is recommended.\n        </div>\n      </div>\n\n      <!-- 7 -->\n      <div class=\"bg-white rounded-xl border border-slate-200 overflow-hidden shadow-sm\">\n        <button class=\"faq-btn w-full px-6 py-5 flex items-center justify-between text-left hover:bg-slate-50 transition-colors duration-200\">\n          <span class=\"text-lg font-semibold text-[#1E293B] pr-8\">Do you offer a refund?</span>\n        </button>\n        <div class=\"faq-content hidden px-6 pb-5 text-[#64748B] leading-relaxed border-t border-slate-100 pt-4\">\n          Yes, we offer a 30-day money-back guarantee if you are not satisfied.\n        </div>\n      </div>\n\n      <!-- 8 -->\n      <div class=\"bg-white rounded-xl border border-slate-200 overflow-hidden shadow-sm\">\n        <button class=\"faq-btn w-full px-6 py-5 flex items-center justify-between text-left hover:bg-slate-50 transition-colors duration-200\">\n          <span class=\"text-lg font-semibold text-[#1E293B] pr-8\">How do I get support?</span>\n        </button>\n        <div class=\"faq-content hidden px-6 pb-5 text-[#64748B] leading-relaxed border-t border-slate-100 pt-4\">\n          You can contact us via live chat or WhatsApp. Support is available 24/7.\n        </div>\n      </div>\n\n    </div>\n  </div>\n</section>\n\n        </main>\n\n\n         \n        <footer class=\"bg-[#1E293B] border-t border-[#334155] pt-16 pb-8\">\n          <div class=\"container mx-auto px-4\">\n            <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8 mb-12\">\n              <div class=\"col-span-2 md:col-span-3 lg:col-span-1\">\n                <div class=\"flex items-center gap-2 mb-6\">\n                               <a class=\"flex-shrink-0 flex items-center\" href=\"/\">\n  <img src=\"https://iptvukv.com/public/custom-storage/setting/1773726186.png\" alt=\"BritView IPTV Logo\" class=\"h-10 w-80\">\n\n</a>\n                </div>\n                <p class=\"text-[#94A3B8] mb-6 leading-relaxed text-sm\">Get the best IPTV UK service with HD live TV, sports, movies, and entertainment. Enjoy fast streaming, no buffering, and 24/7 support on all UK devices.</p>\n                <div class=\"space-y-4 text-[#94A3B8]\">\n                  <div class=\"flex items-center gap-3\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-mail w-4 h-4 text-[#FF6B35] flex-shrink-0\">\n                      <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"></rect>\n                      <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"></path>\n                    </svg>\n                    <span class=\"text-xs\">contact@iptvukv.com</span>\n                  </div>\n                  <div class=\"flex items-start gap-3\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-map-pin w-4 h-4 text-[#FF6B35] mt-1 flex-shrink-0\">\n                      <path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"></path>\n                      <circle cx=\"12\" cy=\"10\" r=\"3\"></circle>\n                    </svg>\n                    <span class=\"text-xs leading-relaxed\">271 Surrey Street King's College, London, WC2R 2NS, United Kingdom </span>\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-span-1\">\n                <span class=\"text-white font-bold text-sm lg:text-base mb-4 lg:mb-6 block uppercase tracking-wider\">Company</span>\n                <ul class=\"space-y-2 lg:space-y-3\">\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"/about-us\">About Us</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"/services\">Services</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"/reviews\">Testimonials</a>\n                  </li>\n                </ul>\n              </div>\n              <div class=\"col-span-1\">\n                <span class=\"text-white font-bold text-sm lg:text-base mb-4 lg:mb-6 block uppercase tracking-wider\">Features</span>\n                <ul class=\"space-y-2 lg:space-y-3\">\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"/channels\">Channels</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"/compatibility\">Device Compatibility</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"/refund-policy\">Money Back Guarantee</a>\n                  </li>\n                </ul>\n              </div>\n              <div class=\"col-span-1\">\n                <span class=\"text-white font-bold text-sm lg:text-base mb-4 lg:mb-6 block uppercase tracking-wider\">Support</span>\n                <ul class=\"space-y-2 lg:space-y-3\">\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"/contact\">Help Center</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"/setup\">Setup Guides</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"https://iptvukv.com/trial\">Free Trial</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"/faq\">FAQ</a>\n                  </li>\n                </ul>\n              </div>\n              <div class=\"col-span-1\">\n                <span class=\"text-white font-bold text-sm lg:text-base mb-4 lg:mb-6 block uppercase tracking-wider\">Legal</span>\n                <ul class=\"space-y-2 lg:space-y-3\">\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"https://iptvukv.com/privacy-policy\">Privacy Policy</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"https://iptvukv.com/terms-of-service\">Terms of Service</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"https://iptvukv.com/refund-policy\">Refund Policy</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"#\">Cookie Policy</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"https://iptvukv.com/acceptable-use-policy\">Acceptable Use Policy</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"https://iptvukv.com/gdpr-compliance\">GDPR Compliance</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"https://iptvukv.com/dmca\">DMCA Policy</a>\n                  </li>\n                </ul>\n              </div>\n              <div class=\"col-span-1\">\n                <span class=\"text-white font-bold text-sm lg:text-base mb-4 lg:mb-6 block uppercase tracking-wider\">Other</span>\n                <ul class=\"space-y-2 lg:space-y-3\">\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"https://iptvukv.com/blog\">Blog</a>\n                  </li>\n                  <li>\n                    <a class=\"text-[#94A3B8] hover:text-[#FF6B35] transition-colors duration-200 text-sm block\" href=\"https://iptvukv.com/sitemap.xml\">Sitemap</a>\n                  </li>\n                </ul>\n              </div>\n            </div>\n            <div class=\"border-t border-[#334155] pt-8 mt-8\">\n              <div class=\"flex flex-col md:flex-row justify-between items-center gap-4\">\n                <p class=\"text-[#94A3B8] text-xs text-center md:text-left\">© 2026 iptvukv.com IPTV. All rights reserved.</p>\n                <div class=\"flex items-center gap-6 text-[#94A3B8] text-xs\">\n                  <a class=\"hover:text-white transition-colors\" href=\"/privacy-policy\">Secure Payment</a>\n                  <span class=\"text-[#334155]\">|</span>\n                  <a class=\"hover:text-white transition-colors\" href=\"/terms-of-service\">SSL Encrypted</a>\n                  <span class=\"text-[#334155]\">|</span>\n                  <a class=\"hover:text-white transition-colors\" href=\"/contact\">24/7 Support</a>\n                </div>\n              </div>\n            </div>\n          </div>\n        </footer>\n\n\n            <script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const tabs = document.querySelectorAll(\".device-tab\");\n    const contents = document.querySelectorAll(\".pricing-content\");\n\n    tabs.forEach(tab => {\n        tab.addEventListener(\"click\", function () {\n\n            // Remove active style\n            tabs.forEach(t => t.classList.remove(\"bg-gradient-to-r\",\"from-[#FF6B35]\",\"to-[#FF8656]\",\"text-white\",\"shadow-md\",\"scale-105\"));\n\n            // Add active style\n            this.classList.add(\"bg-gradient-to-r\",\"from-[#FF6B35]\",\"to-[#FF8656]\",\"text-white\",\"shadow-md\",\"scale-105\");\n\n            const device = this.getAttribute(\"data-device\");\n\n            contents.forEach(content => {\n                content.classList.add(\"hidden\");\n                if (content.getAttribute(\"data-device\") === device) {\n                    content.classList.remove(\"hidden\");\n                }\n            });\n        });\n    });\n});\n</script>\n\n\n\n<script>\n  const faqButtons = document.querySelectorAll(\".faq-btn\");\n\n  faqButtons.forEach(btn => {\n    btn.addEventListener(\"click\", () => {\n      const content = btn.nextElementSibling;\n      const chevron = btn.querySelector(\".chevron\");\n\n      // Toggle the clicked FAQ\n      content.classList.toggle(\"hidden\");\n      chevron.classList.toggle(\"rotate-180\");\n\n      // Optional: Close others\n      faqButtons.forEach(otherBtn => {\n        if (otherBtn !== btn) {\n          otherBtn.nextElementSibling.classList.add(\"hidden\");\n          otherBtn.querySelector(\".chevron\").classList.remove(\"rotate-180\");\n        }\n      });\n    });\n  });\n</script>\n\n        <a target=\"_blank\" href=\"https://wa.me/447453598130?text=Hi%2C%20I%27m%20interested%20in%20the%201%20Device%20Monthly%20plan%20at%20%C2%A315.%20Please%20assist%20me%20with%20the%20activation.\" rel=\"nofollow noopener noreferrer\" class=\"fixed bottom-8 right-8 z-50 w-16 h-16 rounded-full bg-[#25D366] text-white shadow-lg hover:shadow-2xl transition-all focus:outline-none focus:ring-2 focus:ring-[#128C7E] focus:ring-offset-2 flex items-center justify-center p-0\" aria-label=\"Chat on WhatsApp\" tabindex=\"0\">\n\n            <div class=\"relative w-full h-full flex items-center justify-center\">\n                <span class=\"absolute -top-6 right-0 whitespace-nowrap bg-black/70 text-white text-[10px] md:text-xs px-2 py-0.5 rounded-full font-medium pointer-events-none backdrop-blur-sm\">\n                    Agent Available\n                </span>\n\n                <img src=\"/public/custom-storage/setting/484847884.svg\" alt=\"WhatsApp Messenger Logo\" class=\"w-10 h-10 object-contain\">\n\n                <span class=\"absolute top-1 right-1 flex h-4 w-4\">\n                    <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75\"></span>\n                    <span class=\"relative inline-flex rounded-full h-4 w-4 bg-red-500 border-2 border-[#25D366]\"></span>\n                </span>\n            </div>\n        </a>\n\n        <div role=\"region\" aria-label=\"Notifications (F8)\" tabindex=\"-1\" style=\"pointer-events: none;\">\n            <ol tabindex=\"-1\" class=\"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\"></ol>\n        </div>\n\n    </div>\n</div>\n\n</body></html>"}