IPTVTO.COM \u2014 Premium IPTV Streaming Service<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n darkMode: 'class',\r\n theme: {\r\n extend: {\r\n colors: {\r\n iptvRed: '#e50914',\r\n iptvRedHover: '#f40612',\r\n iptvDark: '#0a0a0c',\r\n iptvCard: '#141418',\r\n iptvBorder: '#26262f',\r\n iptvGray: '#9ca3af'\r\n },\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif']\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* Scoped wrapper for WordPress Elementor safety *\/\r\n #iptvto-home {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #0a0a0c;\r\n color: #ffffff;\r\n overflow-x: hidden;\r\n position: relative;\r\n }\r\n #iptvto-home * {\r\n box-sizing: border-box;\r\n }\r\n \/* Custom Scrollbar for Carousel *\/\r\n #iptvto-home .no-scrollbar::-webkit-scrollbar {\r\n display: none;\r\n }\r\n #iptvto-home .no-scrollbar {\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n }\r\n \/* Ambient Background Glows *\/\r\n .ambient-glow {\r\n position: absolute;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(229, 9, 20, 0.15) 0%, rgba(10, 10, 12, 0) 70%);\r\n border-radius: 50%;\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"iptvto-home\" class=\"bg-[#0a0a0c] text-white min-h-screen selection:bg-iptvRed selection:text-white\">\r\n \r\n <div class=\"ambient-glow top-0 left-1\/4 -translate-x-1\/2\"><\/div>\r\n <div class=\"ambient-glow top-[40%] right-[-10%]\"><\/div>\r\n <div class=\"ambient-glow top-[75%] left-[-10%]\"><\/div>\r\n\r\n \r\n <header class=\"sticky top-0 z-50 backdrop-blur-md bg-[#0a0a0c]\/80 border-b border-[#26262f] transition-all duration-300\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between\">\r\n \r\n <a href=\"#iptvto-home\" class=\"flex items-center gap-2 group\">\r\n <div class=\"w-10 h-10 rounded-xl bg-gradient-to-br from-iptvRed to-red-800 flex items-center justify-center shadow-lg shadow-iptvRed\/30 group-hover:scale-105 transition-transform\">\r\n <i class=\"fa-solid fa-tv text-white text-lg\"><\/i>\r\n <\/div>\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-2xl font-black tracking-wider text-white\">IPTV<span class=\"text-iptvRed\">TO<\/span><\/span>\r\n <span class=\"text-[9px] uppercase tracking-widest text-iptvGray -mt-1 font-semibold\">Streaming Network<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <nav class=\"hidden lg:flex items-center gap-8 font-medium text-sm\">\r\n <a href=\"#home\" class=\"text-white hover:text-iptvRed transition-colors\">Home<\/a>\r\n <a href=\"#pricing\" class=\"text-iptvGray hover:text-white transition-colors\">Pricing<\/a>\r\n <a href=\"#reseller\" class=\"text-iptvGray hover:text-white transition-colors\">Reseller<\/a>\r\n <a href=\"#blog\" class=\"text-iptvGray hover:text-white transition-colors\">Blog<\/a>\r\n <a href=\"#guide\" class=\"text-iptvGray hover:text-white transition-colors\">Installation Guide<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"hidden sm:flex items-center gap-4\">\r\n <a href=\"https:\/\/wa.me\/212721504253?text=Hello%20IPTVTO,%20I%20would%20like%20to%20request%20a%20Free%20IPTV%20Test.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative group overflow-hidden rounded-full p-[1px] focus:outline-none\">\r\n <span class=\"absolute inset-0 bg-gradient-to-r from-iptvRed to-red-600 rounded-full animate-pulse\"><\/span>\r\n <span class=\"relative px-5 py-2.5 rounded-full bg-iptvDark flex items-center gap-2.5 text-white font-semibold text-sm transition-all duration-300 group-hover:bg-opacity-0 shadow-lg shadow-iptvRed\/20\">\r\n <i class=\"fa-brands fa-whatsapp text-green-400 text-lg\"><\/i>\r\n <span>Free Test<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <button id=\"mobile-menu-btn\" class=\"lg:hidden text-white p-2 focus:outline-none text-2xl\">\r\n <i class=\"fa-solid fa-bars\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden lg:hidden bg-iptvCard border-b border-[#26262f] px-6 py-6 space-y-4\">\r\n <a href=\"#home\" class=\"block text-white font-medium hover:text-iptvRed transition-colors\">Home<\/a>\r\n <a href=\"#pricing\" class=\"block text-iptvGray font-medium hover:text-white transition-colors\">Pricing<\/a>\r\n <a href=\"#reseller\" class=\"block text-iptvGray font-medium hover:text-white transition-colors\">Reseller<\/a>\r\n <a href=\"#blog\" class=\"block text-iptvGray font-medium hover:text-white transition-colors\">Blog<\/a>\r\n <a href=\"#guide\" class=\"block text-iptvGray font-medium hover:text-white transition-colors\">Installation Guide<\/a>\r\n <div class=\"pt-2\">\r\n <a href=\"https:\/\/wa.me\/212721504253?text=Hello%20IPTVTO,%20I%20would%20like%20to%20request%20a%20Free%20IPTV%20Test.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-full py-3 rounded-xl bg-iptvRed text-white font-semibold flex items-center justify-center gap-2 shadow-lg shadow-iptvRed\/30\">\r\n <i class=\"fa-brands fa-whatsapp text-xl\"><\/i>\r\n <span>Get Free Test<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section id=\"home\" class=\"relative pt-12 pb-20 lg:pt-20 lg:pb-32 overflow-hidden z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-8 items-center\">\r\n \r\n \r\n <div class=\"lg:col-span-6 space-y-6 text-center lg:text-left\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-bolt\"><\/i>\r\n <span>Premium IPTV Service<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"text-4xl sm:text-6xl lg:text-6xl font-black tracking-tight leading-[1.1]\">\r\n Stop Overpaying <br>\r\n <span class=\"bg-gradient-to-r from-white via-gray-200 to-iptvGray bg-clip-text text-transparent\">For Streaming.<\/span>\r\n <\/h1>\r\n\r\n <p class=\"text-iptvGray text-base sm:text-lg max-w-xl mx-auto lg:mx-0 leading-relaxed font-normal\">\r\n Unlimited Live TV channels, massive movies & series library, and premium sports \u2014 on your smart TV and every screen, anytime, anywhere in crystal clear HD & 4K.\r\n <\/p>\r\n\r\n \r\n <div class=\"flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4 pt-2\">\r\n <a href=\"#pricing\" class=\"w-full sm:w-auto px-8 py-4 rounded-xl bg-iptvRed hover:bg-iptvRedHover text-white font-bold text-base transition-all duration-300 shadow-xl shadow-iptvRed\/30 flex items-center justify-center gap-3\">\r\n <span>View Plans<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-sm\"><\/i>\r\n <\/a>\r\n <a href=\"#guide\" class=\"w-full sm:w-auto px-8 py-4 rounded-xl bg-[#141418] hover:bg-[#1f1f26] border border-[#26262f] text-white font-semibold text-base transition-all duration-300 flex items-center justify-center gap-3\">\r\n <span>Learn More<\/span>\r\n <i class=\"fa-solid fa-circle-play text-iptvRed\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-4 pt-8 border-t border-[#26262f]\/60 mt-8\">\r\n <div class=\"flex flex-col items-center lg:items-start\">\r\n <span class=\"text-white font-bold text-lg\">50,000+<\/span>\r\n <span class=\"text-xs text-iptvGray font-medium\">Channels<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center lg:items-start\">\r\n <span class=\"text-white font-bold text-lg\">VOD Library<\/span>\r\n <span class=\"text-xs text-iptvGray font-medium\">Movies & Series<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center lg:items-start\">\r\n <span class=\"text-white font-bold text-lg\">24\/7 Support<\/span>\r\n <span class=\"text-xs text-iptvGray font-medium\">Always Online<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center lg:items-start\">\r\n <span class=\"text-white font-bold text-lg\">HD & 4K<\/span>\r\n <span class=\"text-xs text-iptvGray font-medium\">Ultra Quality<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-6 relative\">\r\n <div class=\"relative mx-auto max-w-2xl lg:max-w-none\">\r\n \r\n <div class=\"relative rounded-3xl p-3 bg-gradient-to-b from-[#26262f] to-[#141418] shadow-2xl shadow-black\/80 border border-[#3f3f46]\">\r\n <div class=\"relative rounded-2xl overflow-hidden bg-black aspect-[16\/10] border border-[#26262f]\">\r\n \r\n <div class=\"absolute inset-0 grid grid-cols-3 sm:grid-cols-4 gap-2 p-3 opacity-90 scale-105 transform hover:scale-100 transition-transform duration-700\">\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center group\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-red-500 bg-black\/60 px-2 py-0.5 rounded\">ESPN HD<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-blue-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">Live Match<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-yellow-500 bg-black\/60 px-2 py-0.5 rounded\">DAZN 1<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-amber-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">UFC Main Event<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-sky-400 bg-black\/60 px-2 py-0.5 rounded\">SKY CINEMA<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-purple-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">New Release 4K<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-emerald-400 bg-black\/60 px-2 py-0.5 rounded\">BEIN SPORT<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-emerald-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">Champions League<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-rose-400 bg-black\/60 px-2 py-0.5 rounded\">NETFLIX VOD<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-red-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">Stranger Things<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-amber-400 bg-black\/60 px-2 py-0.5 rounded\">HBO MAX<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-blue-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">House of Dragon<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-blue-400 bg-black\/60 px-2 py-0.5 rounded\">DISNEY+<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-indigo-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">Marvel Series<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-orange-400 bg-black\/60 px-2 py-0.5 rounded\">PRIME VIDEO<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-orange-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">The Boys S4<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute bottom-4 left-4 right-4 bg-black\/70 backdrop-blur-md border border-white\/10 rounded-xl p-3 flex items-center justify-between shadow-2xl\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 rounded-lg bg-iptvRed flex items-center justify-center text-white font-bold\">\r\n <i class=\"fa-solid fa-play\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-semibold text-white\">Live 4K Ultra Stream<\/p>\r\n <p class=\"text-[10px] text-emerald-400 font-medium\">99.9% Uptime \u2022 Zero Buffering<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center gap-2 text-xs bg-white\/10 px-3 py-1.5 rounded-lg text-white font-medium\">\r\n <i class=\"fa-solid fa-signal text-iptvRed\"><\/i>\r\n <span>60 FPS<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"w-32 h-3 bg-gradient-to-r from-zinc-700 via-zinc-500 to-zinc-700 mx-auto rounded-b-lg shadow-lg\"><\/div>\r\n <div class=\"w-48 h-2 bg-zinc-800 mx-auto rounded-b-xl\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute -bottom-6 -left-6 bg-iptvCard border border-[#26262f] p-4 rounded-2xl shadow-2xl hidden sm:flex items-center gap-4 animate-bounce duration-1000\">\r\n <div class=\"w-12 h-12 rounded-xl bg-gradient-to-tr from-iptvRed to-orange-500 flex items-center justify-center text-white text-xl\">\r\n <i class=\"fa-solid fa-fire\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-sm font-bold text-white\">Anti-Buffer Tech<\/h4>\r\n <p class=\"text-xs text-iptvGray\">Fast Server Routing<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-[#0d0d10] border-t border-b border-[#26262f]\/60 relative z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-10 gap-6\">\r\n <div>\r\n <div class=\"inline-flex items-center gap-2 text-iptvRed font-semibold text-xs uppercase tracking-wider mb-2\">\r\n <i class=\"fa-solid fa-film\"><\/i>\r\n <span>VOD Entertainment<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl sm:text-4xl font-black tracking-tight\">Unlimited Movies & Series<\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-wrap items-center gap-2 bg-iptvCard p-1.5 rounded-xl border border-[#26262f]\">\r\n <button class=\"filter-btn px-4 py-2 rounded-lg text-xs font-semibold bg-iptvRed text-white transition-all shadow-sm\" data-filter=\"all\">All<\/button>\r\n <button class=\"filter-btn px-4 py-2 rounded-lg text-xs font-semibold text-iptvGray hover:text-white transition-all\" data-filter=\"movies\">Movies<\/button>\r\n <button class=\"filter-btn px-4 py-2 rounded-lg text-xs font-semibold text-iptvGray hover:text-white transition-all\" data-filter=\"series\">Series<\/button>\r\n <button class=\"filter-btn px-4 py-2 rounded-lg text-xs font-semibold text-iptvGray hover:text-white transition-all\" data-filter=\"trending\">Trending<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative\">\r\n \r\n <button id=\"carousel-left\" class=\"absolute left-0 top-1\/2 -translate-y-1\/2 -translate-x-4 z-20 w-12 h-12 rounded-full bg-iptvCard\/90 border border-[#26262f] text-white flex items-center justify-center hover:bg-iptvRed transition-all shadow-xl hidden md:flex\">\r\n <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n <\/button>\r\n\r\n \r\n <div id=\"movie-carousel\" class=\"flex gap-6 overflow-x-auto no-scrollbar scroll-smooth pb-4 pt-2 px-1\">\r\n \r\n \r\n <div class=\"movie-card flex-shrink-0 w-60 sm:w-64 bg-iptvCard rounded-2xl overflow-hidden border border-[#26262f] hover:border-iptvRed transition-all duration-300 group shadow-lg\" data-category=\"movies trending\">\r\n <div class=\"relative aspect-[2\/3] bg-zinc-900 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#141418] via-transparent to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-rose-900\/40 via-zinc-900 to-black flex items-center justify-center p-6 text-center group-hover:scale-105 transition-transform duration-500\">\r\n <i class=\"fa-solid fa-clapperboard text-5xl text-red-500\/60 mb-2\"><\/i>\r\n <\/div>\r\n <span class=\"absolute top-3 left-3 z-20 bg-iptvRed text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase\">4K HDR<\/span>\r\n <span class=\"absolute top-3 right-3 z-20 bg-black\/60 backdrop-blur-md text-amber-400 text-[10px] font-bold px-2 py-1 rounded-full flex items-center gap-1\">\r\n <i class=\"fa-solid fa-star text-[9px]\"><\/i> 9.4\r\n <\/span>\r\n <\/div>\r\n <div class=\"p-4 space-y-1\">\r\n <span class=\"text-[10px] uppercase tracking-wider text-iptvGray font-semibold\">Action \u2022 Sci-Fi<\/span>\r\n <h3 class=\"font-bold text-white text-base truncate group-hover:text-iptvRed transition-colors\">Cyber Matrix 2088<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"movie-card flex-shrink-0 w-60 sm:w-64 bg-iptvCard rounded-2xl overflow-hidden border border-[#26262f] hover:border-iptvRed transition-all duration-300 group shadow-lg\" data-category=\"series trending\">\r\n <div class=\"relative aspect-[2\/3] bg-zinc-900 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#141418] via-transparent to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-blue-900\/40 via-zinc-900 to-black flex items-center justify-center p-6 text-center group-hover:scale-105 transition-transform duration-500\">\r\n <i class=\"fa-solid fa-tv text-5xl text-blue-500\/60 mb-2\"><\/i>\r\n <\/div>\r\n <span class=\"absolute top-3 left-3 z-20 bg-blue-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase\">Series S4<\/span>\r\n <span class=\"absolute top-3 right-3 z-20 bg-black\/60 backdrop-blur-md text-amber-400 text-[10px] font-bold px-2 py-1 rounded-full flex items-center gap-1\">\r\n <i class=\"fa-solid fa-star text-[9px]\"><\/i> 9.1\r\n <\/span>\r\n <\/div>\r\n <div class=\"p-4 space-y-1\">\r\n <span class=\"text-[10px] uppercase tracking-wider text-iptvGray font-semibold\">Drama \u2022 Thriller<\/span>\r\n <h3 class=\"font-bold text-white text-base truncate group-hover:text-iptvRed transition-colors\">The Shadow Empire<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"movie-card flex-shrink-0 w-60 sm:w-64 bg-iptvCard rounded-2xl overflow-hidden border border-[#26262f] hover:border-iptvRed transition-all duration-300 group shadow-lg\" data-category=\"movies\">\r\n <div class=\"relative aspect-[2\/3] bg-zinc-900 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#141418] via-transparent to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-emerald-900\/40 via-zinc-900 to-black flex items-center justify-center p-6 text-center group-hover:scale-105 transition-transform duration-500\">\r\n <i class=\"fa-solid fa-skull text-5xl text-emerald-500\/60 mb-2\"><\/i>\r\n <\/div>\r\n <span class=\"absolute top-3 left-3 z-20 bg-emerald-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase\">NEW 4K<\/span>\r\n <span class=\"absolute top-3 right-3 z-20 bg-black\/60 backdrop-blur-md text-amber-400 text-[10px] font-bold px-2 py-1 rounded-full flex items-center gap-1\">\r\n <i class=\"fa-solid fa-star text-[9px]\"><\/i> 8.8\r\n <\/span>\r\n <\/div>\r\n <div class=\"p-4 space-y-1\">\r\n <span class=\"text-[10px] uppercase tracking-wider text-iptvGray font-semibold\">Horror \u2022 Mystery<\/span>\r\n <h3 class=\"font-bold text-white text-base truncate group-hover:text-iptvRed transition-colors\">Midnight Awakening<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"movie-card flex-shrink-0 w-60 sm:w-64 bg-iptvCard rounded-2xl overflow-hidden border border-[#26262f] hover:border-iptvRed transition-all duration-300 group shadow-lg\" data-category=\"series trending\">\r\n <div class=\"relative aspect-[2\/3] bg-zinc-900 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#141418] via-transparent to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-purple-900\/40 via-zinc-900 to-black flex items-center justify-center p-6 text-center group-hover:scale-105 transition-transform duration-500\">\r\n <i class=\"fa-solid fa-crown text-5xl text-purple-500\/60 mb-2\"><\/i>\r\n <\/div>\r\n <span class=\"absolute top-3 left-3 z-20 bg-purple-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase\">EXCLUSIVE<\/span>\r\n <span class=\"absolute top-3 right-3 z-20 bg-black\/60 backdrop-blur-md text-amber-400 text-[10px] font-bold px-2 py-1 rounded-full flex items-center gap-1\">\r\n <i class=\"fa-solid fa-star text-[9px]\"><\/i> 9.6\r\n <\/span>\r\n <\/div>\r\n <div class=\"p-4 space-y-1\">\r\n <span class=\"text-[10px] uppercase tracking-wider text-iptvGray font-semibold\">Fantasy \u2022 Adventure<\/span>\r\n <h3 class=\"font-bold text-white text-base truncate group-hover:text-iptvRed transition-colors\">Realm of Titans<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"movie-card flex-shrink-0 w-60 sm:w-64 bg-iptvCard rounded-2xl overflow-hidden border border-[#26262f] hover:border-iptvRed transition-all duration-300 group shadow-lg\" data-category=\"movies\">\r\n <div class=\"relative aspect-[2\/3] bg-zinc-900 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#141418] via-transparent to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-amber-900\/40 via-zinc-900 to-black flex items-center justify-center p-6 text-center group-hover:scale-105 transition-transform duration-500\">\r\n <i class=\"fa-solid fa-jet-fighter text-5xl text-amber-500\/60 mb-2\"><\/i>\r\n <\/div>\r\n <span class=\"absolute top-3 left-3 z-20 bg-amber-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase\">ACTION<\/span>\r\n <span class=\"absolute top-3 right-3 z-20 bg-black\/60 backdrop-blur-md text-amber-400 text-[10px] font-bold px-2 py-1 rounded-full flex items-center gap-1\">\r\n <i class=\"fa-solid fa-star text-[9px]\"><\/i> 8.9\r\n <\/span>\r\n <\/div>\r\n <div class=\"p-4 space-y-1\">\r\n <span class=\"text-[10px] uppercase tracking-wider text-iptvGray font-semibold\">Action \u2022 Thriller<\/span>\r\n <h3 class=\"font-bold text-white text-base truncate group-hover:text-iptvRed transition-colors\">Skyline Interceptor<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"movie-card flex-shrink-0 w-60 sm:w-64 bg-iptvCard rounded-2xl overflow-hidden border border-[#26262f] hover:border-iptvRed transition-all duration-300 group shadow-lg\" data-category=\"series trending\">\r\n <div class=\"relative aspect-[2\/3] bg-zinc-900 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#141418] via-transparent to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-cyan-900\/40 via-zinc-900 to-black flex items-center justify-center p-6 text-center group-hover:scale-105 transition-transform duration-500\">\r\n <i class=\"fa-solid fa-user-secret text-5xl text-cyan-500\/60 mb-2\"><\/i>\r\n <\/div>\r\n <span class=\"absolute top-3 left-3 z-20 bg-cyan-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase\">TRENDING<\/span>\r\n <span class=\"absolute top-3 right-3 z-20 bg-black\/60 backdrop-blur-md text-amber-400 text-[10px] font-bold px-2 py-1 rounded-full flex items-center gap-1\">\r\n <i class=\"fa-solid fa-star text-[9px]\"><\/i> 9.3\r\n <\/span>\r\n <\/div>\r\n <div class=\"p-4 space-y-1\">\r\n <span class=\"text-[10px] uppercase tracking-wider text-iptvGray font-semibold\">Crime \u2022 Mystery<\/span>\r\n <h3 class=\"font-bold text-white text-base truncate group-hover:text-iptvRed transition-colors\">The Syndicate Files<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <button id=\"carousel-right\" class=\"absolute right-0 top-1\/2 -translate-y-1\/2 translate-x-4 z-20 w-12 h-12 rounded-full bg-iptvCard\/90 border border-[#26262f] text-white flex items-center justify-center hover:bg-iptvRed transition-all shadow-xl hidden md:flex\">\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 relative z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16 space-y-4\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-scale-balanced\"><\/i>\r\n <span>Value Comparison<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl sm:text-5xl font-black tracking-tight\">Why Pay More For Cable & Multiple Apps?<\/h2>\r\n <p class=\"text-iptvGray text-base sm:text-lg\">See how IPTVTO replaces all your expensive streaming services and cable bills with one single, powerful subscription.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-stretch\">\r\n \r\n \r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-3xl p-8 sm:p-10 flex flex-col justify-between relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 bg-red-500\/10 text-red-400 text-xs font-bold px-4 py-2 rounded-bl-2xl\">\r\n Expensive & Fragmented\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-black text-white mb-2\">Traditional Subscriptions<\/h3>\r\n <p class=\"text-iptvGray text-sm mb-8\">Juggling multiple streaming apps, cable providers, and PPV sports passes.<\/p>\r\n \r\n <ul class=\"space-y-4 mb-8\">\r\n <li class=\"flex items-start gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-red-500\/10 text-red-500 flex items-center justify-center flex-shrink-0 mt-0.5\">\r\n <i class=\"fa-solid fa-xmark text-sm\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white font-semibold block text-sm\">Multiple Monthly Bills<\/span>\r\n <span class=\"text-iptvGray text-xs\">Paying separately for Netflix, Disney+, Prime, DAZN, Cable TV ($100+\/mo).<\/span>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-red-500\/10 text-red-500 flex items-center justify-center flex-shrink-0 mt-0.5\">\r\n <i class=\"fa-solid fa-xmark text-sm\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white font-semibold block text-sm\">Regional Restrictions<\/span>\r\n <span class=\"text-iptvGray text-xs\">Favorite shows and live sports blocked in your country.<\/span>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-red-500\/10 text-red-500 flex items-center justify-center flex-shrink-0 mt-0.5\">\r\n <i class=\"fa-solid fa-xmark text-sm\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white font-semibold block text-sm\">Limited Device Access<\/span>\r\n <span class=\"text-iptvGray text-xs\">Extra fees per extra screen or device connected.<\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"pt-6 border-t border-[#26262f] flex items-center justify-between\">\r\n <span class=\"text-iptvGray text-sm\">Estimated Total Cost<\/span>\r\n <span class=\"text-xl font-bold text-red-400\">~$120 \/ Month<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gradient-to-b from-[#1a1114] to-iptvCard border-2 border-iptvRed rounded-3xl p-8 sm:p-10 flex flex-col justify-between relative overflow-hidden shadow-2xl shadow-iptvRed\/10\">\r\n <div class=\"absolute top-0 right-0 bg-iptvRed text-white text-xs font-bold px-4 py-2 rounded-bl-2xl\">\r\n Ultimate Solution\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-black text-white mb-2\">IPTVTO.COM<\/h3>\r\n <p class=\"text-iptvGray text-sm mb-8\">All live channels, sports, movies, and series in one single subscription.<\/p>\r\n \r\n <ul class=\"space-y-4 mb-8\">\r\n <li class=\"flex items-start gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-emerald-500\/10 text-emerald-400 flex items-center justify-center flex-shrink-0 mt-0.5\">\r\n <i class=\"fa-solid fa-check text-sm\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white font-semibold block text-sm\">All-in-One Entertainment<\/span>\r\n <span class=\"text-iptvGray text-xs\">50,000+ live TV channels and complete VOD movie library included.<\/span>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-emerald-500\/10 text-emerald-400 flex items-center justify-center flex-shrink-0 mt-0.5\">\r\n <i class=\"fa-solid fa-check text-sm\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white font-semibold block text-sm\">Global Worldwide Access<\/span>\r\n <span class=\"text-iptvGray text-xs\">Watch from anywhere in the world with stable anti-buffer servers.<\/span>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-emerald-500\/10 text-emerald-400 flex items-center justify-center flex-shrink-0 mt-0.5\">\r\n <i class=\"fa-solid fa-check text-sm\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white font-semibold block text-sm\">Multi-Device Compatibility<\/span>\r\n <span class=\"text-iptvGray text-xs\">Smart TV, Android, Firestick, Apple, Windows, and mobile devices.<\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"pt-6 border-t border-[#26262f] flex items-center justify-between\">\r\n <span class=\"text-iptvGray text-sm\">Starting From Only<\/span>\r\n <span class=\"text-2xl font-black text-emerald-400\">$11.97 \/ Month<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"pricing\" class=\"py-24 bg-[#0d0d10] border-t border-b border-[#26262f]\/60 relative z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16 space-y-4\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-tags\"><\/i>\r\n <span>Pricing Packages<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl sm:text-5xl font-black tracking-tight\">Choose Your Subscription Plan<\/h2>\r\n <p class=\"text-iptvGray text-base sm:text-lg\">Select your duration and number of connected devices to get instant access.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n \r\n \r\n <div class=\"pricing-card bg-iptvCard border border-[#26262f] rounded-3xl p-6 flex flex-col justify-between relative group hover:border-iptvRed transition-all duration-300 shadow-xl\" data-package=\"Trial Package (1 Month)\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <span class=\"text-xs font-bold uppercase tracking-wider text-iptvGray\">Trial Package<\/span>\r\n <span class=\"bg-zinc-800 text-white text-[10px] font-semibold px-2.5 py-1 rounded-full\">1 Month<\/span>\r\n <\/div>\r\n <h3 class=\"text-xl font-black text-white mb-6\">Starter Trial<\/h3>\r\n\r\n \r\n <div class=\"space-y-2 mb-6\">\r\n <label class=\"text-xs text-iptvGray font-semibold uppercase tracking-wider block\">Select Devices:<\/label>\r\n <div class=\"grid grid-cols-4 gap-1.5 bg-black\/40 p-1 rounded-xl border border-[#26262f]\">\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold bg-iptvRed text-white transition-all shadow-sm\" data-devices=\"1\" data-price=\"11.97\">1D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"2\" data-price=\"18.97\">2D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"3\" data-price=\"26.97\">3D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"4\" data-price=\"34.97\">4D<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <ul class=\"space-y-3 mb-8 text-xs text-iptvGray\">\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 50,000+ Live Channels<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> Movies & Series VOD<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> HD & 4K Quality<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 24\/7 WhatsApp Support<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"flex items-baseline justify-between mb-4 pt-4 border-t border-[#26262f]\">\r\n <span class=\"text-xs text-iptvGray\">Total Price:<\/span>\r\n <span class=\"price-display text-3xl font-black text-white\">$11.97<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"whatsapp-order-btn w-full py-3.5 rounded-xl bg-iptvRed hover:bg-iptvRedHover text-white font-bold text-sm flex items-center justify-center gap-2 shadow-lg shadow-iptvRed\/30 transition-all\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card bg-iptvCard border border-[#26262f] rounded-3xl p-6 flex flex-col justify-between relative group hover:border-iptvRed transition-all duration-300 shadow-xl\" data-package=\"Basic Package (3 Months)\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <span class=\"text-xs font-bold uppercase tracking-wider text-iptvGray\">Basic Package<\/span>\r\n <span class=\"bg-zinc-800 text-white text-[10px] font-semibold px-2.5 py-1 rounded-full\">3 Months<\/span>\r\n <\/div>\r\n <h3 class=\"text-xl font-black text-white mb-6\">Quarterly Saver<\/h3>\r\n\r\n \r\n <div class=\"space-y-2 mb-6\">\r\n <label class=\"text-xs text-iptvGray font-semibold uppercase tracking-wider block\">Select Devices:<\/label>\r\n <div class=\"grid grid-cols-4 gap-1.5 bg-black\/40 p-1 rounded-xl border border-[#26262f]\">\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold bg-iptvRed text-white transition-all shadow-sm\" data-devices=\"1\" data-price=\"29.97\">1D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"2\" data-price=\"49.97\">2D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"3\" data-price=\"69.97\">3D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"4\" data-price=\"89.97\">4D<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <ul class=\"space-y-3 mb-8 text-xs text-iptvGray\">\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 50,000+ Live Channels<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> Movies & Series VOD<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> HD & 4K Quality<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 24\/7 WhatsApp Support<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"flex items-baseline justify-between mb-4 pt-4 border-t border-[#26262f]\">\r\n <span class=\"text-xs text-iptvGray\">Total Price:<\/span>\r\n <span class=\"price-display text-3xl font-black text-white\">$29.97<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"whatsapp-order-btn w-full py-3.5 rounded-xl bg-iptvRed hover:bg-iptvRedHover text-white font-bold text-sm flex items-center justify-center gap-2 shadow-lg shadow-iptvRed\/30 transition-all\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card bg-iptvCard border border-[#26262f] rounded-3xl p-6 flex flex-col justify-between relative group hover:border-iptvRed transition-all duration-300 shadow-xl\" data-package=\"Standard Package (6 Months)\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <span class=\"text-xs font-bold uppercase tracking-wider text-iptvGray\">Standard Package<\/span>\r\n <span class=\"bg-zinc-800 text-white text-[10px] font-semibold px-2.5 py-1 rounded-full\">6 Months<\/span>\r\n <\/div>\r\n <h3 class=\"text-xl font-black text-white mb-6\">Semi-Annual<\/h3>\r\n\r\n \r\n <div class=\"space-y-2 mb-6\">\r\n <label class=\"text-xs text-iptvGray font-semibold uppercase tracking-wider block\">Select Devices:<\/label>\r\n <div class=\"grid grid-cols-4 gap-1.5 bg-black\/40 p-1 rounded-xl border border-[#26262f]\">\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold bg-iptvRed text-white transition-all shadow-sm\" data-devices=\"1\" data-price=\"44.97\">1D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"2\" data-price=\"69.97\">2D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"3\" data-price=\"89.97\">3D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"4\" data-price=\"119.97\">4D<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <ul class=\"space-y-3 mb-8 text-xs text-iptvGray\">\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 50,000+ Live Channels<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> Movies & Series VOD<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> HD & 4K Quality<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 24\/7 WhatsApp Support<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"flex items-baseline justify-between mb-4 pt-4 border-t border-[#26262f]\">\r\n <span class=\"text-xs text-iptvGray\">Total Price:<\/span>\r\n <span class=\"price-display text-3xl font-black text-white\">$44.97<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"whatsapp-order-btn w-full py-3.5 rounded-xl bg-iptvRed hover:bg-iptvRedHover text-white font-bold text-sm flex items-center justify-center gap-2 shadow-lg shadow-iptvRed\/30 transition-all\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card bg-gradient-to-b from-[#1a1114] to-iptvCard border-2 border-iptvRed rounded-3xl p-6 flex flex-col justify-between relative group shadow-2xl shadow-iptvRed\/20\" data-package=\"Popular Package (12 Months)\">\r\n \r\n <div class=\"absolute -top-3 left-1\/2 -translate-x-1\/2 bg-iptvRed text-white text-[10px] font-black uppercase tracking-widest px-3.5 py-1 rounded-full shadow-md\">\r\n MOST POPULAR\r\n <\/div>\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4 pt-2\">\r\n <span class=\"text-xs font-bold uppercase tracking-wider text-iptvRed\">Popular Package<\/span>\r\n <span class=\"bg-iptvRed\/20 text-iptvRed text-[10px] font-bold px-2.5 py-1 rounded-full\">12 Months<\/span>\r\n <\/div>\r\n <h3 class=\"text-xl font-black text-white mb-6\">Annual VIP Pass<\/h3>\r\n\r\n \r\n <div class=\"space-y-2 mb-6\">\r\n <label class=\"text-xs text-iptvGray font-semibold uppercase tracking-wider block\">Select Devices:<\/label>\r\n <div class=\"grid grid-cols-4 gap-1.5 bg-black\/40 p-1 rounded-xl border border-[#26262f]\">\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold bg-iptvRed text-white transition-all shadow-sm\" data-devices=\"1\" data-price=\"59.97\">1D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"2\" data-price=\"89.97\">2D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"3\" data-price=\"129.97\">3D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"4\" data-price=\"184.97\">4D<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <ul class=\"space-y-3 mb-8 text-xs text-iptvGray\">\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 50,000+ Live Channels<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> Movies & Series VOD<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> HD & 4K Quality<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 24\/7 VIP Support<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"flex items-baseline justify-between mb-4 pt-4 border-t border-[#26262f]\">\r\n <span class=\"text-xs text-iptvGray\">Total Price:<\/span>\r\n <span class=\"price-display text-3xl font-black text-white\">$59.97<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"whatsapp-order-btn w-full py-3.5 rounded-xl bg-iptvRed hover:bg-iptvRedHover text-white font-bold text-sm flex items-center justify-center gap-2 shadow-lg shadow-iptvRed\/30 transition-all\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"guide\" class=\"py-24 relative z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16 space-y-4\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-list-check\"><\/i>\r\n <span>Simple 3-Step Process<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl sm:text-5xl font-black tracking-tight\">How It Works<\/h2>\r\n <p class=\"text-iptvGray text-base sm:text-lg\">Get connected and start streaming your favorite channels in less than 5 minutes.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-3xl p-8 relative group hover:border-iptvRed transition-all duration-300\">\r\n <div class=\"w-14 h-14 rounded-2xl bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed font-black text-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform\">\r\n 01\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">Choose Your Plan<\/h3>\r\n <p class=\"text-iptvGray text-sm leading-relaxed\">Select the subscription duration and number of devices that fits your household needs.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-3xl p-8 relative group hover:border-iptvRed transition-all duration-300\">\r\n <div class=\"w-14 h-14 rounded-2xl bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed font-black text-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform\">\r\n 02\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">Receive Subscription Details<\/h3>\r\n <p class=\"text-iptvGray text-sm leading-relaxed\">Get your login credentials, M3U link, or Xtream Codes instantly via WhatsApp or email.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-3xl p-8 relative group hover:border-iptvRed transition-all duration-300\">\r\n <div class=\"w-14 h-14 rounded-2xl bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed font-black text-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform\">\r\n 03\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">Start Watching<\/h3>\r\n <p class=\"text-iptvGray text-sm leading-relaxed\">Log into your preferred app on your Smart TV, Firestick, or phone and enjoy unlimited entertainment.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 bg-[#0d0d10] border-t border-b border-[#26262f]\/60 relative z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <div class=\"max-w-3xl mx-auto mb-16 space-y-4\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-devices\"><\/i>\r\n <span>Universal Compatibility<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl sm:text-5xl font-black tracking-tight\">Works On All Your Favorite Devices<\/h2>\r\n <p class=\"text-iptvGray text-base sm:text-lg\">No special equipment required. Stream seamlessly across all major platforms and devices.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-7 gap-4\">\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group\">\r\n <i class=\"fa-solid fa-tv text-3xl text-iptvRed group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Smart TVs<\/span>\r\n <\/div>\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group\">\r\n <i class=\"fa-brands fa-android text-3xl text-emerald-400 group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Android TV<\/span>\r\n <\/div>\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group\">\r\n <i class=\"fa-solid fa-fire text-3xl text-orange-500 group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Fire TV Stick<\/span>\r\n <\/div>\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group\">\r\n <i class=\"fa-solid fa-mobile-screen text-3xl text-blue-400 group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Smartphones<\/span>\r\n <\/div>\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group\">\r\n <i class=\"fa-solid fa-tablet-screen-button text-3xl text-purple-400 group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Tablets<\/span>\r\n <\/div>\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group\">\r\n <i class=\"fa-brands fa-windows text-3xl text-sky-400 group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Windows & PC<\/span>\r\n <\/div>\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group col-span-2 sm:col-span-1\">\r\n <i class=\"fa-brands fa-apple text-3xl text-white group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Apple Devices<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 relative z-10\">\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16 space-y-4\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-circle-question\"><\/i>\r\n <span>Got Questions?<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl sm:text-5xl font-black tracking-tight\">Frequently Asked Questions<\/h2>\r\n <p class=\"text-iptvGray text-base sm:text-lg\">Everything you need to know about our IPTV subscription service.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-4\">\r\n \r\n \r\n <div class=\"faq-item bg-iptvCard border border-[#26262f] rounded-2xl overflow-hidden transition-all\">\r\n <button class=\"faq-btn w-full px-6 py-5 text-left font-bold text-base sm:text-lg flex items-center justify-between gap-4 focus:outline-none\">\r\n <span>What devices are supported by IPTVTO?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-iptvRed transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content hidden px-6 pb-6 text-iptvGray text-sm leading-relaxed border-t border-[#26262f]\/40 pt-4\">\r\n IPTVTO works on virtually all smart devices including Smart TVs (Samsung, LG, Sony), Android TV boxes, Amazon Fire TV Stick, Apple TV, iOS & Android smartphones, tablets, Windows PCs, Mac, and MAG boxes.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item bg-iptvCard border border-[#26262f] rounded-2xl overflow-hidden transition-all\">\r\n <button class=\"faq-btn w-full px-6 py-5 text-left font-bold text-base sm:text-lg flex items-center justify-between gap-4 focus:outline-none\">\r\n <span>How long does activation take after payment?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-iptvRed transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content hidden px-6 pb-6 text-iptvGray text-sm leading-relaxed border-t border-[#26262f]\/40 pt-4\">\r\n Activation is almost instant! Once your order and payment are confirmed via WhatsApp, you will receive your login details, playlist link, or Xtream Codes within 5 to 15 minutes.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item bg-iptvCard border border-[#26262f] rounded-2xl overflow-hidden transition-all\">\r\n <button class=\"faq-btn w-full px-6 py-5 text-left font-bold text-base sm:text-lg flex items-center justify-between gap-4 focus:outline-none\">\r\n <span>Do I need a VPN to use IPTVTO?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-iptvRed transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content hidden px-6 pb-6 text-iptvGray text-sm leading-relaxed border-t border-[#26262f]\/40 pt-4\">\r\n No, a VPN is not required to use our service. Our servers are optimized and secured globally. However, if your Internet Service Provider (ISP) throttles streaming traffic, using a VPN can sometimes improve performance.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item bg-iptvCard border border-[#26262f] rounded-2xl overflow-hidden transition-all\">\r\n <button class=\"faq-btn w-full px-6 py-5 text-left font-bold text-base sm:text-lg flex items-center justify-between gap-4 focus:outline-none\">\r\n <span>Can I use my subscription on multiple devices?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-iptvRed transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content hidden px-6 pb-6 text-iptvGray text-sm leading-relaxed border-t border-[#26262f]\/40 pt-4\">\r\n Yes! When purchasing a plan, you can select the number of simultaneous connections (devices) you need\u2014from 1 up to 4 devices at the same time.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item bg-iptvCard border border-[#26262f] rounded-2xl overflow-hidden transition-all\">\r\n <button class=\"faq-btn w-full px-6 py-5 text-left font-bold text-base sm:text-lg flex items-center justify-between gap-4 focus:outline-none\">\r\n <span>How can I contact customer support if I need help?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-iptvRed transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content hidden px-6 pb-6 text-iptvGray text-sm leading-relaxed border-t border-[#26262f]\/40 pt-4\">\r\n Our support team is available 24\/7. You can easily reach us via WhatsApp (+212721504253) for fast assistance with installation and setup.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-[#070709] border-t border-[#26262f] pt-16 pb-12 relative z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-10 mb-12\">\r\n \r\n \r\n <div class=\"lg:col-span-2 space-y-4\">\r\n <a href=\"#iptvto-home\" class=\"flex items-center gap-2\">\r\n <div class=\"w-10 h-10 rounded-xl bg-gradient-to-br from-iptvRed to-red-800 flex items-center justify-center shadow-lg shadow-iptvRed\/30\">\r\n <i class=\"fa-solid fa-tv text-white text-lg\"><\/i>\r\n <\/div>\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-2xl font-black tracking-wider text-white\">IPTV<span class=\"text-iptvRed\">TO<\/span><\/span>\r\n <span class=\"text-[9px] uppercase tracking-widest text-iptvGray -mt-1 font-semibold\">Streaming Network<\/span>\r\n <\/div>\r\n <\/a>\r\n <p class=\"text-iptvGray text-sm leading-relaxed max-w-sm\">\r\n The ultimate high-performance IPTV streaming service delivering 50,000+ live channels and massive VOD libraries in stunning HD & 4K quality.\r\n <\/p>\r\n <div class=\"pt-2\">\r\n <a href=\"https:\/\/wa.me\/212721504253\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 text-sm font-semibold text-white bg-emerald-600\/20 border border-emerald-500\/30 px-4 py-2 rounded-xl text-emerald-400 hover:bg-emerald-600\/30 transition-all\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>WhatsApp: +212 721-504253<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-4\">\r\n <h4 class=\"text-white font-bold text-base\">Quick Links<\/h4>\r\n <ul class=\"space-y-2.5 text-sm\">\r\n <li><a href=\"#home\" class=\"text-iptvGray hover:text-white transition-colors\">Home<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"text-iptvGray hover:text-white transition-colors\">Pricing Plans<\/a><\/li>\r\n <li><a href=\"#guide\" class=\"text-iptvGray hover:text-white transition-colors\">Installation Guide<\/a><\/li>\r\n <li><a href=\"#reseller\" class=\"text-iptvGray hover:text-white transition-colors\">Reseller Program<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-4\">\r\n <h4 class=\"text-white font-bold text-base\">Streaming<\/h4>\r\n <ul class=\"space-y-2.5 text-sm\">\r\n <li><a href=\"#pricing\" class=\"text-iptvGray hover:text-white transition-colors\">Live TV Channels<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"text-iptvGray hover:text-white transition-colors\">Movies & Series VOD<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"text-iptvGray hover:text-white transition-colors\">Sports & PPV Events<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"text-iptvGray hover:text-white transition-colors\">4K Ultra HD Streams<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-4\">\r\n <h4 class=\"text-white font-bold text-base\">Support & Legal<\/h4>\r\n <ul class=\"space-y-2.5 text-sm\">\r\n <li><a href=\"https:\/\/wa.me\/212721504253\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-iptvGray hover:text-white transition-colors\">24\/7 WhatsApp Support<\/a><\/li>\r\n <li><a href=\"#guide\" class=\"text-iptvGray hover:text-white transition-colors\">Setup Tutorials<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-iptvGray hover:text-white transition-colors\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-iptvGray hover:text-white transition-colors\">Terms of Service<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"pt-8 border-t border-[#26262f] flex flex-col sm:flex-row items-center justify-between gap-4 text-xs text-iptvGray\">\r\n <p>© 2026 IPTVTO.COM. All rights reserved.<\/p>\r\n <p class=\"flex items-center gap-1\">\r\n Designed for High-Performance Cinematic Streaming <i class=\"fa-solid fa-heart text-iptvRed\"><\/i>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n \/\/ 1. Mobile Menu Toggle\r\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n if (mobileMenuBtn && mobileMenu) {\r\n mobileMenuBtn.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n });\r\n \/\/ Close menu on link click\r\n mobileMenu.querySelectorAll('a').forEach(link => {\r\n link.addEventListener('click', () => mobileMenu.classList.add('hidden'));\r\n });\r\n }\r\n\r\n \/\/ 2. Movie Carousel Filter & Navigation\r\n const filterBtns = document.querySelectorAll('#iptvto-home .filter-btn');\r\n const movieCards = document.querySelectorAll('#iptvto-home .movie-card');\r\n \r\n filterBtns.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n filterBtns.forEach(b => {\r\n b.classList.remove('bg-iptvRed', 'text-white', 'shadow-sm');\r\n b.classList.add('text-iptvGray');\r\n });\r\n btn.classList.add('bg-iptvRed', 'text-white', 'shadow-sm');\r\n btn.classList.remove('text-iptvGray');\r\n\r\n const filter = btn.getAttribute('data-filter');\r\n movieCards.forEach(card => {\r\n const categories = card.getAttribute('data-category');\r\n if (filter === 'all' || categories.includes(filter)) {\r\n card.style.display = 'block';\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ Carousel Scroll Arrows\r\n const carousel = document.getElementById('movie-carousel');\r\n const btnLeft = document.getElementById('carousel-left');\r\n const btnRight = document.getElementById('carousel-right');\r\n\r\n if (carousel && btnLeft && btnRight) {\r\n btnLeft.addEventListener('click', () => {\r\n carousel.scrollBy({ left: -300, behavior: 'smooth' });\r\n });\r\n btnRight.addEventListener('click', () => {\r\n carousel.scrollBy({ left: 300, behavior: 'smooth' });\r\n });\r\n }\r\n\r\n \/\/ 3. Pricing Card Device Selectors & Dynamic WhatsApp URL Generation\r\n const pricingCards = document.querySelectorAll('#iptvto-home .pricing-card');\r\n const whatsappNumber = \"212721504253\";\r\n\r\n pricingCards.forEach(card => {\r\n const packageName = card.getAttribute('data-package');\r\n const deviceTabs = card.querySelectorAll('.device-tab');\r\n const priceDisplay = card.querySelector('.price-display');\r\n const whatsappBtn = card.querySelector('.whatsapp-order-btn');\r\n\r\n \/\/ Helper to update WhatsApp link\r\n const updateWhatsAppLink = (deviceCount, priceVal) => {\r\n const message = `Hello IPTVTO, I would like to order the *${packageName}* for *${deviceCount} Device(s)* at the price of *$${priceVal}*. Please guide me with the activation.`;\r\n whatsappBtn.href = `https:\/\/wa.me\/${whatsappNumber}?text=${encodeURIComponent(message)}`;\r\n };\r\n\r\n \/\/ Set initial default (1 Device)\r\n if (deviceTabs.length > 0) {\r\n updateWhatsAppLink(deviceTabs[0].getAttribute('data-devices'), deviceTabs[0].getAttribute('data-price'));\r\n }\r\n\r\n deviceTabs.forEach(tab => {\r\n tab.addEventListener('click', () => {\r\n deviceTabs.forEach(t => {\r\n t.classList.remove('bg-iptvRed', 'text-white', 'shadow-sm');\r\n t.classList.add('text-iptvGray');\r\n });\r\n tab.classList.add('bg-iptvRed', 'text-white', 'shadow-sm');\r\n tab.classList.remove('text-iptvGray');\r\n\r\n const devices = tab.getAttribute('data-devices');\r\n const price = tab.getAttribute('data-price');\r\n\r\n priceDisplay.textContent = `$${price}`;\r\n updateWhatsAppLink(devices, price);\r\n });\r\n });\r\n });\r\n\r\n \/\/ 4. FAQ Accordion Toggle\r\n const faqItems = document.querySelectorAll('#iptvto-home .faq-item');\r\n faqItems.forEach(item => {\r\n const btn = item.querySelector('.faq-btn');\r\n const content = item.querySelector('.faq-content');\r\n const icon = btn.querySelector('fa-chevron-down') || btn.querySelector('.fa-chevron-down');\r\n\r\n btn.addEventListener('click', () => {\r\n const isOpen = !content.classList.contains('hidden');\r\n \r\n \/\/ Close all others\r\n faqItems.forEach(other => {\r\n other.querySelector('.faq-content').classList.add('hidden');\r\n const otherIcon = other.querySelector('.fa-chevron-down');\r\n if(otherIcon) otherIcon.style.transform = 'rotate(0deg)';\r\n });\r\n\r\n if (!isOpen) {\r\n content.classList.remove('hidden');\r\n if(icon) icon.style.transform = 'rotate(180deg)';\r\n }\r\n });\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IPTVTO.COM \u2014 Premium IPTV Streaming Service IPTVTO Streaming Network Home Pricing Reseller Blog Installation Guide Free Test Home Pricing Reseller Blog Installation Guide Get Free Test Premium IPTV Service Stop Overpaying For Streaming. Unlimited Live TV channels, massive movies & series library, and premium sports \u2014 on your smart TV and every screen, anytime, anywhere […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-92","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/pages\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":5,"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/pages\/92\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/pages\/92\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/media?parent=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n IPTVTO.COM \u2014 Premium IPTV Streaming Service<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n darkMode: 'class',\r\n theme: {\r\n extend: {\r\n colors: {\r\n iptvRed: '#e50914',\r\n iptvRedHover: '#f40612',\r\n iptvDark: '#0a0a0c',\r\n iptvCard: '#141418',\r\n iptvBorder: '#26262f',\r\n iptvGray: '#9ca3af'\r\n },\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif']\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* Scoped wrapper for WordPress Elementor safety *\/\r\n #iptvto-home {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #0a0a0c;\r\n color: #ffffff;\r\n overflow-x: hidden;\r\n position: relative;\r\n }\r\n #iptvto-home * {\r\n box-sizing: border-box;\r\n }\r\n \/* Custom Scrollbar for Carousel *\/\r\n #iptvto-home .no-scrollbar::-webkit-scrollbar {\r\n display: none;\r\n }\r\n #iptvto-home .no-scrollbar {\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n }\r\n \/* Ambient Background Glows *\/\r\n .ambient-glow {\r\n position: absolute;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(229, 9, 20, 0.15) 0%, rgba(10, 10, 12, 0) 70%);\r\n border-radius: 50%;\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"iptvto-home\" class=\"bg-[#0a0a0c] text-white min-h-screen selection:bg-iptvRed selection:text-white\">\r\n \r\n <div class=\"ambient-glow top-0 left-1\/4 -translate-x-1\/2\"><\/div>\r\n <div class=\"ambient-glow top-[40%] right-[-10%]\"><\/div>\r\n <div class=\"ambient-glow top-[75%] left-[-10%]\"><\/div>\r\n\r\n \r\n <header class=\"sticky top-0 z-50 backdrop-blur-md bg-[#0a0a0c]\/80 border-b border-[#26262f] transition-all duration-300\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between\">\r\n \r\n <a href=\"#iptvto-home\" class=\"flex items-center gap-2 group\">\r\n <div class=\"w-10 h-10 rounded-xl bg-gradient-to-br from-iptvRed to-red-800 flex items-center justify-center shadow-lg shadow-iptvRed\/30 group-hover:scale-105 transition-transform\">\r\n <i class=\"fa-solid fa-tv text-white text-lg\"><\/i>\r\n <\/div>\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-2xl font-black tracking-wider text-white\">IPTV<span class=\"text-iptvRed\">TO<\/span><\/span>\r\n <span class=\"text-[9px] uppercase tracking-widest text-iptvGray -mt-1 font-semibold\">Streaming Network<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <nav class=\"hidden lg:flex items-center gap-8 font-medium text-sm\">\r\n <a href=\"#home\" class=\"text-white hover:text-iptvRed transition-colors\">Home<\/a>\r\n <a href=\"#pricing\" class=\"text-iptvGray hover:text-white transition-colors\">Pricing<\/a>\r\n <a href=\"#reseller\" class=\"text-iptvGray hover:text-white transition-colors\">Reseller<\/a>\r\n <a href=\"#blog\" class=\"text-iptvGray hover:text-white transition-colors\">Blog<\/a>\r\n <a href=\"#guide\" class=\"text-iptvGray hover:text-white transition-colors\">Installation Guide<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"hidden sm:flex items-center gap-4\">\r\n <a href=\"https:\/\/wa.me\/212721504253?text=Hello%20IPTVTO,%20I%20would%20like%20to%20request%20a%20Free%20IPTV%20Test.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative group overflow-hidden rounded-full p-[1px] focus:outline-none\">\r\n <span class=\"absolute inset-0 bg-gradient-to-r from-iptvRed to-red-600 rounded-full animate-pulse\"><\/span>\r\n <span class=\"relative px-5 py-2.5 rounded-full bg-iptvDark flex items-center gap-2.5 text-white font-semibold text-sm transition-all duration-300 group-hover:bg-opacity-0 shadow-lg shadow-iptvRed\/20\">\r\n <i class=\"fa-brands fa-whatsapp text-green-400 text-lg\"><\/i>\r\n <span>Free Test<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <button id=\"mobile-menu-btn\" class=\"lg:hidden text-white p-2 focus:outline-none text-2xl\">\r\n <i class=\"fa-solid fa-bars\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden lg:hidden bg-iptvCard border-b border-[#26262f] px-6 py-6 space-y-4\">\r\n <a href=\"#home\" class=\"block text-white font-medium hover:text-iptvRed transition-colors\">Home<\/a>\r\n <a href=\"#pricing\" class=\"block text-iptvGray font-medium hover:text-white transition-colors\">Pricing<\/a>\r\n <a href=\"#reseller\" class=\"block text-iptvGray font-medium hover:text-white transition-colors\">Reseller<\/a>\r\n <a href=\"#blog\" class=\"block text-iptvGray font-medium hover:text-white transition-colors\">Blog<\/a>\r\n <a href=\"#guide\" class=\"block text-iptvGray font-medium hover:text-white transition-colors\">Installation Guide<\/a>\r\n <div class=\"pt-2\">\r\n <a href=\"https:\/\/wa.me\/212721504253?text=Hello%20IPTVTO,%20I%20would%20like%20to%20request%20a%20Free%20IPTV%20Test.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-full py-3 rounded-xl bg-iptvRed text-white font-semibold flex items-center justify-center gap-2 shadow-lg shadow-iptvRed\/30\">\r\n <i class=\"fa-brands fa-whatsapp text-xl\"><\/i>\r\n <span>Get Free Test<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section id=\"home\" class=\"relative pt-12 pb-20 lg:pt-20 lg:pb-32 overflow-hidden z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-8 items-center\">\r\n \r\n \r\n <div class=\"lg:col-span-6 space-y-6 text-center lg:text-left\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-bolt\"><\/i>\r\n <span>Premium IPTV Service<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"text-4xl sm:text-6xl lg:text-6xl font-black tracking-tight leading-[1.1]\">\r\n Stop Overpaying <br>\r\n <span class=\"bg-gradient-to-r from-white via-gray-200 to-iptvGray bg-clip-text text-transparent\">For Streaming.<\/span>\r\n <\/h1>\r\n\r\n <p class=\"text-iptvGray text-base sm:text-lg max-w-xl mx-auto lg:mx-0 leading-relaxed font-normal\">\r\n Unlimited Live TV channels, massive movies & series library, and premium sports \u2014 on your smart TV and every screen, anytime, anywhere in crystal clear HD & 4K.\r\n <\/p>\r\n\r\n \r\n <div class=\"flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4 pt-2\">\r\n <a href=\"#pricing\" class=\"w-full sm:w-auto px-8 py-4 rounded-xl bg-iptvRed hover:bg-iptvRedHover text-white font-bold text-base transition-all duration-300 shadow-xl shadow-iptvRed\/30 flex items-center justify-center gap-3\">\r\n <span>View Plans<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-sm\"><\/i>\r\n <\/a>\r\n <a href=\"#guide\" class=\"w-full sm:w-auto px-8 py-4 rounded-xl bg-[#141418] hover:bg-[#1f1f26] border border-[#26262f] text-white font-semibold text-base transition-all duration-300 flex items-center justify-center gap-3\">\r\n <span>Learn More<\/span>\r\n <i class=\"fa-solid fa-circle-play text-iptvRed\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-4 pt-8 border-t border-[#26262f]\/60 mt-8\">\r\n <div class=\"flex flex-col items-center lg:items-start\">\r\n <span class=\"text-white font-bold text-lg\">50,000+<\/span>\r\n <span class=\"text-xs text-iptvGray font-medium\">Channels<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center lg:items-start\">\r\n <span class=\"text-white font-bold text-lg\">VOD Library<\/span>\r\n <span class=\"text-xs text-iptvGray font-medium\">Movies & Series<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center lg:items-start\">\r\n <span class=\"text-white font-bold text-lg\">24\/7 Support<\/span>\r\n <span class=\"text-xs text-iptvGray font-medium\">Always Online<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center lg:items-start\">\r\n <span class=\"text-white font-bold text-lg\">HD & 4K<\/span>\r\n <span class=\"text-xs text-iptvGray font-medium\">Ultra Quality<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-6 relative\">\r\n <div class=\"relative mx-auto max-w-2xl lg:max-w-none\">\r\n \r\n <div class=\"relative rounded-3xl p-3 bg-gradient-to-b from-[#26262f] to-[#141418] shadow-2xl shadow-black\/80 border border-[#3f3f46]\">\r\n <div class=\"relative rounded-2xl overflow-hidden bg-black aspect-[16\/10] border border-[#26262f]\">\r\n \r\n <div class=\"absolute inset-0 grid grid-cols-3 sm:grid-cols-4 gap-2 p-3 opacity-90 scale-105 transform hover:scale-100 transition-transform duration-700\">\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center group\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-red-500 bg-black\/60 px-2 py-0.5 rounded\">ESPN HD<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-blue-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">Live Match<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-yellow-500 bg-black\/60 px-2 py-0.5 rounded\">DAZN 1<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-amber-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">UFC Main Event<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-sky-400 bg-black\/60 px-2 py-0.5 rounded\">SKY CINEMA<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-purple-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">New Release 4K<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-emerald-400 bg-black\/60 px-2 py-0.5 rounded\">BEIN SPORT<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-emerald-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">Champions League<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-rose-400 bg-black\/60 px-2 py-0.5 rounded\">NETFLIX VOD<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-red-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">Stranger Things<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-amber-400 bg-black\/60 px-2 py-0.5 rounded\">HBO MAX<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-blue-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">House of Dragon<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-blue-400 bg-black\/60 px-2 py-0.5 rounded\">DISNEY+<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-indigo-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">Marvel Series<\/div>\r\n <\/div>\r\n <div class=\"relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800 shadow-md flex items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>\r\n <span class=\"text-xs font-bold z-10 text-orange-400 bg-black\/60 px-2 py-0.5 rounded\">PRIME VIDEO<\/span>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-orange-900\/40 via-zinc-900 to-black\"><\/div>\r\n <div class=\"absolute bottom-1 left-2 text-[10px] text-zinc-300\">The Boys S4<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute bottom-4 left-4 right-4 bg-black\/70 backdrop-blur-md border border-white\/10 rounded-xl p-3 flex items-center justify-between shadow-2xl\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 rounded-lg bg-iptvRed flex items-center justify-center text-white font-bold\">\r\n <i class=\"fa-solid fa-play\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-semibold text-white\">Live 4K Ultra Stream<\/p>\r\n <p class=\"text-[10px] text-emerald-400 font-medium\">99.9% Uptime \u2022 Zero Buffering<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center gap-2 text-xs bg-white\/10 px-3 py-1.5 rounded-lg text-white font-medium\">\r\n <i class=\"fa-solid fa-signal text-iptvRed\"><\/i>\r\n <span>60 FPS<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"w-32 h-3 bg-gradient-to-r from-zinc-700 via-zinc-500 to-zinc-700 mx-auto rounded-b-lg shadow-lg\"><\/div>\r\n <div class=\"w-48 h-2 bg-zinc-800 mx-auto rounded-b-xl\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute -bottom-6 -left-6 bg-iptvCard border border-[#26262f] p-4 rounded-2xl shadow-2xl hidden sm:flex items-center gap-4 animate-bounce duration-1000\">\r\n <div class=\"w-12 h-12 rounded-xl bg-gradient-to-tr from-iptvRed to-orange-500 flex items-center justify-center text-white text-xl\">\r\n <i class=\"fa-solid fa-fire\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-sm font-bold text-white\">Anti-Buffer Tech<\/h4>\r\n <p class=\"text-xs text-iptvGray\">Fast Server Routing<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-[#0d0d10] border-t border-b border-[#26262f]\/60 relative z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-10 gap-6\">\r\n <div>\r\n <div class=\"inline-flex items-center gap-2 text-iptvRed font-semibold text-xs uppercase tracking-wider mb-2\">\r\n <i class=\"fa-solid fa-film\"><\/i>\r\n <span>VOD Entertainment<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl sm:text-4xl font-black tracking-tight\">Unlimited Movies & Series<\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-wrap items-center gap-2 bg-iptvCard p-1.5 rounded-xl border border-[#26262f]\">\r\n <button class=\"filter-btn px-4 py-2 rounded-lg text-xs font-semibold bg-iptvRed text-white transition-all shadow-sm\" data-filter=\"all\">All<\/button>\r\n <button class=\"filter-btn px-4 py-2 rounded-lg text-xs font-semibold text-iptvGray hover:text-white transition-all\" data-filter=\"movies\">Movies<\/button>\r\n <button class=\"filter-btn px-4 py-2 rounded-lg text-xs font-semibold text-iptvGray hover:text-white transition-all\" data-filter=\"series\">Series<\/button>\r\n <button class=\"filter-btn px-4 py-2 rounded-lg text-xs font-semibold text-iptvGray hover:text-white transition-all\" data-filter=\"trending\">Trending<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative\">\r\n \r\n <button id=\"carousel-left\" class=\"absolute left-0 top-1\/2 -translate-y-1\/2 -translate-x-4 z-20 w-12 h-12 rounded-full bg-iptvCard\/90 border border-[#26262f] text-white flex items-center justify-center hover:bg-iptvRed transition-all shadow-xl hidden md:flex\">\r\n <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n <\/button>\r\n\r\n \r\n <div id=\"movie-carousel\" class=\"flex gap-6 overflow-x-auto no-scrollbar scroll-smooth pb-4 pt-2 px-1\">\r\n \r\n \r\n <div class=\"movie-card flex-shrink-0 w-60 sm:w-64 bg-iptvCard rounded-2xl overflow-hidden border border-[#26262f] hover:border-iptvRed transition-all duration-300 group shadow-lg\" data-category=\"movies trending\">\r\n <div class=\"relative aspect-[2\/3] bg-zinc-900 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#141418] via-transparent to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-rose-900\/40 via-zinc-900 to-black flex items-center justify-center p-6 text-center group-hover:scale-105 transition-transform duration-500\">\r\n <i class=\"fa-solid fa-clapperboard text-5xl text-red-500\/60 mb-2\"><\/i>\r\n <\/div>\r\n <span class=\"absolute top-3 left-3 z-20 bg-iptvRed text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase\">4K HDR<\/span>\r\n <span class=\"absolute top-3 right-3 z-20 bg-black\/60 backdrop-blur-md text-amber-400 text-[10px] font-bold px-2 py-1 rounded-full flex items-center gap-1\">\r\n <i class=\"fa-solid fa-star text-[9px]\"><\/i> 9.4\r\n <\/span>\r\n <\/div>\r\n <div class=\"p-4 space-y-1\">\r\n <span class=\"text-[10px] uppercase tracking-wider text-iptvGray font-semibold\">Action \u2022 Sci-Fi<\/span>\r\n <h3 class=\"font-bold text-white text-base truncate group-hover:text-iptvRed transition-colors\">Cyber Matrix 2088<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"movie-card flex-shrink-0 w-60 sm:w-64 bg-iptvCard rounded-2xl overflow-hidden border border-[#26262f] hover:border-iptvRed transition-all duration-300 group shadow-lg\" data-category=\"series trending\">\r\n <div class=\"relative aspect-[2\/3] bg-zinc-900 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#141418] via-transparent to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-blue-900\/40 via-zinc-900 to-black flex items-center justify-center p-6 text-center group-hover:scale-105 transition-transform duration-500\">\r\n <i class=\"fa-solid fa-tv text-5xl text-blue-500\/60 mb-2\"><\/i>\r\n <\/div>\r\n <span class=\"absolute top-3 left-3 z-20 bg-blue-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase\">Series S4<\/span>\r\n <span class=\"absolute top-3 right-3 z-20 bg-black\/60 backdrop-blur-md text-amber-400 text-[10px] font-bold px-2 py-1 rounded-full flex items-center gap-1\">\r\n <i class=\"fa-solid fa-star text-[9px]\"><\/i> 9.1\r\n <\/span>\r\n <\/div>\r\n <div class=\"p-4 space-y-1\">\r\n <span class=\"text-[10px] uppercase tracking-wider text-iptvGray font-semibold\">Drama \u2022 Thriller<\/span>\r\n <h3 class=\"font-bold text-white text-base truncate group-hover:text-iptvRed transition-colors\">The Shadow Empire<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"movie-card flex-shrink-0 w-60 sm:w-64 bg-iptvCard rounded-2xl overflow-hidden border border-[#26262f] hover:border-iptvRed transition-all duration-300 group shadow-lg\" data-category=\"movies\">\r\n <div class=\"relative aspect-[2\/3] bg-zinc-900 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#141418] via-transparent to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-emerald-900\/40 via-zinc-900 to-black flex items-center justify-center p-6 text-center group-hover:scale-105 transition-transform duration-500\">\r\n <i class=\"fa-solid fa-skull text-5xl text-emerald-500\/60 mb-2\"><\/i>\r\n <\/div>\r\n <span class=\"absolute top-3 left-3 z-20 bg-emerald-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase\">NEW 4K<\/span>\r\n <span class=\"absolute top-3 right-3 z-20 bg-black\/60 backdrop-blur-md text-amber-400 text-[10px] font-bold px-2 py-1 rounded-full flex items-center gap-1\">\r\n <i class=\"fa-solid fa-star text-[9px]\"><\/i> 8.8\r\n <\/span>\r\n <\/div>\r\n <div class=\"p-4 space-y-1\">\r\n <span class=\"text-[10px] uppercase tracking-wider text-iptvGray font-semibold\">Horror \u2022 Mystery<\/span>\r\n <h3 class=\"font-bold text-white text-base truncate group-hover:text-iptvRed transition-colors\">Midnight Awakening<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"movie-card flex-shrink-0 w-60 sm:w-64 bg-iptvCard rounded-2xl overflow-hidden border border-[#26262f] hover:border-iptvRed transition-all duration-300 group shadow-lg\" data-category=\"series trending\">\r\n <div class=\"relative aspect-[2\/3] bg-zinc-900 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#141418] via-transparent to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-purple-900\/40 via-zinc-900 to-black flex items-center justify-center p-6 text-center group-hover:scale-105 transition-transform duration-500\">\r\n <i class=\"fa-solid fa-crown text-5xl text-purple-500\/60 mb-2\"><\/i>\r\n <\/div>\r\n <span class=\"absolute top-3 left-3 z-20 bg-purple-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase\">EXCLUSIVE<\/span>\r\n <span class=\"absolute top-3 right-3 z-20 bg-black\/60 backdrop-blur-md text-amber-400 text-[10px] font-bold px-2 py-1 rounded-full flex items-center gap-1\">\r\n <i class=\"fa-solid fa-star text-[9px]\"><\/i> 9.6\r\n <\/span>\r\n <\/div>\r\n <div class=\"p-4 space-y-1\">\r\n <span class=\"text-[10px] uppercase tracking-wider text-iptvGray font-semibold\">Fantasy \u2022 Adventure<\/span>\r\n <h3 class=\"font-bold text-white text-base truncate group-hover:text-iptvRed transition-colors\">Realm of Titans<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"movie-card flex-shrink-0 w-60 sm:w-64 bg-iptvCard rounded-2xl overflow-hidden border border-[#26262f] hover:border-iptvRed transition-all duration-300 group shadow-lg\" data-category=\"movies\">\r\n <div class=\"relative aspect-[2\/3] bg-zinc-900 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#141418] via-transparent to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-amber-900\/40 via-zinc-900 to-black flex items-center justify-center p-6 text-center group-hover:scale-105 transition-transform duration-500\">\r\n <i class=\"fa-solid fa-jet-fighter text-5xl text-amber-500\/60 mb-2\"><\/i>\r\n <\/div>\r\n <span class=\"absolute top-3 left-3 z-20 bg-amber-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase\">ACTION<\/span>\r\n <span class=\"absolute top-3 right-3 z-20 bg-black\/60 backdrop-blur-md text-amber-400 text-[10px] font-bold px-2 py-1 rounded-full flex items-center gap-1\">\r\n <i class=\"fa-solid fa-star text-[9px]\"><\/i> 8.9\r\n <\/span>\r\n <\/div>\r\n <div class=\"p-4 space-y-1\">\r\n <span class=\"text-[10px] uppercase tracking-wider text-iptvGray font-semibold\">Action \u2022 Thriller<\/span>\r\n <h3 class=\"font-bold text-white text-base truncate group-hover:text-iptvRed transition-colors\">Skyline Interceptor<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"movie-card flex-shrink-0 w-60 sm:w-64 bg-iptvCard rounded-2xl overflow-hidden border border-[#26262f] hover:border-iptvRed transition-all duration-300 group shadow-lg\" data-category=\"series trending\">\r\n <div class=\"relative aspect-[2\/3] bg-zinc-900 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#141418] via-transparent to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-cyan-900\/40 via-zinc-900 to-black flex items-center justify-center p-6 text-center group-hover:scale-105 transition-transform duration-500\">\r\n <i class=\"fa-solid fa-user-secret text-5xl text-cyan-500\/60 mb-2\"><\/i>\r\n <\/div>\r\n <span class=\"absolute top-3 left-3 z-20 bg-cyan-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase\">TRENDING<\/span>\r\n <span class=\"absolute top-3 right-3 z-20 bg-black\/60 backdrop-blur-md text-amber-400 text-[10px] font-bold px-2 py-1 rounded-full flex items-center gap-1\">\r\n <i class=\"fa-solid fa-star text-[9px]\"><\/i> 9.3\r\n <\/span>\r\n <\/div>\r\n <div class=\"p-4 space-y-1\">\r\n <span class=\"text-[10px] uppercase tracking-wider text-iptvGray font-semibold\">Crime \u2022 Mystery<\/span>\r\n <h3 class=\"font-bold text-white text-base truncate group-hover:text-iptvRed transition-colors\">The Syndicate Files<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <button id=\"carousel-right\" class=\"absolute right-0 top-1\/2 -translate-y-1\/2 translate-x-4 z-20 w-12 h-12 rounded-full bg-iptvCard\/90 border border-[#26262f] text-white flex items-center justify-center hover:bg-iptvRed transition-all shadow-xl hidden md:flex\">\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 relative z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16 space-y-4\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-scale-balanced\"><\/i>\r\n <span>Value Comparison<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl sm:text-5xl font-black tracking-tight\">Why Pay More For Cable & Multiple Apps?<\/h2>\r\n <p class=\"text-iptvGray text-base sm:text-lg\">See how IPTVTO replaces all your expensive streaming services and cable bills with one single, powerful subscription.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-stretch\">\r\n \r\n \r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-3xl p-8 sm:p-10 flex flex-col justify-between relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 bg-red-500\/10 text-red-400 text-xs font-bold px-4 py-2 rounded-bl-2xl\">\r\n Expensive & Fragmented\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-black text-white mb-2\">Traditional Subscriptions<\/h3>\r\n <p class=\"text-iptvGray text-sm mb-8\">Juggling multiple streaming apps, cable providers, and PPV sports passes.<\/p>\r\n \r\n <ul class=\"space-y-4 mb-8\">\r\n <li class=\"flex items-start gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-red-500\/10 text-red-500 flex items-center justify-center flex-shrink-0 mt-0.5\">\r\n <i class=\"fa-solid fa-xmark text-sm\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white font-semibold block text-sm\">Multiple Monthly Bills<\/span>\r\n <span class=\"text-iptvGray text-xs\">Paying separately for Netflix, Disney+, Prime, DAZN, Cable TV ($100+\/mo).<\/span>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-red-500\/10 text-red-500 flex items-center justify-center flex-shrink-0 mt-0.5\">\r\n <i class=\"fa-solid fa-xmark text-sm\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white font-semibold block text-sm\">Regional Restrictions<\/span>\r\n <span class=\"text-iptvGray text-xs\">Favorite shows and live sports blocked in your country.<\/span>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-red-500\/10 text-red-500 flex items-center justify-center flex-shrink-0 mt-0.5\">\r\n <i class=\"fa-solid fa-xmark text-sm\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white font-semibold block text-sm\">Limited Device Access<\/span>\r\n <span class=\"text-iptvGray text-xs\">Extra fees per extra screen or device connected.<\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"pt-6 border-t border-[#26262f] flex items-center justify-between\">\r\n <span class=\"text-iptvGray text-sm\">Estimated Total Cost<\/span>\r\n <span class=\"text-xl font-bold text-red-400\">~$120 \/ Month<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gradient-to-b from-[#1a1114] to-iptvCard border-2 border-iptvRed rounded-3xl p-8 sm:p-10 flex flex-col justify-between relative overflow-hidden shadow-2xl shadow-iptvRed\/10\">\r\n <div class=\"absolute top-0 right-0 bg-iptvRed text-white text-xs font-bold px-4 py-2 rounded-bl-2xl\">\r\n Ultimate Solution\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-black text-white mb-2\">IPTVTO.COM<\/h3>\r\n <p class=\"text-iptvGray text-sm mb-8\">All live channels, sports, movies, and series in one single subscription.<\/p>\r\n \r\n <ul class=\"space-y-4 mb-8\">\r\n <li class=\"flex items-start gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-emerald-500\/10 text-emerald-400 flex items-center justify-center flex-shrink-0 mt-0.5\">\r\n <i class=\"fa-solid fa-check text-sm\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white font-semibold block text-sm\">All-in-One Entertainment<\/span>\r\n <span class=\"text-iptvGray text-xs\">50,000+ live TV channels and complete VOD movie library included.<\/span>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-emerald-500\/10 text-emerald-400 flex items-center justify-center flex-shrink-0 mt-0.5\">\r\n <i class=\"fa-solid fa-check text-sm\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white font-semibold block text-sm\">Global Worldwide Access<\/span>\r\n <span class=\"text-iptvGray text-xs\">Watch from anywhere in the world with stable anti-buffer servers.<\/span>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-emerald-500\/10 text-emerald-400 flex items-center justify-center flex-shrink-0 mt-0.5\">\r\n <i class=\"fa-solid fa-check text-sm\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white font-semibold block text-sm\">Multi-Device Compatibility<\/span>\r\n <span class=\"text-iptvGray text-xs\">Smart TV, Android, Firestick, Apple, Windows, and mobile devices.<\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"pt-6 border-t border-[#26262f] flex items-center justify-between\">\r\n <span class=\"text-iptvGray text-sm\">Starting From Only<\/span>\r\n <span class=\"text-2xl font-black text-emerald-400\">$11.97 \/ Month<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"pricing\" class=\"py-24 bg-[#0d0d10] border-t border-b border-[#26262f]\/60 relative z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16 space-y-4\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-tags\"><\/i>\r\n <span>Pricing Packages<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl sm:text-5xl font-black tracking-tight\">Choose Your Subscription Plan<\/h2>\r\n <p class=\"text-iptvGray text-base sm:text-lg\">Select your duration and number of connected devices to get instant access.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n \r\n \r\n <div class=\"pricing-card bg-iptvCard border border-[#26262f] rounded-3xl p-6 flex flex-col justify-between relative group hover:border-iptvRed transition-all duration-300 shadow-xl\" data-package=\"Trial Package (1 Month)\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <span class=\"text-xs font-bold uppercase tracking-wider text-iptvGray\">Trial Package<\/span>\r\n <span class=\"bg-zinc-800 text-white text-[10px] font-semibold px-2.5 py-1 rounded-full\">1 Month<\/span>\r\n <\/div>\r\n <h3 class=\"text-xl font-black text-white mb-6\">Starter Trial<\/h3>\r\n\r\n \r\n <div class=\"space-y-2 mb-6\">\r\n <label class=\"text-xs text-iptvGray font-semibold uppercase tracking-wider block\">Select Devices:<\/label>\r\n <div class=\"grid grid-cols-4 gap-1.5 bg-black\/40 p-1 rounded-xl border border-[#26262f]\">\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold bg-iptvRed text-white transition-all shadow-sm\" data-devices=\"1\" data-price=\"11.97\">1D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"2\" data-price=\"18.97\">2D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"3\" data-price=\"26.97\">3D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"4\" data-price=\"34.97\">4D<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <ul class=\"space-y-3 mb-8 text-xs text-iptvGray\">\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 50,000+ Live Channels<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> Movies & Series VOD<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> HD & 4K Quality<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 24\/7 WhatsApp Support<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"flex items-baseline justify-between mb-4 pt-4 border-t border-[#26262f]\">\r\n <span class=\"text-xs text-iptvGray\">Total Price:<\/span>\r\n <span class=\"price-display text-3xl font-black text-white\">$11.97<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"whatsapp-order-btn w-full py-3.5 rounded-xl bg-iptvRed hover:bg-iptvRedHover text-white font-bold text-sm flex items-center justify-center gap-2 shadow-lg shadow-iptvRed\/30 transition-all\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card bg-iptvCard border border-[#26262f] rounded-3xl p-6 flex flex-col justify-between relative group hover:border-iptvRed transition-all duration-300 shadow-xl\" data-package=\"Basic Package (3 Months)\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <span class=\"text-xs font-bold uppercase tracking-wider text-iptvGray\">Basic Package<\/span>\r\n <span class=\"bg-zinc-800 text-white text-[10px] font-semibold px-2.5 py-1 rounded-full\">3 Months<\/span>\r\n <\/div>\r\n <h3 class=\"text-xl font-black text-white mb-6\">Quarterly Saver<\/h3>\r\n\r\n \r\n <div class=\"space-y-2 mb-6\">\r\n <label class=\"text-xs text-iptvGray font-semibold uppercase tracking-wider block\">Select Devices:<\/label>\r\n <div class=\"grid grid-cols-4 gap-1.5 bg-black\/40 p-1 rounded-xl border border-[#26262f]\">\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold bg-iptvRed text-white transition-all shadow-sm\" data-devices=\"1\" data-price=\"29.97\">1D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"2\" data-price=\"49.97\">2D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"3\" data-price=\"69.97\">3D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"4\" data-price=\"89.97\">4D<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <ul class=\"space-y-3 mb-8 text-xs text-iptvGray\">\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 50,000+ Live Channels<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> Movies & Series VOD<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> HD & 4K Quality<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 24\/7 WhatsApp Support<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"flex items-baseline justify-between mb-4 pt-4 border-t border-[#26262f]\">\r\n <span class=\"text-xs text-iptvGray\">Total Price:<\/span>\r\n <span class=\"price-display text-3xl font-black text-white\">$29.97<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"whatsapp-order-btn w-full py-3.5 rounded-xl bg-iptvRed hover:bg-iptvRedHover text-white font-bold text-sm flex items-center justify-center gap-2 shadow-lg shadow-iptvRed\/30 transition-all\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card bg-iptvCard border border-[#26262f] rounded-3xl p-6 flex flex-col justify-between relative group hover:border-iptvRed transition-all duration-300 shadow-xl\" data-package=\"Standard Package (6 Months)\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <span class=\"text-xs font-bold uppercase tracking-wider text-iptvGray\">Standard Package<\/span>\r\n <span class=\"bg-zinc-800 text-white text-[10px] font-semibold px-2.5 py-1 rounded-full\">6 Months<\/span>\r\n <\/div>\r\n <h3 class=\"text-xl font-black text-white mb-6\">Semi-Annual<\/h3>\r\n\r\n \r\n <div class=\"space-y-2 mb-6\">\r\n <label class=\"text-xs text-iptvGray font-semibold uppercase tracking-wider block\">Select Devices:<\/label>\r\n <div class=\"grid grid-cols-4 gap-1.5 bg-black\/40 p-1 rounded-xl border border-[#26262f]\">\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold bg-iptvRed text-white transition-all shadow-sm\" data-devices=\"1\" data-price=\"44.97\">1D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"2\" data-price=\"69.97\">2D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"3\" data-price=\"89.97\">3D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"4\" data-price=\"119.97\">4D<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <ul class=\"space-y-3 mb-8 text-xs text-iptvGray\">\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 50,000+ Live Channels<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> Movies & Series VOD<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> HD & 4K Quality<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 24\/7 WhatsApp Support<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"flex items-baseline justify-between mb-4 pt-4 border-t border-[#26262f]\">\r\n <span class=\"text-xs text-iptvGray\">Total Price:<\/span>\r\n <span class=\"price-display text-3xl font-black text-white\">$44.97<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"whatsapp-order-btn w-full py-3.5 rounded-xl bg-iptvRed hover:bg-iptvRedHover text-white font-bold text-sm flex items-center justify-center gap-2 shadow-lg shadow-iptvRed\/30 transition-all\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card bg-gradient-to-b from-[#1a1114] to-iptvCard border-2 border-iptvRed rounded-3xl p-6 flex flex-col justify-between relative group shadow-2xl shadow-iptvRed\/20\" data-package=\"Popular Package (12 Months)\">\r\n \r\n <div class=\"absolute -top-3 left-1\/2 -translate-x-1\/2 bg-iptvRed text-white text-[10px] font-black uppercase tracking-widest px-3.5 py-1 rounded-full shadow-md\">\r\n MOST POPULAR\r\n <\/div>\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4 pt-2\">\r\n <span class=\"text-xs font-bold uppercase tracking-wider text-iptvRed\">Popular Package<\/span>\r\n <span class=\"bg-iptvRed\/20 text-iptvRed text-[10px] font-bold px-2.5 py-1 rounded-full\">12 Months<\/span>\r\n <\/div>\r\n <h3 class=\"text-xl font-black text-white mb-6\">Annual VIP Pass<\/h3>\r\n\r\n \r\n <div class=\"space-y-2 mb-6\">\r\n <label class=\"text-xs text-iptvGray font-semibold uppercase tracking-wider block\">Select Devices:<\/label>\r\n <div class=\"grid grid-cols-4 gap-1.5 bg-black\/40 p-1 rounded-xl border border-[#26262f]\">\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold bg-iptvRed text-white transition-all shadow-sm\" data-devices=\"1\" data-price=\"59.97\">1D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"2\" data-price=\"89.97\">2D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"3\" data-price=\"129.97\">3D<\/button>\r\n <button type=\"button\" class=\"device-tab py-1.5 rounded-lg text-xs font-bold text-iptvGray hover:text-white transition-all\" data-devices=\"4\" data-price=\"184.97\">4D<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <ul class=\"space-y-3 mb-8 text-xs text-iptvGray\">\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 50,000+ Live Channels<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> Movies & Series VOD<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> HD & 4K Quality<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-check text-iptvRed\"><\/i> 24\/7 VIP Support<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"flex items-baseline justify-between mb-4 pt-4 border-t border-[#26262f]\">\r\n <span class=\"text-xs text-iptvGray\">Total Price:<\/span>\r\n <span class=\"price-display text-3xl font-black text-white\">$59.97<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"whatsapp-order-btn w-full py-3.5 rounded-xl bg-iptvRed hover:bg-iptvRedHover text-white font-bold text-sm flex items-center justify-center gap-2 shadow-lg shadow-iptvRed\/30 transition-all\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"guide\" class=\"py-24 relative z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16 space-y-4\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-list-check\"><\/i>\r\n <span>Simple 3-Step Process<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl sm:text-5xl font-black tracking-tight\">How It Works<\/h2>\r\n <p class=\"text-iptvGray text-base sm:text-lg\">Get connected and start streaming your favorite channels in less than 5 minutes.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-3xl p-8 relative group hover:border-iptvRed transition-all duration-300\">\r\n <div class=\"w-14 h-14 rounded-2xl bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed font-black text-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform\">\r\n 01\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">Choose Your Plan<\/h3>\r\n <p class=\"text-iptvGray text-sm leading-relaxed\">Select the subscription duration and number of devices that fits your household needs.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-3xl p-8 relative group hover:border-iptvRed transition-all duration-300\">\r\n <div class=\"w-14 h-14 rounded-2xl bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed font-black text-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform\">\r\n 02\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">Receive Subscription Details<\/h3>\r\n <p class=\"text-iptvGray text-sm leading-relaxed\">Get your login credentials, M3U link, or Xtream Codes instantly via WhatsApp or email.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-3xl p-8 relative group hover:border-iptvRed transition-all duration-300\">\r\n <div class=\"w-14 h-14 rounded-2xl bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed font-black text-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform\">\r\n 03\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">Start Watching<\/h3>\r\n <p class=\"text-iptvGray text-sm leading-relaxed\">Log into your preferred app on your Smart TV, Firestick, or phone and enjoy unlimited entertainment.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 bg-[#0d0d10] border-t border-b border-[#26262f]\/60 relative z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <div class=\"max-w-3xl mx-auto mb-16 space-y-4\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-devices\"><\/i>\r\n <span>Universal Compatibility<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl sm:text-5xl font-black tracking-tight\">Works On All Your Favorite Devices<\/h2>\r\n <p class=\"text-iptvGray text-base sm:text-lg\">No special equipment required. Stream seamlessly across all major platforms and devices.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-7 gap-4\">\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group\">\r\n <i class=\"fa-solid fa-tv text-3xl text-iptvRed group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Smart TVs<\/span>\r\n <\/div>\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group\">\r\n <i class=\"fa-brands fa-android text-3xl text-emerald-400 group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Android TV<\/span>\r\n <\/div>\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group\">\r\n <i class=\"fa-solid fa-fire text-3xl text-orange-500 group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Fire TV Stick<\/span>\r\n <\/div>\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group\">\r\n <i class=\"fa-solid fa-mobile-screen text-3xl text-blue-400 group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Smartphones<\/span>\r\n <\/div>\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group\">\r\n <i class=\"fa-solid fa-tablet-screen-button text-3xl text-purple-400 group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Tablets<\/span>\r\n <\/div>\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group\">\r\n <i class=\"fa-brands fa-windows text-3xl text-sky-400 group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Windows & PC<\/span>\r\n <\/div>\r\n <div class=\"bg-iptvCard border border-[#26262f] rounded-2xl p-6 flex flex-col items-center justify-center gap-3 hover:border-iptvRed transition-all group col-span-2 sm:col-span-1\">\r\n <i class=\"fa-brands fa-apple text-3xl text-white group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-xs font-semibold text-white\">Apple Devices<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 relative z-10\">\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16 space-y-4\">\r\n <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-iptvRed\/10 border border-iptvRed\/30 text-iptvRed text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-circle-question\"><\/i>\r\n <span>Got Questions?<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl sm:text-5xl font-black tracking-tight\">Frequently Asked Questions<\/h2>\r\n <p class=\"text-iptvGray text-base sm:text-lg\">Everything you need to know about our IPTV subscription service.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-4\">\r\n \r\n \r\n <div class=\"faq-item bg-iptvCard border border-[#26262f] rounded-2xl overflow-hidden transition-all\">\r\n <button class=\"faq-btn w-full px-6 py-5 text-left font-bold text-base sm:text-lg flex items-center justify-between gap-4 focus:outline-none\">\r\n <span>What devices are supported by IPTVTO?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-iptvRed transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content hidden px-6 pb-6 text-iptvGray text-sm leading-relaxed border-t border-[#26262f]\/40 pt-4\">\r\n IPTVTO works on virtually all smart devices including Smart TVs (Samsung, LG, Sony), Android TV boxes, Amazon Fire TV Stick, Apple TV, iOS & Android smartphones, tablets, Windows PCs, Mac, and MAG boxes.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item bg-iptvCard border border-[#26262f] rounded-2xl overflow-hidden transition-all\">\r\n <button class=\"faq-btn w-full px-6 py-5 text-left font-bold text-base sm:text-lg flex items-center justify-between gap-4 focus:outline-none\">\r\n <span>How long does activation take after payment?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-iptvRed transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content hidden px-6 pb-6 text-iptvGray text-sm leading-relaxed border-t border-[#26262f]\/40 pt-4\">\r\n Activation is almost instant! Once your order and payment are confirmed via WhatsApp, you will receive your login details, playlist link, or Xtream Codes within 5 to 15 minutes.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item bg-iptvCard border border-[#26262f] rounded-2xl overflow-hidden transition-all\">\r\n <button class=\"faq-btn w-full px-6 py-5 text-left font-bold text-base sm:text-lg flex items-center justify-between gap-4 focus:outline-none\">\r\n <span>Do I need a VPN to use IPTVTO?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-iptvRed transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content hidden px-6 pb-6 text-iptvGray text-sm leading-relaxed border-t border-[#26262f]\/40 pt-4\">\r\n No, a VPN is not required to use our service. Our servers are optimized and secured globally. However, if your Internet Service Provider (ISP) throttles streaming traffic, using a VPN can sometimes improve performance.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item bg-iptvCard border border-[#26262f] rounded-2xl overflow-hidden transition-all\">\r\n <button class=\"faq-btn w-full px-6 py-5 text-left font-bold text-base sm:text-lg flex items-center justify-between gap-4 focus:outline-none\">\r\n <span>Can I use my subscription on multiple devices?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-iptvRed transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content hidden px-6 pb-6 text-iptvGray text-sm leading-relaxed border-t border-[#26262f]\/40 pt-4\">\r\n Yes! When purchasing a plan, you can select the number of simultaneous connections (devices) you need\u2014from 1 up to 4 devices at the same time.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item bg-iptvCard border border-[#26262f] rounded-2xl overflow-hidden transition-all\">\r\n <button class=\"faq-btn w-full px-6 py-5 text-left font-bold text-base sm:text-lg flex items-center justify-between gap-4 focus:outline-none\">\r\n <span>How can I contact customer support if I need help?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-iptvRed transition-transform duration-300\"><\/i>\r\n <\/button>\r\n <div class=\"faq-content hidden px-6 pb-6 text-iptvGray text-sm leading-relaxed border-t border-[#26262f]\/40 pt-4\">\r\n Our support team is available 24\/7. You can easily reach us via WhatsApp (+212721504253) for fast assistance with installation and setup.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-[#070709] border-t border-[#26262f] pt-16 pb-12 relative z-10\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-10 mb-12\">\r\n \r\n \r\n <div class=\"lg:col-span-2 space-y-4\">\r\n <a href=\"#iptvto-home\" class=\"flex items-center gap-2\">\r\n <div class=\"w-10 h-10 rounded-xl bg-gradient-to-br from-iptvRed to-red-800 flex items-center justify-center shadow-lg shadow-iptvRed\/30\">\r\n <i class=\"fa-solid fa-tv text-white text-lg\"><\/i>\r\n <\/div>\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-2xl font-black tracking-wider text-white\">IPTV<span class=\"text-iptvRed\">TO<\/span><\/span>\r\n <span class=\"text-[9px] uppercase tracking-widest text-iptvGray -mt-1 font-semibold\">Streaming Network<\/span>\r\n <\/div>\r\n <\/a>\r\n <p class=\"text-iptvGray text-sm leading-relaxed max-w-sm\">\r\n The ultimate high-performance IPTV streaming service delivering 50,000+ live channels and massive VOD libraries in stunning HD & 4K quality.\r\n <\/p>\r\n <div class=\"pt-2\">\r\n <a href=\"https:\/\/wa.me\/212721504253\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 text-sm font-semibold text-white bg-emerald-600\/20 border border-emerald-500\/30 px-4 py-2 rounded-xl text-emerald-400 hover:bg-emerald-600\/30 transition-all\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>WhatsApp: +212 721-504253<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-4\">\r\n <h4 class=\"text-white font-bold text-base\">Quick Links<\/h4>\r\n <ul class=\"space-y-2.5 text-sm\">\r\n <li><a href=\"#home\" class=\"text-iptvGray hover:text-white transition-colors\">Home<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"text-iptvGray hover:text-white transition-colors\">Pricing Plans<\/a><\/li>\r\n <li><a href=\"#guide\" class=\"text-iptvGray hover:text-white transition-colors\">Installation Guide<\/a><\/li>\r\n <li><a href=\"#reseller\" class=\"text-iptvGray hover:text-white transition-colors\">Reseller Program<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-4\">\r\n <h4 class=\"text-white font-bold text-base\">Streaming<\/h4>\r\n <ul class=\"space-y-2.5 text-sm\">\r\n <li><a href=\"#pricing\" class=\"text-iptvGray hover:text-white transition-colors\">Live TV Channels<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"text-iptvGray hover:text-white transition-colors\">Movies & Series VOD<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"text-iptvGray hover:text-white transition-colors\">Sports & PPV Events<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"text-iptvGray hover:text-white transition-colors\">4K Ultra HD Streams<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-4\">\r\n <h4 class=\"text-white font-bold text-base\">Support & Legal<\/h4>\r\n <ul class=\"space-y-2.5 text-sm\">\r\n <li><a href=\"https:\/\/wa.me\/212721504253\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-iptvGray hover:text-white transition-colors\">24\/7 WhatsApp Support<\/a><\/li>\r\n <li><a href=\"#guide\" class=\"text-iptvGray hover:text-white transition-colors\">Setup Tutorials<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-iptvGray hover:text-white transition-colors\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-iptvGray hover:text-white transition-colors\">Terms of Service<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"pt-8 border-t border-[#26262f] flex flex-col sm:flex-row items-center justify-between gap-4 text-xs text-iptvGray\">\r\n <p>© 2026 IPTVTO.COM. All rights reserved.<\/p>\r\n <p class=\"flex items-center gap-1\">\r\n Designed for High-Performance Cinematic Streaming <i class=\"fa-solid fa-heart text-iptvRed\"><\/i>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n \/\/ 1. Mobile Menu Toggle\r\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n if (mobileMenuBtn && mobileMenu) {\r\n mobileMenuBtn.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n });\r\n \/\/ Close menu on link click\r\n mobileMenu.querySelectorAll('a').forEach(link => {\r\n link.addEventListener('click', () => mobileMenu.classList.add('hidden'));\r\n });\r\n }\r\n\r\n \/\/ 2. Movie Carousel Filter & Navigation\r\n const filterBtns = document.querySelectorAll('#iptvto-home .filter-btn');\r\n const movieCards = document.querySelectorAll('#iptvto-home .movie-card');\r\n \r\n filterBtns.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n filterBtns.forEach(b => {\r\n b.classList.remove('bg-iptvRed', 'text-white', 'shadow-sm');\r\n b.classList.add('text-iptvGray');\r\n });\r\n btn.classList.add('bg-iptvRed', 'text-white', 'shadow-sm');\r\n btn.classList.remove('text-iptvGray');\r\n\r\n const filter = btn.getAttribute('data-filter');\r\n movieCards.forEach(card => {\r\n const categories = card.getAttribute('data-category');\r\n if (filter === 'all' || categories.includes(filter)) {\r\n card.style.display = 'block';\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ Carousel Scroll Arrows\r\n const carousel = document.getElementById('movie-carousel');\r\n const btnLeft = document.getElementById('carousel-left');\r\n const btnRight = document.getElementById('carousel-right');\r\n\r\n if (carousel && btnLeft && btnRight) {\r\n btnLeft.addEventListener('click', () => {\r\n carousel.scrollBy({ left: -300, behavior: 'smooth' });\r\n });\r\n btnRight.addEventListener('click', () => {\r\n carousel.scrollBy({ left: 300, behavior: 'smooth' });\r\n });\r\n }\r\n\r\n \/\/ 3. Pricing Card Device Selectors & Dynamic WhatsApp URL Generation\r\n const pricingCards = document.querySelectorAll('#iptvto-home .pricing-card');\r\n const whatsappNumber = \"212721504253\";\r\n\r\n pricingCards.forEach(card => {\r\n const packageName = card.getAttribute('data-package');\r\n const deviceTabs = card.querySelectorAll('.device-tab');\r\n const priceDisplay = card.querySelector('.price-display');\r\n const whatsappBtn = card.querySelector('.whatsapp-order-btn');\r\n\r\n \/\/ Helper to update WhatsApp link\r\n const updateWhatsAppLink = (deviceCount, priceVal) => {\r\n const message = `Hello IPTVTO, I would like to order the *${packageName}* for *${deviceCount} Device(s)* at the price of *$${priceVal}*. Please guide me with the activation.`;\r\n whatsappBtn.href = `https:\/\/wa.me\/${whatsappNumber}?text=${encodeURIComponent(message)}`;\r\n };\r\n\r\n \/\/ Set initial default (1 Device)\r\n if (deviceTabs.length > 0) {\r\n updateWhatsAppLink(deviceTabs[0].getAttribute('data-devices'), deviceTabs[0].getAttribute('data-price'));\r\n }\r\n\r\n deviceTabs.forEach(tab => {\r\n tab.addEventListener('click', () => {\r\n deviceTabs.forEach(t => {\r\n t.classList.remove('bg-iptvRed', 'text-white', 'shadow-sm');\r\n t.classList.add('text-iptvGray');\r\n });\r\n tab.classList.add('bg-iptvRed', 'text-white', 'shadow-sm');\r\n tab.classList.remove('text-iptvGray');\r\n\r\n const devices = tab.getAttribute('data-devices');\r\n const price = tab.getAttribute('data-price');\r\n\r\n priceDisplay.textContent = `$${price}`;\r\n updateWhatsAppLink(devices, price);\r\n });\r\n });\r\n });\r\n\r\n \/\/ 4. FAQ Accordion Toggle\r\n const faqItems = document.querySelectorAll('#iptvto-home .faq-item');\r\n faqItems.forEach(item => {\r\n const btn = item.querySelector('.faq-btn');\r\n const content = item.querySelector('.faq-content');\r\n const icon = btn.querySelector('fa-chevron-down') || btn.querySelector('.fa-chevron-down');\r\n\r\n btn.addEventListener('click', () => {\r\n const isOpen = !content.classList.contains('hidden');\r\n \r\n \/\/ Close all others\r\n faqItems.forEach(other => {\r\n other.querySelector('.faq-content').classList.add('hidden');\r\n const otherIcon = other.querySelector('.fa-chevron-down');\r\n if(otherIcon) otherIcon.style.transform = 'rotate(0deg)';\r\n });\r\n\r\n if (!isOpen) {\r\n content.classList.remove('hidden');\r\n if(icon) icon.style.transform = 'rotate(180deg)';\r\n }\r\n });\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IPTVTO.COM \u2014 Premium IPTV Streaming Service IPTVTO Streaming Network Home Pricing Reseller Blog Installation Guide Free Test Home Pricing Reseller Blog Installation Guide Get Free Test Premium IPTV Service Stop Overpaying For Streaming. Unlimited Live TV channels, massive movies & series library, and premium sports \u2014 on your smart TV and every screen, anytime, anywhere […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-92","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/pages\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":5,"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/pages\/92\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/pages\/92\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/iptvto.com\/index.php\/wp-json\/wp\/v2\/media?parent=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}