{"id":1955,"date":"2024-03-22T08:17:12","date_gmt":"2024-03-22T08:17:12","guid":{"rendered":"https:\/\/itcroctheme.com\/cresta\/wp\/?page_id=1955"},"modified":"2026-04-14T18:36:56","modified_gmt":"2026-04-14T18:36:56","slug":"services","status":"publish","type":"page","link":"https:\/\/thevaperz.com\/de\/services\/","title":{"rendered":"Unsere Dienstleistungen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1955\" class=\"elementor elementor-1955\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53adcfa e-con-full e-flex e-con e-parent\" data-id=\"53adcfa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5aa9a69 elementor-widget elementor-widget-html\" data-id=\"5aa9a69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"services-banner\">\n    <!-- Background Image (IT Security \/ Service Packs themed) -->\n    <div class=\"banner-bg-layer\"><\/div>\n    \n    <!-- Decorative floating shapes (subtle background only) -->\n    <div class=\"banner-shapes\">\n        <div class=\"bubble bubble-1\"><\/div>\n        <div class=\"bubble bubble-2\"><\/div>\n        <div class=\"bubble bubble-3\"><\/div>\n        <div class=\"bubble bubble-4\"><\/div>\n        <div class=\"bubble bubble-5\"><\/div>\n    <\/div>\n    \n    <!-- Soft gradient overlay for readability -->\n    <div class=\"banner-overlay\"><\/div>\n\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <!-- SEO Friendly Title -->\n            <h1 class=\"banner-title\">\n                IT Security & <span class=\"title-highlight\">Service Packs<\/span>\n            <\/h1>\n            \n            <!-- SEO Friendly Description - Shorter version on mobile via CSS -->\n            <p class=\"banner-description\">\n                <span class=\"desktop-text\">Discover our comprehensive service packs designed for complete digital protection. From cloud software subscriptions and antivirus protection to VPN services and 24\/7 IT assistance, we deliver enterprise-grade security for individuals, families, and businesses.<\/span>\n                <span class=\"mobile-text\">Complete digital protection with cloud software, antivirus, VPN & 24\/7 IT support. Enterprise-grade security for all.<\/span>\n            <\/p>\n            \n            <!-- Trust indicators - hidden on mobile -->\n            <div class=\"banner-trust\">\n                <span><i class=\"fas fa-shield-alt\"><\/i> Enterprise-grade security<\/span>\n                <span><i class=\"fas fa-headset\"><\/i> 24\/7 IT support<\/span>\n                <span><i class=\"fas fa-cloud-upload-alt\"><\/i> Cloud software included<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* ========== SERVICES BANNER - IT SECURITY THEME ========== *\/\n    .services-banner {\n        position: relative;\n        width: 100%;\n        background: linear-gradient(135deg, #0a0c1a 0%, #0f1230 50%, #080b1a 100%);\n        overflow: hidden;\n        font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n        box-sizing: border-box;\n        padding: 10rem 2rem 5rem;\n        margin: 0;\n    }\n\n    \/* Background Image - IT Security \/ Service Packs theme *\/\n    .banner-bg-layer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-image: url('https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?w=1600&h=800&fit=crop');\n        background-size: cover;\n        background-position: center 30%;\n        background-repeat: no-repeat;\n        opacity: 0.25;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    \/* Subtle floating bubbles *\/\n    .banner-shapes {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        pointer-events: none;\n        z-index: 0;\n        overflow: hidden;\n    }\n    .bubble {\n        position: absolute;\n        border-radius: 50%;\n        background: radial-gradient(circle, rgba(129, 140, 248, 0.08), transparent);\n        animation: floatBubble 15s infinite ease-in-out;\n    }\n    .bubble-1 {\n        width: 350px;\n        height: 350px;\n        top: -100px;\n        right: -80px;\n        animation-duration: 22s;\n        background: radial-gradient(circle, rgba(129, 140, 248, 0.06), transparent);\n    }\n    .bubble-2 {\n        width: 250px;\n        height: 250px;\n        bottom: -60px;\n        left: -100px;\n        animation-duration: 19s;\n        animation-delay: -5s;\n        background: radial-gradient(circle, rgba(168, 85, 247, 0.05), transparent);\n    }\n    .bubble-3 {\n        width: 180px;\n        height: 180px;\n        top: 45%;\n        left: 15%;\n        animation-duration: 26s;\n        animation-delay: -10s;\n        background: radial-gradient(circle, rgba(79, 70, 229, 0.04), transparent);\n    }\n    .bubble-4 {\n        width: 280px;\n        height: 280px;\n        bottom: 15%;\n        right: 10%;\n        animation-duration: 24s;\n        animation-delay: -3s;\n        background: radial-gradient(circle, rgba(236, 72, 153, 0.04), transparent);\n    }\n    .bubble-5 {\n        width: 140px;\n        height: 140px;\n        top: 20%;\n        right: 30%;\n        animation-duration: 30s;\n        animation-delay: -7s;\n        background: radial-gradient(circle, rgba(6, 182, 212, 0.05), transparent);\n    }\n\n    @keyframes floatBubble {\n        0%, 100% { transform: translate(0, 0) scale(1); }\n        50% { transform: translate(25px, -25px) scale(1.06); }\n    }\n\n    \/* Soft gradient overlay *\/\n    .banner-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(circle at 30% 50%, rgba(10, 12, 26, 0.4), rgba(6, 8, 20, 0.85));\n        pointer-events: none;\n        z-index: 1;\n    }\n\n    .banner-container {\n        position: relative;\n        max-width: 1200px;\n        margin: 0 auto;\n        z-index: 10;\n        text-align: center;\n    }\n\n    \/* Title - responsive across all devices *\/\n    .banner-title {\n        font-size: clamp(1.8rem, 5vw, 3.5rem);\n        font-weight: 800;\n        line-height: 1.25;\n        color: #ffffff;\n        margin-bottom: 1.2rem;\n        letter-spacing: -0.02em;\n        max-width: 900px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n    .title-highlight {\n        background: linear-gradient(135deg, #818cf8, #c084fc, #f0abfc);\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n        display: inline-block;\n    }\n\n    \/* Description - responsive with clearer text *\/\n    .banner-description {\n        color: #e2e8f0;\n        font-size: clamp(0.9rem, 2.2vw, 1.05rem);\n        line-height: 1.6;\n        max-width: 750px;\n        margin: 0 auto;\n        padding: 0 1rem;\n        font-weight: 400;\n        text-shadow: 0 1px 2px rgba(0,0,0,0.1);\n    }\n    \n    \/* Show different text on mobile vs desktop *\/\n    .banner-description .desktop-text {\n        display: block;\n    }\n    .banner-description .mobile-text {\n        display: none;\n    }\n\n    \/* Trust indicators - hidden on tablets and mobile *\/\n    .banner-trust {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1.5rem;\n        margin-top: 2rem;\n    }\n    .banner-trust span {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        font-size: 0.8rem;\n        color: #cbd5e6;\n        background: rgba(255, 255, 255, 0.05);\n        padding: 0.3rem 1rem;\n        border-radius: 60px;\n        backdrop-filter: blur(4px);\n        border: 1px solid rgba(129, 140, 248, 0.2);\n    }\n    .banner-trust i {\n        font-size: 0.8rem;\n        color: #a78bfa;\n    }\n\n    \/* Responsive - Mobile adjustments *\/\n    @media (max-width: 768px) {\n        .services-banner {\n            padding: 8rem 1.2rem 4rem;\n        }\n        .banner-title {\n            font-size: 1.6rem;\n        }\n        \/* Use shorter description on mobile *\/\n        .banner-description .desktop-text {\n            display: none;\n        }\n        .banner-description .mobile-text {\n            display: block;\n            font-size: 0.85rem;\n            line-height: 1.5;\n            color: #e2e8f0;\n        }\n        .banner-trust {\n            display: none;\n        }\n    }\n\n    @media (max-width: 550px) {\n        .services-banner {\n            padding: 7rem 1rem 3rem;\n        }\n        .banner-title {\n            font-size: 1.4rem;\n        }\n        .banner-description .mobile-text {\n            font-size: 0.8rem;\n        }\n    }\n\n    @media (max-width: 380px) {\n        .services-banner {\n            padding: 6rem 0.8rem 2.5rem;\n        }\n        .banner-title {\n            font-size: 1.2rem;\n        }\n        .banner-description .mobile-text {\n            font-size: 0.75rem;\n        }\n    }\n\n    \/* Large screens - keep original padding *\/\n    @media (min-width: 1200px) {\n        .services-banner {\n            padding: 12rem 2rem 6rem;\n        }\n    }\n<\/style>\n\n<!-- Font Awesome & Google Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-122919f e-con-full e-flex e-con e-parent\" data-id=\"122919f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-908f933 elementor-widget elementor-widget-html\" data-id=\"908f933\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"comparison-premium\">\n    <div class=\"comparison-container\">\n        <!-- Section Header -->\n        <div class=\"comparison-header\">\n            <h2 class=\"comparison-title\">\n                Choose Your <span class=\"title-grad\">Perfect Plan<\/span>\n            <\/h2>\n            <div class=\"header-divider\"><\/div>\n            <p class=\"comparison-subtitle\">\n                Select from four comprehensive service packs designed to deliver security, privacy, and productivity. \n                Each pack includes a combination of cloud software access, protection tools, and premium features.\n            <\/p>\n        <\/div>\n\n        <!-- Cards Grid -->\n        <div class=\"packs-grid\">\n            \n            <!-- CARD 1: CLOUD BASIC -->\n            <div class=\"pack-card\">\n                <div class=\"card-ambient\"><\/div>\n                <!-- NEW BADGE STYLE - Floating capsule with icon -->\n                <div class=\"badge-new badge-layer1\">\n                    <i class=\"fas fa- leaf\"><\/i>\n                    <span>STARTER<\/span>\n                <\/div>\n                <div class=\"pack-header\">\n                    <div class=\"pack-icon-wrapper\">\n                        <div class=\"pack-icon basic-icon\">\n                            <i class=\"fas fa-cloud\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"pack-name\">CLOUD BASIC<\/h3>\n                    <div class=\"pack-users\">\n                        <i class=\"fas fa-user\"><\/i> 1 user\n                    <\/div>\n                    <div class=\"pack-tag\">Essential cloud solutions<\/div>\n                <\/div>\n                <div class=\"pack-features\">\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-check-circle check\"><\/i>\n                        <span>Cloud software subscription<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fab fa-whatsapp whatsapp-icon\"><\/i>\n                        <span>Personal WhatsApp access<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-key check\"><\/i>\n                        <span>Software license keys<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-shield-alt check\"><\/i>\n                        <span>Antivirus protection<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-tools check\"><\/i>\n                        <span>Software utilities<\/span>\n                    <\/div>\n                    <div class=\"feature-divider\"><\/div>\n                    <div class=\"feature-row missing\">\n                        <i class=\"fas fa-minus-circle\"><\/i>\n                        <span>Transferable licenses<\/span>\n                    <\/div>\n                    <div class=\"feature-row missing\">\n                        <i class=\"fas fa-minus-circle\"><\/i>\n                        <span>Upgrade guarantee<\/span>\n                    <\/div>\n                    <div class=\"feature-row missing\">\n                        <i class=\"fas fa-minus-circle\"><\/i>\n                        <span>Cloud software setup<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"pack-footer\">\n                    <a href=\"https:\/\/thevaperz.com\/cloud-basic-essential-cloud-solutions\/\" class=\"pack-btn\">Get Started <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n\n            <!-- CARD 2: CLOUD FULL - POPULAR with new badge -->\n            <div class=\"pack-card popular-card\">\n                <div class=\"card-ambient\"><\/div>\n                <div class=\"badge-new badge-popular-new\">\n                    <i class=\"fas fa-chart-line\"><\/i>\n                    <span>BEST VALUE<\/span>\n                <\/div>\n                <div class=\"pack-header\">\n                    <div class=\"pack-icon-wrapper\">\n                        <div class=\"pack-icon full-icon\">\n                            <i class=\"fas fa-cloud-upload-alt\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"pack-name\">CLOUD FULL<\/h3>\n                    <div class=\"pack-users\">\n                        <i class=\"fas fa-user\"><\/i> 1 user\n                    <\/div>\n                    <div class=\"pack-tag\">Essential + upgrade<\/div>\n                <\/div>\n                <div class=\"pack-features\">\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-check-circle check\"><\/i>\n                        <span>Cloud software subscription<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fab fa-whatsapp whatsapp-icon\"><\/i>\n                        <span>Personal WhatsApp access<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-key check\"><\/i>\n                        <span>Software license keys<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-shield-alt check\"><\/i>\n                        <span>Antivirus protection<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-tools check\"><\/i>\n                        <span>Software utilities<\/span>\n                    <\/div>\n                    <div class=\"feature-divider\"><\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-check-circle check\"><\/i>\n                        <span>Transferable licenses<\/span>\n                        <span class=\"feature-badge\">included<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-check-circle check\"><\/i>\n                        <span>Upgrade guarantee<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-check-circle check\"><\/i>\n                        <span>Cloud software setup<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"pack-footer\">\n                    <a href=\"https:\/\/thevaperz.com\/contact\/\" class=\"pack-btn primary\">Get Started <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n\n            <!-- CARD 3: CLOUD LIVE -->\n            <div class=\"pack-card\">\n                <div class=\"card-ambient\"><\/div>\n                <div class=\"badge-new badge-team-new\">\n                    <i class=\"fas fa-users\"><\/i>\n                    <span>COLLAB<\/span>\n                <\/div>\n                <div class=\"pack-header\">\n                    <div class=\"pack-icon-wrapper\">\n                        <div class=\"pack-icon live-icon\">\n                            <i class=\"fas fa-users\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"pack-name\">CLOUD LIVE<\/h3>\n                    <div class=\"pack-users\">\n                        <i class=\"fas fa-users\"><\/i> 3 users\n                    <\/div>\n                    <div class=\"pack-tag\">Multi\u2011user + privacy<\/div>\n                <\/div>\n                <div class=\"pack-features\">\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-check-circle check\"><\/i>\n                        <span>Cloud software subscription<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fab fa-whatsapp whatsapp-icon\"><\/i>\n                        <span>Personal WhatsApp access<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-key check\"><\/i>\n                        <span>Software license keys<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-shield-alt check\"><\/i>\n                        <span>Antivirus protection<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-tools check\"><\/i>\n                        <span>Software utilities<\/span>\n                    <\/div>\n                    <div class=\"feature-divider\"><\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-check-circle check\"><\/i>\n                        <span>Transferable licenses<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-check-circle check\"><\/i>\n                        <span>Upgrade guarantee<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-check-circle check\"><\/i>\n                        <span>Cloud software setup<\/span>\n                    <\/div>\n                    <div class=\"feature-divider\"><\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-eye premium-icon\"><\/i>\n                        <span>Cyber privacy shield<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-bug premium-icon\"><\/i>\n                        <span>Anti-malware<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"pack-footer\">\n                    <a href=\"https:\/\/thevaperz.com\/contact\/\" class=\"pack-btn\">Get Started <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n\n            <!-- CARD 4: CLOUD FULL LIVE -->\n            <div class=\"pack-card\">\n                <div class=\"card-ambient\"><\/div>\n                <div class=\"badge-new badge-ultimate-new\">\n                    <i class=\"fas fa-crown\"><\/i>\n                    <span>ELITE<\/span>\n                <\/div>\n                <div class=\"pack-header\">\n                    <div class=\"pack-icon-wrapper\">\n                        <div class=\"pack-icon ultimate-icon\">\n                            <i class=\"fas fa-crown\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"pack-name\">CLOUD FULL LIVE<\/h3>\n                    <div class=\"pack-users\">\n                        <i class=\"fas fa-users\"><\/i> 3 users\n                    <\/div>\n                    <div class=\"pack-tag\">Complete protection + VPN<\/div>\n                <\/div>\n                <div class=\"pack-features\">\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-check-circle check\"><\/i>\n                        <span>Cloud software subscription<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fab fa-whatsapp whatsapp-icon\"><\/i>\n                        <span>Personal WhatsApp access<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-key check\"><\/i>\n                        <span>Software license keys<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-shield-alt check\"><\/i>\n                        <span>Antivirus protection<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-tools check\"><\/i>\n                        <span>Software utilities<\/span>\n                    <\/div>\n                    <div class=\"feature-divider\"><\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-check-circle check\"><\/i>\n                        <span>Transferable licenses<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-check-circle check\"><\/i>\n                        <span>Upgrade guarantee<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-check-circle check\"><\/i>\n                        <span>Cloud software setup<\/span>\n                    <\/div>\n                    <div class=\"feature-divider\"><\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-network-wired premium-icon\"><\/i>\n                        <span>VPN service<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-eye premium-icon\"><\/i>\n                        <span>Cyber privacy shield<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-video-slash premium-icon\"><\/i>\n                        <span>Webcam blocker<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-user-secret premium-icon\"><\/i>\n                        <span>Identity theft prevention<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-shield-virus premium-icon\"><\/i>\n                        <span>Ransomware defender<\/span>\n                    <\/div>\n                    <div class=\"feature-row\">\n                        <i class=\"fas fa-bug premium-icon\"><\/i>\n                        <span>Anti-malware<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"pack-footer\">\n                    <a href=\"https:\/\/thevaperz.com\/contact\/\" class=\"pack-btn primary\">Get Started <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Info Note - BOTTOM -->\n        <div class=\"info-note-bottom\">\n            <i class=\"fas fa-info-circle\"><\/i>\n            <span>All packs include cloud subscription, WhatsApp access, license keys, antivirus & utilities.<\/span>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* ========== COMPLETELY REDESIGNED - TRANSPARENT BACKGROUND, NEW BADGES ========== *\/\n    .comparison-premium {\n        position: relative;\n        width: 100%;\n        background:   linear-gradient(90deg, #f8fafc 0%, #eef2f8 100%);\n        padding: 4rem 1rem;\n        margin: 0;\n        box-sizing: border-box;\n        font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    }\n\n    .comparison-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 2;\n        padding: 0 20px;\n    }\n\n    \/* Header Styles - Clean & Minimal *\/\n    .comparison-header {\n        text-align: center;\n        margin-bottom: 3rem;\n    }\n\n    .comparison-title {\n        font-size: clamp(1.8rem, 5vw, 2.8rem);\n        font-weight: 800;\n        color: #0f172a;\n        margin-bottom: 1rem;\n        letter-spacing: -0.02em;\n    }\n\n    .title-grad {\n        background: linear-gradient(135deg, #2563eb, #7c3aed, #c084fc);\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n    }\n\n    .header-divider {\n        width: 80px;\n        height: 3px;\n        background: linear-gradient(90deg, #2563eb, #7c3aed);\n        margin: 1rem auto;\n        border-radius: 4px;\n    }\n\n    .comparison-subtitle {\n        color: #475569;\n        font-size: clamp(0.9rem, 2.5vw, 1rem);\n        max-width: 700px;\n        margin: 0 auto;\n        line-height: 1.5;\n    }\n\n    \/* Cards Grid *\/\n    .packs-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 1.8rem;\n        margin-top: 0.5rem;\n        margin-bottom: 2.5rem;\n    }\n\n    \/* ========== MODERN CARDS - SOLID BACKGROUND WITH SOFT SHADOWS ========== *\/\n    .pack-card {\n        background: #ffffff;\n        border-radius: 32px;\n        transition: all 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n        border: 1px solid #eef2ff;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        box-shadow: 0 12px 30px -12px rgba(0, 0, 0, 0.08);\n        overflow: hidden;\n    }\n\n    .pack-card:hover {\n        transform: translateY(-8px);\n        border-color: #c7d2fe;\n        box-shadow: 0 25px 40px -16px rgba(0, 0, 0, 0.15);\n    }\n\n    \/* Ambient glow effect inside card *\/\n    .card-ambient {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 200px;\n        background: radial-gradient(circle at 30% 10%, rgba(37, 99, 235, 0.05), transparent 70%);\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity 0.4s;\n    }\n\n    .pack-card:hover .card-ambient {\n        opacity: 1;\n    }\n\n    \/* Popular card slight highlight *\/\n    .popular-card {\n        border-color: #fed7aa;\n        background: linear-gradient(0deg, #ffffff, #fffaf5);\n    }\n\n    \/* ========== BRAND NEW BADGE STYLES - COMPLETELY DIFFERENT ========== *\/\n    .badge-new {\n        position: absolute;\n        top: 16px;\n        right: 20px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 6px 14px;\n        border-radius: 30px;\n        font-size: 0.7rem;\n        font-weight: 700;\n        letter-spacing: 0.5px;\n        z-index: 15;\n        transition: all 0.25s ease;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n    }\n\n    .pack-card:hover .badge-new {\n        transform: translateY(-2px) scale(1.02);\n    }\n\n    \/* Badge 1 - Starter \/ Essential *\/\n    .badge-layer1 {\n        background: #f0f9ff;\n        color: #0284c7;\n        border: 1px solid #bae6fd;\n    }\n\n    .badge-layer1 i {\n        font-size: 0.7rem;\n        color: #0ea5e9;\n    }\n\n    \/* Badge 2 - Best Value \/ Popular - gradient with icon *\/\n    .badge-popular-new {\n        background: linear-gradient(115deg, #f97316, #ea580c);\n        color: white;\n        border: none;\n        box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35);\n    }\n\n    .badge-popular-new i {\n        font-size: 0.7rem;\n        color: white;\n    }\n\n    \/* Badge 3 - Team \/ Collaborator *\/\n    .badge-team-new {\n        background: #f0fdf4;\n        color: #15803d;\n        border: 1px solid #bbf7d0;\n    }\n\n    .badge-team-new i {\n        font-size: 0.7rem;\n        color: #22c55e;\n    }\n\n    \/* Badge 4 - Elite \/ Ultimate *\/\n    .badge-ultimate-new {\n        background: linear-gradient(115deg, #7c3aed, #5b21b6);\n        color: white;\n        border: none;\n        box-shadow: 0 4px 14px rgba(124, 58, 237, 0.35);\n    }\n\n    .badge-ultimate-new i {\n        font-size: 0.7rem;\n        color: white;\n    }\n\n    \/* Card Header *\/\n    .pack-header {\n        padding: 1.8rem 1.5rem 1rem;\n        text-align: center;\n    }\n\n    .pack-icon-wrapper {\n        margin-bottom: 1rem;\n    }\n\n    .pack-icon {\n        width: 70px;\n        height: 70px;\n        border-radius: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto;\n        font-size: 2rem;\n        transition: transform 0.3s ease;\n    }\n\n    .pack-card:hover .pack-icon {\n        transform: scale(1.04);\n    }\n\n    .basic-icon, .full-icon {\n        background: #eff6ff;\n        color: #2563eb;\n    }\n\n    .live-icon {\n        background: #ecfdf5;\n        color: #059669;\n    }\n\n    .ultimate-icon {\n        background: #f3e8ff;\n        color: #8b5cf6;\n    }\n\n    .pack-name {\n        font-size: 1.5rem;\n        font-weight: 800;\n        color: #0f172a;\n        margin-bottom: 0.3rem;\n        letter-spacing: -0.3px;\n    }\n\n    .pack-users {\n        font-size: 0.85rem;\n        color: #64748b;\n        margin-bottom: 0.5rem;\n    }\n\n    .pack-tag {\n        font-size: 0.7rem;\n        background: #f8fafc;\n        color: #475569;\n        display: inline-block;\n        padding: 0.25rem 1rem;\n        border-radius: 30px;\n        font-weight: 500;\n        border: 1px solid #e2e8f0;\n    }\n\n    \/* Features List *\/\n    .pack-features {\n        padding: 1rem 1.5rem;\n        flex: 1;\n    }\n\n    .feature-row {\n        display: flex;\n        align-items: center;\n        gap: 0.8rem;\n        padding: 0.6rem 0;\n        font-size: 0.85rem;\n        color: #334155;\n        border-bottom: 1px solid #f1f5f9;\n    }\n\n    .feature-row:last-child {\n        border-bottom: none;\n    }\n\n    .feature-row .check {\n        color: #10b981;\n        width: 20px;\n        font-size: 0.9rem;\n        flex-shrink: 0;\n    }\n\n    .feature-row .whatsapp-icon {\n        color: #25d366;\n        width: 20px;\n        font-size: 0.95rem;\n        flex-shrink: 0;\n    }\n\n    .feature-row .premium-icon {\n        color: #3b82f6;\n        width: 20px;\n        font-size: 0.9rem;\n        flex-shrink: 0;\n    }\n\n    .feature-row.missing {\n        color: #94a3b8;\n    }\n\n    .feature-row.missing i {\n        color: #cbd5e1;\n    }\n\n    .feature-badge {\n        font-size: 0.6rem;\n        font-weight: 600;\n        background: #dcfce7;\n        color: #15803d;\n        padding: 0.2rem 0.7rem;\n        border-radius: 30px;\n        margin-left: auto;\n        white-space: nowrap;\n    }\n\n    .feature-divider {\n        height: 1px;\n        background: linear-gradient(90deg, transparent, #e2e8f0, #cbd5e1, #e2e8f0, transparent);\n        margin: 0.7rem 0;\n    }\n\n    \/* Footer Button *\/\n    .pack-footer {\n        padding: 1rem 1.5rem 1.5rem;\n        text-align: center;\n        border-top: 1px solid #f1f5f9;\n    }\n\n    .pack-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.6rem;\n        padding: 0.7rem 1.8rem;\n        background: #f1f5f9;\n        color: #1e293b;\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 0.85rem;\n        border-radius: 60px;\n        transition: all 0.3s ease;\n        width: 100%;\n        max-width: 200px;\n        border: 1px solid #e2e8f0;\n    }\n\n    .pack-btn.primary {\n        background: linear-gradient(95deg, #2563eb, #7c3aed);\n        color: white;\n        border: none;\n        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);\n    }\n\n    .pack-btn:hover {\n        gap: 0.8rem;\n        transform: translateY(-2px);\n        background: #e2e8f0;\n    }\n\n    .pack-btn.primary:hover {\n        background: linear-gradient(95deg, #3b82f6, #8b5cf6);\n        box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35);\n    }\n\n    \/* Info Note Bottom *\/\n    .info-note-bottom {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.6rem;\n        background: #f8fafc;\n        padding: 0.7rem 1.5rem;\n        margin: 0 auto;\n        width: fit-content;\n        max-width: 90%;\n        border-radius: 60px;\n        border: 1px solid #e2e8f0;\n    }\n\n    .info-note-bottom i {\n        color: #3b82f6;\n        font-size: 0.85rem;\n    }\n\n    .info-note-bottom span {\n        color: #475569;\n        font-size: 0.8rem;\n        font-weight: 500;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 900px) {\n        .comparison-premium {\n            padding: 3rem 1rem;\n        }\n        .packs-grid {\n            gap: 1.5rem;\n        }\n    }\n\n    @media (max-width: 650px) {\n        .packs-grid {\n            grid-template-columns: 1fr;\n            max-width: 420px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        .pack-name {\n            font-size: 1.3rem;\n        }\n        .pack-icon {\n            width: 55px;\n            height: 55px;\n            font-size: 1.6rem;\n        }\n        .badge-new {\n            top: 12px;\n            right: 12px;\n            padding: 4px 10px;\n            font-size: 0.6rem;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .comparison-premium {\n            padding: 2rem 0.75rem;\n        }\n        .comparison-title {\n            font-size: 1.6rem;\n        }\n        .feature-row {\n            font-size: 0.75rem;\n            gap: 0.6rem;\n        }\n        .pack-btn {\n            max-width: 170px;\n            padding: 0.6rem 1.2rem;\n        }\n        .info-note-bottom span {\n            font-size: 0.7rem;\n        }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af5d70b e-con-full e-flex e-con e-parent\" data-id=\"af5d70b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83f4349 elementor-widget elementor-widget-html\" data-id=\"83f4349\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"why-choose-section\">\n    <div class=\"why-container\">\n        <!-- Section Header -->\n        <div class=\"why-header\">\n            <div class=\"why-badge\">\n                <i class=\"fas fa-infinity\"><\/i>\n                <span>Why AssistYu<\/span>\n            <\/div>\n            <h2 class=\"why-title\">\n                Why Choose a <span class=\"title-gradient\">Service Pack?<\/span>\n            <\/h2>\n            <div class=\"why-divider\"><\/div>\n            <p class=\"why-subtitle\">\n                More than just software \u2014 a complete digital ecosystem tailored to your life.\n            <\/p>\n        <\/div>\n\n        <!-- Features Grid - Modern Layout -->\n        <div class=\"features-grid\">\n            <!-- Feature 1 - Cloud -->\n            <div class=\"feature-card\">\n                <div class=\"feature-icon cloud\">\n                    <i class=\"fas fa-cloud-upload-alt\"><\/i>\n                <\/div>\n                <div class=\"feature-content\">\n                    <h3>Cloud Software Subscription<\/h3>\n                    <p class=\"full-text\">Access the latest productivity and creativity applications through our cloud platform. Work from anywhere, on any device, with automatic updates and zero installation hassles.<\/p>\n                    <p class=\"short-text\">Cloud apps, auto-updates, work anywhere.<\/p>\n                <\/div>\n                <div class=\"feature-number\">01<\/div>\n            <\/div>\n\n            <!-- Feature 2 - WhatsApp -->\n            <div class=\"feature-card\">\n                <div class=\"feature-icon whatsapp\">\n                    <i class=\"fab fa-whatsapp\"><\/i>\n                <\/div>\n                <div class=\"feature-content\">\n                    <h3>Personal WhatsApp Access<\/h3>\n                    <p class=\"full-text\">Connect your WhatsApp account directly to our interface for unified messaging. Manage personal and professional conversations in one place with end-to-end encryption.<\/p>\n                    <p class=\"short-text\">Unified messaging with full encryption.<\/p>\n                <\/div>\n                <div class=\"feature-number\">02<\/div>\n            <\/div>\n\n            <!-- Feature 3 - License Keys -->\n            <div class=\"feature-card\">\n                <div class=\"feature-icon license\">\n                    <i class=\"fas fa-key\"><\/i>\n                <\/div>\n                <div class=\"feature-content\">\n                    <h3>Software License Keys<\/h3>\n                    <p class=\"full-text\">Receive legitimate, verified license keys for all included software. No cracks, no workarounds \u2014 just genuine activation that you can trust.<\/p>\n                    <p class=\"short-text\">Genuine, verified license keys.<\/p>\n                <\/div>\n                <div class=\"feature-number\">03<\/div>\n            <\/div>\n\n            <!-- Feature 4 - Antivirus -->\n            <div class=\"feature-card\">\n                <div class=\"feature-icon antivirus\">\n                    <i class=\"fas fa-shield-alt\"><\/i>\n                <\/div>\n                <div class=\"feature-content\">\n                    <h3>Antivirus Protection<\/h3>\n                    <p class=\"full-text\">Real-time threat detection blocks malware, spyware, and viruses before they can harm your system. Lightweight engine ensures no slowdown during work or play.<\/p>\n                    <p class=\"short-text\">Real-time malware & virus protection.<\/p>\n                <\/div>\n                <div class=\"feature-number\">04<\/div>\n            <\/div>\n\n            <!-- Feature 5 - Utilities -->\n            <div class=\"feature-card\">\n                <div class=\"feature-icon utilities\">\n                    <i class=\"fas fa-tools\"><\/i>\n                <\/div>\n                <div class=\"feature-content\">\n                    <h3>Software Utilities<\/h3>\n                    <p class=\"full-text\">Optimize your system with disk cleaners, registry repair tools, file recovery software, and performance boosters. Keep your computer running like new.<\/p>\n                    <p class=\"short-text\">PC optimization & performance tools.<\/p>\n                <\/div>\n                <div class=\"feature-number\">05<\/div>\n            <\/div>\n\n            <!-- Feature 6 - 24\/7 Support -->\n            <div class=\"feature-card\">\n                <div class=\"feature-icon support\">\n                    <i class=\"fas fa-headset\"><\/i>\n                <\/div>\n                <div class=\"feature-content\">\n                    <h3>24\/7 Premium Support<\/h3>\n                    <p class=\"full-text\">Round-the-clock technical assistance from our expert team. Get help whenever you need it via chat, email, or phone \u2014 we're always here for you.<\/p>\n                    <p class=\"short-text\">24\/7 expert technical assistance.<\/p>\n                <\/div>\n                <div class=\"feature-number\">06<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* ========== WHY CHOOSE SECTION - MODERN DESIGN ========== *\/\n    .why-choose-section {\n        position: relative;\n        width: 100%;\n        background:  linear-gradient(45deg, #f8fafc 0%, #eef2f8 100%);\n        padding: 5rem 2rem;\n        margin: 0;\n        box-sizing: border-box;\n        font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n        overflow: hidden;\n    }\n\n    \/* Subtle background decoration *\/\n    .why-choose-section::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-image: url('https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/shape-4-1-1.png');\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        opacity: 0.05;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .why-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 2;\n        padding: 0 20px;\n    }\n\n    \/* Section Header *\/\n    .why-header {\n        text-align: center;\n        margin-bottom: 3rem;\n    }\n    .why-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.6rem;\n        background: rgba(59, 113, 254, 0.1);\n        padding: 0.5rem 1.2rem;\n        border-radius: 60px;\n        font-size: 0.75rem;\n        font-weight: 600;\n        color: #3b71fe;\n        margin-bottom: 1.2rem;\n    }\n    .why-title {\n        font-size: clamp(1.6rem, 5vw, 2.8rem);\n        font-weight: 800;\n        color: #0a2540;\n        margin-bottom: 1rem;\n        letter-spacing: -0.02em;\n    }\n    .title-gradient {\n        background: linear-gradient(135deg, #3b71fe, #7c3aed);\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n    }\n    .why-divider {\n        width: 80px;\n        height: 3px;\n        background: linear-gradient(90deg, #3b71fe, #7c3aed);\n        margin: 1rem auto;\n        border-radius: 4px;\n    }\n    .why-subtitle {\n        color: #5b6e8c;\n        font-size: clamp(0.9rem, 3vw, 1.1rem);\n        max-width: 550px;\n        margin: 0 auto;\n    }\n\n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n        gap: 1.8rem;\n        margin: 1rem 0;\n    }\n\n    \/* Feature Card *\/\n    .feature-card {\n        background: #ffffff;\n        border-radius: 24px;\n        padding: 1.5rem;\n        display: flex;\n        gap: 1rem;\n        align-items: flex-start;\n        transition: all 0.3s ease;\n        border: 1px solid #e8edf5;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);\n        position: relative;\n        overflow: hidden;\n    }\n    .feature-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.08);\n        border-color: #d0dae8;\n    }\n\n    \/* Feature Icon *\/\n    .feature-icon {\n        width: 52px;\n        height: 52px;\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.4rem;\n        flex-shrink: 0;\n        transition: all 0.3s;\n    }\n    .feature-card:hover .feature-icon {\n        transform: scale(1.05);\n    }\n    .feature-icon.cloud { background: #e8f0fe; color: #3b71fe; }\n    .feature-icon.whatsapp { background: #e8f5e8; color: #25d366; }\n    .feature-icon.license { background: #fef3e8; color: #f5a623; }\n    .feature-icon.antivirus { background: #fee8e8; color: #e74c3c; }\n    .feature-icon.utilities { background: #e8eefe; color: #6c5ce7; }\n    .feature-icon.support { background: #e8f0fe; color: #3b71fe; }\n\n    \/* Feature Content *\/\n    .feature-content {\n        flex: 1;\n    }\n    .feature-content h3 {\n        font-size: clamp(1rem, 3vw, 1.2rem);\n        font-weight: 700;\n        color: #0a2540;\n        margin-bottom: 0.5rem;\n        line-height: 1.3;\n    }\n    \/* Full text - visible on desktop *\/\n    .feature-content .full-text {\n        color: #5b6e8c;\n        font-size: clamp(0.85rem, 2.2vw, 0.9rem);\n        line-height: 1.5;\n        margin: 0;\n    }\n    \/* Short text - hidden on desktop, shown on mobile *\/\n    .feature-content .short-text {\n        display: none;\n        color: #5b6e8c;\n        font-size: 0.85rem;\n        line-height: 1.4;\n        margin: 0;\n    }\n\n    \/* Feature Number (decorative) *\/\n    .feature-number {\n        position: absolute;\n        bottom: 12px;\n        right: 16px;\n        font-size: clamp(1.8rem, 4vw, 2.2rem);\n        font-weight: 800;\n        color: rgba(59, 113, 254, 0.06);\n        line-height: 1;\n        pointer-events: none;\n        transition: all 0.3s;\n    }\n    .feature-card:hover .feature-number {\n        color: rgba(59, 113, 254, 0.12);\n        transform: scale(1.05);\n    }\n\n    \/* Responsive Breakpoints *\/\n    @media (max-width: 900px) {\n        .why-choose-section {\n            padding: 3rem 1.2rem;\n        }\n        .why-container {\n            padding: 0 16px;\n        }\n        .features-grid {\n            gap: 1.2rem;\n        }\n        .feature-card {\n            padding: 1.3rem;\n        }\n    }\n\n    \/* Tablet - show short text, hide full text *\/\n    @media (max-width: 768px) {\n        .why-choose-section {\n            padding: 2.5rem 1rem;\n        }\n        .why-header {\n            margin-bottom: 2rem;\n        }\n        .feature-card {\n            flex-direction: column;\n            align-items: flex-start;\n            padding: 1.2rem;\n        }\n        .feature-icon {\n            margin-bottom: 0.5rem;\n        }\n        \/* Hide long text, show short text *\/\n        .feature-content .full-text {\n            display: none;\n        }\n        .feature-content .short-text {\n            display: block;\n        }\n        .feature-number {\n            font-size: 1.6rem;\n            bottom: 8px;\n            right: 12px;\n        }\n    }\n\n    \/* Small mobile *\/\n    @media (max-width: 550px) {\n        .why-choose-section {\n            padding: 2rem 0.8rem;\n        }\n        .why-container {\n            padding: 0 12px;\n        }\n        .why-title {\n            font-size: 1.5rem;\n        }\n        .why-subtitle {\n            font-size: 0.85rem;\n        }\n        .feature-content h3 {\n            font-size: 0.95rem;\n        }\n        .feature-content .short-text {\n            font-size: 0.8rem;\n        }\n        .feature-icon {\n            width: 44px;\n            height: 44px;\n            font-size: 1.2rem;\n            border-radius: 14px;\n        }\n        .feature-number {\n            font-size: 1.4rem;\n        }\n    }\n\n    \/* Large screens *\/\n    @media (min-width: 1400px) {\n        .why-choose-section {\n            padding: 6rem 2rem;\n        }\n        .features-grid {\n            gap: 2rem;\n        }\n        .feature-card {\n            padding: 1.8rem;\n        }\n        .feature-content h3 {\n            font-size: 1.25rem;\n        }\n        .feature-content .full-text {\n            font-size: 0.95rem;\n        }\n    }\n<\/style>\n\n<!-- Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1251e4c e-con-full e-flex e-con e-parent\" data-id=\"1251e4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fe334b elementor-widget elementor-widget-html\" data-id=\"9fe334b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"faq-modern\">\n    <div class=\"faq-container\">\n        <!-- Section Header -->\n        <div class=\"faq-header\">\n            <div class=\"faq-badge\">\n                <i class=\"fas fa-infinity\"><\/i>\n                <span>Got Questions?<\/span>\n            <\/div>\n            <h2 class=\"faq-title\">\n                We Have <span class=\"title-grad\">Answers<\/span>\n            <\/h2>\n            <div class=\"faq-divider\"><\/div>\n            <p class=\"faq-subtitle\">\n                Everything you need to know before choosing your pack.\n            <\/p>\n        <\/div>\n\n        <!-- Two Column Layout with Tabs\/Accordion Style -->\n        <div class=\"faq-layout\">\n            <!-- Left Side - Stats \/ Info Panel -->\n            <div class=\"faq-info-panel\">\n                <div class=\"info-stats\">\n                    <div class=\"stat-circle\">\n                        <span class=\"stat-number\">24\/7<\/span>\n                        <span class=\"stat-label\">Support Available<\/span>\n                    <\/div>\n                    <div class=\"stat-divider\"><\/div>\n                    <div class=\"stat-circle\">\n                        <span class=\"stat-number\">100%<\/span>\n                        <span class=\"stat-label\">Satisfaction<\/span>\n                    <\/div>\n                    <div class=\"stat-divider\"><\/div>\n                    <div class=\"stat-circle\">\n                        <span class=\"stat-number\">30-Day<\/span>\n                        <span class=\"stat-label\">Money Back<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"info-message\">\n                    <i class=\"fas fa-headset\"><\/i>\n                    <p>Still have questions? Our team is ready to help you 24\/7.<\/p>\n                    <a href=\"https:\/\/thevaperz.com\/contact\/\" class=\"info-btn\">Contact Support <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Right Side - FAQ Accordion Items -->\n            <div class=\"faq-accordion\">\n                <!-- FAQ Item 1 -->\n                <div class=\"accordion-item\">\n                    <div class=\"accordion-question\">\n                        <div class=\"q-icon\">\n                            <i class=\"fas fa-sync-alt\"><\/i>\n                        <\/div>\n                        <span>Can I switch between packs later?<\/span>\n                        <i class=\"fas fa-chevron-down accordion-arrow\"><\/i>\n                    <\/div>\n                    <div class=\"accordion-answer\">\n                        <p>Yes, you can upgrade or downgrade your service pack at any time. Changes take effect immediately, and we'll prorate your billing accordingly.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ Item 2 -->\n                <div class=\"accordion-item\">\n                    <div class=\"accordion-question\">\n                        <div class=\"q-icon\">\n                            <i class=\"fas fa-file-contract\"><\/i>\n                        <\/div>\n                        <span>Are there contracts or commitments?<\/span>\n                        <i class=\"fas fa-chevron-down accordion-arrow\"><\/i>\n                    <\/div>\n                    <div class=\"accordion-answer\">\n                        <p>All service packs are available on a monthly or annual basis. Choose monthly for flexibility or save 20% with annual prepayment. Cancel anytime with no penalties.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ Item 3 -->\n                <div class=\"accordion-item\">\n                    <div class=\"accordion-question\">\n                        <div class=\"q-icon\">\n                            <i class=\"fas fa-cloud\"><\/i>\n                        <\/div>\n                        <span>What cloud software is included?<\/span>\n                        <i class=\"fas fa-chevron-down accordion-arrow\"><\/i>\n                    <\/div>\n                    <div class=\"accordion-answer\">\n                        <p>Each pack includes access to our core suite: cloud office applications, file synchronization tools, collaboration platforms, and backup utilities. Specific titles vary by region\u2014contact us for details.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ Item 4 -->\n                <div class=\"accordion-item\">\n                    <div class=\"accordion-question\">\n                        <div class=\"q-icon\">\n                            <i class=\"fab fa-whatsapp\"><\/i>\n                        <\/div>\n                        <span>How does WhatsApp integration work?<\/span>\n                        <i class=\"fas fa-chevron-down accordion-arrow\"><\/i>\n                    <\/div>\n                    <div class=\"accordion-answer\">\n                        <p>You'll scan a QR code to link your WhatsApp account securely. Messages sync across devices while maintaining WhatsApp's end-to-end encryption. No third-party access to your conversations.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ Item 5 -->\n                <div class=\"accordion-item\">\n                    <div class=\"accordion-question\">\n                        <div class=\"q-icon\">\n                            <i class=\"fas fa-network-wired\"><\/i>\n                        <\/div>\n                        <span>Is the VPN really unlimited?<\/span>\n                        <i class=\"fas fa-chevron-down accordion-arrow\"><\/i>\n                    <\/div>\n                    <div class=\"accordion-answer\">\n                        <p>Yes, VPN service includes unlimited bandwidth and data transfer on all packs that include it. No throttling, no hidden caps.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ Item 6 -->\n                <div class=\"accordion-item\">\n                    <div class=\"accordion-question\">\n                        <div class=\"q-icon\">\n                            <i class=\"fas fa-laptop\"><\/i>\n                        <\/div>\n                        <span>What operating systems are supported?<\/span>\n                        <i class=\"fas fa-chevron-down accordion-arrow\"><\/i>\n                    <\/div>\n                    <div class=\"accordion-answer\">\n                        <p>All packs support Windows (10\/11), macOS (Ventura and newer), Android, and iOS. Some utility features vary by platform\u2014check system requirements for details.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ Item 7 -->\n                <div class=\"accordion-item\">\n                    <div class=\"accordion-question\">\n                        <div class=\"q-icon\">\n                            <i class=\"fas fa-rocket\"><\/i>\n                        <\/div>\n                        <span>How do I get started?<\/span>\n                        <i class=\"fas fa-chevron-down accordion-arrow\"><\/i>\n                    <\/div>\n                    <div class=\"accordion-answer\">\n                        <p>Click \"Contact Us\" on any pack above, and our team will reach out within 24 hours to set up your account, install software, and ensure everything is configured properly.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* ========== FAQ MODERN SECTION ========== *\/\n    .faq-modern {\n        position: relative;\n        width: 100%;\n        background: linear-gradient(135deg, #f8fafc 0%, #eef2f8 100%);\n        padding: 5rem 2rem;\n        margin: 0;\n        box-sizing: border-box;\n        font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n        overflow: hidden;\n    }\n\n    \/* Subtle background decoration *\/\n    .faq-modern::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-image: url('https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/shape-4-1-1.png');\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        opacity: 0.05;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .faq-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 2;\n        padding: 0 20px;\n    }\n\n    \/* Section Header *\/\n    .faq-header {\n        text-align: center;\n        margin-bottom: 3rem;\n    }\n    .faq-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.6rem;\n        background: rgba(59, 113, 254, 0.1);\n        padding: 0.5rem 1.2rem;\n        border-radius: 60px;\n        font-size: 0.75rem;\n        font-weight: 600;\n        color: #3b71fe;\n        margin-bottom: 1.2rem;\n    }\n    .faq-title {\n        font-size: clamp(1.6rem, 5vw, 2.8rem);\n        font-weight: 800;\n        color: #0a2540;\n        margin-bottom: 1rem;\n        letter-spacing: -0.02em;\n    }\n    .title-grad {\n        background: linear-gradient(135deg, #3b71fe, #7c3aed);\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n    }\n    .faq-divider {\n        width: 80px;\n        height: 3px;\n        background: linear-gradient(90deg, #3b71fe, #7c3aed);\n        margin: 1rem auto;\n        border-radius: 4px;\n    }\n    .faq-subtitle {\n        color: #5b6e8c;\n        font-size: clamp(0.9rem, 3vw, 1.1rem);\n        max-width: 550px;\n        margin: 0 auto;\n    }\n\n    \/* Two Column Layout *\/\n    .faq-layout {\n        display: grid;\n        grid-template-columns: 320px 1fr;\n        gap: 2.5rem;\n        margin-top: 2rem;\n    }\n\n    \/* Left Panel - Stats & Info *\/\n    .faq-info-panel {\n        background: linear-gradient(135deg, #ffffff, #fefefe);\n        border-radius: 28px;\n        padding: 2rem 1.5rem;\n        border: 1px solid #e8edf5;\n        box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.05);\n        position: sticky;\n        top: 2rem;\n        height: fit-content;\n    }\n    .info-stats {\n        display: flex;\n        flex-direction: column;\n        gap: 1.5rem;\n        margin-bottom: 2rem;\n    }\n    .stat-circle {\n        text-align: center;\n        padding: 1rem;\n        background: #f8fafc;\n        border-radius: 20px;\n        transition: all 0.3s;\n    }\n    .stat-circle:hover {\n        background: #f0f4fe;\n        transform: translateX(4px);\n    }\n    .stat-number {\n        display: block;\n        font-size: 1.8rem;\n        font-weight: 800;\n        color: #3b71fe;\n        line-height: 1.2;\n    }\n    .stat-label {\n        display: block;\n        font-size: 0.75rem;\n        color: #5b6e8c;\n        margin-top: 0.3rem;\n    }\n    .stat-divider {\n        height: 1px;\n        background: linear-gradient(90deg, transparent, #e2e8f0, transparent);\n        margin: 0;\n    }\n    .info-message {\n        text-align: center;\n        padding-top: 1.5rem;\n        border-top: 1px solid #e8edf5;\n    }\n    .info-message i {\n        font-size: 2rem;\n        color: #3b71fe;\n        margin-bottom: 0.8rem;\n    }\n    .info-message p {\n        font-size: 0.85rem;\n        color: #5b6e8c;\n        margin-bottom: 1.2rem;\n        line-height: 1.5;\n    }\n    .info-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        padding: 0.6rem 1.2rem;\n        background: #f1f5f9;\n        color: #334155;\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 0.8rem;\n        border-radius: 60px;\n        transition: all 0.3s;\n    }\n    .info-btn:hover {\n        background: linear-gradient(95deg, #3b71fe, #5c3aed);\n        color: white;\n        gap: 0.7rem;\n    }\n\n    \/* Right Panel - Accordion *\/\n    .faq-accordion {\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n    }\n    .accordion-item {\n        background: #ffffff;\n        border-radius: 20px;\n        border: 1px solid #e8edf5;\n        overflow: hidden;\n        transition: all 0.3s;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n    }\n    .accordion-item:hover {\n        border-color: #d0dae8;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n    }\n    .accordion-question {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        padding: 1.2rem 1.5rem;\n        cursor: pointer;\n        transition: background 0.2s;\n    }\n    .accordion-question:hover {\n        background: #fafcff;\n    }\n    .q-icon {\n        width: 36px;\n        height: 36px;\n        background: #e8f0fe;\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1rem;\n        color: #3b71fe;\n        flex-shrink: 0;\n    }\n    .accordion-question span {\n        flex: 1;\n        font-weight: 600;\n        font-size: 0.95rem;\n        color: #0a2540;\n    }\n    .accordion-arrow {\n        color: #94a3b8;\n        font-size: 0.8rem;\n        transition: transform 0.3s;\n    }\n    .accordion-item.active .accordion-arrow {\n        transform: rotate(180deg);\n    }\n    .accordion-answer {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.4s ease;\n        padding: 0 1.5rem;\n    }\n    .accordion-item.active .accordion-answer {\n        max-height: 200px;\n        padding: 0 1.5rem 1.2rem 1.5rem;\n    }\n    .accordion-answer p {\n        color: #5b6e8c;\n        font-size: 0.85rem;\n        line-height: 1.6;\n        margin: 0;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 950px) {\n        .faq-layout {\n            grid-template-columns: 1fr;\n            gap: 1.8rem;\n        }\n        .faq-info-panel {\n            position: static;\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            padding: 1.5rem;\n        }\n        .info-stats {\n            flex-direction: row;\n            margin-bottom: 0;\n            gap: 1rem;\n        }\n        .stat-circle {\n            padding: 0.8rem;\n            min-width: 100px;\n        }\n        .stat-number {\n            font-size: 1.4rem;\n        }\n        .info-message {\n            border-top: none;\n            padding-top: 0;\n            text-align: left;\n        }\n        .stat-divider {\n            width: 1px;\n            height: 50px;\n        }\n    }\n    @media (max-width: 700px) {\n        .faq-modern {\n            padding: 3rem 1rem;\n        }\n        .faq-container {\n            padding: 0 16px;\n        }\n        .faq-info-panel {\n            flex-direction: column;\n            text-align: center;\n        }\n        .info-stats {\n            flex-direction: column;\n            width: 100%;\n        }\n        .stat-divider {\n            width: 100%;\n            height: 1px;\n        }\n        .info-message {\n            text-align: center;\n        }\n        .accordion-question {\n            padding: 1rem;\n            gap: 0.8rem;\n        }\n        .accordion-question span {\n            font-size: 0.85rem;\n        }\n        .q-icon {\n            width: 32px;\n            height: 32px;\n            font-size: 0.85rem;\n        }\n        .accordion-item.active .accordion-answer {\n            padding: 0 1rem 1rem 1rem;\n        }\n        .accordion-answer p {\n            font-size: 0.8rem;\n        }\n    }\n    @media (max-width: 480px) {\n        .faq-title {\n            font-size: 1.5rem;\n        }\n        .faq-subtitle {\n            font-size: 0.85rem;\n        }\n    }\n<\/style>\n\n<!-- Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n<!-- Accordion JavaScript -->\n<script>\n    document.querySelectorAll('.accordion-item').forEach(item => {\n        const question = item.querySelector('.accordion-question');\n        question.addEventListener('click', () => {\n            \/\/ Close other items\n            document.querySelectorAll('.accordion-item').forEach(other => {\n                if (other !== item && other.classList.contains('active')) {\n                    other.classList.remove('active');\n                }\n            });\n            \/\/ Toggle current\n            item.classList.toggle('active');\n        });\n    });\n    \/\/ Open first item by default\n    document.querySelectorAll('.accordion-item')[0]?.classList.add('active');\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IT Security &#038; Service Packs Discover our comprehensive service packs designed for complete digital protection. From cloud software subscriptions and antivirus protection to VPN services and 24\/7 IT assistance, we deliver enterprise-grade security for individuals, families, and businesses. Complete digital protection with cloud software, antivirus, VPN &#038; 24\/7 IT support. Enterprise-grade security for all. Enterprise-grade [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1955","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thevaperz.com\/de\/wp-json\/wp\/v2\/pages\/1955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thevaperz.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thevaperz.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thevaperz.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thevaperz.com\/de\/wp-json\/wp\/v2\/comments?post=1955"}],"version-history":[{"count":115,"href":"https:\/\/thevaperz.com\/de\/wp-json\/wp\/v2\/pages\/1955\/revisions"}],"predecessor-version":[{"id":4334,"href":"https:\/\/thevaperz.com\/de\/wp-json\/wp\/v2\/pages\/1955\/revisions\/4334"}],"wp:attachment":[{"href":"https:\/\/thevaperz.com\/de\/wp-json\/wp\/v2\/media?parent=1955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}