{"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-21T11:38:48","modified_gmt":"2026-04-21T11:38:48","slug":"servizi","status":"publish","type":"page","link":"https:\/\/assistyu.com\/it\/services\/","title":{"rendered":"I nostri servizi"},"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<!-- ========== HEADER SECTION - SERVICES PAGE BANNER WITH BACKGROUND IMAGE ========== -->\n<style>\n  .nexus-header {\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    position: relative;\n    background: linear-gradient(135deg, #0a0f2a 0%, #0b1a3a 40%, #00122e 100%);\n    border-radius: 0 0 56px 56px;\n    padding-top: 10rem;\n    padding-bottom: 3rem;\n    overflow: hidden;\n    margin-bottom: 2rem;\n    box-shadow: 0 20px 40px -12px rgba(0,0,0,0.25);\n    min-height: auto;\n  }\n  \n  \/* Background image overlay with gradient blend - Security Help Desk themed *\/\n  .nexus-header .bg-image-overlay {\n    position: absolute;\n    inset: 0;\n    background-image: url('https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format');\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    opacity: 10.2;\n    mix-blend-mode: overlay;\n    pointer-events: none;\n    z-index: 0;\n  }\n  \n  \/* Additional gradient overlay for better blending *\/\n  .nexus-header .gradient-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(10,15,42,0.7) 0%, rgba(11,26,58,0.5) 40%, rgba(0,18,46,0.8) 100%);\n    pointer-events: none;\n    z-index: 0;\n  }\n  \n  .nexus-header::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1600 800\" opacity=\"0.12\"><path fill=\"none\" stroke=\"%234f9eff\" stroke-width=\"1.5\" d=\"M0 300 L300 200 L600 350 L900 180 L1200 280 L1500 150\" \/><circle cx=\"250\" cy=\"220\" r=\"5\" fill=\"%2360a5fa\"\/><circle cx=\"750\" cy=\"280\" r=\"7\" fill=\"%233b82f6\"\/><circle cx=\"1250\" cy=\"200\" r=\"5\" fill=\"%234f9eff\"\/><path d=\"M0 500 L400 450 L800 520 L1200 420 L1600 480\" stroke=\"%233b82f6\" fill=\"none\" stroke-width=\"1.2\"\/><\/svg>');\n    background-repeat: repeat;\n    background-position: top;\n    background-size: 400px;\n    pointer-events: none;\n    z-index: 1;\n  }\n  \n  .nexus-header::after {\n    content: \"\";\n    position: absolute;\n    top: -20%;\n    right: -10%;\n    width: 70%;\n    height: 140%;\n    background: radial-gradient(ellipse, rgba(59,130,246,0.25), transparent 70%);\n    filter: blur(60px);\n    pointer-events: none;\n    z-index: 1;\n  }\n  \n  .header-content {\n    position: relative;\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 2.5rem;\n    z-index: 5;\n  }\n  .header-content h1 {\n    font-size: clamp(1.8rem, 5vw, 3.5rem);\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    background: linear-gradient(125deg, #ffffff, #b9d5ff, #3b82f6);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    line-height: 1.2;\n    margin-bottom: 0.5rem;\n  }\n  .header-sub {\n    font-size: clamp(0.85rem, 3vw, 1.1rem);\n    color: #cddfff;\n    max-width: 650px;\n    border-left: 3px solid #3b82f6;\n    padding-left: 1.2rem;\n    margin: 1rem 0 1.5rem 0;\n    line-height: 1.5;\n  }\n  \n  \/* Service badges *\/\n  .service-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem;\n    margin-top: 1.5rem;\n  }\n  .service-badge {\n    background: rgba(59,130,246,0.15);\n    backdrop-filter: blur(8px);\n    border: 1px solid rgba(59,130,246,0.4);\n    border-radius: 60px;\n    padding: 0.4rem 1.2rem;\n    font-size: 0.7rem;\n    font-weight: 500;\n    color: #b8d4ff;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  \/* Floating Logo Styles *\/\n  .floating-logo {\n    position: absolute;\n    right: 15%;\n    top: 60%;\n    transform: translateY(-50%);\n    width: min(200px, 22vw);\n    height: auto;\n    z-index: 10;\n    pointer-events: none;\n    filter: drop-shadow(0 0 15px rgba(59,130,246,0.5));\n    will-change: transform;\n    opacity: 0.95;\n  }\n  \n  \/* Premium floating animation *\/\n  @keyframes floatPremium {\n    0% { transform: translateY(-50%) translateX(0) rotate(0deg) scale(1); }\n    20% { transform: translateY(-54%) translateX(-8px) rotate(2deg) scale(1.02); }\n    40% { transform: translateY(-46%) translateX(-15px) rotate(-2deg) scale(0.98); }\n    60% { transform: translateY(-52%) translateX(-5px) rotate(1.5deg) scale(1.01); }\n    80% { transform: translateY(-48%) translateX(-12px) rotate(-1deg) scale(0.99); }\n    100% { transform: translateY(-50%) translateX(0) rotate(0deg) scale(1); }\n  }\n  \n  .floating-logo {\n    animation: floatPremium 7s cubic-bezier(0.45, 0.05, 0.2, 0.99) infinite;\n  }\n  \n  .floating-logo:hover {\n    animation-play-state: paused;\n    filter: drop-shadow(0 0 35px rgba(59,130,246,0.7));\n    transition: filter 0.3s ease;\n  }\n  \n  .floating-logo.error {\n    content: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 200 200\" fill=\"none\"><circle cx=\"100\" cy=\"100\" r=\"90\" stroke=\"%233b82f6\" stroke-width=\"3\" stroke-dasharray=\"10 10\"\/><text x=\"100\" y=\"110\" text-anchor=\"middle\" fill=\"%23ffffff\" font-size=\"20\" font-family=\"Inter\">AssistYu<\/text><path d=\"M60 80 L140 80 M100 80 L100 140\" stroke=\"%233b82f6\" stroke-width=\"4\"\/><\/svg>');\n    width: min(180px, 18vw);\n  }\n\n  \/* Large screens *\/\n  @media (min-width: 1400px) {\n    .floating-logo { right: 18%; width: 240px; }\n  }\n  \n  @media (max-width: 1200px) {\n    .floating-logo { right: 12%; width: min(200px, 20vw); }\n    .nexus-header { padding-top: 8rem; padding-bottom: 2.5rem; }\n  }\n  \n  @media (max-width: 992px) {\n    .floating-logo { right: 8%; width: min(160px, 18vw); }\n    .header-content { padding: 0 2rem; }\n    .nexus-header { padding-top: 6rem; padding-bottom: 2rem; }\n  }\n  \n  \/* Mobile & small screens - increased top padding *\/\n  @media (max-width: 768px) {\n    .floating-logo { display: none; }\n    .nexus-header { \n      padding-top: 8rem; \n      padding-bottom: 2rem; \n      border-radius: 0 0 32px 32px; \n    }\n    .header-content { \n      padding: 0 1.5rem; \n      text-align: center; \n    }\n    .header-sub { \n      max-width: 100%; \n      text-align: left; \n    }\n    \/* Hide badges on mobile *\/\n    .service-badges { \n      display: none; \n    }\n  }\n  \n  \/* Small mobile - extra top padding *\/\n  @media (max-width: 480px) {\n    .nexus-header { \n      padding-top: 6.5rem; \n      padding-bottom: 1.8rem; \n    }\n    .header-content { \n      padding: 0 1.2rem; \n    }\n    .header-sub { \n      font-size: 0.8rem; \n      padding-left: 0.8rem; \n    }\n  }\n<\/style>\n\n<div class=\"nexus-header\">\n  <!-- Background image overlay with gradient blend - Security Help Desk themed -->\n  <div class=\"bg-image-overlay\"><\/div>\n  <div class=\"gradient-overlay\"><\/div>\n  \n  <div class=\"header-content\">\n    <h1>IT Security & Service Packs<br><span style=\"color:#96bbff;\">for Every Need<\/span><\/h1>\n    <div class=\"header-sub\">Choose from four comprehensive service packs designed to deliver security, privacy, and productivity. Includes cloud software access, protection tools, VPN, antivirus, and 24\/7 premium support.<\/div>\n    <div class=\"service-badges\">\n      <span class=\"service-badge\"><i class=\"fas fa-cloud\"><\/i> Cloud Subscription<\/span>\n      <span class=\"service-badge\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp Access<\/span>\n      <span class=\"service-badge\"><i class=\"fas fa-key\"><\/i> License Keys<\/span>\n      <span class=\"service-badge\"><i class=\"fas fa-headset\"><\/i> 24\/7 Support<\/span>\n    <\/div>\n  <\/div>\n  \n  <!-- FLOATING ICON with premium animation -->\n  <img decoding=\"async\" \n    id=\"assistyuFloatingLogo\"\n    class=\"floating-logo\" \n    src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/services-ico.svg\" \n    alt=\"AssistYu Logo\"\n    onerror=\"this.classList.add('error'); console.warn('Floating logo failed to load, using fallback style.');\"\n  \/>\n<\/div>\n\n<script>\n  (function() {\n    const logo = document.getElementById('assistyuFloatingLogo');\n    if (logo) {\n      logo.addEventListener('error', function(e) {\n        console.log(\"AssistYu logo could not be loaded from the provided URL. The CSS fallback is now active.\");\n        this.alt = \"AssistYu Logo (fallback)\";\n        this.classList.add('error');\n      });\n      \n      let time = 0;\n      let requestId = null;\n      \n      function addMicroMovement() {\n        if (!logo || logo.classList.contains('error') || window.innerWidth < 768) return;\n        time += 0.016;\n        const extraX = Math.sin(time * 0.8) * 2;\n        const extraY = Math.cos(time * 1.2) * 1.5;\n        const microRotate = Math.sin(time * 1.5) * 0.5;\n        logo.style.transform = `translateY(-50%) translateX(${extraX}px) translateY(${extraY}px) rotate(${microRotate}deg)`;\n        requestId = requestAnimationFrame(addMicroMovement);\n      }\n      \n      \/\/ Uncomment for ultra-smooth continuous motion:\n      \/\/ requestId = requestAnimationFrame(addMicroMovement);\n      \n      window.addEventListener('beforeunload', () => {\n        if (requestId) cancelAnimationFrame(requestId);\n      });\n    }\n  })();\n<\/script>\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:\/\/assistyu.com\/contact\/\" 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:\/\/assistyu.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:\/\/assistyu.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:\/\/assistyu.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: 2rem 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:\/\/assistyu.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:\/\/assistyu.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: 2rem 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:\/\/assistyu.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 Packsfor Every Need Choose from four comprehensive service packs designed to deliver security, privacy, and productivity. Includes cloud software access, protection tools, VPN, antivirus, and 24\/7 premium support. Cloud Subscription WhatsApp Access License Keys 24\/7 Support Choose Your Perfect Plan Select from four comprehensive service packs designed to deliver security, privacy, [&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:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/pages\/1955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/comments?post=1955"}],"version-history":[{"count":136,"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/pages\/1955\/revisions"}],"predecessor-version":[{"id":5077,"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/pages\/1955\/revisions\/5077"}],"wp:attachment":[{"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/media?parent=1955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}