{"id":7907,"date":"2025-10-06T14:17:00","date_gmt":"2025-10-06T11:17:00","guid":{"rendered":"https:\/\/dev.satline.tv\/?page_id=7907"},"modified":"2026-06-04T14:24:53","modified_gmt":"2026-06-04T11:24:53","slug":"satline","status":"publish","type":"page","link":"https:\/\/dev.satline.tv\/fr\/","title":{"rendered":"SATLINE"},"content":{"rendered":"\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"ImageObject\",\n  \"url\": \"https:\/\/satline.tv\/app\/uploads\/2024\/06\/eerie-scenery-radio-telescope-starry-night-1.jpg\",\n  \"license\": \"https:\/\/www.freepik.com\/legal\/terms-of-use#nav-freepik-license\"\n}\n<\/script>\n\n\n<section class=\"relative isolate overflow-hidden bg-white dark:bg-gray-900 w-full\">\n    \n    <div\n      class=\"relative isolate overflow-hidden bg-cover bg-center bg-fixed bg-no-repeat pt-20 pb-20 sm:pt-24 sm:pb-28 lg:pt-28 lg:pb-32 min-h-[70vh] sm:min-h-[75vh] lg:min-h-[80vh] flex items-center\"\n       style=\"background-image:url('https:\/\/dev.satline.tv\/app\/uploads\/2025\/09\/eerie-scenery-radio-telescope-starry-night-1.webp'); background-repeat: no-repeat; background-size: cover; background-position: center;\"     >\n              <div class=\"absolute inset-0 -z-10 bg-black\/40\"><\/div>\n        \n        <div class=\"absolute inset-0 -z-10 \n              bg-transparent\n              dark:bg-[linear-gradient(to_bottom,transparent_80%,#101828_100%)]\">\n        <\/div>\n      \n      <div class=\"w-full px-4 pt-8 sm:px-6 sm:pt-10 lg:px-12 lg:pt-12\">\n        <div class=\"w-full text-center\">\n                      <h1 class=\"text-5xl font-semibold tracking-tight text-balance text-gray-200 sm:text-7xl dark:text-gray-300\" data-id=\"explore-unlimited-satellite-connection-world\">\n              Explore Unlimited Satellite Connection World\n            <\/h1>\n                                <p class=\"mt-8 text-lg font-medium text-pretty text-gray-200 sm:text-xl leading-8 dark:text-gray-300\">\n              Build and scale your SAT>IP business with our virtual and colocation services\n            <\/p>\n                    <div class=\"mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row sm:gap-6\" x-data>\n                          <button type=\"button\" class=\"inline-flex cursor-pointer items-center justify-center rounded-xl border border-slate-300\/80 px-5 py-3 text-sm\/6 font-semibold text-gray-200 dark:text-slate-200 bg-white\/30 backdrop-blur-sm transition-all duration-200 select-none hover:-translate-y-0.5 hover:shadow-md hover:border-slate-400\/80 hover:bg-white\/40 dark:border-white\/35 dark:bg-white\/10 dark:hover:border-white\/60 dark:hover:bg-white\/15 active:translate-y-0 w-full sm:w-auto\" @click.prevent=\"scrollTo('plans')\">\n    Plans\n    \n  <\/button>\n                                      <button\n                type=\"button\"\n                class=\"cursor-pointer text-sm font-semibold leading-6 text-gray-300\/90 hover:text-gray-700 dark:text-gray-300 dark:hover:text-gray-300 w-full sm:w-auto\"\n                @click.prevent=\"scrollTo('why_us')\"\n              >\n                Learn more <span aria-hidden=\"true\">\u2192<\/span>\n              <\/button>\n                      <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n<section\n                data-plans=\"1\"\n        class=\"bg-slate-50 py-16 sm:py-20 lg:py-24 dark:bg-gray-900\"\n        x-data=\"{ active: 'cloud', setActiveServersTab(tabname) { this.active = tabname }, activeLocationservers_6a55d781456f5: 'vilnius', setactiveLocationservers_6a55d781456f5Tab(tabname) { this.activeLocationservers_6a55d781456f5 = tabname } }\"\n    >\n        <div class=\"mx-auto flex max-w-screen-2xl flex-col gap-10 px-4 sm:px-6 lg:px-8\">\n            \n            <div class=\"flex flex-col gap-6 lg:flex-row lg:items-end lg:justify-between\">\n                <div class=\"flex flex-col gap-4 lg:max-w-3xl\">\n                    \n                    <div class=\"flex flex-col gap-4\">\n                        <h2 class=\"text-3xl font-semibold tracking-tight text-slate-900 sm:text-4xl lg:text-5xl dark:text-gray-300\" data-id=\"\">\n                            \n                        <\/h2>\n                        <p class=\"max-w-2xl text-base text-slate-600 sm:text-lg dark:text-slate-300\">\n                            \n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            \n            <div class=\"flex flex-col gap-4 rounded-2xl bg-white\/80 p-4 shadow-sm ring-1 ring-slate-200\/70 backdrop-blur dark:bg-slate-800\/80 dark:ring-white\/10 lg:flex-row lg:items-center lg:justify-between\">\n                <div class=\"flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center\">\n                                            <span class=\"text-xs font-semibold uppercase tracking-widest text-slate-500 dark:text-slate-400\">Location<\/span>\n\n                        \n                        <div class=\"flex flex-wrap items-center gap-3 lg:gap-4\">\n                                                            <button type=\"button\" class=\"inline-flex items-center gap-2 rounded-xl border border-slate-200\/80 bg-white\/70 px-4.5 py-3 text-sm\/6 font-medium text-slate-900 shadow-sm ring-1 ring-slate-200\/60 backdrop-blur transition-all hover:border-indigo-400\/70 hover:bg-white hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500\/60 dark:border-white\/10 dark:bg-slate-800\/70 dark:text-slate-200 dark:ring-white\/10 dark:hover:border-indigo-400\/60 dark:hover:bg-slate-800 dark:focus-visible:ring-indigo-400\/60\" x-bind:class=\"activeLocationservers_6a55d781456f5 === 'vilnius' ? 'border-indigo-500 bg-white shadow-md ring-1 !ring-indigo-500\/60 dark:bg-slate-900' : ''\" @click=\"setactiveLocationservers_6a55d781456f5Tab('vilnius')\">\n    <img decoding=\"async\" src=\"https:\/\/dev.satline.tv\/app\/uploads\/2025\/09\/Flag_of_Lithuania.svg\" class=\"btn-icon\" alt=\"\" \/>\n                                        <span>Vilnius<\/span>\n    \n  <\/button>\n                            \n                            \n                                                            <button type=\"button\" class=\"inline-flex items-center gap-2 rounded-xl border border-slate-200\/80 bg-white\/70 px-4.5 py-3 text-sm\/6 font-medium text-slate-900 shadow-sm ring-1 ring-slate-200\/60 backdrop-blur transition-all hover:border-indigo-400\/70 hover:bg-white hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500\/60 dark:border-white\/10 dark:bg-slate-800\/70 dark:text-slate-200 dark:ring-white\/10 dark:hover:border-indigo-400\/60 dark:hover:bg-slate-800 dark:focus-visible:ring-indigo-400\/60\" x-bind:class=\"activeLocationservers_6a55d781456f5 === 'london' ? 'border-indigo-500 bg-white shadow-md ring-1 !ring-indigo-500\/60 dark:bg-slate-900' : ''\" @click=\"setactiveLocationservers_6a55d781456f5Tab('london')\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"1440\" src=\"https:\/\/dev.satline.tv\/app\/uploads\/2025\/09\/UK.png\" class=\"btn-icon\" alt=\"\" srcset=\"https:\/\/dev.satline.tv\/app\/uploads\/2025\/09\/UK.png 2880w, https:\/\/dev.satline.tv\/app\/uploads\/2025\/09\/UK-300x150.png 300w, https:\/\/dev.satline.tv\/app\/uploads\/2025\/09\/UK-1024x512.png 1024w, https:\/\/dev.satline.tv\/app\/uploads\/2025\/09\/UK-768x384.png 768w, https:\/\/dev.satline.tv\/app\/uploads\/2025\/09\/UK-1536x768.png 1536w, https:\/\/dev.satline.tv\/app\/uploads\/2025\/09\/UK-2048x1024.png 2048w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/>\n                                    <span>London<\/span>\n    \n  <\/button>\n                                                    <\/div>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center\">\n                        <span class=\"text-xs font-semibold uppercase tracking-widest text-slate-500 dark:text-slate-400\">Platform<\/span>\n                        <div class=\"flex flex-wrap items-center gap-3 lg:gap-4\">\n                                                            <button type=\"button\" class=\"inline-flex items-center gap-2 rounded-xl border border-slate-200\/80 bg-white\/70 px-4.5 py-3 text-sm\/6 font-medium text-slate-900 shadow-sm ring-1 ring-slate-200\/60 backdrop-blur transition-all hover:border-indigo-400\/70 hover:bg-white hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500\/60 dark:border-white\/10 dark:bg-slate-800\/70 dark:text-slate-200 dark:ring-white\/10 dark:hover:border-indigo-400\/60 dark:hover:bg-slate-800 dark:focus-visible:ring-indigo-400\/60\" x-bind:class=\"active === 'cloud' ? 'border-indigo-500 bg-white shadow-md ring-1 !ring-indigo-500\/60 dark:bg-slate-900' : ''\" @click=\"setActiveServersTab('cloud')\">\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\">\n  <path d=\"M6.5 19.5C5.11667 19.5 3.93733 19.0207 2.962 18.062C1.98733 17.104 1.5 15.9333 1.5 14.55C1.5 13.3167 1.89167 12.225 2.675 11.275C3.45833 10.325 4.45833 9.76667 5.675 9.6C5.99167 8.1 6.74167 6.875 7.925 5.925C9.10833 4.975 10.4667 4.5 12 4.5C13.8167 4.5 15.3543 5.129 16.613 6.387C17.871 7.64567 18.5 9.18333 18.5 11V11.5H18.8C19.8667 11.5833 20.75 12.0083 21.45 12.775C22.15 13.5417 22.5 14.45 22.5 15.5C22.5 16.6167 22.1123 17.5623 21.337 18.337C20.5623 19.1123 19.6167 19.5 18.5 19.5H6.5ZM6.5 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5127 8.43733 15.538 7.462C14.5627 6.48733 13.3833 6 12 6C10.6167 6 9.43767 6.48733 8.463 7.462C7.48767 8.43733 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18Z\" fill=\"currentColor\" \/>\n<\/svg>\n                                    <span>Virtual SAT>IP<\/span>\n    \n  <\/button>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n\n            \n                            <div\n                    class=\"location relative\"\n                    x-show=\"activeLocationservers_6a55d781456f5 === 'vilnius'\"\n                    x-cloak\n                    x-transition:enter=\"transition ease-out duration-200 delay-150\"\n                    x-transition:enter-start=\"opacity-0 translate-y-1\"\n                    x-transition:enter-end=\"opacity-100 translate-y-0\"\n                    x-transition:leave=\"transition ease-in duration-150\"\n                    x-transition:leave-start=\"opacity-100 translate-y-0 absolute inset-0 w-full\"\n                    x-transition:leave-end=\"opacity-0 translate-y-1 absolute inset-0 w-full\"\n                >\n                                                                        \n                            <div\n                                data-plan-grid\n                                class=\"flex flex-nowrap lg:flex-wrap overflow-x-auto lg:overflow-visible items-stretch lg:justify-center gap-4 xl:gap-6 snap-x snap-mandatory no-scrollbar\"\n                            >\n                                                                    \n                                                                            <div\n                                            data-plan-card\n                                            class=\"flex-shrink-0 w-[85%] sm:w-[calc(50%-1rem)] lg:w-[calc(25%-1.5rem)] lg:min-w-[280px]\"\n                                        >\n                                            <style>\n  .plan-card-scope .fixed.inset-y-0.right-0.flex.max-w-full { z-index: 120 !important; }\n  \n  .order-btn-sm {\n    position: relative;\n    padding: 0.6rem 1rem;\n    font-size: 0.9rem;\n    border-radius: 0.75rem;\n    width: 100%;\n    text-align: center;\n    overflow: hidden;\n    cursor: pointer;\n    transition: color 0.18s ease, background 0.22s ease, box-shadow 0.22s ease, transform 0.18s ease;\n  }\n\n  .order-btn-sm::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));\n    transform: translateX(-110%);\n    transition: transform 0.6s ease 0.15s;\n    pointer-events: none;\n    border-radius: inherit;\n  }\n\n  .order-btn-sm:hover::after {\n    transform: translateX(110%);\n  }\n\n  \/* Carousel Mobile Styling *\/\n  @media (max-width: 1023px) {\n    .plan-card-carousel-item {\n      scroll-snap-align: center;\n      flex: 0 0 85%; \/* Shows 85% of the card so the next one peaks in *\/\n      min-width: 280px;\n    }\n  }\n<\/style>\n\n<div class=\"plan-card-scope mt-10 plan-card-carousel-item\" \n     x-data=\"{ open:false, toggle(){ this.open = !this.open; $store.bodyScroll &#038;&#038; $store.bodyScroll.toggle() } }\">\n\n  <div data-plan-card class=\"flex flex-col h-full grow group\/card w-full lg:max-w-[360px] relative\">\n    \n          <div class=\"absolute -top-5 inset-x-0 z-10 flex justify-center\">\n        <div class=\"w-64 h-[40px] p-[1px] flex items-center justify-center rounded-full shadow-lg bg-[linear-gradient(135deg,rgba(32,68,144,1)_0%,rgba(77,105,166,1)_100%)] transition-all duration-300\">\n            <div class=\"relative w-full h-full flex items-center justify-center rounded-full bg-white dark:bg-[#101828] overflow-hidden\">\n            <div class=\"absolute inset-0 opacity-0 group-hover\/card:opacity-100 transition-opacity duration-500 bg-[linear-gradient(135deg,rgba(32,68,144,1)_0%,rgba(77,105,166,1)_100%)] rounded-full\"><\/div>\n            <p class=\"relative z-10 font-neue text-[12px] leading-5 tracking-widest text-grayscale-black dark:text-white group-hover\/card:text-white uppercase font-bold transition-colors duration-300\">\n              The most popular            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n  <div class=\"h-full w-full rounded-[17px] p-[1px] transition-all duration-300\n        bg-[linear-gradient(135deg,rgba(32,68,144,1)_0%,rgba(77,105,166,1)_100%)]\">\n      \n  <div class=\"relative isolate overflow-hidden\n      flex flex-col gap-4 bg-white dark:bg-slate-900 h-full\n      rounded-2xl shadow-md transition-all duration-300\n      hover:shadow-xl\n      pt-10 p-6 xl:p-12\n      group-hover\/card:bg-white dark:group-hover\/card:bg-[#1b2539]\">\n\n        <div class=\"absolute right-4 top-4 z-20\">\n          <button type=\"button\"\n                  class=\"text-grayscale-40 transition-colors focus:outline-none dark:text-gray-400 dark:group-hover\/card:text-white\/80 cursor-pointer\"\n                  @click.stop=\"toggle\">\n            <i class=\"fa-solid fa-circle-info text-lg\"><\/i>\n          <\/button>\n        <\/div>\n\n        <div class=\"flex flex-col gap-1 text-center\">\n                      <h4 class=\"h4-mobile xl:h5-desktop text-grayscale-black dark:text-white dark:group-hover\/card:text-white leading-[1.25] min-h-[calc(2*1.25em)]\" data-id=\"advanced-vps-satip-locked-tuner\">\n              Advanced VPS <br\/> SAT>IP Locked Tuner \n            <\/h4>\n                  <\/div>\n\n  <div class=\"bg-grayscale-40\/30 h-[1px] dark:group-hover\/card:bg-white\/20\"><\/div>\n\n        <div class=\"flex flex-col justify-center items-center gap-1 min-h-[5.25rem] text-center\">\n                    <h3 class=\"h1-mobile xl:text-3xl text-grayscale-black dark:text-white dark:group-hover\/card:text-white\" data-id=\"35-00-e-month\">\n            35.00 \u20ac\n            <span class=\"paragraph-text-regular text-gray-600 dark:text-white\/70 dark:group-hover\/card:text-white\/80\">\/month<\/span>\n          <\/h3>\n        <\/div>\n\n  <div class=\"bg-grayscale-40\/30 h-[1px] dark:group-hover\/card:bg-white\/20\"><\/div>\n\n        <a href=\"https:\/\/dev.satline.tv\/order\/store\/satline-vps\/advanced-dvb-vps-4x-satip?language=french\" class=\"w-full z-10 cursor-pointer\">\n          <button class=\"flex gap-3 justify-center items-center py-4 px-12 rounded-2xl button-text-small text-center border border-grayscale-black text-grayscale-black bg-transparent\n               hover:bg-[linear-gradient(135deg,#204490_0%,#4d69a6_100%)] hover:text-grayscale-white hover:border-[#204490]\n               dark:border-slate-500 dark:text-slate-100 dark:hover:border-indigo-400 dark:hover:bg-indigo-600 dark:hover:text-white\n               group transition-colors duration-200 select-none order-btn-sm group\/button transition-all text-grayscale-black dark:text-white\n                                group-hover\/card:bg-white group-hover\/card:text-grayscale-black dark:group-hover\/card:bg-[#1b2539] dark:group-hover\/card:text-white\n                                hover:bg-[linear-gradient(135deg,rgba(32,68,144,1)_0%,rgba(77,105,166,1)_100%)] hover:text-grayscale-black dark:hover:bg-white dark:hover:text-white\">\n  Order\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"transition-all duration-300 text-grayscale-black dark:text-white group-hover\/button:text-white group-hover\/button:translate-x-1\">\n  <path d=\"M14.05 17.65L13 16.575L16.825 12.75H4.3V11.25H16.825L13 7.42501L14.05 6.35001L19.7 12L14.05 17.65Z\" fill=\"currentColor\" \/>\n<\/svg>\n<\/button>\n        <\/a>\n\n        <div class=\"paragraph-text-small text-grayscale-black dark:text-gray-100 dark:group-hover\/card:text-white text-start\">\n          \n<ul class=\"product-features-list\">\n<li class=\"product-feature\">\n      <i class=\"fa-solid fa-satellite-dish icon\"><\/i><br \/>\n      <span><strong>2<\/strong> Satellite Positions <small>(expandable to 4)<\/small><\/span>\n    <\/li>\n<li class=\"product-feature\">\n      <i class=\"fa-solid fa-microchip icon\"><\/i><br \/>\n      <span><strong>4<\/strong> CPU Cores<\/span>\n    <\/li>\n<li class=\"product-feature\">\n      <i class=\"fa-solid fa-memory icon\"><\/i><br \/>\n      <span><strong>16 GB<\/strong> RAM<\/span>\n    <\/li>\n<li class=\"product-feature\">\n      <i class=\"fa-solid fa-hard-drive icon\"><\/i><br \/>\n      <span><strong>120 GB<\/strong> NVMe Storage<\/span>\n    <\/li>\n<li class=\"product-feature\">\n      <i class=\"fa-solid fa-wifi icon\"><\/i><br \/>\n      <span><strong>300 Mbps<\/strong> Bandwidth<\/span>\n    <\/li>\n<li class=\"product-feature\">\n      <i class=\"fa-solid fa-globe icon\"><\/i><br \/>\n      <span><strong>1 \u00d7<\/strong> IPv4 Address<\/span>\n    <\/li>\n<\/ul>\n\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"relative w-auto h-auto\">\n  <template x-teleport=\"body\">\n    <div class=\"relative z-[9998]\">\n      <div x-cloak x-show=\"open\" @keydown.window.escape=\"open=false; $store.bodyScroll.on=true\" class=\"relative z-[9999]\">\n        <div x-show=\"open\" @click=\"toggle\" class=\"fixed inset-0 z-[10000] bg-transBlack-20 dark:bg-black\/60\" x-transition.opacity.duration.600ms><\/div>\n        <div class=\"fixed inset-0 overflow-hidden z-[10001]\">\n          <div class=\"absolute inset-0 overflow-hidden\">\n            <div class=\"fixed inset-y-0 right-0 flex max-w-full\">\n              <div\n                x-show=\"open\"\n                @click.away=\"toggle\"\n                x-transition:enter=\"transform transition ease-in-out duration-300 sm:duration-500\"\n                x-transition:enter-start=\"translate-x-full\"\n                x-transition:enter-end=\"translate-x-0\"\n                x-transition:leave=\"transform transition ease-in-out duration-300 sm:duration-500\"\n                x-transition:leave-start=\"translate-x-0\"\n                x-transition:leave-end=\"translate-x-full\"\n                class=\"w-screen md:max-w-[560px] shadow-2xl\"\n              >\n                <div class=\"flex h-full flex-col overflow-y-scroll border-l border-grayscale-40 bg-grayscale-white text-grayscale-80 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100\">\n                  <div class=\"flex items-center justify-between gap-4 border-b border-grayscale-40 bg-grayscale-white p-4 md:p-8 dark:border-slate-700 dark:bg-slate-900\">\n                    <h4 class=\"h4-mobile xl:h5-desktop text-grayscale-black dark:text-slate-50\" data-id=\"information\">\n                      Information\n                    <\/h4>\n                    <div @click=\"toggle\">\n                      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"cursor-pointer text-grayscale-black dark:text-slate-200\">\n  <path d=\"M1.40001 13.65L0.350006 12.6L5.95001 7.00001L0.350006 1.40001L1.40001 0.350006L7.00001 5.95001L12.6 0.350006L13.65 1.40001L8.05001 7.00001L13.65 12.6L12.6 13.65L7.00001 8.05001L1.40001 13.65Z\" fill=\"currentColor\"\/>\n<\/svg>\n                    <\/div>\n                  <\/div>\n                  <div class=\"drawer-content flex flex-col gap-6 bg-grayscale-white py-8 px-4 md:px-8 dark:bg-slate-900 [&#038;_.prose_p]:mb-2 [&#038;_.prose_p:last-child]:mb-0 [&#038;_.prose_p]:leading-6 [&#038;_.prose_p]:!text-slate-800 dark:[&#038;_.prose_p]:!text-gray-400 [&#038;_.prose_b]:mb-1 [&#038;_.prose_b]:font-semibold [&#038;_.prose_b]:text-lg [&#038;_.prose_b]:leading-6 [&#038;_.prose_b]:text-slate-900 dark:[&#038;_.prose_b]:text-gray-200 [&#038;_.prose_strong]:mb-1 [&#038;_.prose_strong]:font-semibold [&#038;_.prose_strong]:text-lg [&#038;_.prose_strong]:leading-6 [&#038;_.prose_strong]:text-slate-900 dark:[&#038;_.prose_strong]:text-gray-200\">\n                    <div class=\"prose\">\n      \n    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/template>\n<\/div>\n<\/div>\n                                        <\/div>\n                                                                                                        \n                                                                            <div\n                                            data-plan-card\n                                            class=\"flex-shrink-0 w-[85%] sm:w-[calc(50%-1rem)] lg:w-[calc(25%-1.5rem)] lg:min-w-[280px]\"\n                                        >\n                                            <style>\n  .plan-card-scope .fixed.inset-y-0.right-0.flex.max-w-full { z-index: 120 !important; }\n  \n  .order-btn-sm {\n    position: relative;\n    padding: 0.6rem 1rem;\n    font-size: 0.9rem;\n    border-radius: 0.75rem;\n    width: 100%;\n    text-align: center;\n    overflow: hidden;\n    cursor: pointer;\n    transition: color 0.18s ease, background 0.22s ease, box-shadow 0.22s ease, transform 0.18s ease;\n  }\n\n  .order-btn-sm::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));\n    transform: translateX(-110%);\n    transition: transform 0.6s ease 0.15s;\n    pointer-events: none;\n    border-radius: inherit;\n  }\n\n  .order-btn-sm:hover::after {\n    transform: translateX(110%);\n  }\n\n  \/* Carousel Mobile Styling *\/\n  @media (max-width: 1023px) {\n    .plan-card-carousel-item {\n      scroll-snap-align: center;\n      flex: 0 0 85%; \/* Shows 85% of the card so the next one peaks in *\/\n      min-width: 280px;\n    }\n  }\n<\/style>\n\n<div class=\"plan-card-scope mt-10 plan-card-carousel-item\" \n     x-data=\"{ open:false, toggle(){ this.open = !this.open; $store.bodyScroll &#038;&#038; $store.bodyScroll.toggle() } }\">\n\n  <div data-plan-card class=\"flex flex-col h-full grow group\/card w-full lg:max-w-[360px] relative\">\n    \n    \n  <div class=\"h-full w-full rounded-[17px] p-[1px] transition-all duration-300\n        bg-white dark:bg-[#1b2539] group-hover\/card:bg-[linear-gradient(135deg,rgba(32,68,144,1)_0%,rgba(77,105,166,1)_100%)]\">\n      \n  <div class=\"relative isolate overflow-hidden\n      flex flex-col gap-4 bg-white dark:bg-slate-900 h-full\n      rounded-2xl shadow-md transition-all duration-300\n      hover:shadow-xl\n      pt-10 p-6 xl:p-12\n      group-hover\/card:bg-white dark:group-hover\/card:bg-[#1b2539]\">\n\n        <div class=\"absolute right-4 top-4 z-20\">\n          <button type=\"button\"\n                  class=\"text-grayscale-40 transition-colors focus:outline-none dark:text-gray-400 dark:group-hover\/card:text-white\/80 cursor-pointer\"\n                  @click.stop=\"toggle\">\n            <i class=\"fa-solid fa-circle-info text-lg\"><\/i>\n          <\/button>\n        <\/div>\n\n        <div class=\"flex flex-col gap-1 text-center\">\n                      <h4 class=\"h4-mobile xl:h5-desktop text-grayscale-black dark:text-white dark:group-hover\/card:text-white leading-[1.25] min-h-[calc(2*1.25em)]\" data-id=\"pro-virtual-satip-server\">\n              Pro Virtual SAT>IP Server\n            <\/h4>\n                  <\/div>\n\n  <div class=\"bg-grayscale-40\/30 h-[1px] dark:group-hover\/card:bg-white\/20\"><\/div>\n\n        <div class=\"flex flex-col justify-center items-center gap-1 min-h-[5.25rem] text-center\">\n                    <h3 class=\"h1-mobile xl:text-3xl text-grayscale-black dark:text-white dark:group-hover\/card:text-white\" data-id=\"70-00-e-month\">\n            70.00 \u20ac\n            <span class=\"paragraph-text-regular text-gray-600 dark:text-white\/70 dark:group-hover\/card:text-white\/80\">\/month<\/span>\n          <\/h3>\n        <\/div>\n\n  <div class=\"bg-grayscale-40\/30 h-[1px] dark:group-hover\/card:bg-white\/20\"><\/div>\n\n        <a href=\"https:\/\/dev.satline.tv\/order\/store\/satline-vps\/pro-dvb-vps-8x-satip?language=french\" class=\"w-full z-10 cursor-pointer\">\n          <button class=\"flex gap-3 justify-center items-center py-4 px-12 rounded-2xl button-text-small text-center border border-grayscale-black text-grayscale-black bg-transparent\n               hover:bg-[linear-gradient(135deg,#204490_0%,#4d69a6_100%)] hover:text-grayscale-white hover:border-[#204490]\n               dark:border-slate-500 dark:text-slate-100 dark:hover:border-indigo-400 dark:hover:bg-indigo-600 dark:hover:text-white\n               group transition-colors duration-200 select-none order-btn-sm group\/button transition-all text-grayscale-black dark:text-white\n                                group-hover\/card:bg-white group-hover\/card:text-grayscale-black dark:group-hover\/card:bg-[#1b2539] dark:group-hover\/card:text-white\n                                hover:bg-[linear-gradient(135deg,rgba(32,68,144,1)_0%,rgba(77,105,166,1)_100%)] hover:text-grayscale-black dark:hover:bg-white dark:hover:text-white\">\n  Order\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"transition-all duration-300 text-grayscale-black dark:text-white group-hover\/button:text-white group-hover\/button:translate-x-1\">\n  <path d=\"M14.05 17.65L13 16.575L16.825 12.75H4.3V11.25H16.825L13 7.42501L14.05 6.35001L19.7 12L14.05 17.65Z\" fill=\"currentColor\" \/>\n<\/svg>\n<\/button>\n        <\/a>\n\n        <div class=\"paragraph-text-small text-grayscale-black dark:text-gray-100 dark:group-hover\/card:text-white text-start\">\n          \n<ul class=\"product-features-list\">\n<li class=\"product-feature\">\n      <i class=\"fa-solid fa-satellite-dish icon\"><\/i><br \/>\n      <span><strong>4<\/strong> Satellite Positions <small>(expandable to 8)<\/small><\/span>\n    <\/li>\n<li class=\"product-feature\">\n      <i class=\"fa-solid fa-microchip icon\"><\/i><br \/>\n      <span><strong>8<\/strong> CPU Cores<\/span>\n    <\/li>\n<li class=\"product-feature\">\n      <i class=\"fa-solid fa-memory icon\"><\/i><br \/>\n      <span><strong>32 GB<\/strong> RAM<\/span>\n    <\/li>\n<li class=\"product-feature\">\n      <i class=\"fa-solid fa-hard-drive icon\"><\/i><br \/>\n      <span><strong>240 GB<\/strong> NVMe Storage<\/span>\n    <\/li>\n<li class=\"product-feature\">\n      <i class=\"fa-solid fa-wifi icon\"><\/i><br \/>\n      <span><strong>800 Mbps<\/strong> Bandwidth<\/span>\n    <\/li>\n<li class=\"product-feature\">\n      <i class=\"fa-solid fa-globe icon\"><\/i><br \/>\n      <span><strong>1 \u00d7<\/strong> IPv4 Address<\/span>\n    <\/li>\n<\/ul>\n\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"relative w-auto h-auto\">\n  <template x-teleport=\"body\">\n    <div class=\"relative z-[9998]\">\n      <div x-cloak x-show=\"open\" @keydown.window.escape=\"open=false; $store.bodyScroll.on=true\" class=\"relative z-[9999]\">\n        <div x-show=\"open\" @click=\"toggle\" class=\"fixed inset-0 z-[10000] bg-transBlack-20 dark:bg-black\/60\" x-transition.opacity.duration.600ms><\/div>\n        <div class=\"fixed inset-0 overflow-hidden z-[10001]\">\n          <div class=\"absolute inset-0 overflow-hidden\">\n            <div class=\"fixed inset-y-0 right-0 flex max-w-full\">\n              <div\n                x-show=\"open\"\n                @click.away=\"toggle\"\n                x-transition:enter=\"transform transition ease-in-out duration-300 sm:duration-500\"\n                x-transition:enter-start=\"translate-x-full\"\n                x-transition:enter-end=\"translate-x-0\"\n                x-transition:leave=\"transform transition ease-in-out duration-300 sm:duration-500\"\n                x-transition:leave-start=\"translate-x-0\"\n                x-transition:leave-end=\"translate-x-full\"\n                class=\"w-screen md:max-w-[560px] shadow-2xl\"\n              >\n                <div class=\"flex h-full flex-col overflow-y-scroll border-l border-grayscale-40 bg-grayscale-white text-grayscale-80 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100\">\n                  <div class=\"flex items-center justify-between gap-4 border-b border-grayscale-40 bg-grayscale-white p-4 md:p-8 dark:border-slate-700 dark:bg-slate-900\">\n                    <h4 class=\"h4-mobile xl:h5-desktop text-grayscale-black dark:text-slate-50\" data-id=\"information\">\n                      Information\n                    <\/h4>\n                    <div @click=\"toggle\">\n                      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"cursor-pointer text-grayscale-black dark:text-slate-200\">\n  <path d=\"M1.40001 13.65L0.350006 12.6L5.95001 7.00001L0.350006 1.40001L1.40001 0.350006L7.00001 5.95001L12.6 0.350006L13.65 1.40001L8.05001 7.00001L13.65 12.6L12.6 13.65L7.00001 8.05001L1.40001 13.65Z\" fill=\"currentColor\"\/>\n<\/svg>\n                    <\/div>\n                  <\/div>\n                  <div class=\"drawer-content flex flex-col gap-6 bg-grayscale-white py-8 px-4 md:px-8 dark:bg-slate-900 [&#038;_.prose_p]:mb-2 [&#038;_.prose_p:last-child]:mb-0 [&#038;_.prose_p]:leading-6 [&#038;_.prose_p]:!text-slate-800 dark:[&#038;_.prose_p]:!text-gray-400 [&#038;_.prose_b]:mb-1 [&#038;_.prose_b]:font-semibold [&#038;_.prose_b]:text-lg [&#038;_.prose_b]:leading-6 [&#038;_.prose_b]:text-slate-900 dark:[&#038;_.prose_b]:text-gray-200 [&#038;_.prose_strong]:mb-1 [&#038;_.prose_strong]:font-semibold [&#038;_.prose_strong]:text-lg [&#038;_.prose_strong]:leading-6 [&#038;_.prose_strong]:text-slate-900 dark:[&#038;_.prose_strong]:text-gray-200\">\n                    <div class=\"prose\">\n      \n    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/template>\n<\/div>\n<\/div>\n                                        <\/div>\n                                                                                                        \n                                                                            <div\n                                            data-plan-card\n                                            class=\"flex-shrink-0 w-[85%] sm:w-[calc(50%-1rem)] lg:w-[calc(25%-1.5rem)] lg:min-w-[280px]\"\n                                        >\n                                            <style>\n  .plan-card-scope .fixed.inset-y-0.right-0.flex.max-w-full { z-index: 120 !important; }\n  \n  .order-btn-sm {\n    position: relative;\n    padding: 0.6rem 1rem;\n    font-size: 0.9rem;\n    border-radius: 0.75rem;\n    width: 100%;\n    text-align: center;\n    overflow: hidden;\n    cursor: pointer;\n    transition: color 0.18s ease, background 0.22s ease, box-shadow 0.22s ease, transform 0.18s ease;\n  }\n\n  .order-btn-sm::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));\n    transform: translateX(-110%);\n    transition: transform 0.6s ease 0.15s;\n    pointer-events: none;\n    border-radius: inherit;\n  }\n\n  .order-btn-sm:hover::after {\n    transform: translateX(110%);\n  }\n\n  \/* Carousel Mobile Styling *\/\n  @media (max-width: 1023px) {\n    .plan-card-carousel-item {\n      scroll-snap-align: center;\n      flex: 0 0 85%; \/* Shows 85% of the card so the next one peaks in *\/\n      min-width: 280px;\n    }\n  }\n<\/style>\n\n<div class=\"plan-card-scope mt-10 plan-card-carousel-item\" \n     x-data=\"{ open:false, toggle(){ this.open = !this.open; $store.bodyScroll &#038;&#038; $store.bodyScroll.toggle() } }\">\n\n  <div data-plan-card class=\"flex flex-col h-full grow group\/card w-full lg:max-w-[360px] relative\">\n    \n    \n  <div class=\"h-full w-full rounded-[17px] p-[1px] transition-all duration-300\n        bg-white dark:bg-[#1b2539] group-hover\/card:bg-[linear-gradient(135deg,rgba(32,68,144,1)_0%,rgba(77,105,166,1)_100%)]\">\n      \n  <div class=\"relative isolate overflow-hidden\n      flex flex-col gap-4 bg-white dark:bg-slate-900 h-full\n      rounded-2xl shadow-md transition-all duration-300\n      hover:shadow-xl\n      pt-10 p-6 xl:p-12\n      group-hover\/card:bg-white dark:group-hover\/card:bg-[#1b2539]\">\n\n        <div class=\"absolute right-4 top-4 z-20\">\n          <button type=\"button\"\n                  class=\"text-grayscale-40 transition-colors focus:outline-none dark:text-gray-400 dark:group-hover\/card:text-white\/80 cursor-pointer\"\n                  @click.stop=\"toggle\">\n            <i class=\"fa-solid fa-circle-info text-lg\"><\/i>\n          <\/button>\n        <\/div>\n\n        <div class=\"flex flex-col gap-1 text-center\">\n                      <h4 class=\"h4-mobile xl:h5-desktop text-grayscale-black dark:text-white dark:group-hover\/card:text-white leading-[1.25] min-h-[calc(2*1.25em)]\" data-id=\"starter-virtual-satip-server\">\n              Starter Virtual SAT>IP Server\n            <\/h4>\n                  <\/div>\n\n  <div class=\"bg-grayscale-40\/30 h-[1px] dark:group-hover\/card:bg-white\/20\"><\/div>\n\n        <div class=\"flex flex-col justify-center items-center gap-1 min-h-[5.25rem] text-center\">\n                    <h3 class=\"h1-mobile xl:text-3xl text-grayscale-black dark:text-white dark:group-hover\/card:text-white\" data-id=\"25-00-e-month\">\n            25.00 \u20ac\n            <span class=\"paragraph-text-regular text-gray-600 dark:text-white\/70 dark:group-hover\/card:text-white\/80\">\/month<\/span>\n          <\/h3>\n        <\/div>\n\n  <div class=\"bg-grayscale-40\/30 h-[1px] dark:group-hover\/card:bg-white\/20\"><\/div>\n\n        <a href=\"https:\/\/dev.satline.tv\/order\/store\/satline-vps\/starter-dvb-vps?language=french\" class=\"w-full z-10 cursor-pointer\">\n          <button class=\"flex gap-3 justify-center items-center py-4 px-12 rounded-2xl button-text-small text-center border border-grayscale-black text-grayscale-black bg-transparent\n               hover:bg-[linear-gradient(135deg,#204490_0%,#4d69a6_100%)] hover:text-grayscale-white hover:border-[#204490]\n               dark:border-slate-500 dark:text-slate-100 dark:hover:border-indigo-400 dark:hover:bg-indigo-600 dark:hover:text-white\n               group transition-colors duration-200 select-none order-btn-sm group\/button transition-all text-grayscale-black dark:text-white\n                                group-hover\/card:bg-white group-hover\/card:text-grayscale-black dark:group-hover\/card:bg-[#1b2539] dark:group-hover\/card:text-white\n                                hover:bg-[linear-gradient(135deg,rgba(32,68,144,1)_0%,rgba(77,105,166,1)_100%)] hover:text-grayscale-black dark:hover:bg-white dark:hover:text-white\">\n  Order\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"transition-all duration-300 text-grayscale-black dark:text-white group-hover\/button:text-white group-hover\/button:translate-x-1\">\n  <path d=\"M14.05 17.65L13 16.575L16.825 12.75H4.3V11.25H16.825L13 7.42501L14.05 6.35001L19.7 12L14.05 17.65Z\" fill=\"currentColor\" \/>\n<\/svg>\n<\/button>\n        <\/a>\n\n        <div class=\"paragraph-text-small text-grayscale-black dark:text-gray-100 dark:group-hover\/card:text-white text-start\">\n          <ul class=\"product-features-list\">\n<li class=\"product-feature\">\n    <i class=\"fa-solid fa-satellite-dish icon\"><\/i><br \/>\n    <span><strong>1<\/strong> Satellite Position <small>(expandable to 2)<\/small><\/span>\n  <\/li>\n<li class=\"product-feature\">\n    <i class=\"fa-solid fa-microchip icon\"><\/i><br \/>\n    <span><strong>2<\/strong> CPU Cores<\/span>\n  <\/li>\n<li class=\"product-feature\">\n    <i class=\"fa-solid fa-memory icon\"><\/i><br \/>\n    <span><strong>8 GB<\/strong> RAM<\/span>\n  <\/li>\n<li class=\"product-feature\">\n    <i class=\"fa-solid fa-hard-drive icon\"><\/i><br \/>\n    <span><strong>40 GB<\/strong> NVMe Storage<\/span>\n  <\/li>\n<li class=\"product-feature\">\n    <i class=\"fa-solid fa-wifi icon\"><\/i><br \/>\n    <span><strong>200 Mbps<\/strong> Bandwidth<\/span>\n  <\/li>\n<li class=\"product-feature\">\n    <i class=\"fa-solid fa-globe icon\"><\/i><br \/>\n    <span><strong>1 \u00d7<\/strong> IPv4 Address<\/span>\n  <\/li>\n<\/ul>\n\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"relative w-auto h-auto\">\n  <template x-teleport=\"body\">\n    <div class=\"relative z-[9998]\">\n      <div x-cloak x-show=\"open\" @keydown.window.escape=\"open=false; $store.bodyScroll.on=true\" class=\"relative z-[9999]\">\n        <div x-show=\"open\" @click=\"toggle\" class=\"fixed inset-0 z-[10000] bg-transBlack-20 dark:bg-black\/60\" x-transition.opacity.duration.600ms><\/div>\n        <div class=\"fixed inset-0 overflow-hidden z-[10001]\">\n          <div class=\"absolute inset-0 overflow-hidden\">\n            <div class=\"fixed inset-y-0 right-0 flex max-w-full\">\n              <div\n                x-show=\"open\"\n                @click.away=\"toggle\"\n                x-transition:enter=\"transform transition ease-in-out duration-300 sm:duration-500\"\n                x-transition:enter-start=\"translate-x-full\"\n                x-transition:enter-end=\"translate-x-0\"\n                x-transition:leave=\"transform transition ease-in-out duration-300 sm:duration-500\"\n                x-transition:leave-start=\"translate-x-0\"\n                x-transition:leave-end=\"translate-x-full\"\n                class=\"w-screen md:max-w-[560px] shadow-2xl\"\n              >\n                <div class=\"flex h-full flex-col overflow-y-scroll border-l border-grayscale-40 bg-grayscale-white text-grayscale-80 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100\">\n                  <div class=\"flex items-center justify-between gap-4 border-b border-grayscale-40 bg-grayscale-white p-4 md:p-8 dark:border-slate-700 dark:bg-slate-900\">\n                    <h4 class=\"h4-mobile xl:h5-desktop text-grayscale-black dark:text-slate-50\" data-id=\"information\">\n                      Information\n                    <\/h4>\n                    <div @click=\"toggle\">\n                      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"cursor-pointer text-grayscale-black dark:text-slate-200\">\n  <path d=\"M1.40001 13.65L0.350006 12.6L5.95001 7.00001L0.350006 1.40001L1.40001 0.350006L7.00001 5.95001L12.6 0.350006L13.65 1.40001L8.05001 7.00001L13.65 12.6L12.6 13.65L7.00001 8.05001L1.40001 13.65Z\" fill=\"currentColor\"\/>\n<\/svg>\n                    <\/div>\n                  <\/div>\n                  <div class=\"drawer-content flex flex-col gap-6 bg-grayscale-white py-8 px-4 md:px-8 dark:bg-slate-900 [&#038;_.prose_p]:mb-2 [&#038;_.prose_p:last-child]:mb-0 [&#038;_.prose_p]:leading-6 [&#038;_.prose_p]:!text-slate-800 dark:[&#038;_.prose_p]:!text-gray-400 [&#038;_.prose_b]:mb-1 [&#038;_.prose_b]:font-semibold [&#038;_.prose_b]:text-lg [&#038;_.prose_b]:leading-6 [&#038;_.prose_b]:text-slate-900 dark:[&#038;_.prose_b]:text-gray-200 [&#038;_.prose_strong]:mb-1 [&#038;_.prose_strong]:font-semibold [&#038;_.prose_strong]:text-lg [&#038;_.prose_strong]:leading-6 [&#038;_.prose_strong]:text-slate-900 dark:[&#038;_.prose_strong]:text-gray-200\">\n                    <div class=\"prose\">\n      <p><b>TIER 3 data center hosting<\/b><br \/>\nOur cloud servers are hosted in secure and certified TIER 3 data centers, ensuring maximum uptime and data protection.<\/p>\n<p><b>High availability clustering<\/b><br \/>\nBenefit from high availability (HA) clustering, ensuring minimal downtime as your cloud server is automatically migrated to a healthy node in case of failure.<\/p>\n<p><b>Dedicated resource allocation<\/b><br \/>\nExperience consistent performance with our no-overcommitment policy, ensuring you get the resources you pay for without any resource sharing.<\/p>\n<p><b>High-performance hardware<\/b><br \/>\nPowered by the latest energy-efficient AMD EPYC processors, high-throughput DDR4 ECC RAM, and blazing-fast NVMe storage drives with up to 520K IOPS and 3.0GB\/s throughput, our cloud servers deliver exceptional performance while ensuring reliability and data integrity.<\/p>\n<p><b>Uninterrupted uptime<\/b><br \/>\nExperience uninterrupted operations with redundant (N+1) network connectivity and power delivery systems, ensuring maximum uptime for your cloud servers.<\/p>\n<p><b>Robust security and backups<\/b><br \/>\nSafeguard your data with advanced DDoS protection measures and flexible backup options, including weekly, daily, or hourly backups.<\/p>\n<p><b>Comprehensive monitoring<\/b><br \/>\nMonitor your cloud server&#8217;s resource usage with historical charts available in the client area, providing insights into performance and scalability.<\/p>\n\n    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/template>\n<\/div>\n<\/div>\n                                        <\/div>\n                                                                                                <\/div>\n                                                            <\/div>\n            \n            \n                            <div class=\"locations space-y-10\">\n                                            <div\n                            class=\"location relative\"\n                            x-show=\"activeLocationservers_6a55d781456f5 === 'london'\"\n                            x-cloak\n                            x-transition:enter=\"transition ease-out duration-200 delay-150\"\n                            x-transition:enter-start=\"opacity-0 translate-y-1\"\n                            x-transition:enter-end=\"opacity-100 translate-y-0\"\n                            x-transition:leave=\"transition ease-in duration-150\"\n                            x-transition:leave-start=\"opacity-100 translate-y-0 absolute inset-0 w-full\"\n                            x-transition:leave-end=\"opacity-0 translate-y-1 absolute inset-0 w-full\"\n                        >\n                            \n                                                                                                \n                                    <div\n                                        data-plan-grid\n                                        class=\"flex flex-nowrap lg:flex-wrap overflow-x-auto lg:overflow-visible items-stretch lg:justify-center gap-4 xl:gap-6 snap-x snap-mandatory no-scrollbar\"\n                                    >\n                                                                                    \n                                                                                            <div\n                                                    data-plan-card\n                                                    class=\"flex-shrink-0 w-[85%] sm:w-[calc(50%-1rem)] lg:w-[calc(25%-1.5rem)] lg:min-w-[280px]\"\n                                                >\n                                                                                                            <style>\n  .plan-card-scope .fixed.inset-y-0.right-0.flex.max-w-full { z-index: 120 !important; }\n  \n  .order-btn-sm {\n    position: relative;\n    padding: 0.6rem 1rem;\n    font-size: 0.9rem;\n    border-radius: 0.75rem;\n    width: 100%;\n    text-align: center;\n    overflow: hidden;\n    cursor: pointer;\n    transition: color 0.18s ease, background 0.22s ease, box-shadow 0.22s ease, transform 0.18s ease;\n  }\n\n  .order-btn-sm::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));\n    transform: translateX(-110%);\n    transition: transform 0.6s ease;\n    pointer-events: none;\n    border-radius: inherit;\n  }\n\n  .order-btn-sm:hover::after {\n    transform: translateX(110%);\n  }\n\n  \/* Carousel Mobile Styling *\/\n  @media (max-width: 1023px) {\n    .plan-card-carousel-item {\n      scroll-snap-align: center;\n      flex: 0 0 85%; \/* Shows 85% of the card so the next one peaks in *\/\n      min-width: 280px;\n    }\n  }\n\n  .btn-icon{width:24px;height:24px;object-fit:contain;}\n  .no-scrollbar::-webkit-scrollbar { display: none; }\n  .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n<\/style>\n\n<div class=\"plan-card-scope mt-10 plan-card-carousel-item\">\n\n  <!-- =========================\n       CONFIG SCOPE (parent)\n       Wraps the card + the CONFIG overlay.\n       ========================= -->\n  <div\n    x-data=\"{\n      open:false,\n      toggle(){\n        this.open = !this.open;\n        if (this.open) { $store.bodyScroll &#038;&#038; $store.bodyScroll.disable() }\n        else           { $store.bodyScroll &#038;&#038; $store.bodyScroll.enable()  }\n      }\n    }\"\n    @config-toggle.stop=\"toggle\"\n  >\n\n    <!-- =========================\n         INFO SCOPE (child)\n         Wraps the card + INFO overlay. Independent from CONFIG.\n         ========================= -->\n    <div\n      x-data=\"{\n        open:false,\n        toggle(){\n          this.open = !this.open;\n          if (this.open) { $store.bodyScroll &#038;&#038; $store.bodyScroll.disable() }\n          else           { $store.bodyScroll &#038;&#038; $store.bodyScroll.enable()  }\n        }\n      }\"\n    >\n\n      <div data-plan-card class=\"flex flex-col h-full grow group\/card w-full lg:max-w-[360px] relative\">\n        <div class=\"h-full w-full rounded-[17px] p-[1px] transition-all duration-300 bg-[#1b2539] group-hover\/card:bg-[linear-gradient(135deg,rgba(32,68,144,1)_0%,rgba(77,105,166,1)_100%)]\">\n          <div class=\"relative isolate overflow-hidden\n                      flex flex-col gap-4 bg-white dark:bg-slate-900 h-full\n                      rounded-2xl shadow-md transition-all duration-300\n                      hover:shadow-xl pt-10 p-6 xl:p-12 hover:bg-[#1b2539]\">\n\n          \n          \n          \n          <div class=\"absolute right-4 top-15\">\n            <button type=\"button\"\n                    class=\"text-grayscale-40 hover:text-primary-50 transition-colors focus:outline-none dark:text-gray-400 dark:hover:text-indigo-300\"\n                    aria-label=\"More information\"\n                    @click.stop=\"toggle\"\n                    @keydown.enter.stop.prevent=\"toggle\">\n              <i class=\"fa-solid fa-circle-info text-lg\"><\/i>\n            <\/button>\n          <\/div>\n\n          \n                      <div class=\"flex flex-col gap-1\">\n              <h4 data-plan-title\n                  class=\"h4-mobile xl:h5-desktop text-grayscale-black leading-[1.25] dark:text-gray-200\n                         min-h-[calc(2*1.25em)] xl:leading-[1.2] xl:min-h-[calc(2*1.2em)]\" data-id=\"starter-dvb-vps\">\n                Starter DVB-VPS\u200e\n              <\/h4>\n            <\/div>\n          \n    <div class=\"bg-grayscale-40\/30 h-[1px] dark:group-hover\/card:bg-white\/20\"><\/div>\n\n          \n          <div data-plan-price class=\"flex flex-col justify-center items-center gap-1\"\n               style=\"--price-min:5.25rem; min-height: var(--price-min);\">\n            <h3 class=\"h1-mobile xl:text-3xl text-grayscale-black dark:text-gray-200\" data-id=\"49-e-month\">\n              49 \u20ac\n              <span class=\"paragraph-text-regular text-gray-600 dark:text-gray-300 dark:group-hover\/card:text-white\/80\">\/month<\/span>\n            <\/h3>\n          <\/div>\n\n          <div class=\"bg-grayscale-40\/30 h-[1px] dark:group-hover\/card:bg-white\/20\"><\/div>\n\n          \n                      <a href=\"https:\/\/satline.tv\/order\/store\/satline-vps\/starter-dvb-vps?language=french\" class=\"w-full\">\n              <button class=\"flex gap-3 justify-center items-center py-4 px-12 rounded-2xl button-text-small text-center border border-grayscale-black text-grayscale-black bg-transparent\n               hover:bg-[linear-gradient(135deg,#204490_0%,#4d69a6_100%)] hover:text-grayscale-white hover:border-[#204490]\n               dark:border-slate-500 dark:text-slate-100 dark:hover:border-indigo-400 dark:hover:bg-indigo-600 dark:hover:text-white\n               group transition-colors duration-200 select-none order-btn-sm group\/button transition-all text-grayscale-black dark:text-white\n                                    group-hover\/card:bg-white group-hover\/card:text-grayscale-black dark:group-hover\/card:bg-[#1b2539] dark:group-hover\/card:text-white\n                                    hover:bg-[linear-gradient(135deg,rgba(32,68,144,1)_0%,rgba(77,105,166,1)_100%)] hover:text-grayscale-black\">\n  Order\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"transition-all duration-300 text-grayscale-black dark:text-white group-hover\/button:text-white group-hover\/button:translate-x-1\">\n  <path d=\"M14.05 17.65L13 16.575L16.825 12.75H4.3V11.25H16.825L13 7.42501L14.05 6.35001L19.7 12L14.05 17.65Z\" fill=\"currentColor\" \/>\n<\/svg>\n<\/button>\n            <\/a>\n          \n          \n          <div class=\"paragraph-text-small text-grayscale-black dark:text-gray-200\">\n            <p>2 core<br \/>\n2GB RAM<br \/>\n20GB NVME<br \/>\n100Mbps<br \/>\n1xIPV4 address<br \/>\nPasirinkite 1 palydovo transponder\u012f<br \/>\nI\u0161pl\u0117skite iki 1 palydovo transponderio<\/p>\n\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- INFO OVERLAY (sibling of the .relative shell \u2192 never under header) -->\n      <div class=\"relative w-auto h-auto\">\n  <template x-teleport=\"body\">\n    <div class=\"relative z-[9998]\">\n      <div x-cloak x-show=\"open\" @keydown.window.escape=\"open=false; $store.bodyScroll.on=true\" class=\"relative z-[9999]\">\n        <div x-show=\"open\" @click=\"toggle\" class=\"fixed inset-0 z-[10000] bg-transBlack-20 dark:bg-black\/60\" x-transition.opacity.duration.600ms><\/div>\n        <div class=\"fixed inset-0 overflow-hidden z-[10001]\">\n          <div class=\"absolute inset-0 overflow-hidden\">\n            <div class=\"fixed inset-y-0 right-0 flex max-w-full\">\n              <div\n                x-show=\"open\"\n                @click.away=\"toggle\"\n                x-transition:enter=\"transform transition ease-in-out duration-300 sm:duration-500\"\n                x-transition:enter-start=\"translate-x-full\"\n                x-transition:enter-end=\"translate-x-0\"\n                x-transition:leave=\"transform transition ease-in-out duration-300 sm:duration-500\"\n                x-transition:leave-start=\"translate-x-0\"\n                x-transition:leave-end=\"translate-x-full\"\n                class=\"w-screen md:max-w-[560px] shadow-2xl\"\n              >\n                <div class=\"flex h-full flex-col overflow-y-scroll border-l border-grayscale-40 bg-grayscale-white text-grayscale-80 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100\">\n                  <div class=\"flex items-center justify-between gap-4 border-b border-grayscale-40 bg-grayscale-white p-4 md:p-8 dark:border-slate-700 dark:bg-slate-900\">\n                    <h4 class=\"h4-mobile xl:h5-desktop text-grayscale-black dark:text-slate-50\" data-id=\"information\">\n                      Information\n                    <\/h4>\n                    <div @click=\"toggle\">\n                      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"cursor-pointer text-grayscale-black dark:text-slate-200\">\n  <path d=\"M1.40001 13.65L0.350006 12.6L5.95001 7.00001L0.350006 1.40001L1.40001 0.350006L7.00001 5.95001L12.6 0.350006L13.65 1.40001L8.05001 7.00001L13.65 12.6L12.6 13.65L7.00001 8.05001L1.40001 13.65Z\" fill=\"currentColor\"\/>\n<\/svg>\n                    <\/div>\n                  <\/div>\n                  <div class=\"drawer-content flex flex-col gap-6 bg-grayscale-white py-8 px-4 md:px-8 dark:bg-slate-900 [&#038;_.prose_p]:mb-2 [&#038;_.prose_p:last-child]:mb-0 [&#038;_.prose_p]:leading-6 [&#038;_.prose_p]:!text-slate-800 dark:[&#038;_.prose_p]:!text-gray-400 [&#038;_.prose_b]:mb-1 [&#038;_.prose_b]:font-semibold [&#038;_.prose_b]:text-lg [&#038;_.prose_b]:leading-6 [&#038;_.prose_b]:text-slate-900 dark:[&#038;_.prose_b]:text-gray-200 [&#038;_.prose_strong]:mb-1 [&#038;_.prose_strong]:font-semibold [&#038;_.prose_strong]:text-lg [&#038;_.prose_strong]:leading-6 [&#038;_.prose_strong]:text-slate-900 dark:[&#038;_.prose_strong]:text-gray-200\">\n                    <div class=\"prose\">\n          <p style=\"text-align: left;\"><strong>Virtuali\u0173 tiuneri\u0173 technologija<\/strong><\/p>\n<p style=\"text-align: left;\">M\u016bs\u0173 DVB-VPS sprendimai yra paremti naujausia SAT&gt;IP technologija. Si\u016blome du skirtingus virtuali\u0173 tiuneri\u0173 tipus, atitinkan\u010dius skirtingus vartotoj\u0173 poreikius:<\/p>\n<p style=\"text-align: left;\"><strong>Bendriniai (shared) tiuneriai tiksliniam turiniui <\/strong><\/p>\n<p style=\"text-align: left;\">Bendrinis tiuneris prisijungia prie vieno i\u0161 daugelio i\u0161 anksto nustatyt\u0173 palydovini\u0173 da\u017eni\u0173. \u0160i paslauga sukurta klientams, turintiems ai\u0161kius norimo turinio pageidavimus. Did\u017eiausi privalumai &#8211; ekonomi\u0161kumas ir prieiga prie palydovinio turinio.<\/p>\n<p style=\"text-align: left;\"><strong>Dedikuoti tiuneriai platesnei palydovinei prieigai <\/strong><\/p>\n<p style=\"text-align: left;\">Dedikuoto tiunerio paslauga suteikia daugiau lankstumo: tiuneriui prisijungus prie norimo palydovo, vartotojas gali rinktis konkre\u010dius transliacijos da\u017enius. Sprendimas puikiai tinka klientams, ie\u0161kantiems universalesn\u0117s transliacijos patirties ir galimyb\u0117s transliuoti \u012fvair\u0173 turin\u012f, keisti norimus nustatymus.<\/p>\n<p style=\"text-align: left;\"><strong>Kaip veikia SAT&gt;IP technologija? <\/strong><\/p>\n<p style=\"text-align: left;\">SAT&gt;IP technologija transformuoja tradicines palydovines transliacij\u0173 bangas \u012f interneto protokolo (IP) paketus, \u012fgalindama palydovinio turinio perdavim\u0105 ir pri\u0117mim\u0105 IP tinkluose. Su SAT&gt;IP vartotojai gali lengvai prisijungti prie palydovini\u0173 transliacij\u0173 i\u0161 bet kurio \u012frenginio, prijungto prie VPS &#8211; tam nereikia papildomos palydovin\u0117s pri\u0117mimo \u012frangos.<\/p>\n<p style=\"text-align: left;\"><strong>Palaikomi SAT&gt;IP klientai <\/strong><\/p>\n<p style=\"text-align: left;\">M\u016bs\u0173 DVB-VPS sprendimai visi\u0161kai suderinami su \u017einomais SAT&gt;IP klientais: \u201eTVHeadend\u201c, \u201eCesbo Astra\u201c, \u201eVLC Media Player\u201c, \u201eKodi\u201c, \u201eMumudvb\u201c, \u201eGStreamer\u201c, \u201eMe TV\u201c, \u201eKaffeine\u201c, \u201eMythTV\u201c ir \u201eVDR (Video Disk Recorder)\u201c. \u0160ios programos veikia kaip vartai vartotojams, norintiems transliuoti \u012fvair\u0173 palydovin\u012f turin\u012f tiesiai \u012f j\u0173 \u012frenginius.<\/p>\n<p style=\"text-align: left;\"><strong>TVHeadend<\/strong><\/p>\n<p style=\"text-align: left;\">\u017dinomas d\u0117l savo universalumo ir vartotojui draugi\u0161kos s\u0105sajos, \u201eTVHeadend\u201c yra populiarus palydovinio turinio entuziast\u0173 ir profesional\u0173 pasirinkimas. Jis veikia tiek kaip klientas, tiek kaip serveris, leid\u017eiantis vartotojams naudoti ir platinti SAT&gt;IP turin\u012f savo tinkluose ir d\u0117l to tap\u0119s pla\u010diai paplitusiu sprendimu visiems palydovin\u0117s transliacijos poreikiams.<\/p>\n<p style=\"text-align: left;\"><strong>Cesbo Astra<\/strong><\/p>\n<p style=\"text-align: left;\">Vertinamas d\u0117l patikimumo ir na\u0161umo, \u201eCesbo Astra\u201c i\u0161siskiria kaip puikus klientas palydovin\u0117ms transliacijoms. Jis savo vartotojams si\u016blo skland\u017ei\u0105 patirt\u012f ir yra gerai vertinamas d\u0117l efektyvaus palydovini\u0173 transliacij\u0173 valdymo.<\/p>\n<p style=\"text-align: left;\"><strong>VLC Media Player <\/strong><\/p>\n<p style=\"text-align: left;\">\u201eVLC\u201c yra pla\u010diai \u017einomas medijos grotuvas, palaikantis daugyb\u0119 vaizdo ir garso format\u0173, \u012fskaitant ir SAT&gt;IP transliacijas. Prieinamas ir Linux sistemoms, jis m\u0117gstamas d\u0117l plataus pritaikymo ir patikimumo.<\/p>\n<p style=\"text-align: left;\"><strong> Kodi <\/strong><\/p>\n<p style=\"text-align: left;\">\u0160i atvirojo kodo programa palaiko plat\u0173 \u012fskiepi\u0173 ir format\u0173 spektr\u0105, \u012fskaitant ir SAT&gt;IP. Ji yra ypa\u010d m\u0117gstama ir populiari tarp vartotoj\u0173, kurie nori individualizuoti savo \u017ei\u016br\u0117jimo patirt\u012f \u2013 \u201eKodi\u201c suteikia galimybes palydovin\u012f turin\u012f vartoti taip, kaip vartotojui patogu.<\/p>\n<p style=\"text-align: left;\"><strong>MuMuDVB <\/strong><\/p>\n<p style=\"text-align: left;\">\u201eMuMuDVB\u201c yra efektyvi programa TV transliacijoms internetu, galinti perduoti sraut\u0105 i\u0161 \u012fvairi\u0173 DVB \u0161altini\u0173 per daugiaadres\u012f (multicast) arba HTTP vieno adreso sraut\u0105. B\u016btent d\u0117l savo efektyvumo ji yra vienas universaliausi\u0173 pasirinkim\u0173 SAT&gt;IP transliacijoms.<\/p>\n<p style=\"text-align: left;\"><strong> GStreamer <\/strong><\/p>\n<p style=\"text-align: left;\">\u201eGStreamer\u201c yra galinga multimedijos transliavimo sistema, palaikanti \u012fvairius formatus, \u012fskaitant ir SAT&gt;IP. Ji puikiai tinka programuotojams ir pa\u017eengusiems vartotojams, kurie jau\u010diasi patogiai dirbdami su komandine eilute.<\/p>\n<p style=\"text-align: left;\"><strong>Me TV <\/strong><\/p>\n<p style=\"text-align: left;\">\u201eMe TV\u201c yra \u201eGNOME\u201c aplinkai skirta skaitmeninio turinio per\u017ei\u016bros programa. Nors ji neturi tiek daug funkcij\u0173, kiek kai kurios kitos programos, ji si\u016blo paprast\u0105 ir nesud\u0117ting\u0105 b\u016bd\u0105 \u017ei\u016br\u0117ti skaitmenin\u0119 televizij\u0105 naudojantis \u201eLinux\u201c, \u012fskaitant SAT&gt;IP srautus.<\/p>\n<p style=\"text-align: left;\"><strong>Kaffeine <\/strong><\/p>\n<p style=\"text-align: left;\">\u201eKaffeine\u201c yra universalus KDE medijos grotuvas, palaikantis DVB skaitmenin\u012f vaizdo transliavim\u0105. Jis pasi\u017eymi patogia vartotojo s\u0105saja ir gali b\u016bti naudojamas SAT&gt;IP transliacijoms per\u017ei\u016br\u0117ti.<\/p>\n<p style=\"text-align: left;\"><strong>MythTV<\/strong><\/p>\n<p style=\"text-align: left;\">\u201eMythTV\u201c yra galingas medijos centras ir skaitmeninio vaizdo registratoriaus (DVR) programa. Ji palaiko \u012fvairius TV imtuvus, \u012fskaitant SAT&gt;IP \u012frenginius, ir leid\u017eia vartotojams \u017ei\u016br\u0117ti, pristabdyti ir \u012fra\u0161yti tiesiogines TV laidas.<\/p>\n<p style=\"text-align: left;\"><strong>VDR (Video Disk Recorder)<\/strong><\/p>\n<p style=\"text-align: left;\">VDR &#8211; tai \u201eLinux\u201c skirta programa, kuri kompiuter\u012f paver\u010dia skaitmeniniu vaizdo \u012fra\u0161ymo \u012frenginiu. J\u0105 galima i\u0161pl\u0117sti \u012fskiepiais ir ji palaiko SAT&gt;IP transliacijas.<\/p>\n<p style=\"text-align: left;\"><strong>Universalios SAT&gt;IP programos <\/strong><\/p>\n<p style=\"text-align: left;\">\u0160ios palaikomos programos suteikia naudotojams daugyb\u0119 galimybi\u0173 transliuoti palydovines transliacijas tiesiai \u012f savo \u012frenginius naudojant SAT&gt;IP protokol\u0105. Kiekviena j\u0173 si\u016blo skirtingas funkcijas ir galimybes, u\u017etikrinan\u010dias lanks\u010di\u0105 ir patobulint\u0105 \u017ei\u016br\u0117jimo per palydovus patirt\u012f.<\/p>\n\n        <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/template>\n<\/div>\n    <\/div>\n    <!-- \/INFO SCOPE -->\n\n    <!-- CONFIG OVERLAY (sibling of the .relative shell \u2192 never under header) -->\n    <div class=\"relative w-auto h-auto\">\n  <template x-teleport=\"body\">\n    <div class=\"relative z-[9998]\">\n      <div x-cloak x-show=\"open\" @keydown.window.escape=\"open=false; $store.bodyScroll.on=true\" class=\"relative z-[9999]\">\n        <div x-show=\"open\" @click=\"toggle\" class=\"fixed inset-0 z-[10000] bg-transBlack-20 dark:bg-black\/60\" x-transition.opacity.duration.600ms><\/div>\n        <div class=\"fixed inset-0 overflow-hidden z-[10001]\">\n          <div class=\"absolute inset-0 overflow-hidden\">\n            <div class=\"fixed inset-y-0 right-0 flex max-w-full\">\n              <div\n                x-show=\"open\"\n                @click.away=\"toggle\"\n                x-transition:enter=\"transform transition ease-in-out duration-300 sm:duration-500\"\n                x-transition:enter-start=\"translate-x-full\"\n                x-transition:enter-end=\"translate-x-0\"\n                x-transition:leave=\"transform transition ease-in-out duration-300 sm:duration-500\"\n                x-transition:leave-start=\"translate-x-0\"\n                x-transition:leave-end=\"translate-x-full\"\n                class=\"w-screen md:max-w-[560px] shadow-2xl\"\n              >\n                <div class=\"flex h-full flex-col overflow-y-scroll border-l border-grayscale-40 bg-grayscale-white text-grayscale-80 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100\">\n                  <div class=\"flex items-center justify-between gap-4 border-b border-grayscale-40 bg-grayscale-white p-4 md:p-8 dark:border-slate-700 dark:bg-slate-900\">\n                    <h4 class=\"h4-mobile xl:h5-desktop text-grayscale-black dark:text-slate-50\" data-id=\"konfiguruoti_modal\">\n                      Konfig\u016bruoti_modal\n                    <\/h4>\n                    <div @click=\"toggle\">\n                      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"cursor-pointer text-grayscale-black dark:text-slate-200\">\n  <path d=\"M1.40001 13.65L0.350006 12.6L5.95001 7.00001L0.350006 1.40001L1.40001 0.350006L7.00001 5.95001L12.6 0.350006L13.65 1.40001L8.05001 7.00001L13.65 12.6L12.6 13.65L7.00001 8.05001L1.40001 13.65Z\" fill=\"currentColor\"\/>\n<\/svg>\n                    <\/div>\n                  <\/div>\n                  <div class=\"drawer-content flex flex-col gap-6 bg-grayscale-white py-8 px-4 md:px-8 dark:bg-slate-900 [&#038;_.prose_p]:mb-2 [&#038;_.prose_p:last-child]:mb-0 [&#038;_.prose_p]:leading-6 [&#038;_.prose_p]:!text-slate-800 dark:[&#038;_.prose_p]:!text-gray-400 [&#038;_.prose_b]:mb-1 [&#038;_.prose_b]:font-semibold [&#038;_.prose_b]:text-lg [&#038;_.prose_b]:leading-6 [&#038;_.prose_b]:text-slate-900 dark:[&#038;_.prose_b]:text-gray-200 [&#038;_.prose_strong]:mb-1 [&#038;_.prose_strong]:font-semibold [&#038;_.prose_strong]:text-lg [&#038;_.prose_strong]:leading-6 [&#038;_.prose_strong]:text-slate-900 dark:[&#038;_.prose_strong]:text-gray-200\">\n                    <div x-data=\"configForm\" id=\"config-form\">\n  <form class=\"flex flex-col gap-8\" x-on:submit.prevent=\"submitForm()\">\n    <input type=\"hidden\" id=\"config_form_nonce\" name=\"config_form_nonce\" value=\"5a50683d19\" \/>\n    <div class=\"flex flex-col gap-2\">\n      <label for=\"name\" class=\"paragraph-text-regular font-bold text-grayscale-black\">\n        Name      <\/label>\n      <input\n        x-model=\"form.name\"\n        type=\"text\"\n        id=\"name\"\n        name=\"your-name\"\n        placeholder=\"Enter a name\"\n        class=\"p-4 paragraph-text-regular placeholder:text-grayscale-60 border border-grayscale-40 rounded-lg\"\n        x-bind:class=\"{ '!border-error-50': errors?.name }\"\n        required\n      >\n      <div x-show=\"errors?.name\" class=\"text-error-50\" x-text=\"errors?.name\"><\/div>\n    <\/div>\n\n    <div class=\"flex flex-col gap-2\">\n      <label for=\"mail\" class=\"paragraph-text-regular font-bold text-grayscale-black\">\n        E-mail      <\/label>\n      <input\n        x-model=\"form.email\"\n        type=\"email\"\n        id=\"mail\"\n        name=\"your-email\"\n        placeholder=\"Enter e-mail address\"\n        class=\"p-4 paragraph-text-regular placeholder:text-grayscale-60 border border-grayscale-40 rounded-lg\"\n        x-bind:class=\"{ '!border-error-50': errors?.email }\"\n        required\n      >\n      <div x-show=\"errors?.email\" class=\"text-error-50\" x-text=\"errors?.email\"><\/div>\n    <\/div>\n\n    <div class=\"flex flex-col gap-2\">\n      <label for=\"message\" class=\"paragraph-text-regular font-bold text-grayscale-black\">\n        A message      <\/label>\n      <textarea\n        x-model=\"form.msg\"\n        id=\"message\"\n        name=\"your-message\"\n        placeholder=\"Please specify your required CPU, RAM, and storage. If you are unsure, describe your use case, and we will advise you.\"\n        class=\"p-4 paragraph-text-regular placeholder:text-grayscale-60 border border-grayscale-40 rounded-lg\"\n        rows=\"4\"\n        cols=\"50\"\n        x-bind:class=\"{ '!border-error-50': errors?.msg }\"\n        required\n      ><\/textarea>\n      <div x-show=\"errors?.msg\" class=\"text-error-50\" x-text=\"errors?.msg\"><\/div>\n    <\/div>\n\n    <div class=\"flex gap-4\">\n      <input\n        type=\"checkbox\"\n        name=\"acceptPolicy\"\n        id=\"acceptPolicy\"\n        class=\"w-6 h-6 border border-grayscale-40 rounded-md\"\n        x-model=\"form.tos\"\n        required\n      >\n      <p class=\"paragraph-text-regular text-grayscale-black\">\n        I agree with        <span class=\"text-primary-50 underline\">\n          <a href=\"\" target=\"_blank\">privacy policy<\/a>\n        <\/span>\n      <\/p>\n    <\/div>\n\n    <div x-show=\"completed\" x-text=\"completed\" class=\"text-secondary-50 my-1\"><\/div>\n\n    <div>\n      <button type=\"button\" class=\"inline-flex cursor-pointer items-center justify-center rounded-xl px-6 py-3 text-sm font-semibold text-white bg-gradient-to-r from-indigo-900 to-cyan-900 shadow-sm ring-1 ring-inset ring-white\/15 transition-all duration-200 hover:-translate-y-0.5 hover:from-indigo-800 hover:to-cyan-800 hover:shadow-lg active:translate-y-0 active:shadow-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-700 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:from-indigo-800 dark:to-cyan-800 dark:hover:from-indigo-700 dark:hover:to-cyan-700 dark:focus-visible:ring-indigo-600 dark:focus-visible:ring-offset-slate-950 w-full\" x-bind:disabled=\"isSubmitDisabled()\">\n    Send\n    \n  <\/button>\n    <\/div>\n  <\/form>\n<\/div>\n\n<script>\n  window.registerConfigForm = window.registerConfigForm || function () {\n    if (window.__configFormRegistered) return;\n    if (!window.Alpine) return;\n    window.__configFormRegistered = true;\n    Alpine.data('configForm', () => ({\n      init() {\n        this.loadInitValues();\n      },\n\n      completed: null,\n      isSubmitting: false,\n      errors: {},\n      form: {\n        name: null,\n        email: null,\n        msg: null,\n        tos: false,\n      },\n\n      loadInitValues() {\n        this.form = {\n          name: null,\n          email: null,\n          msg: null,\n          tos: false,\n        };\n      },\n\n      isSubmitDisabled() {\n        return (\n          !this.form.tos ||\n          this.isEmpty(this.form.name) ||\n          this.isEmpty(this.form.email) ||\n          this.isEmpty(this.form.msg) ||\n          this.isSubmitting ||\n          !!this.completed\n        );\n      },\n\n      isEmpty(value) {\n        return value === null || String(value).trim() === '';\n      },\n\n      submitForm() {\n        this.errors = {};\n        this.isSubmitting = true;\n\n        const nonceValue = document.querySelector('input[name=\"config_form_nonce\"]').value;\n        const baseUrl = 'https:\/\/dev.satline.tv\/wp\/wp-admin\/admin-post.php';\n        const queryParams = {\n          action: 'custom_config_form',\n          config_form_nonce: nonceValue,\n        };\n\n        const queryString = Object.keys(queryParams)\n          .map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(queryParams[key])}`)\n          .join('&');\n\n        const url = `${baseUrl}?${queryString}`;\n\n        fetch(url, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application\/json' },\n          body: JSON.stringify(this.form),\n        })\n          .then((response) => response.json())\n          .then((data) => {\n            if (data.success) {\n              this.loadInitValues();\n              this.completed = data.data;\n              this.isSubmitting = false;\n\n              setTimeout(() => {\n                this.completed = null;\n              }, 3000);\n            } else {\n              this.isSubmitting = false;\n\n              if (data?.data?.errors !== undefined) {\n                this.errors = data.data.errors;\n\n                document.getElementById('config-form')?.scrollIntoView({\n                  behavior: 'smooth',\n                  block: 'start',\n                });\n              }\n            }\n          })\n          .catch(() => {\n            this.isSubmitting = false;\n          });\n      },\n    }));\n  };\n\n  if (window.Alpine) {\n    window.registerConfigForm();\n  }\n  document.addEventListener('alpine:init', () => window.registerConfigForm());\n<\/script>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/template>\n<\/div>\n  <\/div>\n  <!-- \/CONFIG SCOPE -->\n<\/div>\n                                                                                                    <\/div>\n                                                                                                                        <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n            \n            <style>\n                .btn-icon {\n                    width: 24px;\n                    height: 24px;\n                    object-fit: contain;\n                }\n\n                .no-scrollbar::-webkit-scrollbar {\n                    display: none;\n                }\n\n                .no-scrollbar {\n                    -ms-overflow-style: none;\n                    scrollbar-width: none;\n                }\n            <\/style>\n        <\/div>\n    <\/section>\n\n<script>\n(function () {\n    if (window.__plansEqStable) return;\n    window.__plansEqStable = true;\n\n    const root = document.querySelector('section[data-plans=\"1\"]');\n    if (!root) return;\n\n    try {\n        root.style.setProperty('overflow-anchor', 'none');\n    } catch (e) {}\n\n    const SEL = {\n        grid: '[data-plan-grid]',\n        card: '[data-plan-card]',\n        parts: [\n            '[data-plan-head]',\n            '[data-plan-name]',\n            '[data-plan-title]',\n            '[data-plan-price]',\n            '[data-plan-description]',\n            '[data-plan-footer]',\n        ],\n    };\n\n    const isVisible = (el) => !!(el && el.offsetParent !== null);\n\n    let isEqualizing = false;\n    let queued = false;\n    let isScrolling = false;\n    let scrollIdleTimer = null;\n\n    const SCROLL_IDLE_MS = 140;\n\n    const schedule = () => {\n        if (queued) return;\n        queued = true;\n\n        const run = () => {\n            if (isScrolling) {\n                queued = false;\n                return;\n            }\n\n            requestAnimationFrame(() => {\n                equalizeAll();\n                queued = false;\n            });\n        };\n\n        if (isScrolling) {\n            if (scrollIdleTimer) clearTimeout(scrollIdleTimer);\n            scrollIdleTimer = setTimeout(() => {\n                isScrolling = false;\n                run();\n            }, SCROLL_IDLE_MS);\n        } else {\n            run();\n        }\n    };\n\n    window.addEventListener(\n        'scroll',\n        () => {\n            isScrolling = true;\n            if (scrollIdleTimer) clearTimeout(scrollIdleTimer);\n            scrollIdleTimer = setTimeout(() => {\n                isScrolling = false;\n                schedule();\n            }, SCROLL_IDLE_MS);\n        },\n        { passive: true }\n    );\n\n    const resetHeights = (grid) => {\n        (grid.__cards || []).forEach((c) => {\n            c.style.height = '';\n        });\n\n        SEL.parts.forEach((sel) => {\n            (grid.__parts?.[sel] || []).forEach((el) => {\n                el.style.minHeight = '';\n                el.style.height = '';\n            });\n        });\n    };\n\n    const measureMax = (els) => {\n        let max = 0;\n\n        for (let i = 0; i < els.length; i++) {\n            els[i].style.minHeight = '';\n            els[i].style.height = 'auto';\n        }\n\n        for (let i = 0; i < els.length; i++) {\n            const h = els[i].getBoundingClientRect().height;\n            if (h > max) max = h;\n        }\n\n        return Math.ceil(max);\n    };\n\n    const buildCache = () => {\n        const grids = Array.from(root.querySelectorAll(SEL.grid));\n\n        for (const grid of grids) {\n            grid.__cards = Array.from(grid.querySelectorAll(SEL.card));\n            grid.__parts = {};\n\n            for (const sel of SEL.parts) {\n                grid.__parts[sel] = [];\n\n                for (const card of grid.__cards) {\n                    const part = card.querySelector(sel);\n                    if (part) grid.__parts[sel].push(part);\n                }\n            }\n        }\n\n        root.__grids = grids;\n    };\n\n    const equalizeGrid = (grid) => {\n        if (window.innerWidth < 1024 || !isVisible(grid)) return;\n\n        const cards = grid.__cards || [];\n        if (cards.length < 2) return;\n\n        for (const sel of SEL.parts) {\n            const parts = grid.__parts?.[sel] || [];\n            if (parts.length < 2) continue;\n\n            const max = measureMax(parts);\n            const want = max + 'px';\n\n            for (let i = 0; i < parts.length; i++) {\n                if (parts[i].style.minHeight !== want) parts[i].style.minHeight = want;\n            }\n        }\n\n        const maxCard = measureMax(cards);\n        const wantCard = maxCard + 'px';\n\n        for (let i = 0; i < cards.length; i++) {\n            if (cards[i].style.height !== wantCard) cards[i].style.height = wantCard;\n        }\n    };\n\n    const equalizeAll = () => {\n        if (!root.__grids) buildCache();\n\n        isEqualizing = true;\n        for (const grid of root.__grids || []) {\n            resetHeights(grid);\n            equalizeGrid(grid);\n        }\n        isEqualizing = false;\n    };\n\n    const init = () => {\n        buildCache();\n        equalizeAll();\n    };\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', init, { once: true });\n    } else {\n        init();\n    }\n\n    window.addEventListener('load', () => schedule(), { once: true });\n\n    if (document.fonts && document.fonts.ready) {\n        document.fonts.ready\n            .then(schedule)\n            .catch(() => {});\n    }\n\n    let ro = null;\n    if ('ResizeObserver' in window) {\n        ro = new ResizeObserver(() => {\n            if (!isEqualizing) schedule();\n        });\n    }\n\n    const visibleGrids = new Set();\n\n    const io = new IntersectionObserver(\n        (entries) => {\n            let changed = false;\n\n            entries.forEach((e) => {\n                if (e.isIntersecting) {\n                    visibleGrids.add(e.target);\n                    changed = true;\n                } else {\n                    visibleGrids.delete(e.target);\n                    changed = true;\n                }\n            });\n\n            if (changed) {\n                if (ro) {\n                    (root.__grids || []).forEach((g) => ro.unobserve(g));\n                    visibleGrids.forEach((g) => ro.observe(g));\n                }\n                schedule();\n            }\n        },\n        { root: null, rootMargin: '200px 0px 200px 0px', threshold: 0 }\n    );\n\n    const watchIntersectingGrids = () => {\n        (root.__grids || []).forEach((g) => io.observe(g));\n    };\n\n    watchIntersectingGrids();\n\n    const mo = new MutationObserver(() => {\n        if (isEqualizing || isScrolling) return;\n        root.__grids = null;\n        schedule();\n    });\n\n    mo.observe(root, {\n        subtree: true,\n        childList: true,\n        attributes: true,\n        attributeFilter: ['style', 'hidden', 'open', 'aria-hidden'],\n    });\n\n    root.addEventListener('click', () => setTimeout(schedule, 0), true);\n    root.addEventListener('transitionend', schedule, true);\n\n    root.querySelectorAll('img').forEach((img) => {\n        if (!img.complete) {\n            img.addEventListener('load', schedule, { once: true });\n            img.addEventListener('error', schedule, { once: true });\n        }\n    });\n\n    window.addEventListener('plans:equalize', schedule);\n\n    const setupMobileSwipe = () => {\n        const grids = Array.from(root.querySelectorAll(SEL.grid));\n\n        grids.forEach((grid) => {\n            if (grid.__hasSwipe) return;\n            grid.__hasSwipe = true;\n\n            let startX = 0;\n            let startTime = 0;\n            let isTouching = false;\n\n            grid.addEventListener(\n                'touchstart',\n                (e) => {\n                    if (window.innerWidth >= 1024) return;\n\n                    const t = e.touches && e.touches[0];\n                    if (!t) return;\n\n                    startX = t.clientX;\n                    startTime = Date.now();\n                    isTouching = true;\n                },\n                { passive: true }\n            );\n\n            grid.addEventListener(\n                'touchend',\n                (e) => {\n                    if (!isTouching) return;\n                    isTouching = false;\n\n                    if (window.innerWidth >= 1024) return;\n\n                    const touch = (e.changedTouches && e.changedTouches[0]) || {};\n                    const endX = touch.clientX || startX;\n                    const delta = startX - endX;\n                    const absDelta = Math.abs(delta);\n                    const dt = Math.max(1, Date.now() - startTime);\n                    const velocity = absDelta \/ dt;\n\n                    if (absDelta < 6) return;\n\n                    const cards =\n                        grid.__cards &#038;&#038; grid.__cards.length\n                            ? grid.__cards\n                            : Array.from(grid.querySelectorAll(SEL.card));\n\n                    if (!cards.length) return;\n\n                    const cardWidth = cards[0].getBoundingClientRect().width || 1;\n                    const SENSITIVITY = 2.5;\n\n                    let count = 1;\n                    if (absDelta >= cardWidth * 1.6 * SENSITIVITY) count = 3;\n                    else if (absDelta >= cardWidth * 0.9 * SENSITIVITY) count = 2;\n                    else count = 1;\n\n                    if (velocity > 3.0) count = Math.min(3, count + 1);\n\n                    let currentIndex = 0;\n                    let bestDiff = Infinity;\n\n                    for (let i = 0; i < cards.length; i++) {\n                        const left = cards[i].offsetLeft;\n                        const diff = Math.abs(left - grid.scrollLeft);\n\n                        if (diff < bestDiff) {\n                            bestDiff = diff;\n                            currentIndex = i;\n                        }\n                    }\n\n                    const direction = delta > 0 ? 1 : -1;\n                    let targetIndex = currentIndex + direction * count;\n                    targetIndex = Math.max(0, Math.min(cards.length - 1, targetIndex));\n\n                    const targetLeft = cards[targetIndex].offsetLeft;\n                    grid.scrollTo({ left: targetLeft, behavior: 'smooth' });\n\n                    setTimeout(schedule, 250);\n                },\n                { passive: true }\n            );\n\n            const centerMain = () => {\n                if (window.innerWidth >= 1024) return;\n\n                const cards =\n                    grid.__cards && grid.__cards.length\n                        ? grid.__cards\n                        : Array.from(grid.querySelectorAll(SEL.card));\n\n                if (!cards.length) return;\n\n                const targetIndex = Math.min(1, cards.length - 1);\n                const card = cards[targetIndex];\n                if (!card) return;\n\n                const left = card.offsetLeft;\n                grid.scrollTo({ left, behavior: 'auto' });\n            };\n\n            setTimeout(centerMain, 60);\n\n            grid.querySelectorAll('img').forEach((img) => {\n                if (!img.complete) img.addEventListener('load', centerMain, { once: true });\n            });\n        });\n    };\n\n    const centerAllMain = () => {\n        if (window.innerWidth >= 1024) return;\n\n        requestAnimationFrame(() => {\n            const grids = Array.from(root.querySelectorAll(SEL.grid));\n\n            grids.forEach((grid) => {\n                if (grid.offsetWidth > 0 && grid.offsetHeight > 0) {\n                    const cards = Array.from(grid.querySelectorAll(SEL.card));\n                    if (cards.length < 2) return;\n\n                    const targetCard = cards[1];\n                    const paddingLeft = parseInt(window.getComputedStyle(grid).paddingLeft) || 0;\n                    const targetLeft = targetCard.offsetLeft - paddingLeft;\n\n                    grid.scrollTo({ left: targetLeft, behavior: 'smooth' });\n                }\n            });\n        });\n    };\n\n    window.addEventListener('plans:center', centerAllMain);\n\n    document.addEventListener('alpine:initialized', () => {\n        setTimeout(centerAllMain, 300);\n    });\n\n    setupMobileSwipe();\n    setTimeout(centerAllMain, 120);\n\n    window.addEventListener('resize', () => {\n        if (root)\n            setTimeout(() => {\n                setupMobileSwipe();\n                centerAllMain();\n            }, 120);\n    });\n})();\n<\/script>\n\n\n<div  class=\"bg-white pb-16 pt-12 sm:pb-20 sm:pt-16 dark:bg-gray-900\">\n    <div class=\"mx-auto flex max-w-screen-2xl flex-col px-6 lg:px-8\">\n              <div class=\"mx-auto max-w-3xl text-center\">\n          <div class=\"inline-flex items-center gap-3\">\n            <span class=\"h-px w-8 bg-indigo-500\/70 dark:bg-indigo-400\/80\"><\/span>\n            <p class=\"text-xs font-semibold uppercase tracking-widest text-indigo-600 dark:text-indigo-400\">\n              Services\n            <\/p>\n            <span class=\"h-px w-8 bg-indigo-500\/70 dark:bg-indigo-400\/80\"><\/span>\n          <\/div>\n                      <h2 class=\"text-3xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl dark:text-gray-300\" data-id=\"high-performance-iptv-broadcasting-services\">\n              High-Performance IPTV &#038; Broadcasting Services\n            <\/h2>\n                            <\/div>\n      \n              <div class=\"mx-auto mt-8 w-full max-w-screen-2xl sm:mt-10 lg:mt-12\">\n          <dl class=\"grid gap-8 sm:grid-cols-2 lg:grid-cols-3\">\n                          \n              \n              <a href=\"https:\/\/dev.satline.tv\/virtual-sat-ip-servers\/\" class=\"group block h-full\">\n                <div class=\"flex h-full flex-col rounded-2xl \n                    bg-slate-50\/80 dark:bg-slate-900\/70\n                    border border-slate-200\/70 dark:border-white\/10\n                    shadow-sm ring-1 ring-slate-100\/50 dark:ring-white\/5\n                    transition-all duration-200\n                    hover:-translate-y-1 hover:shadow-lg hover:ring-indigo-800\/80 dark:hover:ring-indigo-500\/50\">\n\n                  \n                  <div class=\"relative overflow-hidden rounded-t-2xl\">\n                    <div class=\"h-48 w-full bg-slate-200\/50 dark:bg-slate-900\/40\">\n                                              <div class=\"flex h-full w-full items-center justify-center text-2xl font-semibold text-indigo-700 dark:text-indigo-300\">\n                          V\n                        <\/div>\n                                          <\/div>\n                    <div class=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-black\/15 to-transparent dark:from-black\/20\"><\/div>\n                  <\/div>\n\n                  \n                  <div class=\"flex flex-1 flex-col p-6\">\n                    <dt class=\"text-base font-semibold leading-7 text-gray-900 dark:text-gray-300\">\n                      Virtual SAT>IP servers for IPTV Broadcasting\n                    <\/dt>\n\n                    <dd class=\"mt-3 flex flex-1 flex-col text-sm leading-7 text-gray-600 dark:text-gray-400\">\n                                              <p class=\"flex-1\">Virtual SAT>IP servers for IPT Broadcasting with private tuners<\/p>\n                      \n                      \n                      <div class=\"mt-5 inline-flex items-center justify-end text-sm font-medium text-indigo-600 dark:text-indigo-400\">\n                        <span class=\"\">Learn more<\/span>\n                        <span class=\"ml-1 transition-transform duration-200 group-hover:translate-x-1\">\u2192<\/span>\n                      <\/div>\n                    <\/dd>\n                  <\/div>\n                <\/div>\n              <\/a>\n                          \n              \n              <a href=\"https:\/\/dev.satline.tv\/dedicated-dvb-servers-for-iptv\/\" class=\"group block h-full\">\n                <div class=\"flex h-full flex-col rounded-2xl \n                    bg-slate-50\/80 dark:bg-slate-900\/70\n                    border border-slate-200\/70 dark:border-white\/10\n                    shadow-sm ring-1 ring-slate-100\/50 dark:ring-white\/5\n                    transition-all duration-200\n                    hover:-translate-y-1 hover:shadow-lg hover:ring-indigo-800\/80 dark:hover:ring-indigo-500\/50\">\n\n                  \n                  <div class=\"relative overflow-hidden rounded-t-2xl\">\n                    <div class=\"h-48 w-full bg-slate-200\/50 dark:bg-slate-900\/40\">\n                                              <div class=\"flex h-full w-full items-center justify-center text-2xl font-semibold text-indigo-700 dark:text-indigo-300\">\n                          D\n                        <\/div>\n                                          <\/div>\n                    <div class=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-black\/15 to-transparent dark:from-black\/20\"><\/div>\n                  <\/div>\n\n                  \n                  <div class=\"flex flex-1 flex-col p-6\">\n                    <dt class=\"text-base font-semibold leading-7 text-gray-900 dark:text-gray-300\">\n                      Dedicated DVB servers for IPTV with PCIe tuners and satellite LNB downlink\n                    <\/dt>\n\n                    <dd class=\"mt-3 flex flex-1 flex-col text-sm leading-7 text-gray-600 dark:text-gray-400\">\n                                              <p class=\"flex-1\">Dedicated servers with SAT>IP tuners and GPU cards.<\/p>\n                      \n                      \n                      <div class=\"mt-5 inline-flex items-center justify-end text-sm font-medium text-indigo-600 dark:text-indigo-400\">\n                        <span class=\"\">Learn more<\/span>\n                        <span class=\"ml-1 transition-transform duration-200 group-hover:translate-x-1\">\u2192<\/span>\n                      <\/div>\n                    <\/dd>\n                  <\/div>\n                <\/div>\n              <\/a>\n                          \n              \n              <a href=\"https:\/\/dev.satline.tv\/lnb-colocation\/\" class=\"group block h-full\">\n                <div class=\"flex h-full flex-col rounded-2xl \n                    bg-slate-50\/80 dark:bg-slate-900\/70\n                    border border-slate-200\/70 dark:border-white\/10\n                    shadow-sm ring-1 ring-slate-100\/50 dark:ring-white\/5\n                    transition-all duration-200\n                    hover:-translate-y-1 hover:shadow-lg hover:ring-indigo-800\/80 dark:hover:ring-indigo-500\/50\">\n\n                  \n                  <div class=\"relative overflow-hidden rounded-t-2xl\">\n                    <div class=\"h-48 w-full bg-slate-200\/50 dark:bg-slate-900\/40\">\n                                              <img decoding=\"async\"\n                          src=\"https:\/\/dev.satline.tv\/app\/uploads\/2023\/09\/telekomunication-1.png\"\n                          alt=\"\"\n                          class=\"h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.03]\"\n                        >\n                                          <\/div>\n                    <div class=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-black\/15 to-transparent dark:from-black\/20\"><\/div>\n                  <\/div>\n\n                  \n                  <div class=\"flex flex-1 flex-col p-6\">\n                    <dt class=\"text-base font-semibold leading-7 text-gray-900 dark:text-gray-300\">\n                      Colocation of telecommunications equipment\n                    <\/dt>\n\n                    <dd class=\"mt-3 flex flex-1 flex-col text-sm leading-7 text-gray-600 dark:text-gray-400\">\n                                              <p class=\"flex-1\">Ensure the safety of your IT equipment in our secure, TIER III-accredited facility.<\/p>\n                      \n                      \n                      <div class=\"mt-5 inline-flex items-center justify-end text-sm font-medium text-indigo-600 dark:text-indigo-400\">\n                        <span class=\"\">Learn more<\/span>\n                        <span class=\"ml-1 transition-transform duration-200 group-hover:translate-x-1\">\u2192<\/span>\n                      <\/div>\n                    <\/dd>\n                  <\/div>\n                <\/div>\n              <\/a>\n                      <\/dl>\n        <\/div>\n          <\/div>\n  <\/div>\n\n\n<section id=\"why_us\" class=\"bg-white dark:bg-gray-900\">\n    <div class=\"relative isolate overflow-hidden bg-linear-to-b from-indigo-100\/20 pt-16 sm:pt-20 dark:from-indigo-950\/10\">\n      <div\n        aria-hidden=\"true\"\n        class=\"absolute inset-y-0 -z-10 w-[200%] bg-white shadow-xl ring-1 shadow-indigo-600\/10 ring-indigo-50 dark:bg-gray-800\/30 dark:shadow-indigo-400\/10 dark:ring-white\/5 right-1\/2 -mr-96 origin-top-right skew-x-[-30deg] sm:-mr-80 lg:-mr-96\"\n      ><\/div>\n\n      <div class=\"mx-auto max-w-screen-2xl px-6 pb-8 sm:pb-20 lg:px-8\">\n        <div class=\"mx-auto max-w-2xl lg:mx-0 lg:grid lg:max-w-none lg:grid-cols-2 lg:items-center lg:gap-x-16 lg:gap-y-8 xl:grid-cols-2 xl:grid-rows-1 xl:gap-x-8\">\n          <div class=\"lg:col-span-1 lg:self-center order-1 lg:order-2\">\n                          <div class=\"inline-flex items-center gap-3\">\n                <span class=\"h-px w-8 bg-indigo-500\/70 dark:bg-indigo-400\/80\"><\/span>\n                <p class=\"text-xs font-semibold uppercase tracking-widest text-indigo-600 dark:text-indigo-400\">\n                  About\n                <\/p>\n              <\/div>\n            \n            <h2 class=\"mt-2 max-w-2xl text-3xl font-semibold tracking-tight text-balance text-gray-900 sm:text-5xl dark:text-gray-300 !text-gray-900 dark:!text-gray-200\" data-id=\"our-expertise\">\n              Our expertise\n            <\/h2>\n\n                          <p class=\"mt-6 text-lg font-medium text-pretty text-gray-500 sm:text-xl\/8 dark:text-gray-400\">\n                We offer comprehensive services, including colocation for telecomunications equipment and virtual SAT>IP tuners managed on our servers. Our expertise extends to custom project design, implementation, and maintenance. With advanced capabilities, we are able to integrate satellite connections directly with client infrastructure hosted in our secure data centers, ensuring efficiency and reliability. \n              <\/p>\n            \n            \n                          <\/div>\n\n                      <div class=\"relative mt-10 lg:mt-0 order-2 lg:order-1 lg:justify-self-start\">\n              <div class=\"aspect-[4\/3] w-full max-w-lg overflow-hidden rounded-2xl ring-1 ring-black\/5 sm:mt-16 lg:mt-0 lg:max-w-none dark:ring-white\/10\">\n                <img decoding=\"async\"\n                  src=\"https:\/\/dev.satline.tv\/app\/uploads\/2023\/07\/unsplash_-VHQ0cw2euA-1.webp\"\n                  alt=\"\"\n                  loading=\"lazy\"\n                  class=\"h-full w-full object-cover\"\n                \/>\n              <\/div>\n            <\/div>\n                  <\/div>\n      <\/div>\n\n      <div class=\"absolute inset-x-0 top-0 -z-10 h-10 bg-linear-to-b from-white sm:h-24 dark:from-gray-900\"><\/div>\n      <div class=\"absolute inset-x-0 bottom-0 -z-10 h-10 bg-linear-to-t from-white sm:h-24 dark:from-gray-900\"><\/div>\n    <\/div>\n  <\/section>\n\n\n<section id=\"\" class=\"bg-white py-12 sm:py-20 dark:bg-gray-900\">\n    <div class=\"mx-auto max-w-screen-2xl px-6 lg:px-8\">\n      <div class=\"flex flex-col items-center text-center\">\n        <hr class=\"w-32 h-1 rounded-full bg-neutral-quaternary border-0\" \/>\n\n                  <div class=\"mt-6 inline-flex items-center gap-3\">\n            <span class=\"h-px w-8 bg-indigo-500\/70 dark:bg-indigo-400\/80\"><\/span>\n            <p class=\"text-xs font-semibold uppercase tracking-widest text-indigo-600 dark:text-indigo-400\">\n              About\n            <\/p>\n            <span class=\"h-px w-8 bg-indigo-500\/70 dark:bg-indigo-400\/80\"><\/span>\n          <\/div>\n        \n                  <h2 class=\"mt-3 text-3xl font-semibold tracking-tight text-gray-900 sm:text-5xl dark:text-gray-300\" data-id=\"our-expertise\">\n            Our expertise\n          <\/h2>\n        \n                  <p class=\"mt-4 max-w-2xl text-lg font-medium text-gray-500 sm:text-xl\/8 dark:text-gray-400\">\n            We offer comprehensive services, including colocation for telecomunications equipment and virtual SAT>IP tuners managed on our servers. Our expertise extends to custom project design, implementation, and maintenance. With advanced capabilities, we are able to integrate satellite connections directly with client infrastructure hosted in our secure data centers, ensuring efficiency and reliability. \n          <\/p>\n              <\/div>\n\n              <div class=\"mx-auto mt-12 max-w-screen-2xl sm:mt-16 lg:mt-20\">\n          <dl class=\"grid grid-cols-1 gap-8 sm:grid-cols-2 lg:justify-center lg:[grid-template-columns:repeat(auto-fit,minmax(19rem,21rem))]\">\n                          <div class=\"relative h-full\">\n                <div\n                  class=\"group flex h-full flex-col rounded-2xl bg-slate-50\/80 p-6 shadow-sm ring-1 ring-slate-200\/80 transition-all duration-200 hover:-translate-y-1 hover:bg-white hover:shadow-lg hover:shadow-indigo-500\/10 hover:ring-indigo-200\/80 dark:bg-slate-800 dark:ring-white\/10 dark:hover:bg-slate-800 dark:hover:ring-indigo-500\/40\"\n                >\n                  <div class=\"pointer-events-none absolute inset-x-4 -top-px h-px bg-linear-to-r from-indigo-500\/0 via-indigo-500\/60 to-indigo-500\/0 opacity-0 transition-opacity duration-200 group-hover:opacity-100\"><\/div>\n\n                  <div class=\"flex items-center gap-4\">\n                    \n                                        <div\n                      class=\"flex size-11 min-h-11 min-w-11 shrink-0 items-center justify-center overflow-hidden rounded-xl\n                             bg-slate-100\/70 ring-1 ring-slate-200\n                             dark:bg-slate-900\/80 dark:ring-slate-700\/80\n                             shadow-sm shadow-indigo-500\/20 dark:shadow-indigo-500\/30\"\n                    >\n                                              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-6 w-6 max-h-full max-w-full shrink-0 text-slate-800 dark:text-slate-100 fill-slate-800 dark:fill-slate-100\">\n  <path d=\"M3.25 20.75V19.1L4.75 17.6V20.75H3.25ZM7.25 20.75V15.1L8.75 13.6V20.75H7.25ZM11.25 20.75V13.6L12.75 15.125V20.75H11.25ZM15.25 20.75V15.125L16.75 13.625V20.75H15.25ZM19.25 20.75V11.1L20.75 9.60001V20.75H19.25ZM3.25 15.225V13.1L10 6.35001L14 10.35L20.75 3.60001V5.72501L14 12.475L10 8.47501L3.25 15.225Z\" \/>\n<\/svg>\n                                          <\/div>\n\n                    <dt class=\"text-base font-semibold leading-7 text-gray-900 dark:text-gray-300\">\n                      Long-standing experience\n                    <\/dt>\n                  <\/div>\n\n                  <dd class=\"mt-4 text-sm leading-7 text-gray-600 dark:text-gray-400\">\n                    Leveraging our 10+ years of expertise, we build large-scale, high-performance computing infrastructures customized for your evolving demands. We have been providing satellite communication and data center services since 2011. Our experienced engineers are always available to provide consultation and assistance, considering your needs and offering the best solution.\n                  <\/dd>\n                <\/div>\n              <\/div>\n                          <div class=\"relative h-full\">\n                <div\n                  class=\"group flex h-full flex-col rounded-2xl bg-slate-50\/80 p-6 shadow-sm ring-1 ring-slate-200\/80 transition-all duration-200 hover:-translate-y-1 hover:bg-white hover:shadow-lg hover:shadow-indigo-500\/10 hover:ring-indigo-200\/80 dark:bg-slate-800 dark:ring-white\/10 dark:hover:bg-slate-800 dark:hover:ring-indigo-500\/40\"\n                >\n                  <div class=\"pointer-events-none absolute inset-x-4 -top-px h-px bg-linear-to-r from-indigo-500\/0 via-indigo-500\/60 to-indigo-500\/0 opacity-0 transition-opacity duration-200 group-hover:opacity-100\"><\/div>\n\n                  <div class=\"flex items-center gap-4\">\n                    \n                                        <div\n                      class=\"flex size-11 min-h-11 min-w-11 shrink-0 items-center justify-center overflow-hidden rounded-xl\n                             bg-slate-100\/70 ring-1 ring-slate-200\n                             dark:bg-slate-900\/80 dark:ring-slate-700\/80\n                             shadow-sm shadow-indigo-500\/20 dark:shadow-indigo-500\/30\"\n                    >\n                                              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-6 w-6 max-h-full max-w-full shrink-0 text-slate-800 dark:text-slate-100 fill-slate-800 dark:fill-slate-100\">\n  <path d=\"M7.20001 17.625C6.20001 17.625 5.34601 17.2707 4.63801 16.562C3.92935 15.854 3.57501 15 3.57501 14C3.57501 13 3.92935 12.146 4.63801 11.438C5.34601 10.7293 6.20001 10.375 7.20001 10.375C8.18335 10.375 9.02935 10.7293 9.73801 11.438C10.446 12.146 10.8 13 10.8 14C10.8 15 10.446 15.854 9.73801 16.562C9.02935 17.2707 8.18335 17.625 7.20001 17.625ZM7.20001 16.125C7.78335 16.125 8.27935 15.9167 8.68801 15.5C9.09601 15.0833 9.30001 14.5833 9.30001 14C9.30001 13.4167 9.09601 12.9167 8.68801 12.5C8.27935 12.0833 7.78335 11.875 7.20001 11.875C6.61668 11.875 6.11668 12.0833 5.70001 12.5C5.28335 12.9167 5.07501 13.4167 5.07501 14C5.07501 14.5833 5.28335 15.0833 5.70001 15.5C6.11668 15.9167 6.61668 16.125 7.20001 16.125ZM16.3 13.7C14.9 13.7 13.7167 13.2167 12.75 12.25C11.7833 11.2833 11.3 10.1 11.3 8.7C11.3 7.3 11.7833 6.11666 12.75 5.15C13.7167 4.18333 14.9 3.7 16.3 3.7C17.7 3.7 18.8833 4.18333 19.85 5.15C20.8167 6.11666 21.3 7.3 21.3 8.7C21.3 10.1 20.8167 11.2833 19.85 12.25C18.8833 13.2167 17.7 13.7 16.3 13.7ZM14.4 20.325C13.6833 20.325 13.0707 20.0707 12.562 19.562C12.054 19.054 11.8 18.4417 11.8 17.725C11.8 16.9917 12.054 16.371 12.562 15.863C13.0707 15.3543 13.6833 15.1 14.4 15.1C15.1333 15.1 15.7543 15.3543 16.263 15.863C16.771 16.371 17.025 16.9833 17.025 17.7C17.025 18.4333 16.771 19.054 16.263 19.562C15.7543 20.0707 15.1333 20.325 14.4 20.325ZM16.3 12.2C17.2833 12.2 18.1127 11.8627 18.788 11.188C19.4627 10.5127 19.8 9.68333 19.8 8.7C19.8 7.71666 19.4627 6.88733 18.788 6.212C18.1127 5.53733 17.2833 5.2 16.3 5.2C15.3167 5.2 14.4873 5.53733 13.812 6.212C13.1373 6.88733 12.8 7.71666 12.8 8.7C12.8 9.68333 13.1373 10.5127 13.812 11.188C14.4873 11.8627 15.3167 12.2 16.3 12.2ZM14.4 18.825C14.7167 18.825 14.9833 18.7167 15.2 18.5C15.4167 18.2833 15.525 18.0167 15.525 17.7C15.525 17.4 15.4167 17.1417 15.2 16.925C14.9833 16.7083 14.7167 16.6 14.4 16.6C14.1 16.6 13.8417 16.7083 13.625 16.925C13.4083 17.1417 13.3 17.4 13.3 17.7C13.3 18.0167 13.4083 18.2833 13.625 18.5C13.8417 18.7167 14.1 18.825 14.4 18.825Z\" \/>\n<\/svg>\n                                          <\/div>\n\n                    <dt class=\"text-base font-semibold leading-7 text-gray-900 dark:text-gray-300\">\n                      Private satellite antennas\n                    <\/dt>\n                  <\/div>\n\n                  <dd class=\"mt-4 text-sm leading-7 text-gray-600 dark:text-gray-400\">\n                    We have our own private antennas that we service and monitor 24\/7. These antennas are shielded from external factors, ensuring uninterrupted connectivity and stability year-round.\n                  <\/dd>\n                <\/div>\n              <\/div>\n                          <div class=\"relative h-full\">\n                <div\n                  class=\"group flex h-full flex-col rounded-2xl bg-slate-50\/80 p-6 shadow-sm ring-1 ring-slate-200\/80 transition-all duration-200 hover:-translate-y-1 hover:bg-white hover:shadow-lg hover:shadow-indigo-500\/10 hover:ring-indigo-200\/80 dark:bg-slate-800 dark:ring-white\/10 dark:hover:bg-slate-800 dark:hover:ring-indigo-500\/40\"\n                >\n                  <div class=\"pointer-events-none absolute inset-x-4 -top-px h-px bg-linear-to-r from-indigo-500\/0 via-indigo-500\/60 to-indigo-500\/0 opacity-0 transition-opacity duration-200 group-hover:opacity-100\"><\/div>\n\n                  <div class=\"flex items-center gap-4\">\n                    \n                                        <div\n                      class=\"flex size-11 min-h-11 min-w-11 shrink-0 items-center justify-center overflow-hidden rounded-xl\n                             bg-slate-100\/70 ring-1 ring-slate-200\n                             dark:bg-slate-900\/80 dark:ring-slate-700\/80\n                             shadow-sm shadow-indigo-500\/20 dark:shadow-indigo-500\/30\"\n                    >\n                                              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-6 w-6 max-h-full max-w-full shrink-0 text-slate-800 dark:text-slate-100 fill-slate-800 dark:fill-slate-100\">\n  <path d=\"M15.25 20.75V17.75H11.25V7.75H8.75V10.75H2.25V3.25H8.75V6.25H15.25V3.25H21.75V10.75H15.25V7.75H12.75V16.25H15.25V13.25H21.75V20.75H15.25ZM3.75 4.75V9.25V4.75ZM16.75 14.75V19.25V14.75ZM16.75 4.75V9.25V4.75ZM16.75 9.25H20.25V4.75H16.75V9.25ZM16.75 19.25H20.25V14.75H16.75V19.25ZM3.75 9.25H7.25V4.75H3.75V9.25Z\"\/>\n<\/svg>\n                                          <\/div>\n\n                    <dt class=\"text-base font-semibold leading-7 text-gray-900 dark:text-gray-300\">\n                      Modern data centers\n                    <\/dt>\n                  <\/div>\n\n                  <dd class=\"mt-4 text-sm leading-7 text-gray-600 dark:text-gray-400\">\n                    We operate our own data center in Vilnius, directly connected to satellite antennas. Additionally, we collaborate with other data centers worldwide, allowing us to offer international solutions tailored to your needs.\n                  <\/dd>\n                <\/div>\n              <\/div>\n                          <div class=\"relative h-full\">\n                <div\n                  class=\"group flex h-full flex-col rounded-2xl bg-slate-50\/80 p-6 shadow-sm ring-1 ring-slate-200\/80 transition-all duration-200 hover:-translate-y-1 hover:bg-white hover:shadow-lg hover:shadow-indigo-500\/10 hover:ring-indigo-200\/80 dark:bg-slate-800 dark:ring-white\/10 dark:hover:bg-slate-800 dark:hover:ring-indigo-500\/40\"\n                >\n                  <div class=\"pointer-events-none absolute inset-x-4 -top-px h-px bg-linear-to-r from-indigo-500\/0 via-indigo-500\/60 to-indigo-500\/0 opacity-0 transition-opacity duration-200 group-hover:opacity-100\"><\/div>\n\n                  <div class=\"flex items-center gap-4\">\n                    \n                                        <div\n                      class=\"flex size-11 min-h-11 min-w-11 shrink-0 items-center justify-center overflow-hidden rounded-xl\n                             bg-slate-100\/70 ring-1 ring-slate-200\n                             dark:bg-slate-900\/80 dark:ring-slate-700\/80\n                             shadow-sm shadow-indigo-500\/20 dark:shadow-indigo-500\/30\"\n                    >\n                                              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-6 w-6 max-h-full max-w-full shrink-0 text-slate-800 dark:text-slate-100 fill-slate-800 dark:fill-slate-100\">\n  <path d=\"M2.5 17.725V3.72501H21.5V17.725H2.5ZM4 16.225H20V5.22501H4V16.225ZM1.375 20.225V18.725H22.625V20.225H1.375ZM4 16.225V5.22501V16.225Z\" \/>\n<\/svg>\n                                          <\/div>\n\n                    <dt class=\"text-base font-semibold leading-7 text-gray-900 dark:text-gray-300\">\n                      Reliable hardware\n                    <\/dt>\n                  <\/div>\n\n                  <dd class=\"mt-4 text-sm leading-7 text-gray-600 dark:text-gray-400\">\n                    We utilize state-of-the-art Cisco, Arista, Dell, HPE equipment. Both our network and power sources are fully redundant, ensuring uninterrupted operation even in the event of failure in one of these nodes.\n                  <\/dd>\n                <\/div>\n              <\/div>\n                      <\/dl>\n        <\/div>\n          <\/div>\n  <\/section>\n\n\n<section class=\"bg-white dark:bg-gray-900\">\n   <div  class=\"bg-white dark:bg-gray-900\">\n     <div class=\"mx-auto max-w-screen-2xl px-6 py-16 sm:py-20 lg:px-8 lg:flex lg:items-center lg:justify-between\">\n        <div class=\"max-w-2xl\">\n          <h2 class=\"text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl dark:text-gray-300\" data-id=\"cant-find-the-services-that-meet-your-needs\">\n            Can&#8217;t find the services that meet your needs?\n          <\/h2>\n                      <p class=\"mt-4 text-lg leading-7 text-gray-600 dark:text-gray-300\">\n              Write to us and together we will find the most suitable solution\n            <\/p>\n                  <\/div>\n        <div class=\"mt-10 flex w-full items-center gap-x-6 lg:mt-0 lg:w-auto lg:shrink-0\">\n                      <a href=\"\/contacts\" class=\"inline-flex items-center gap-2 rounded-xl border border-slate-200\/80 bg-white\/70 px-4.5 py-3 text-sm\/6 font-medium text-slate-900 shadow-sm ring-1 ring-slate-200\/60 backdrop-blur transition-all hover:border-indigo-400\/70 hover:bg-white hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500\/60 dark:border-white\/10 dark:bg-slate-800\/70 dark:text-slate-200 dark:ring-white\/10 dark:hover:border-indigo-400\/60 dark:hover:bg-slate-800 dark:focus-visible:ring-indigo-400\/60 w-full justify-center sm:w-auto\">\n    Contact\n    \n  <\/a>\n                  <\/div>\n    <\/div>\n   <\/div >\n  <\/section>\n\n\n<section class=\"bg-white py-12 sm:py-20 dark:bg-gray-900\">\n  <div class=\"mx-auto max-w-screen-2xl px-6 lg:px-8\">\n    <div class=\"mx-auto max-w-2xl text-center\">\n              <div class=\"inline-flex items-center gap-3\">\n          <span class=\"h-px w-8 bg-indigo-500\/70 dark:bg-indigo-400\/80\"><\/span>\n          <p class=\"text-xs font-semibold uppercase tracking-widest text-indigo-600 dark:text-indigo-400\">\n            Testimonials\n          <\/p>\n          <span class=\"h-px w-8 bg-indigo-500\/70 dark:bg-indigo-400\/80\"><\/span>\n        <\/div>\n                    <p class=\"mt-2 text-4xl font-semibold tracking-tight text-balance text-gray-900 sm:text-5xl dark:text-gray-200\">\n          What our clients say\n        <\/p>\n          <\/div>\n\n          <div class=\"mx-auto mt-16 flow-root max-w-2xl sm:mt-20 lg:mx-0 lg:max-w-none\">\n        <div class=\"grid justify-center gap-6 sm:grid-cols-[repeat(auto-fit,minmax(16rem,1fr))]\">\n                      \n            <div class=\"h-full\">\n              <figure class=\"flex h-full flex-col rounded-2xl bg-gray-50 p-6 text-sm leading-6 dark:bg-white\/5\">\n                                  <div class=\"mb-3 flex items-center justify-center gap-1 text-amber-500\" aria-label=\"5 star rating\">\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                      <\/div>\n                                                  <p class=\"text-base font-semibold text-gray-900 dark:text-gray-200\">Recommend providers<\/p>\n                                                  <blockquote class=\"mt-3 text-gray-900 dark:text-gray-200\">\n                    <p>\u201cGood support, stable satellite server. You should buy a server from this provider!\u201d<\/p>\n                  <\/blockquote>\n                                <figcaption class=\"mt-auto flex items-center gap-x-4 pt-6\">\n                                      <div class=\"size-10 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center text-xs font-semibold text-gray-700 dark:text-gray-200\">\n                      ID\n                    <\/div>\n                                    <div>\n                                          <div class=\"font-semibold text-gray-900 dark:text-gray-200\">Ivan Daniel<\/div>\n                                                              <div class=\"text-gray-600 dark:text-gray-400\">Dec 6, 2024<\/div>\n                                      <\/div>\n                <\/figcaption>\n              <\/figure>\n            <\/div>\n                      \n            <div class=\"h-full\">\n              <figure class=\"flex h-full flex-col rounded-2xl bg-gray-50 p-6 text-sm leading-6 dark:bg-white\/5\">\n                                  <div class=\"mb-3 flex items-center justify-center gap-1 text-amber-500\" aria-label=\"5 star rating\">\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                      <\/div>\n                                                  <p class=\"text-base font-semibold text-gray-900 dark:text-gray-200\">Satline offers a lot of highly\u2026<\/p>\n                                                  <blockquote class=\"mt-3 text-gray-900 dark:text-gray-200\">\n                    <p>\u201cSatline offers a lot of highly configurable and customizable services. They were able to build me a dedicated DVB server that had exactly what I needed, and had the performance required. I am also satisfied with the tech support. They are fast to answer my questions. No issues!\u201d<\/p>\n                  <\/blockquote>\n                                <figcaption class=\"mt-auto flex items-center gap-x-4 pt-6\">\n                                      <div class=\"size-10 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center text-xs font-semibold text-gray-700 dark:text-gray-200\">\n                      JL\n                    <\/div>\n                                    <div>\n                                          <div class=\"font-semibold text-gray-900 dark:text-gray-200\">Joe L<\/div>\n                                                              <div class=\"text-gray-600 dark:text-gray-400\">Dec 10, 2024<\/div>\n                                      <\/div>\n                <\/figcaption>\n              <\/figure>\n            <\/div>\n                      \n            <div class=\"h-full\">\n              <figure class=\"flex h-full flex-col rounded-2xl bg-gray-50 p-6 text-sm leading-6 dark:bg-white\/5\">\n                                  <div class=\"mb-3 flex items-center justify-center gap-1 text-amber-500\" aria-label=\"5 star rating\">\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                          <svg class=\"h-5 w-5 fill-amber-500\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.802 2.035a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.802-2.035a1 1 0 00-1.175 0l-2.802 2.035c-.785.57-1.84-.197-1.54-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.462a1 1 0 00.95-.69l1.07-3.292z\"\/>\n                      <\/svg>\n                                      <\/div>\n                                                  <p class=\"text-base font-semibold text-gray-900 dark:text-gray-200\">I found the team to be very smart and\u2026<\/p>\n                                                  <blockquote class=\"mt-3 text-gray-900 dark:text-gray-200\">\n                    <p>\u201cI found the team to be very smart and resourceful. They helped me configure my servers and tuners, much faster than if I did everything myself. They also gave me some ideas to save money on my equipment.\u201d<\/p>\n                  <\/blockquote>\n                                <figcaption class=\"mt-auto flex items-center gap-x-4 pt-6\">\n                                      <div class=\"size-10 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center text-xs font-semibold text-gray-700 dark:text-gray-200\">\n                      R\n                    <\/div>\n                                    <div>\n                                          <div class=\"font-semibold text-gray-900 dark:text-gray-200\">Robert<\/div>\n                                                              <div class=\"text-gray-600 dark:text-gray-400\">Jul 15, 2025<\/div>\n                                      <\/div>\n                <\/figcaption>\n              <\/figure>\n            <\/div>\n                  <\/div>\n      <\/div>\n      <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":7909,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7907","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.satline.tv\/fr\/wp-json\/wp\/v2\/pages\/7907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.satline.tv\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.satline.tv\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.satline.tv\/fr\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.satline.tv\/fr\/wp-json\/wp\/v2\/comments?post=7907"}],"version-history":[{"count":1,"href":"https:\/\/dev.satline.tv\/fr\/wp-json\/wp\/v2\/pages\/7907\/revisions"}],"predecessor-version":[{"id":7908,"href":"https:\/\/dev.satline.tv\/fr\/wp-json\/wp\/v2\/pages\/7907\/revisions\/7908"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.satline.tv\/fr\/wp-json\/wp\/v2\/media\/7909"}],"wp:attachment":[{"href":"https:\/\/dev.satline.tv\/fr\/wp-json\/wp\/v2\/media?parent=7907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}