{"id":1994,"date":"2024-03-22T13:51:39","date_gmt":"2024-03-22T13:51:39","guid":{"rendered":"https:\/\/itcroctheme.com\/cresta\/wp\/?page_id=1994"},"modified":"2026-04-14T18:51:06","modified_gmt":"2026-04-14T18:51:06","slug":"contact","status":"publish","type":"page","link":"https:\/\/thevaperz.com\/it\/contact\/","title":{"rendered":"Contattaci"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1994\" class=\"elementor elementor-1994\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd1f10e e-con-full e-flex e-con e-parent\" data-id=\"dd1f10e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8d2c66 elementor-widget elementor-widget-html\" data-id=\"b8d2c66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"contact-banner\">\n    <!-- Background Image (IT Solutions \/ Contact 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                Get in <span class=\"title-highlight\">Touch<\/span> With Us\n            <\/h1>\n            \n            <!-- SEO Friendly Description - Shorter version on mobile -->\n            <p class=\"banner-description\">\n                <span class=\"desktop-text\">Have questions about our IT security solutions, service packs, or products? Our expert team is ready to assist you with personalized support, technical guidance, and tailored recommendations for your business or personal needs.<\/span>\n                <span class=\"mobile-text\">Questions about our IT security solutions? Our team is ready to help.<\/span>\n            <\/p>\n            \n            <!-- Trust indicators - hidden on mobile -->\n            <div class=\"banner-trust\">\n                <span><i class=\"fas fa-headset\"><\/i> 24\/7 Expert Support<\/span>\n                <span><i class=\"fas fa-clock\"><\/i> Fast Response Time<\/span>\n                <span><i class=\"fas fa-globe\"><\/i> Global Assistance<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* ========== CONTACT BANNER - IT SOLUTIONS THEME ========== *\/\n    .contact-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 - Contact \/ IT Solutions themed *\/\n    .contact-banner .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-1557426272-fc759fdf7a8d?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    .contact-banner .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    .contact-banner .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    .contact-banner .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    .contact-banner .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    .contact-banner .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    .contact-banner .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    .contact-banner .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    .contact-banner .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    .contact-banner .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    .contact-banner .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    .contact-banner .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    .contact-banner .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    .contact-banner .banner-description .desktop-text {\n        display: block;\n    }\n    .contact-banner .banner-description .mobile-text {\n        display: none;\n    }\n\n    \/* Trust indicators - hidden on tablets and mobile *\/\n    .contact-banner .banner-trust {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1.5rem;\n        margin-top: 2rem;\n    }\n    .contact-banner .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    .contact-banner .banner-trust i {\n        font-size: 0.8rem;\n        color: #a78bfa;\n    }\n\n    \/* Responsive - Mobile adjustments *\/\n    @media (max-width: 768px) {\n        .contact-banner {\n            padding: 8rem 1.2rem 4rem;\n        }\n        .contact-banner .banner-title {\n            font-size: 1.6rem;\n        }\n        \/* Use shorter description on mobile *\/\n        .contact-banner .banner-description .desktop-text {\n            display: none;\n        }\n        .contact-banner .banner-description .mobile-text {\n            display: block;\n            font-size: 0.85rem;\n            line-height: 1.5;\n            color: #e2e8f0;\n        }\n        .contact-banner .banner-trust {\n            display: none;\n        }\n    }\n\n    @media (max-width: 550px) {\n        .contact-banner {\n            padding: 7rem 1rem 3rem;\n        }\n        .contact-banner .banner-title {\n            font-size: 1.4rem;\n        }\n        .contact-banner .banner-description .mobile-text {\n            font-size: 0.8rem;\n        }\n    }\n\n    @media (max-width: 380px) {\n        .contact-banner {\n            padding: 6rem 0.8rem 2.5rem;\n        }\n        .contact-banner .banner-title {\n            font-size: 1.2rem;\n        }\n        .contact-banner .banner-description .mobile-text {\n            font-size: 0.75rem;\n        }\n    }\n\n    \/* Large screens - keep original padding *\/\n    @media (min-width: 1200px) {\n        .contact-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-9824649 e-con-full e-flex e-con e-parent\" data-id=\"9824649\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f64939 elementor-widget elementor-widget-html\" data-id=\"7f64939\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"contact-premium\">\n    <!-- Background overlay image (behind content, 50% opacity) -->\n    <div class=\"bg-overlay-layer\"><\/div>\n    \n    <div class=\"contact-container\">\n        <!-- LEFT: info panel -->\n        <div class=\"info-panel\">\n            <span class=\"badge\"><i class=\"fas fa-handshake\"><\/i> ESTRATEGIAS DE MARKETING<\/span>\n            <h2>Let's talk about <span class=\"gradient-text\">security<\/span><\/h2>\n            <p class=\"info-text\">Reach out for AI, cloud, pentesting, or partnership. We're based in sunny Benalm\u00e1dena and ready to help.<\/p>\n            \n            <div class=\"info-cards\">\n                <div class=\"info-card\">\n                    <div class=\"card-icon\" style=\"background: #E8F0FE; color: #1A5F9E;\"><i class=\"fas fa-map-pin\"><\/i><\/div>\n                    <div>\n                        <h4>LE Paradise \u2013 AssistYu<\/h4>\n                        <p>C. Lope de Vega 60, 29631 Benalm\u00e1dena, Spain<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"info-card\">\n                    <div class=\"card-icon\" style=\"background: #E3F2E8; color: #0F6E4A;\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n                    <div>\n                        <h4>Call us direct<\/h4>\n                        <p class=\"big-phone\">+34 951 550 227<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"info-card\">\n                    <div class=\"card-icon\" style=\"background: #EDEAF7; color: #5E3C9E;\"><i class=\"fas fa-envelope\"><\/i><\/div>\n                    <div>\n                        <h4>Email<\/h4>\n                        <p>info@assistyou365.com<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"info-card emergency-item\">\n                    <div class=\"emergency-badge\">\n                        <i class=\"fas fa-exclamation-triangle\"><\/i>\n                    <\/div>\n                    <div class=\"emergency-details\">\n                        <h4>Emergency\/24\/7<\/h4>\n                        <div class=\"emergency-contact\">\n                            <span class=\"emergency-number\">+34 951 550 227<\/span>\n                            <span class=\"emergency-label\">(incident response)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Social Connect -->\n            <div class=\"social-connect\">\n                <span class=\"connect-text\">Connect<\/span>\n                <div class=\"social-icons\">\n                    <a href=\"#\" class=\"social-link linkedin\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n                    <a href=\"#\" class=\"social-link twitter\"><i class=\"fab fa-twitter\"><\/i><\/a>\n                    <a href=\"#\" class=\"social-link github\"><i class=\"fab fa-github\"><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- RIGHT: form panel with custom phone field -->\n        <div class=\"form-panel\">\n            <h3>Send a message<\/h3>\n            <form id=\"contactForm\" action=\"https:\/\/formsubmit.co\/megamows.media@gmail.com\" method=\"POST\">\n                <!-- Honeypot spam protection -->\n                <input type=\"text\" name=\"_honey\" style=\"display:none\">\n                <!-- Disable captcha (optional) -->\n                <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n                <!-- Redirect after submit (optional, can remove) -->\n                <input type=\"hidden\" name=\"_next\" value=\"https:\/\/thevaperz.com\/thank-you\">\n                <!-- Subject line -->\n                <input type=\"hidden\" name=\"_subject\" value=\"New Contact Form Submission - AssistYu\">\n                \n                <div class=\"form-row\">\n                    <div class=\"field\">\n                        <label>Full name *<\/label>\n                        <input type=\"text\" name=\"Name\" id=\"fullName\" placeholder=\"John Smith\" required>\n                    <\/div>\n                    <div class=\"field\">\n                        <label>Company<\/label>\n                        <input type=\"text\" name=\"Company\" id=\"company\" placeholder=\"Optional\">\n                    <\/div>\n                <\/div>\n                \n                <div class=\"form-row\">\n                    <div class=\"field\">\n                        <label>Email *<\/label>\n                        <input type=\"email\" name=\"Email\" id=\"email\" placeholder=\"john@company.com\" required>\n                    <\/div>\n                    <div class=\"field phone-field\">\n                        <label>Phone<\/label>\n                        <div class=\"custom-phone-wrapper\">\n                            <div class=\"country-code-selector\">\n                                <button type=\"button\" class=\"country-btn\" id=\"countryBtn\">\n                                    <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/es.png\" alt=\"Spain\" id=\"selectedFlag\" width=\"20\" height=\"15\">\n                                    <span id=\"selectedCode\">+34<\/span>\n                                    <i class=\"fas fa-chevron-down\"><\/i>\n                                <\/button>\n                                <div class=\"country-dropdown\" id=\"countryDropdown\">\n                                    <div class=\"dropdown-search\">\n                                        <input type=\"text\" id=\"countrySearch\" placeholder=\"Search country...\">\n                                    <\/div>\n                                    <div class=\"country-list\" id=\"countryList\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <input type=\"tel\" id=\"phoneNumber\" name=\"Phone\" placeholder=\"612 345 678\" autocomplete=\"off\">\n                        <\/div>\n                        <small class=\"phone-hint\">Select your country code and enter your number<\/small>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"field\">\n                    <label>I'm interested in<\/label>\n                    <select name=\"Interest\" id=\"interest\">\n              \n              <option>Products Inquiries<\/option>\n                    \n                    <option>Services Inquirie<\/option>\n                    \n                    <option>Technical assistance<\/option>\n                              <option>AI & Cloud solutions<\/option>\n                        <option>Cybersecurity \/ Pentesting<\/option>\n                        <option>Total Security suite<\/option>\n                        <option>Antivirus \/ Anti\u2011ransomware<\/option>\n                        <option>VPN \/ Webcam Blocker<\/option>\n                        <option>Identity Theft protection<\/option>\n                        <option selected>Partnership \/ LE Paradise<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"field\">\n                    <label>Message *<\/label>\n                    <textarea name=\"Message\" id=\"message\" rows=\"4\" placeholder=\"Tell us about your project...\" required><\/textarea>\n                <\/div>\n                \n                <div class=\"checkbox\">\n                    <input type=\"checkbox\" id=\"consent\" name=\"consent\" checked required>\n                    <label for=\"consent\">I agree to the <a href=\"#\">privacy policy<\/a>.<\/label>\n                <\/div>\n                \n                <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\"><i class=\"fas fa-paper-plane\"><\/i> Send message<\/button>\n            <\/form>\n            <div id=\"formStatus\" style=\"margin-top: 1rem; text-align: center; font-size: 0.85rem;\"><\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        .contact-premium {\n            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n            position: relative;\n            width: 100%;\n            background: linear-gradient(135deg, #f5f7fc 0%, #eef2f8 100%);\n            padding: 5rem 2rem;\n            margin: 0;\n            box-sizing: border-box;\n            overflow: hidden;\n        }\n        \n        .bg-overlay-layer {\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.5;\n            pointer-events: none;\n            z-index: 0;\n        }\n        \n        .contact-container {\n            max-width: 1280px;\n            width: 100%;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr 1.1fr;\n            gap: 2rem;\n            align-items: stretch;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .info-panel {\n            background: rgba(255, 255, 255, 0.96);\n            backdrop-filter: blur(2px);\n            border-radius: 32px;\n            padding: 2.5rem 2rem;\n            box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.12);\n            border: 1px solid rgba(26, 95, 158, 0.15);\n        }\n        \n        .badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.6rem;\n            background: linear-gradient(135deg, #E8F0FE, #D4E4F7);\n            color: #1A5F9E;\n            padding: 0.5rem 1.2rem;\n            border-radius: 40px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            margin-bottom: 1.8rem;\n            border: 1px solid rgba(26, 95, 158, 0.2);\n        }\n        \n        .info-panel h2 {\n            font-size: 2.3rem;\n            font-weight: 700;\n            color: #13293D;\n            margin-bottom: 1rem;\n            line-height: 1.2;\n        }\n        \n        .gradient-text {\n            background: linear-gradient(135deg, #1A5F9E, #2B8F9E, #3BA0B0);\n            background-clip: text;\n            -webkit-background-clip: text;\n            color: transparent;\n        }\n        \n        .info-text {\n            color: #4A5A6E;\n            font-size: 1.05rem;\n            margin-bottom: 2.2rem;\n            line-height: 1.5;\n        }\n        \n        .info-cards {\n            display: flex;\n            flex-direction: column;\n            gap: 1.3rem;\n            margin-bottom: 2rem;\n        }\n        \n        .info-card {\n            display: flex;\n            gap: 1.2rem;\n            align-items: center;\n            padding: 0.5rem 0;\n        }\n        \n        .card-icon {\n            width: 52px;\n            height: 52px;\n            border-radius: 18px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.4rem;\n            flex-shrink: 0;\n        }\n        \n        .info-card h4 {\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: #1A2A3A;\n            margin-bottom: 0.2rem;\n        }\n        \n        .info-card p {\n            color: #4F627A;\n            font-size: 0.98rem;\n        }\n        \n        .big-phone {\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: #1A5F9E;\n        }\n        \n        .emergency-item {\n            display: flex;\n            gap: 1.2rem;\n            align-items: center;\n            padding: 0.5rem 0;\n        }\n        \n        .emergency-badge {\n            width: 52px;\n            height: 52px;\n            border-radius: 18px;\n            background: #FFE8E0;\n            color: #D83A0B;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            flex-shrink: 0;\n        }\n        \n        .emergency-details h4 {\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: #1A2A3A;\n            margin: 0 0 0.2rem 0;\n        }\n        \n        .emergency-contact {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            gap: 0.3rem;\n        }\n        \n        .emergency-number {\n            color: #D83A0B;\n            font-weight: 700;\n            font-size: 1rem;\n        }\n        \n        .social-connect {\n            display: flex;\n            align-items: center;\n            gap: 1.5rem;\n            margin-top: 2rem;\n            padding-top: 1.5rem;\n            border-top: 2px solid #E2EAF3;\n        }\n        \n        .connect-text {\n            color: #5B6F87;\n            font-size: 1rem;\n            font-weight: 600;\n        }\n        \n        .social-icons {\n            display: flex;\n            gap: 1rem;\n        }\n        \n        .social-link {\n            width: 44px;\n            height: 44px;\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            font-size: 1.2rem;\n        }\n        \n        .social-link.linkedin { background: #0077b5; color: white; }\n        .social-link.twitter { background: #000000; color: white; }\n        .social-link.github { background: #333333; color: white; }\n        .social-link:hover { transform: translateY(-5px); filter: brightness(1.05); box-shadow: 0 8px 18px rgba(0,0,0,0.15); }\n        \n        .form-panel {\n            background: rgba(255, 255, 255, 0.96);\n            backdrop-filter: blur(2px);\n            border-radius: 32px;\n            padding: 2.5rem 2.2rem;\n            box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.12);\n            border: 1px solid rgba(26, 95, 158, 0.15);\n        }\n        \n        .form-panel h3 {\n            font-size: 2rem;\n            font-weight: 700;\n            color: #13293D;\n            margin-bottom: 2rem;\n        }\n        \n        .form-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1.2rem;\n        }\n        \n        .field { margin-bottom: 1.4rem; }\n        \n        .field label {\n            display: block;\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: #2F4562;\n            margin-bottom: 0.4rem;\n        }\n        \n        .field input, .field select, .field textarea {\n            width: 100%;\n            padding: 0.9rem 1.2rem;\n            border: 1.5px solid #E2E9F2;\n            border-radius: 18px;\n            font-size: 0.95rem;\n            background: #FAFCFE;\n            transition: 0.2s;\n            font-family: inherit;\n            box-sizing: border-box;\n        }\n        \n        .field input:focus, .field select:focus, .field textarea:focus {\n            outline: none;\n            border-color: #1A5F9E;\n            background: white;\n            box-shadow: 0 0 0 4px rgba(26, 95, 158, 0.08);\n        }\n        \n        .custom-phone-wrapper { display: flex; gap: 0.75rem; align-items: center; }\n        .country-code-selector { position: relative; flex-shrink: 0; }\n        \n        .country-btn {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            padding: 0.9rem 0.8rem;\n            background: #FAFCFE;\n            border: 1.5px solid #E2E9F2;\n            border-radius: 18px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            font-weight: 500;\n            color: #2F4562;\n            transition: all 0.2s;\n        }\n        \n        .country-btn img { width: 20px; height: 15px; object-fit: cover; border-radius: 2px; }\n        .country-btn .fa-chevron-down { font-size: 0.7rem; color: #8A9BB0; margin-left: 2px; }\n        \n        .country-dropdown {\n            position: absolute;\n            top: 100%;\n            left: 0;\n            margin-top: 8px;\n            background: white;\n            border-radius: 20px;\n            box-shadow: 0 20px 35px -12px rgba(0,0,0,0.2);\n            border: 1px solid #E2E9F2;\n            width: 280px;\n            max-height: 320px;\n            overflow: hidden;\n            z-index: 100;\n            display: none;\n        }\n        \n        .country-dropdown.show { display: block; }\n        \n        .dropdown-search { padding: 12px; border-bottom: 1px solid #E2E9F2; }\n        .dropdown-search input { width: 100%; padding: 8px 12px; border: 1px solid #E2E9F2; border-radius: 40px; font-size: 0.85rem; box-sizing: border-box; }\n        \n        .country-list { max-height: 260px; overflow-y: auto; }\n        \n        .country-option {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            padding: 8px 12px;\n            cursor: pointer;\n            transition: background 0.2s;\n        }\n        \n        .country-option:hover { background: #F0F4F9; }\n        .country-option img { width: 20px; height: 15px; object-fit: cover; }\n        .country-option .country-name { flex: 1; font-size: 0.85rem; color: #2F4562; }\n        .country-option .country-code { font-size: 0.85rem; font-weight: 600; color: #1A5F9E; }\n        \n        .custom-phone-wrapper input[type=\"tel\"] {\n            flex: 1;\n            padding: 0.9rem 1.2rem;\n            border: 1.5px solid #E2E9F2;\n            border-radius: 18px;\n            font-size: 0.95rem;\n            background: #FAFCFE;\n        }\n        \n        .phone-hint { display: block; font-size: 0.7rem; color: #7E8A9A; margin-top: 0.3rem; }\n        \n        .checkbox { display: flex; align-items: center; gap: 0.7rem; margin: 1.2rem 0 1.8rem; }\n        .checkbox input { width: 18px; height: 18px; accent-color: #1A5F9E; }\n        .checkbox label { font-size: 0.9rem; color: #3C4E68; }\n        .checkbox a { color: #1A5F9E; text-decoration: none; font-weight: 500; }\n        \n        .submit-btn {\n            background: linear-gradient(95deg, #13293D, #1A5F9E);\n            color: white;\n            border: none;\n            padding: 1rem 2.5rem;\n            border-radius: 40px;\n            font-size: 1rem;\n            font-weight: 600;\n            display: inline-flex;\n            align-items: center;\n            gap: 0.8rem;\n            cursor: pointer;\n            transition: all 0.3s;\n            width: 100%;\n            justify-content: center;\n        }\n        \n        .submit-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(26, 95, 158, 0.3); background: linear-gradient(95deg, #1A5F9E, #2B8F9E); }\n        \n        @media (max-width: 900px) {\n            .contact-container { grid-template-columns: 1fr; }\n            .contact-premium { padding: 3rem 1.2rem; }\n        }\n        @media (max-width: 550px) {\n            .form-row { grid-template-columns: 1fr; gap: 0; }\n            .info-panel h2 { font-size: 1.8rem; }\n            .social-connect { flex-direction: column; align-items: flex-start; gap: 1rem; }\n            .custom-phone-wrapper { flex-direction: column; align-items: stretch; }\n            .country-dropdown { width: 100%; left: 0; }\n        }\n    <\/style>\n<\/section>\n\n<script>\n    \/\/ COMPLETE COUNTRIES LIST (all countries with flags and dial codes)\n    const allCountries = [\n        { code: \"af\", name: \"Afghanistan\", dialCode: \"+93\", flag: \"af\" },\n        { code: \"al\", name: \"Albania\", dialCode: \"+355\", flag: \"al\" },\n        { code: \"dz\", name: \"Algeria\", dialCode: \"+213\", flag: \"dz\" },\n        { code: \"ad\", name: \"Andorra\", dialCode: \"+376\", flag: \"ad\" },\n        { code: \"ao\", name: \"Angola\", dialCode: \"+244\", flag: \"ao\" },\n        { code: \"ag\", name: \"Antigua and Barbuda\", dialCode: \"+1\", flag: \"ag\" },\n        { code: \"ar\", name: \"Argentina\", dialCode: \"+54\", flag: \"ar\" },\n        { code: \"am\", name: \"Armenia\", dialCode: \"+374\", flag: \"am\" },\n        { code: \"au\", name: \"Australia\", dialCode: \"+61\", flag: \"au\" },\n        { code: \"at\", name: \"Austria\", dialCode: \"+43\", flag: \"at\" },\n        { code: \"az\", name: \"Azerbaijan\", dialCode: \"+994\", flag: \"az\" },\n        { code: \"bs\", name: \"Bahamas\", dialCode: \"+1\", flag: \"bs\" },\n        { code: \"bh\", name: \"Bahrain\", dialCode: \"+973\", flag: \"bh\" },\n        { code: \"bd\", name: \"Bangladesh\", dialCode: \"+880\", flag: \"bd\" },\n        { code: \"bb\", name: \"Barbados\", dialCode: \"+1\", flag: \"bb\" },\n        { code: \"by\", name: \"Belarus\", dialCode: \"+375\", flag: \"by\" },\n        { code: \"be\", name: \"Belgium\", dialCode: \"+32\", flag: \"be\" },\n        { code: \"bz\", name: \"Belize\", dialCode: \"+501\", flag: \"bz\" },\n        { code: \"bj\", name: \"Benin\", dialCode: \"+229\", flag: \"bj\" },\n        { code: \"bt\", name: \"Bhutan\", dialCode: \"+975\", flag: \"bt\" },\n        { code: \"bo\", name: \"Bolivia\", dialCode: \"+591\", flag: \"bo\" },\n        { code: \"ba\", name: \"Bosnia and Herzegovina\", dialCode: \"+387\", flag: \"ba\" },\n        { code: \"bw\", name: \"Botswana\", dialCode: \"+267\", flag: \"bw\" },\n        { code: \"br\", name: \"Brazil\", dialCode: \"+55\", flag: \"br\" },\n        { code: \"bn\", name: \"Brunei\", dialCode: \"+673\", flag: \"bn\" },\n        { code: \"bg\", name: \"Bulgaria\", dialCode: \"+359\", flag: \"bg\" },\n        { code: \"bf\", name: \"Burkina Faso\", dialCode: \"+226\", flag: \"bf\" },\n        { code: \"bi\", name: \"Burundi\", dialCode: \"+257\", flag: \"bi\" },\n        { code: \"kh\", name: \"Cambodia\", dialCode: \"+855\", flag: \"kh\" },\n        { code: \"cm\", name: \"Cameroon\", dialCode: \"+237\", flag: \"cm\" },\n        { code: \"ca\", name: \"Canada\", dialCode: \"+1\", flag: \"ca\" },\n        { code: \"cv\", name: \"Cape Verde\", dialCode: \"+238\", flag: \"cv\" },\n        { code: \"cf\", name: \"Central African Republic\", dialCode: \"+236\", flag: \"cf\" },\n        { code: \"td\", name: \"Chad\", dialCode: \"+235\", flag: \"td\" },\n        { code: \"cl\", name: \"Chile\", dialCode: \"+56\", flag: \"cl\" },\n        { code: \"cn\", name: \"China\", dialCode: \"+86\", flag: \"cn\" },\n        { code: \"co\", name: \"Colombia\", dialCode: \"+57\", flag: \"co\" },\n        { code: \"km\", name: \"Comoros\", dialCode: \"+269\", flag: \"km\" },\n        { code: \"cg\", name: \"Congo\", dialCode: \"+242\", flag: \"cg\" },\n        { code: \"cr\", name: \"Costa Rica\", dialCode: \"+506\", flag: \"cr\" },\n        { code: \"hr\", name: \"Croatia\", dialCode: \"+385\", flag: \"hr\" },\n        { code: \"cu\", name: \"Cuba\", dialCode: \"+53\", flag: \"cu\" },\n        { code: \"cy\", name: \"Cyprus\", dialCode: \"+357\", flag: \"cy\" },\n        { code: \"cz\", name: \"Czech Republic\", dialCode: \"+420\", flag: \"cz\" },\n        { code: \"dk\", name: \"Denmark\", dialCode: \"+45\", flag: \"dk\" },\n        { code: \"dj\", name: \"Djibouti\", dialCode: \"+253\", flag: \"dj\" },\n        { code: \"dm\", name: \"Dominica\", dialCode: \"+1\", flag: \"dm\" },\n        { code: \"do\", name: \"Dominican Republic\", dialCode: \"+1\", flag: \"do\" },\n        { code: \"ec\", name: \"Ecuador\", dialCode: \"+593\", flag: \"ec\" },\n        { code: \"eg\", name: \"Egypt\", dialCode: \"+20\", flag: \"eg\" },\n        { code: \"sv\", name: \"El Salvador\", dialCode: \"+503\", flag: \"sv\" },\n        { code: \"gq\", name: \"Equatorial Guinea\", dialCode: \"+240\", flag: \"gq\" },\n        { code: \"er\", name: \"Eritrea\", dialCode: \"+291\", flag: \"er\" },\n        { code: \"ee\", name: \"Estonia\", dialCode: \"+372\", flag: \"ee\" },\n        { code: \"sz\", name: \"Eswatini\", dialCode: \"+268\", flag: \"sz\" },\n        { code: \"et\", name: \"Ethiopia\", dialCode: \"+251\", flag: \"et\" },\n        { code: \"fj\", name: \"Fiji\", dialCode: \"+679\", flag: \"fj\" },\n        { code: \"fi\", name: \"Finland\", dialCode: \"+358\", flag: \"fi\" },\n        { code: \"fr\", name: \"France\", dialCode: \"+33\", flag: \"fr\" },\n        { code: \"ga\", name: \"Gabon\", dialCode: \"+241\", flag: \"ga\" },\n        { code: \"gm\", name: \"Gambia\", dialCode: \"+220\", flag: \"gm\" },\n        { code: \"ge\", name: \"Georgia\", dialCode: \"+995\", flag: \"ge\" },\n        { code: \"de\", name: \"Germany\", dialCode: \"+49\", flag: \"de\" },\n        { code: \"gh\", name: \"Ghana\", dialCode: \"+233\", flag: \"gh\" },\n        { code: \"gr\", name: \"Greece\", dialCode: \"+30\", flag: \"gr\" },\n        { code: \"gd\", name: \"Grenada\", dialCode: \"+1\", flag: \"gd\" },\n        { code: \"gt\", name: \"Guatemala\", dialCode: \"+502\", flag: \"gt\" },\n        { code: \"gn\", name: \"Guinea\", dialCode: \"+224\", flag: \"gn\" },\n        { code: \"gw\", name: \"Guinea-Bissau\", dialCode: \"+245\", flag: \"gw\" },\n        { code: \"gy\", name: \"Guyana\", dialCode: \"+592\", flag: \"gy\" },\n        { code: \"ht\", name: \"Haiti\", dialCode: \"+509\", flag: \"ht\" },\n        { code: \"hn\", name: \"Honduras\", dialCode: \"+504\", flag: \"hn\" },\n        { code: \"hu\", name: \"Hungary\", dialCode: \"+36\", flag: \"hu\" },\n        { code: \"is\", name: \"Iceland\", dialCode: \"+354\", flag: \"is\" },\n        { code: \"in\", name: \"India\", dialCode: \"+91\", flag: \"in\" },\n        { code: \"id\", name: \"Indonesia\", dialCode: \"+62\", flag: \"id\" },\n        { code: \"ir\", name: \"Iran\", dialCode: \"+98\", flag: \"ir\" },\n        { code: \"iq\", name: \"Iraq\", dialCode: \"+964\", flag: \"iq\" },\n        { code: \"ie\", name: \"Ireland\", dialCode: \"+353\", flag: \"ie\" },\n        { code: \"il\", name: \"Israel\", dialCode: \"+972\", flag: \"il\" },\n        { code: \"it\", name: \"Italy\", dialCode: \"+39\", flag: \"it\" },\n        { code: \"jm\", name: \"Jamaica\", dialCode: \"+1\", flag: \"jm\" },\n        { code: \"jp\", name: \"Japan\", dialCode: \"+81\", flag: \"jp\" },\n        { code: \"jo\", name: \"Jordan\", dialCode: \"+962\", flag: \"jo\" },\n        { code: \"kz\", name: \"Kazakhstan\", dialCode: \"+7\", flag: \"kz\" },\n        { code: \"ke\", name: \"Kenya\", dialCode: \"+254\", flag: \"ke\" },\n        { code: \"ki\", name: \"Kiribati\", dialCode: \"+686\", flag: \"ki\" },\n        { code: \"kp\", name: \"North Korea\", dialCode: \"+850\", flag: \"kp\" },\n        { code: \"kr\", name: \"South Korea\", dialCode: \"+82\", flag: \"kr\" },\n        { code: \"kw\", name: \"Kuwait\", dialCode: \"+965\", flag: \"kw\" },\n        { code: \"kg\", name: \"Kyrgyzstan\", dialCode: \"+996\", flag: \"kg\" },\n        { code: \"la\", name: \"Laos\", dialCode: \"+856\", flag: \"la\" },\n        { code: \"lv\", name: \"Latvia\", dialCode: \"+371\", flag: \"lv\" },\n        { code: \"lb\", name: \"Lebanon\", dialCode: \"+961\", flag: \"lb\" },\n        { code: \"ls\", name: \"Lesotho\", dialCode: \"+266\", flag: \"ls\" },\n        { code: \"lr\", name: \"Liberia\", dialCode: \"+231\", flag: \"lr\" },\n        { code: \"ly\", name: \"Libya\", dialCode: \"+218\", flag: \"ly\" },\n        { code: \"li\", name: \"Liechtenstein\", dialCode: \"+423\", flag: \"li\" },\n        { code: \"lt\", name: \"Lithuania\", dialCode: \"+370\", flag: \"lt\" },\n        { code: \"lu\", name: \"Luxembourg\", dialCode: \"+352\", flag: \"lu\" },\n        { code: \"mg\", name: \"Madagascar\", dialCode: \"+261\", flag: \"mg\" },\n        { code: \"mw\", name: \"Malawi\", dialCode: \"+265\", flag: \"mw\" },\n        { code: \"my\", name: \"Malaysia\", dialCode: \"+60\", flag: \"my\" },\n        { code: \"mv\", name: \"Maldives\", dialCode: \"+960\", flag: \"mv\" },\n        { code: \"ml\", name: \"Mali\", dialCode: \"+223\", flag: \"ml\" },\n        { code: \"mt\", name: \"Malta\", dialCode: \"+356\", flag: \"mt\" },\n        { code: \"mh\", name: \"Marshall Islands\", dialCode: \"+692\", flag: \"mh\" },\n        { code: \"mr\", name: \"Mauritania\", dialCode: \"+222\", flag: \"mr\" },\n        { code: \"mu\", name: \"Mauritius\", dialCode: \"+230\", flag: \"mu\" },\n        { code: \"mx\", name: \"Mexico\", dialCode: \"+52\", flag: \"mx\" },\n        { code: \"fm\", name: \"Micronesia\", dialCode: \"+691\", flag: \"fm\" },\n        { code: \"md\", name: \"Moldova\", dialCode: \"+373\", flag: \"md\" },\n        { code: \"mc\", name: \"Monaco\", dialCode: \"+377\", flag: \"mc\" },\n        { code: \"mn\", name: \"Mongolia\", dialCode: \"+976\", flag: \"mn\" },\n        { code: \"me\", name: \"Montenegro\", dialCode: \"+382\", flag: \"me\" },\n        { code: \"ma\", name: \"Morocco\", dialCode: \"+212\", flag: \"ma\" },\n        { code: \"mz\", name: \"Mozambique\", dialCode: \"+258\", flag: \"mz\" },\n        { code: \"mm\", name: \"Myanmar\", dialCode: \"+95\", flag: \"mm\" },\n        { code: \"na\", name: \"Namibia\", dialCode: \"+264\", flag: \"na\" },\n        { code: \"nr\", name: \"Nauru\", dialCode: \"+674\", flag: \"nr\" },\n        { code: \"np\", name: \"Nepal\", dialCode: \"+977\", flag: \"np\" },\n        { code: \"nl\", name: \"Netherlands\", dialCode: \"+31\", flag: \"nl\" },\n        { code: \"nz\", name: \"New Zealand\", dialCode: \"+64\", flag: \"nz\" },\n        { code: \"ni\", name: \"Nicaragua\", dialCode: \"+505\", flag: \"ni\" },\n        { code: \"ne\", name: \"Niger\", dialCode: \"+227\", flag: \"ne\" },\n        { code: \"ng\", name: \"Nigeria\", dialCode: \"+234\", flag: \"ng\" },\n        { code: \"mk\", name: \"North Macedonia\", dialCode: \"+389\", flag: \"mk\" },\n        { code: \"no\", name: \"Norway\", dialCode: \"+47\", flag: \"no\" },\n        { code: \"om\", name: \"Oman\", dialCode: \"+968\", flag: \"om\" },\n        { code: \"pk\", name: \"Pakistan\", dialCode: \"+92\", flag: \"pk\" },\n        { code: \"pw\", name: \"Palau\", dialCode: \"+680\", flag: \"pw\" },\n        { code: \"ps\", name: \"Palestine\", dialCode: \"+970\", flag: \"ps\" },\n        { code: \"pa\", name: \"Panama\", dialCode: \"+507\", flag: \"pa\" },\n        { code: \"pg\", name: \"Papua New Guinea\", dialCode: \"+675\", flag: \"pg\" },\n        { code: \"py\", name: \"Paraguay\", dialCode: \"+595\", flag: \"py\" },\n        { code: \"pe\", name: \"Peru\", dialCode: \"+51\", flag: \"pe\" },\n        { code: \"ph\", name: \"Philippines\", dialCode: \"+63\", flag: \"ph\" },\n        { code: \"pl\", name: \"Poland\", dialCode: \"+48\", flag: \"pl\" },\n        { code: \"pt\", name: \"Portugal\", dialCode: \"+351\", flag: \"pt\" },\n        { code: \"qa\", name: \"Qatar\", dialCode: \"+974\", flag: \"qa\" },\n        { code: \"ro\", name: \"Romania\", dialCode: \"+40\", flag: \"ro\" },\n        { code: \"ru\", name: \"Russia\", dialCode: \"+7\", flag: \"ru\" },\n        { code: \"rw\", name: \"Rwanda\", dialCode: \"+250\", flag: \"rw\" },\n        { code: \"kn\", name: \"Saint Kitts and Nevis\", dialCode: \"+1\", flag: \"kn\" },\n        { code: \"lc\", name: \"Saint Lucia\", dialCode: \"+1\", flag: \"lc\" },\n        { code: \"vc\", name: \"Saint Vincent and the Grenadines\", dialCode: \"+1\", flag: \"vc\" },\n        { code: \"ws\", name: \"Samoa\", dialCode: \"+685\", flag: \"ws\" },\n        { code: \"sm\", name: \"San Marino\", dialCode: \"+378\", flag: \"sm\" },\n        { code: \"st\", name: \"Sao Tome and Principe\", dialCode: \"+239\", flag: \"st\" },\n        { code: \"sa\", name: \"Saudi Arabia\", dialCode: \"+966\", flag: \"sa\" },\n        { code: \"sn\", name: \"Senegal\", dialCode: \"+221\", flag: \"sn\" },\n        { code: \"rs\", name: \"Serbia\", dialCode: \"+381\", flag: \"rs\" },\n        { code: \"sc\", name: \"Seychelles\", dialCode: \"+248\", flag: \"sc\" },\n        { code: \"sl\", name: \"Sierra Leone\", dialCode: \"+232\", flag: \"sl\" },\n        { code: \"sg\", name: \"Singapore\", dialCode: \"+65\", flag: \"sg\" },\n        { code: \"sk\", name: \"Slovakia\", dialCode: \"+421\", flag: \"sk\" },\n        { code: \"si\", name: \"Slovenia\", dialCode: \"+386\", flag: \"si\" },\n        { code: \"sb\", name: \"Solomon Islands\", dialCode: \"+677\", flag: \"sb\" },\n        { code: \"so\", name: \"Somalia\", dialCode: \"+252\", flag: \"so\" },\n        { code: \"za\", name: \"South Africa\", dialCode: \"+27\", flag: \"za\" },\n        { code: \"ss\", name: \"South Sudan\", dialCode: \"+211\", flag: \"ss\" },\n        { code: \"es\", name: \"Spain\", dialCode: \"+34\", flag: \"es\" },\n        { code: \"lk\", name: \"Sri Lanka\", dialCode: \"+94\", flag: \"lk\" },\n        { code: \"sd\", name: \"Sudan\", dialCode: \"+249\", flag: \"sd\" },\n        { code: \"sr\", name: \"Suriname\", dialCode: \"+597\", flag: \"sr\" },\n        { code: \"se\", name: \"Sweden\", dialCode: \"+46\", flag: \"se\" },\n        { code: \"ch\", name: \"Switzerland\", dialCode: \"+41\", flag: \"ch\" },\n        { code: \"sy\", name: \"Syria\", dialCode: \"+963\", flag: \"sy\" },\n        { code: \"tw\", name: \"Taiwan\", dialCode: \"+886\", flag: \"tw\" },\n        { code: \"tj\", name: \"Tajikistan\", dialCode: \"+992\", flag: \"tj\" },\n        { code: \"tz\", name: \"Tanzania\", dialCode: \"+255\", flag: \"tz\" },\n        { code: \"th\", name: \"Thailand\", dialCode: \"+66\", flag: \"th\" },\n        { code: \"tl\", name: \"Timor-Leste\", dialCode: \"+670\", flag: \"tl\" },\n        { code: \"tg\", name: \"Togo\", dialCode: \"+228\", flag: \"tg\" },\n        { code: \"to\", name: \"Tonga\", dialCode: \"+676\", flag: \"to\" },\n        { code: \"tt\", name: \"Trinidad and Tobago\", dialCode: \"+1\", flag: \"tt\" },\n        { code: \"tn\", name: \"Tunisia\", dialCode: \"+216\", flag: \"tn\" },\n        { code: \"tr\", name: \"Turkey\", dialCode: \"+90\", flag: \"tr\" },\n        { code: \"tm\", name: \"Turkmenistan\", dialCode: \"+993\", flag: \"tm\" },\n        { code: \"tv\", name: \"Tuvalu\", dialCode: \"+688\", flag: \"tv\" },\n        { code: \"ug\", name: \"Uganda\", dialCode: \"+256\", flag: \"ug\" },\n        { code: \"ua\", name: \"Ukraine\", dialCode: \"+380\", flag: \"ua\" },\n        { code: \"ae\", name: \"United Arab Emirates\", dialCode: \"+971\", flag: \"ae\" },\n        { code: \"gb\", name: \"United Kingdom\", dialCode: \"+44\", flag: \"gb\" },\n        { code: \"us\", name: \"United States\", dialCode: \"+1\", flag: \"us\" },\n        { code: \"uy\", name: \"Uruguay\", dialCode: \"+598\", flag: \"uy\" },\n        { code: \"uz\", name: \"Uzbekistan\", dialCode: \"+998\", flag: \"uz\" },\n        { code: \"vu\", name: \"Vanuatu\", dialCode: \"+678\", flag: \"vu\" },\n        { code: \"va\", name: \"Vatican City\", dialCode: \"+379\", flag: \"va\" },\n        { code: \"ve\", name: \"Venezuela\", dialCode: \"+58\", flag: \"ve\" },\n        { code: \"vn\", name: \"Vietnam\", dialCode: \"+84\", flag: \"vn\" },\n        { code: \"ye\", name: \"Yemen\", dialCode: \"+967\", flag: \"ye\" },\n        { code: \"zm\", name: \"Zambia\", dialCode: \"+260\", flag: \"zm\" },\n        { code: \"zw\", name: \"Zimbabwe\", dialCode: \"+263\", flag: \"zw\" }\n    ];\n\n    let selectedCountry = null;\n\n    function renderCountryList(filter = \"\") {\n        const container = document.getElementById(\"countryList\");\n        if (!container) return;\n        \n        const filtered = allCountries.filter(c => \n            c.name.toLowerCase().includes(filter.toLowerCase()) ||\n            c.dialCode.includes(filter)\n        );\n        \n        container.innerHTML = filtered.map(c => `\n            <div class=\"country-option\" data-code=\"${c.code}\" data-dial=\"${c.dialCode}\" data-flag=\"${c.flag}\">\n                <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/${c.flag}.png\" alt=\"${c.name}\" width=\"20\" height=\"15\">\n                <span class=\"country-name\">${c.name}<\/span>\n                <span class=\"country-code\">${c.dialCode}<\/span>\n            <\/div>\n        `).join(\"\");\n        \n        document.querySelectorAll(\".country-option\").forEach(opt => {\n            opt.addEventListener(\"click\", function() {\n                const dial = this.dataset.dial;\n                const flag = this.dataset.flag;\n                selectedCountry = allCountries.find(c => c.dialCode === dial && c.flag === flag);\n                updateSelectedDisplay();\n                closeDropdown();\n            });\n        });\n    }\n    \n    function updateSelectedDisplay() {\n        const flagImg = document.getElementById(\"selectedFlag\");\n        const codeSpan = document.getElementById(\"selectedCode\");\n        if (flagImg && selectedCountry) flagImg.src = `https:\/\/flagcdn.com\/w40\/${selectedCountry.flag}.png`;\n        if (codeSpan && selectedCountry) codeSpan.textContent = selectedCountry.dialCode;\n    }\n    \n    function toggleDropdown() {\n        const dropdown = document.getElementById(\"countryDropdown\");\n        dropdown.classList.toggle(\"show\");\n        if (dropdown.classList.contains(\"show\")) {\n            const searchInput = document.getElementById(\"countrySearch\");\n            if (searchInput) {\n                searchInput.value = \"\";\n                renderCountryList(\"\");\n                searchInput.focus();\n            }\n        }\n    }\n    \n    function closeDropdown() {\n        const dropdown = document.getElementById(\"countryDropdown\");\n        dropdown.classList.remove(\"show\");\n    }\n    \n    \/\/ Detect user's country by IP\n    async function detectUserCountry() {\n        try {\n            const response = await fetch('https:\/\/ipapi.co\/json\/');\n            const data = await response.json();\n            const countryCode = data.country_code?.toLowerCase();\n            if (countryCode) {\n                const detected = allCountries.find(c => c.code === countryCode);\n                if (detected) {\n                    selectedCountry = detected;\n                    updateSelectedDisplay();\n                } else {\n                    selectedCountry = allCountries.find(c => c.code === \"es\") || allCountries[0];\n                    updateSelectedDisplay();\n                }\n            } else {\n                selectedCountry = allCountries.find(c => c.code === \"es\") || allCountries[0];\n                updateSelectedDisplay();\n            }\n        } catch (error) {\n            selectedCountry = allCountries.find(c => c.code === \"es\") || allCountries[0];\n            updateSelectedDisplay();\n        }\n    }\n    \n    document.addEventListener(\"DOMContentLoaded\", function() {\n        detectUserCountry();\n        renderCountryList(\"\");\n        \n        const btn = document.getElementById(\"countryBtn\");\n        if (btn) btn.addEventListener(\"click\", (e) => { e.stopPropagation(); toggleDropdown(); });\n        \n        const searchInput = document.getElementById(\"countrySearch\");\n        if (searchInput) searchInput.addEventListener(\"input\", (e) => renderCountryList(e.target.value));\n        \n        document.addEventListener(\"click\", function(e) {\n            const wrapper = document.querySelector(\".country-code-selector\");\n            if (wrapper && !wrapper.contains(e.target)) closeDropdown();\n        });\n        \n        \/\/ Update phone field value before form submit to include country code\n        const form = document.getElementById(\"contactForm\");\n        const phoneInput = document.getElementById(\"phoneNumber\");\n        \n        form.addEventListener(\"submit\", function(e) {\n            if (selectedCountry && phoneInput.value) {\n                const fullPhone = selectedCountry.dialCode + \" \" + phoneInput.value;\n                \/\/ Create hidden input or modify existing\n                let hiddenPhone = document.querySelector(\"input[name='PhoneFull']\");\n                if (!hiddenPhone) {\n                    hiddenPhone = document.createElement(\"input\");\n                    hiddenPhone.type = \"hidden\";\n                    hiddenPhone.name = \"PhoneFull\";\n                    form.appendChild(hiddenPhone);\n                }\n                hiddenPhone.value = fullPhone;\n                \n                \/\/ Also update the visible Phone field to include country code for email\n                const phoneField = document.querySelector(\"input[name='Phone']\");\n                if (phoneField) phoneField.value = fullPhone;\n            }\n        });\n    });\n<\/script>\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Get in Touch With Us Have questions about our IT security solutions, service packs, or products? Our expert team is ready to assist you with personalized support, technical guidance, and tailored recommendations for your business or personal needs. Questions about our IT security solutions? Our team is ready to help. 24\/7 Expert Support Fast Response [&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-1994","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thevaperz.com\/it\/wp-json\/wp\/v2\/pages\/1994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thevaperz.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thevaperz.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thevaperz.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thevaperz.com\/it\/wp-json\/wp\/v2\/comments?post=1994"}],"version-history":[{"count":52,"href":"https:\/\/thevaperz.com\/it\/wp-json\/wp\/v2\/pages\/1994\/revisions"}],"predecessor-version":[{"id":4344,"href":"https:\/\/thevaperz.com\/it\/wp-json\/wp\/v2\/pages\/1994\/revisions\/4344"}],"wp:attachment":[{"href":"https:\/\/thevaperz.com\/it\/wp-json\/wp\/v2\/media?parent=1994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}