{"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-07-21T06:46:03","modified_gmt":"2026-07-21T06:46:03","slug":"contact","status":"publish","type":"page","link":"https:\/\/assistyu.com\/fr\/contact\/","title":{"rendered":"Contactez-nous"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n AssistYu \u2014 Contact<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\r\n\r\n <style>\r\n \/* ============================================================\r\n EXACT AYU SCHEMA \u2014 Background Layers (from reference)\r\n ============================================================ *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --ayu-bg-deep: #060815;\r\n --ayu-bg-navy: #090d24;\r\n --ayu-bg-navy-2: #0b1130;\r\n --ayu-text-primary: #ffffff;\r\n --ayu-text-secondary: #d4daff;\r\n --ayu-text-tertiary: #bcc4f0;\r\n --glass-border: rgba(79, 110, 247, 0.15);\r\n --border: rgba(79, 110, 247, 0.18);\r\n --border-strong: rgba(79, 110, 247, 0.30);\r\n --cyan: #4f6ef7;\r\n --blue: #4f6ef7;\r\n --violet: #8a6bff;\r\n --danger: #ff3d68;\r\n --safe: #22e6a8;\r\n --amber: #ffb84d;\r\n --font-display: 'Space Grotesk', sans-serif;\r\n --font-body: 'Inter', sans-serif;\r\n --font-mono: 'JetBrains Mono', monospace;\r\n }\r\n\r\n html,\r\n body {\r\n min-height: 100vh;\r\n background: #060815;\r\n color: var(--ayu-text-primary);\r\n font-family: var(--font-body);\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n text-rendering: optimizeLegibility;\r\n position: relative;\r\n isolation: isolate;\r\n overflow-x: hidden;\r\n }\r\n\r\n ::selection {\r\n background: var(--cyan);\r\n color: #04060d;\r\n }\r\n\r\n \/* \u2500\u2500 PAGE BACKGROUND (fixed) \u2500\u2500 *\/\r\n .page-bg {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n pointer-events: none;\r\n background: linear-gradient(180deg, #060815 0%, #060815 20%, #090d24 50%, #060815 80%, #060815 100%);\r\n }\r\n\r\n \/* \u2500\u2500 BACKGROUND LAYERS (absolute) \u2500\u2500 *\/\r\n .bg-layers {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n pointer-events: none;\r\n mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);\r\n -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);\r\n }\r\n\r\n .ayu-bg-world {\r\n position: fixed;\r\n inset: 0;\r\n background-image: url('https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/scan-network-scaled.jpeg?w=1600&q=80');\r\n background-size: cover;\r\n background-position: center;\r\n opacity: 0.10;\r\n mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, black 20%, transparent 75%);\r\n -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, black 20%, transparent 75%);\r\n }\r\n\r\n .ayu-bg-dots {\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(circle at 1px 1px, rgba(79, 110, 247, 0.08) 1px, transparent 1px);\r\n background-size: 48px 48px;\r\n mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, black 20%, transparent 70%);\r\n -webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, black 20%, transparent 70%);\r\n }\r\n\r\n .ayu-bg-glow {\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 50% 40% at 15% 15%, rgba(79, 110, 247, 0.12), transparent 55%),\r\n radial-gradient(ellipse 35% 30% at 50% 50%, rgba(236, 72, 153, 0.04), transparent 60%),\r\n radial-gradient(ellipse 50% 40% at 70% 20%, rgba(34, 211, 238, 0.06), transparent 50%);\r\n }\r\n\r\n .ayu-bg-orb-1 {\r\n position: absolute;\r\n width: 400px;\r\n height: 400px;\r\n top: 10%;\r\n left: 5%;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(79, 110, 247, 0.06) 0%, transparent 70%);\r\n animation: ayuOrbFloat1 20s ease-in-out infinite;\r\n }\r\n\r\n .ayu-bg-orb-2 {\r\n position: absolute;\r\n width: 300px;\r\n height: 300px;\r\n bottom: 15%;\r\n right: 10%;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(139, 92, 246, 0.06) 0%, transparent 70%);\r\n animation: ayuOrbFloat2 25s ease-in-out infinite;\r\n }\r\n\r\n @keyframes ayuOrbFloat1 {\r\n 0%,\r\n 100% {\r\n transform: translate(0, 0) scale(1);\r\n }\r\n 33% {\r\n transform: translate(30px, -20px) scale(1.05);\r\n }\r\n 66% {\r\n transform: translate(-15px, 15px) scale(0.95);\r\n }\r\n }\r\n\r\n @keyframes ayuOrbFloat2 {\r\n 0%,\r\n 100% {\r\n transform: translate(0, 0) scale(1);\r\n }\r\n 33% {\r\n transform: translate(-20px, 25px) scale(1.08);\r\n }\r\n 66% {\r\n transform: translate(25px, -10px) scale(0.92);\r\n }\r\n }\r\n\r\n .ayu-content-overlay {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ============================================================\r\n CONTACT SECTION \u2014 unified glass-morphism\r\n ============================================================ *\/\r\n .elite-contact-section {\r\n font-family: var(--font-body);\r\n position: relative;\r\n width: 100%;\r\n padding: 140px 1.5rem 4rem;\r\n margin: 0;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n min-height: 100vh;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .elite-contact-section {\r\n padding: 120px 1.2rem 3rem;\r\n }\r\n }\r\n @media (max-width: 550px) {\r\n .elite-contact-section {\r\n padding: 110px 1rem 2.5rem;\r\n }\r\n }\r\n\r\n \/* ---- floating shapes (kept from original) ---- *\/\r\n .floating-shapes {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .shape {\r\n position: absolute;\r\n font-size: 1.2rem;\r\n opacity: 0.05;\r\n color: var(--cyan);\r\n animation: floatShape 20s infinite ease-in-out;\r\n }\r\n .shape-1 {\r\n top: 10%;\r\n left: 3%;\r\n font-size: 2rem;\r\n animation-duration: 18s;\r\n }\r\n .shape-2 {\r\n top: 75%;\r\n left: 88%;\r\n font-size: 1.8rem;\r\n animation-duration: 22s;\r\n }\r\n .shape-3 {\r\n top: 35%;\r\n left: 90%;\r\n font-size: 1.5rem;\r\n animation-duration: 20s;\r\n }\r\n .shape-4 {\r\n top: 85%;\r\n left: 5%;\r\n font-size: 1.6rem;\r\n animation-duration: 25s;\r\n }\r\n .shape-5 {\r\n top: 20%;\r\n left: 92%;\r\n font-size: 1.3rem;\r\n animation-duration: 19s;\r\n }\r\n .shape-6 {\r\n top: 50%;\r\n left: 2%;\r\n font-size: 1.7rem;\r\n animation-duration: 23s;\r\n }\r\n\r\n @keyframes floatShape {\r\n 0%,\r\n 100% {\r\n transform: translateY(0) rotate(0deg);\r\n opacity: 0.04;\r\n }\r\n 33% {\r\n transform: translateY(-20px) rotate(8deg);\r\n opacity: 0.08;\r\n }\r\n 66% {\r\n transform: translateY(15px) rotate(-4deg);\r\n opacity: 0.06;\r\n }\r\n }\r\n\r\n .elite-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n \/* ---- HEADER ---- *\/\r\n .elite-header {\r\n text-align: center;\r\n margin-bottom: 2.5rem;\r\n animation: fadeUp .7s cubic-bezier(.2, .8, .2, 1);\r\n }\r\n\r\n @keyframes fadeUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(18px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n\r\n .header-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(79, 110, 247, 0.12);\r\n backdrop-filter: blur(8px);\r\n padding: 0.35rem 1.2rem;\r\n border-radius: 40px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n color: #a5b4fc;\r\n border: 0.5px solid rgba(129, 140, 248, 0.3);\r\n margin-bottom: 1rem;\r\n font-family: var(--font-mono);\r\n text-transform: uppercase;\r\n }\r\n .header-badge i {\r\n color: var(--cyan);\r\n }\r\n\r\n .header-title {\r\n font-family: var(--font-display);\r\n font-size: clamp(1.6rem, 5vw, 2.8rem);\r\n font-weight: 700;\r\n color: var(--ayu-text-primary);\r\n margin-bottom: 0.5rem;\r\n letter-spacing: -0.02em;\r\n }\r\n .gradient-fire {\r\n background: linear-gradient(120deg, var(--cyan), var(--violet), #f472b6);\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .header-divider {\r\n width: 70px;\r\n height: 2px;\r\n background: linear-gradient(90deg, var(--cyan), var(--violet));\r\n margin: 0.8rem auto;\r\n border-radius: 4px;\r\n }\r\n\r\n .header-sub {\r\n color: var(--ayu-text-secondary);\r\n font-size: 0.95rem;\r\n max-width: 480px;\r\n margin: 0 auto;\r\n font-weight: 400;\r\n }\r\n\r\n \/* ---- SUPPORT BANNERS (glass) ---- *\/\r\n .support-banner {\r\n background: linear-gradient(135deg, rgba(9, 13, 36, 0.92), rgba(6, 8, 21, 0.95));\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-radius: 1.5rem;\r\n border: 1px solid var(--glass-border);\r\n margin-bottom: 2rem;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.35s cubic-bezier(.2, .8, .2, 1);\r\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .support-banner:hover {\r\n border-color: rgba(79, 110, 247, 0.4);\r\n transform: translateY(-3px);\r\n box-shadow: 0 16px 40px -12px rgba(79, 110, 247, 0.2);\r\n }\r\n\r\n .banner-glow {\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at 0% 0%, rgba(79, 110, 247, 0.10), transparent 70%);\r\n pointer-events: none;\r\n }\r\n .knowledge-glow {\r\n background: radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.10), transparent 70%);\r\n }\r\n\r\n .banner-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n padding: 1.5rem 1.8rem;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .banner-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 1.2rem;\r\n flex: 2;\r\n }\r\n\r\n .banner-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: linear-gradient(145deg, rgba(79, 110, 247, 0.2), rgba(138, 107, 255, 0.2));\r\n border-radius: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.8rem;\r\n color: var(--cyan);\r\n flex-shrink: 0;\r\n position: relative;\r\n border: 1px solid rgba(79, 110, 247, 0.2);\r\n }\r\n\r\n .pulse-dot {\r\n position: absolute;\r\n top: -4px;\r\n right: -4px;\r\n width: 12px;\r\n height: 12px;\r\n background: var(--safe);\r\n border-radius: 50%;\r\n border: 2px solid #0a0c1c;\r\n animation: pulseDot 1.5s infinite;\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%,\r\n 100% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n 50% {\r\n transform: scale(1.3);\r\n opacity: 0.7;\r\n }\r\n }\r\n\r\n .knowledge-icon {\r\n background: linear-gradient(145deg, rgba(34, 211, 238, 0.2), rgba(79, 110, 247, 0.2));\r\n border-color: rgba(34, 211, 238, 0.2);\r\n }\r\n\r\n .banner-text h3 {\r\n font-family: var(--font-display);\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: var(--ayu-text-primary);\r\n margin-bottom: 0.2rem;\r\n }\r\n\r\n .banner-text p {\r\n color: var(--ayu-text-secondary);\r\n font-size: 0.85rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .banner-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.8rem;\r\n }\r\n\r\n .banner-tags span {\r\n font-size: 0.7rem;\r\n color: var(--ayu-text-tertiary);\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n background: rgba(79, 110, 247, 0.06);\r\n padding: 0.2rem 0.7rem;\r\n border-radius: 20px;\r\n border: 1px solid rgba(79, 110, 247, 0.06);\r\n font-family: var(--font-mono);\r\n }\r\n .banner-tags i {\r\n font-size: 0.6rem;\r\n color: var(--safe);\r\n }\r\n\r\n .banner-right {\r\n text-align: right;\r\n flex-shrink: 0;\r\n }\r\n\r\n .call-btn,\r\n .docs-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(255, 255, 255, 0.04);\r\n backdrop-filter: blur(8px);\r\n padding: 0.7rem 1.5rem;\r\n border-radius: 50px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: var(--ayu-text-primary);\r\n text-decoration: none;\r\n border: 1px solid rgba(34, 230, 168, 0.35);\r\n transition: all 0.25s;\r\n white-space: nowrap;\r\n font-family: var(--font-display);\r\n }\r\n\r\n .docs-btn {\r\n border-color: rgba(34, 211, 238, 0.35);\r\n font-size: 0.9rem;\r\n }\r\n\r\n .call-btn:hover {\r\n background: rgba(34, 230, 168, 0.10);\r\n transform: scale(1.02);\r\n border-color: var(--safe);\r\n }\r\n .docs-btn:hover {\r\n background: rgba(34, 211, 238, 0.10);\r\n transform: scale(1.02);\r\n border-color: #06b6d4;\r\n }\r\n\r\n .hours-badge,\r\n .update-badge {\r\n font-size: 0.65rem;\r\n color: var(--ayu-text-tertiary);\r\n margin-top: 0.4rem;\r\n font-family: var(--font-mono);\r\n }\r\n\r\n \/* ---- DUAL PANEL ---- *\/\r\n .dual-panel {\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr;\r\n gap: 1.8rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .dual-panel {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n }\r\n }\r\n\r\n \/* ---- DARK INFO PANEL (glass) ---- *\/\r\n .dark-info-panel {\r\n background: linear-gradient(150deg, rgba(9, 13, 36, 0.92), rgba(6, 8, 21, 0.88));\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-radius: 1.5rem;\r\n padding: 1.8rem;\r\n border: 1px solid var(--glass-border);\r\n position: relative;\r\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\r\n transition: border-color 0.3s;\r\n }\r\n\r\n .dark-info-panel:hover {\r\n border-color: rgba(79, 110, 247, 0.25);\r\n }\r\n\r\n .info-accent {\r\n position: absolute;\r\n top: 0;\r\n left: 1.5rem;\r\n width: 50px;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--cyan), var(--violet));\r\n border-radius: 3px;\r\n }\r\n\r\n .info-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: rgba(79, 110, 247, 0.08);\r\n padding: 0.2rem 0.8rem;\r\n border-radius: 20px;\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n color: var(--ayu-text-tertiary);\r\n margin-bottom: 0.8rem;\r\n margin-top: 0.3rem;\r\n font-family: var(--font-mono);\r\n text-transform: uppercase;\r\n border: 1px solid rgba(79, 110, 247, 0.08);\r\n }\r\n .info-badge i {\r\n color: var(--cyan);\r\n }\r\n\r\n .dark-info-panel h3 {\r\n font-family: var(--font-display);\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: var(--ayu-text-primary);\r\n margin-bottom: 0.6rem;\r\n }\r\n\r\n .text-glow {\r\n background: linear-gradient(135deg, var(--violet), var(--cyan));\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .info-desc {\r\n color: var(--ayu-text-secondary);\r\n font-size: 0.85rem;\r\n line-height: 1.55;\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .contact-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.9rem;\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .contact-row {\r\n display: flex;\r\n gap: 0.8rem;\r\n align-items: flex-start;\r\n }\r\n\r\n .contact-icon {\r\n width: 34px;\r\n height: 34px;\r\n background: rgba(79, 110, 247, 0.08);\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--cyan);\r\n font-size: 0.9rem;\r\n flex-shrink: 0;\r\n border: 1px solid rgba(79, 110, 247, 0.06);\r\n }\r\n\r\n .contact-detail strong {\r\n color: var(--ayu-text-primary);\r\n font-size: 0.85rem;\r\n display: block;\r\n font-weight: 600;\r\n }\r\n\r\n .contact-detail span,\r\n .contact-detail a {\r\n color: var(--ayu-text-secondary);\r\n font-size: 0.75rem;\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n }\r\n .contact-detail a:hover {\r\n color: var(--cyan);\r\n }\r\n\r\n .emergency-number {\r\n color: var(--danger) !important;\r\n font-weight: 600;\r\n }\r\n .emergency-label {\r\n font-size: 0.6rem;\r\n color: var(--danger) !important;\r\n margin-left: 4px;\r\n opacity: 0.8;\r\n }\r\n .emergency-icon {\r\n background: rgba(255, 61, 104, 0.10);\r\n color: var(--danger);\r\n border-color: rgba(255, 61, 104, 0.15);\r\n }\r\n\r\n .hours-card {\r\n display: flex;\r\n gap: 0.8rem;\r\n background: rgba(255, 255, 255, 0.02);\r\n padding: 0.8rem 1rem;\r\n border-radius: 1rem;\r\n margin: 1rem 0;\r\n border: 1px solid rgba(79, 110, 247, 0.04);\r\n }\r\n\r\n .hours-card i {\r\n font-size: 1.2rem;\r\n color: var(--cyan);\r\n margin-top: 2px;\r\n }\r\n\r\n .hours-details strong {\r\n color: var(--ayu-text-primary);\r\n font-size: 0.8rem;\r\n display: block;\r\n font-weight: 600;\r\n }\r\n\r\n .hours-details span {\r\n color: var(--ayu-text-secondary);\r\n font-size: 0.7rem;\r\n display: block;\r\n }\r\n\r\n .weekend-info {\r\n color: var(--ayu-text-tertiary) !important;\r\n font-size: 0.65rem !important;\r\n opacity: 0.7;\r\n }\r\n\r\n .social-footer {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 0.8rem;\r\n padding-top: 0.8rem;\r\n border-top: 1px solid rgba(79, 110, 247, 0.08);\r\n }\r\n\r\n .social-text {\r\n color: var(--ayu-text-secondary);\r\n font-size: 0.75rem;\r\n font-weight: 500;\r\n }\r\n\r\n .social-icons-group {\r\n display: flex;\r\n gap: 0.5rem;\r\n }\r\n\r\n .social-icons-group a {\r\n width: 32px;\r\n height: 32px;\r\n background: rgba(255, 255, 255, 0.03);\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--ayu-text-tertiary);\r\n text-decoration: none;\r\n font-size: 0.85rem;\r\n transition: all 0.25s;\r\n border: 1px solid rgba(79, 110, 247, 0.04);\r\n }\r\n\r\n .social-icons-group a:hover {\r\n background: rgba(79, 110, 247, 0.12);\r\n color: var(--cyan);\r\n transform: translateY(-2px);\r\n border-color: rgba(79, 110, 247, 0.15);\r\n }\r\n\r\n \/* ---- WHITE FORM PANEL (glass) ---- *\/\r\n .white-form-panel {\r\n background: linear-gradient(150deg, rgba(9, 13, 36, 0.92), rgba(6, 8, 21, 0.88));\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-radius: 1.5rem;\r\n padding: 1.8rem;\r\n border: 1px solid var(--glass-border);\r\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\r\n transition: border-color 0.3s;\r\n }\r\n\r\n .white-form-panel:hover {\r\n border-color: rgba(79, 110, 247, 0.25);\r\n }\r\n\r\n .form-header {\r\n text-align: center;\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .form-header i {\r\n font-size: 1.8rem;\r\n color: var(--cyan);\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .form-header h3 {\r\n font-family: var(--font-display);\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: var(--ayu-text-primary);\r\n }\r\n\r\n .form-header p {\r\n font-size: 0.75rem;\r\n color: var(--ayu-text-secondary);\r\n }\r\n\r\n .form-row-2 {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .form-row-2 {\r\n grid-template-columns: 1fr;\r\n gap: 0;\r\n }\r\n }\r\n\r\n .input-group {\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .input-group label {\r\n display: block;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: var(--ayu-text-secondary);\r\n margin-bottom: 0.3rem;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .input-group label i {\r\n margin-right: 4px;\r\n color: var(--cyan);\r\n font-size: 0.7rem;\r\n }\r\n\r\n .input-group input,\r\n .input-group select,\r\n .input-group textarea {\r\n width: 100%;\r\n padding: 0.7rem 0.9rem;\r\n border: 1px solid rgba(79, 110, 247, 0.15);\r\n border-radius: 0.8rem;\r\n font-size: 0.85rem;\r\n font-family: var(--font-body);\r\n background: rgba(255, 255, 255, 0.03);\r\n color: var(--ayu-text-primary);\r\n transition: all 0.25s;\r\n }\r\n\r\n .input-group input::placeholder,\r\n .input-group textarea::placeholder {\r\n color: var(--ayu-text-tertiary);\r\n opacity: 0.5;\r\n }\r\n\r\n .input-group input:focus,\r\n .input-group select:focus,\r\n .input-group textarea:focus {\r\n outline: none;\r\n border-color: var(--cyan);\r\n box-shadow: 0 0 0 3px rgba(79, 110, 247, 0.08);\r\n background: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .input-group select option {\r\n background: #090d24;\r\n color: var(--ayu-text-primary);\r\n }\r\n\r\n .phone-wrapper {\r\n display: flex;\r\n gap: 0.6rem;\r\n align-items: center;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .phone-wrapper {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n }\r\n\r\n .country-selector {\r\n position: relative;\r\n flex-shrink: 0;\r\n }\r\n\r\n .country-btn {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n padding: 0.7rem 0.7rem;\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(79, 110, 247, 0.15);\r\n border-radius: 0.8rem;\r\n cursor: pointer;\r\n font-size: 0.85rem;\r\n color: var(--ayu-text-primary);\r\n transition: all 0.25s;\r\n font-family: var(--font-body);\r\n }\r\n\r\n .country-btn:hover {\r\n border-color: rgba(79, 110, 247, 0.3);\r\n background: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .country-btn img {\r\n width: 20px;\r\n height: 14px;\r\n border-radius: 2px;\r\n }\r\n\r\n .country-dropdown {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n margin-top: 5px;\r\n background: #090d24;\r\n border-radius: 0.8rem;\r\n box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);\r\n border: 1px solid rgba(79, 110, 247, 0.15);\r\n width: 280px;\r\n max-height: 300px;\r\n overflow: hidden;\r\n z-index: 100;\r\n display: none;\r\n }\r\n\r\n .country-dropdown.show {\r\n display: block;\r\n }\r\n\r\n .dropdown-search {\r\n padding: 8px;\r\n border-bottom: 1px solid rgba(79, 110, 247, 0.08);\r\n }\r\n\r\n .dropdown-search input {\r\n width: 100%;\r\n padding: 6px 12px;\r\n border: 1px solid rgba(79, 110, 247, 0.12);\r\n border-radius: 20px;\r\n font-size: 0.75rem;\r\n background: rgba(255, 255, 255, 0.03);\r\n color: var(--ayu-text-primary);\r\n }\r\n\r\n .dropdown-search input::placeholder {\r\n color: var(--ayu-text-tertiary);\r\n opacity: 0.5;\r\n }\r\n\r\n .country-list {\r\n max-height: 240px;\r\n overflow-y: auto;\r\n }\r\n\r\n .country-option {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 6px 12px;\r\n cursor: pointer;\r\n font-size: 0.8rem;\r\n color: var(--ayu-text-secondary);\r\n transition: background 0.2s;\r\n }\r\n\r\n .country-option:hover {\r\n background: rgba(79, 110, 247, 0.06);\r\n }\r\n\r\n .country-option img {\r\n width: 18px;\r\n height: 12px;\r\n border-radius: 2px;\r\n }\r\n\r\n .country-name {\r\n flex: 1;\r\n color: var(--ayu-text-primary);\r\n }\r\n\r\n .country-code {\r\n font-weight: 600;\r\n color: var(--cyan);\r\n }\r\n\r\n .checkbox-group {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n margin: 1rem 0 1.2rem;\r\n }\r\n\r\n .checkbox-group input {\r\n width: 16px;\r\n height: 16px;\r\n accent-color: var(--cyan);\r\n }\r\n\r\n .checkbox-group label {\r\n font-size: 0.75rem;\r\n color: var(--ayu-text-secondary);\r\n }\r\n\r\n .checkbox-group a {\r\n color: var(--cyan);\r\n text-decoration: none;\r\n }\r\n\r\n .checkbox-group a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n .send-btn {\r\n background: linear-gradient(95deg, rgba(79, 110, 247, 0.2), rgba(138, 107, 255, 0.16));\r\n color: var(--ayu-text-primary);\r\n border: 1px solid rgba(79, 110, 247, 0.4);\r\n padding: 0.8rem;\r\n border-radius: 2rem;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.6rem;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(.2, .8, .2, 1);\r\n width: 100%;\r\n font-family: var(--font-display);\r\n box-shadow: 0 4px 24px rgba(79, 110, 247, 0.12);\r\n }\r\n\r\n .send-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 32px rgba(79, 110, 247, 0.2);\r\n border-color: rgba(79, 110, 247, 0.6);\r\n background: linear-gradient(95deg, rgba(79, 110, 247, 0.28), rgba(138, 107, 255, 0.22));\r\n }\r\n\r\n .send-btn i {\r\n color: var(--cyan);\r\n }\r\n\r\n .form-status {\r\n margin-top: 0.8rem;\r\n text-align: center;\r\n font-size: 0.75rem;\r\n color: var(--ayu-text-secondary);\r\n }\r\n\r\n \/* ---- BACK HOME ---- *\/\r\n .back-home {\r\n text-align: center;\r\n margin-top: 2rem;\r\n }\r\n\r\n .home-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255, 255, 255, 0.03);\r\n backdrop-filter: blur(8px);\r\n padding: 0.6rem 1.5rem;\r\n border-radius: 50px;\r\n font-size: 0.8rem;\r\n color: var(--ayu-text-secondary);\r\n text-decoration: none;\r\n border: 1px solid rgba(79, 110, 247, 0.15);\r\n transition: all 0.3s cubic-bezier(.2, .8, .2, 1);\r\n font-family: var(--font-body);\r\n }\r\n\r\n .home-btn:hover {\r\n background: rgba(79, 110, 247, 0.08);\r\n border-color: rgba(79, 110, 247, 0.3);\r\n color: var(--ayu-text-primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ---- RESPONSIVE TWEAKS ---- *\/\r\n @media (max-width: 900px) {\r\n .banner-inner {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n .banner-left {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n .banner-right {\r\n text-align: center;\r\n }\r\n .banner-tags {\r\n justify-content: center;\r\n }\r\n .call-btn,\r\n .docs-btn {\r\n white-space: normal;\r\n font-size: 0.9rem;\r\n padding: 0.6rem 1.2rem;\r\n }\r\n .country-dropdown {\r\n width: 100%;\r\n left: 0;\r\n }\r\n .dark-info-panel,\r\n .white-form-panel {\r\n padding: 1.2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .support-banner {\r\n margin-bottom: 1.2rem;\r\n }\r\n .banner-inner {\r\n padding: 1.2rem;\r\n }\r\n .banner-icon {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 1.4rem;\r\n }\r\n .banner-text h3 {\r\n font-size: 1rem;\r\n }\r\n .banner-text p {\r\n font-size: 0.75rem;\r\n }\r\n .banner-tags span {\r\n font-size: 0.6rem;\r\n }\r\n .dark-info-panel h3 {\r\n font-size: 1.1rem;\r\n }\r\n .call-btn,\r\n .docs-btn {\r\n font-size: 0.8rem;\r\n padding: 0.5rem 1rem;\r\n }\r\n .home-btn {\r\n padding: 0.5rem 1.2rem;\r\n font-size: 0.75rem;\r\n }\r\n .header-title {\r\n font-size: clamp(1.4rem, 6vw, 2rem);\r\n }\r\n }\r\n\r\n \/* ---- REDUCED MOTION ---- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n .ayu-bg-orb-1,\r\n .ayu-bg-orb-2 {\r\n animation: none;\r\n }\r\n .shape {\r\n animation: none;\r\n }\r\n .pulse-dot {\r\n animation: none;\r\n }\r\n .elite-header {\r\n animation: none;\r\n opacity: 1;\r\n transform: none;\r\n }\r\n .support-banner:hover {\r\n transform: none;\r\n }\r\n .send-btn:hover {\r\n transform: none;\r\n }\r\n .home-btn:hover {\r\n transform: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- \u2500\u2500 PAGE BACKGROUND \u2500\u2500 -->\r\n <div class=\"page-bg\"><\/div>\r\n\r\n <!-- \u2500\u2500 BACKGROUND LAYERS \u2500\u2500 -->\r\n <div class=\"bg-layers\">\r\n <div class=\"ayu-bg-world\"><\/div>\r\n <div class=\"ayu-bg-dots\"><\/div>\r\n <div class=\"ayu-bg-glow\"><\/div>\r\n <div class=\"ayu-bg-orb-1\"><\/div>\r\n <div class=\"ayu-bg-orb-2\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"ayu-content-overlay\">\r\n\r\n <section class=\"elite-contact-section\">\r\n\r\n <!-- floating shapes (kept from original) -->\r\n <div class=\"floating-shapes\">\r\n <div class=\"shape shape-1\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <div class=\"shape shape-2\"><i class=\"fas fa-lock\"><\/i><\/div>\r\n <div class=\"shape shape-3\"><i class=\"fas fa-fingerprint\"><\/i><\/div>\r\n <div class=\"shape shape-4\"><i class=\"fas fa-microchip\"><\/i><\/div>\r\n <div class=\"shape shape-5\"><i class=\"fas fa-brain\"><\/i><\/div>\r\n <div class=\"shape shape-6\"><i class=\"fas fa-database\"><\/i><\/div>\r\n <\/div>\r\n\r\n <div class=\"elite-container\">\r\n\r\n <!-- HEADER -->\r\n <div class=\"elite-header\">\r\n <div class=\"header-badge\">\r\n <i class=\"fas fa-concierge-bell\"><\/i> PREMIUM SUPPORT\r\n <\/div>\r\n <h2 class=\"header-title\">\r\n Get in touch \u2014 we're <span class=\"gradient-fire\">ready to assist<\/span>\r\n <\/h2>\r\n <div class=\"header-divider\"><\/div>\r\n <p class=\"header-sub\">Fast, reliable, and human. Our support team is just a message away.<\/p>\r\n <\/div>\r\n\r\n <!-- BANNER 1: PHONE SUPPORT -->\r\n <div class=\"support-banner phone-banner\">\r\n <div class=\"banner-glow\"><\/div>\r\n <div class=\"banner-inner\">\r\n <div class=\"banner-left\">\r\n <div class=\"banner-icon pulse-icon\">\r\n <i class=\"fas fa-headset\"><\/i>\r\n <span class=\"pulse-dot\"><\/span>\r\n <\/div>\r\n <div class=\"banner-text\">\r\n <h3>\ud83d\udcde Standard Telephone<\/h3>\r\n <p>Speak directly with our senior technicians \u2014 instant response for urgent inquiries<\/p>\r\n <div class=\"banner-tags\">\r\n <span><i class=\"fas fa-bolt\"><\/i> Instant callback<\/span>\r\n <span><i class=\"fas fa-shield-alt\"><\/i> Encrypted line<\/span>\r\n <span><i class=\"fas fa-clock\"><\/i> Priority routing<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"banner-right\">\r\n <a href=\"tel:34951550227\" class=\"call-btn\">\r\n <i class=\"fas fa-phone-alt\"><\/i> +34 951 550 227\r\n <\/a>\r\n <div class=\"hours-badge\">Mon-Fri, 9AM \u2013 6PM EST<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- TWO COLUMN LAYOUT -->\r\n <div class=\"dual-panel\">\r\n\r\n <!-- LEFT: Dark info panel -->\r\n <div class=\"dark-info-panel\">\r\n <div class=\"info-accent\"><\/div>\r\n <div class=\"info-badge\">\r\n <i class=\"fas fa-handshake\"><\/i> CONNECT\r\n <\/div>\r\n <h3>Let's discuss <span class=\"text-glow\">security & innovation<\/span><\/h3>\r\n <p class=\"info-desc\">AI, cloud infrastructure, pentesting, or strategic partnership \u2014 based in Benalm\u00e1dena.<\/p>\r\n\r\n <div class=\"contact-list\">\r\n <div class=\"contact-row\">\r\n <div class=\"contact-icon\"><i class=\"fas fa-map-pin\"><\/i><\/div>\r\n <div class=\"contact-detail\">\r\n <strong>Estrategias de Marketing LE Paradise - AssistYu<\/strong>\r\n <span>C. Lope de Vega 60, Benalm\u00e1dena, Spain<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-row\">\r\n <div class=\"contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact-detail\">\r\n <strong>Email direct<\/strong>\r\n <span><a href=\"mailto:info@assistyou365.com\">info@assistyou365.com<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-row emergency-row\">\r\n <div class=\"contact-icon emergency-icon\"><i class=\"fas fa-exclamation-triangle\"><\/i><\/div>\r\n <div class=\"contact-detail\">\r\n <strong>Emergency 24\/7<\/strong>\r\n <span class=\"emergency-number\">+34 951 550 227 <span class=\"emergency-label\">incident response<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hours-card\">\r\n <i class=\"fas fa-calendar-alt\"><\/i>\r\n <div class=\"hours-details\">\r\n <strong>Business hours<\/strong>\r\n <span>Mon-Fri: 9AM \u2013 6PM EST<\/span>\r\n <span class=\"weekend-info\">Weekends: email support only<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"social-footer\">\r\n <div class=\"social-text\">Follow us<\/div>\r\n <div class=\"social-icons-group\">\r\n <a href=\"https:\/\/www.linkedin.com\/company\/assistyu-com\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-github\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT: Form Panel -->\r\n <div class=\"white-form-panel\">\r\n <div class=\"form-header\">\r\n <i class=\"fas fa-paper-plane\"><\/i>\r\n <h3>Send us a message<\/h3>\r\n <p>We'll respond within 24h \u2014 guaranteed<\/p>\r\n <\/div>\r\n\r\n <form id=\"eliteContactForm\" action=\"https:\/\/formsubmit.co\/megamows.media@gmail.com\" method=\"POST\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n <input type=\"hidden\" name=\"_next\" value=\"https:\/\/formsubmit.co\/thank-you\">\r\n <input type=\"hidden\" name=\"_subject\" value=\"NEW Contact Form Submission - AssistYu\">\r\n <input type=\"hidden\" name=\"_autoresponse\" value=\"Thank you for contacting AssistYu! We have received your message and will get back to you within 24 hours. Best regards, The AssistYu Team\">\r\n\r\n <div class=\"form-row-2\">\r\n <div class=\"input-group\">\r\n <label><i class=\"fas fa-user\"><\/i> Full name *<\/label>\r\n <input type=\"text\" name=\"Name\" placeholder=\"John Smith\" required>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label><i class=\"fas fa-building\"><\/i> Company<\/label>\r\n <input type=\"text\" name=\"Company\" placeholder=\"Optional\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row-2\">\r\n <div class=\"input-group\">\r\n <label><i class=\"fas fa-envelope\"><\/i> Email *<\/label>\r\n <input type=\"email\" name=\"Email\" placeholder=\"john@company.com\" required>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label><i class=\"fas fa-phone\"><\/i> Phone<\/label>\r\n <div class=\"phone-wrapper\">\r\n <div class=\"country-selector\">\r\n <button type=\"button\" class=\"country-btn\" id=\"countryTrigger\">\r\n <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/es.png\" alt=\"Spain\" id=\"selectedFlagElite\" width=\"20\" height=\"14\" title=\"\">\r\n <span id=\"selectedCodeElite\">+34<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/button>\r\n <div class=\"country-dropdown\" id=\"countryDropdownElite\">\r\n <div class=\"dropdown-search\">\r\n <input type=\"text\" id=\"countrySearchElite\" placeholder=\"Search country...\">\r\n <\/div>\r\n <div class=\"country-list\" id=\"countryListElite\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <input type=\"tel\" id=\"phoneNumberElite\" name=\"Phone\" placeholder=\"612 345 678\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"input-group\">\r\n <label><i class=\"fas fa-tag\"><\/i> I'm interested in<\/label>\r\n <select name=\"Interest\">\r\n <option>Products Inquiries<\/option>\r\n <option>Services Inquiries<\/option>\r\n <option>Technical assistance<\/option>\r\n <option>AI & Cloud solutions<\/option>\r\n <option>Cybersecurity \/ Pentesting<\/option>\r\n <option>Total Security suite<\/option>\r\n <option>Antivirus \/ Anti\u2011ransomware<\/option>\r\n <option>VPN \/ Webcam Blocker<\/option>\r\n <option>Identity Theft protection<\/option>\r\n <option selected>Partnership \/ LE Paradise<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"input-group\">\r\n <label><i class=\"fas fa-comment-dots\"><\/i> Message *<\/label>\r\n <textarea name=\"Message\" rows=\"4\" placeholder=\"Tell us about your project...\" required><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"checkbox-group\">\r\n <input type=\"checkbox\" id=\"consentElite\" name=\"consent\" checked required>\r\n <label for=\"consentElite\">I agree to the <a href=\"#\">privacy policy<\/a>.<\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"send-btn\">\r\n <i class=\"fas fa-paper-plane\"><\/i> Send message\r\n <\/button>\r\n <\/form>\r\n <div id=\"formStatusElite\" class=\"form-status\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- BANNER 2: KNOWLEDGE CENTER -->\r\n <div class=\"support-banner knowledge-banner\">\r\n <div class=\"banner-glow knowledge-glow\"><\/div>\r\n <div class=\"banner-inner\">\r\n <div class=\"banner-left\">\r\n <div class=\"banner-icon knowledge-icon\">\r\n <i class=\"fas fa-book-open\"><\/i>\r\n <\/div>\r\n <div class=\"banner-text\">\r\n <h3>\ud83d\udcda Knowledge Center<\/h3>\r\n <p>Access our comprehensive documentation, guides, and API references<\/p>\r\n <div class=\"banner-tags\">\r\n <span><i class=\"fas fa-file-alt\"><\/i> Step-by-step guides<\/span>\r\n <span><i class=\"fas fa-code\"><\/i> API documentation<\/span>\r\n <span><i class=\"fas fa-video\"><\/i> Video tutorials<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"banner-right\">\r\n <a href=\"https:\/\/assistyu.com\/documentation-and-guides\/\" class=\"docs-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <i class=\"fas fa-compass\"><\/i> Explore Docs & Guides\r\n <\/a>\r\n <div class=\"update-badge\">Updated weekly \u2014 free access<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- BACK TO HOME -->\r\n <div class=\"back-home\">\r\n <a href=\"\/\" class=\"home-btn\">\r\n <i class=\"fas fa-arrow-left\"><\/i> Back to Homepage\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div><!-- \/elite-container -->\r\n\r\n <\/section>\r\n\r\n <\/div><!-- \/ayu-content-overlay -->\r\n\r\n <!-- ====== COUNTRY DROPDOWN SCRIPT ====== -->\r\n <script>\r\n (function() {\r\n const eliteCountries = [\r\n { code: \"es\", name: \"Spain\", dialCode: \"+34\", flag: \"es\" },\r\n { code: \"us\", name: \"United States\", dialCode: \"+1\", flag: \"us\" },\r\n { code: \"gb\", name: \"United Kingdom\", dialCode: \"+44\", flag: \"gb\" },\r\n { code: \"fr\", name: \"France\", dialCode: \"+33\", flag: \"fr\" },\r\n { code: \"de\", name: \"Germany\", dialCode: \"+49\", flag: \"de\" },\r\n { code: \"it\", name: \"Italy\", dialCode: \"+39\", flag: \"it\" },\r\n { code: \"pt\", name: \"Portugal\", dialCode: \"+351\", flag: \"pt\" },\r\n { code: \"nl\", name: \"Netherlands\", dialCode: \"+31\", flag: \"nl\" },\r\n { code: \"be\", name: \"Belgium\", dialCode: \"+32\", flag: \"be\" },\r\n { code: \"ch\", name: \"Switzerland\", dialCode: \"+41\", flag: \"ch\" },\r\n { code: \"ca\", name: \"Canada\", dialCode: \"+1\", flag: \"ca\" },\r\n { code: \"mx\", name: \"Mexico\", dialCode: \"+52\", flag: \"mx\" },\r\n { code: \"br\", name: \"Brazil\", dialCode: \"+55\", flag: \"br\" },\r\n { code: \"ar\", name: \"Argentina\", dialCode: \"+54\", flag: \"ar\" },\r\n { code: \"jp\", name: \"Japan\", dialCode: \"+81\", flag: \"jp\" },\r\n { code: \"cn\", name: \"China\", dialCode: \"+86\", flag: \"cn\" },\r\n { code: \"in\", name: \"India\", dialCode: \"+91\", flag: \"in\" },\r\n { code: \"au\", name: \"Australia\", dialCode: \"+61\", flag: \"au\" },\r\n { code: \"ma\", name: \"Morocco\", dialCode: \"+212\", flag: \"ma\" }\r\n ];\r\n\r\n let selectedCountry = null;\r\n\r\n function renderCountryList(filter = \"\") {\r\n const container = document.getElementById(\"countryListElite\");\r\n if (!container) return;\r\n const filtered = eliteCountries.filter(c =>\r\n c.name.toLowerCase().includes(filter.toLowerCase()) ||\r\n c.dialCode.includes(filter)\r\n );\r\n container.innerHTML = filtered.map(c =>\r\n `<div class=\"country-option\" data-dial=\"${c.dialCode}\" data-flag=\"${c.flag}\">\r\n <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/${c.flag}.png\" alt=\"${c.name}\">\r\n <span class=\"country-name\">${c.name}<\/span>\r\n <span class=\"country-code\">${c.dialCode}<\/span>\r\n <\/div>`\r\n ).join(\"\");\r\n document.querySelectorAll(\".country-option\").forEach(opt => {\r\n opt.addEventListener(\"click\", function() {\r\n selectedCountry = eliteCountries.find(c => c.dialCode === this.dataset.dial);\r\n updateDisplay();\r\n closeDropdown();\r\n });\r\n });\r\n }\r\n\r\n function updateDisplay() {\r\n const flagImg = document.getElementById(\"selectedFlagElite\");\r\n const codeSpan = document.getElementById(\"selectedCodeElite\");\r\n if (flagImg && selectedCountry) flagImg.src = `https:\/\/flagcdn.com\/w40\/${selectedCountry.flag}.png`;\r\n if (codeSpan && selectedCountry) codeSpan.textContent = selectedCountry.dialCode;\r\n }\r\n\r\n function toggleDropdown() {\r\n const dropdown = document.getElementById(\"countryDropdownElite\");\r\n dropdown.classList.toggle(\"show\");\r\n if (dropdown.classList.contains(\"show\")) {\r\n const search = document.getElementById(\"countrySearchElite\");\r\n if (search) { search.value = \"\";\r\n renderCountryList(\"\");\r\n search.focus(); }\r\n }\r\n }\r\n\r\n function closeDropdown() {\r\n document.getElementById(\"countryDropdownElite\")?.classList.remove(\"show\");\r\n }\r\n\r\n selectedCountry = eliteCountries.find(c => c.code === \"es\") || eliteCountries[0];\r\n updateDisplay();\r\n\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n renderCountryList(\"\");\r\n const btn = document.getElementById(\"countryTrigger\");\r\n if (btn) btn.addEventListener(\"click\", (e) => { e.stopPropagation();\r\n toggleDropdown(); });\r\n const search = document.getElementById(\"countrySearchElite\");\r\n if (search) search.addEventListener(\"input\", (e) => renderCountryList(e.target.value));\r\n document.addEventListener(\"click\", function(e) {\r\n const wrapper = document.querySelector(\".country-selector\");\r\n if (wrapper && !wrapper.contains(e.target)) closeDropdown();\r\n });\r\n\r\n const form = document.getElementById(\"eliteContactForm\");\r\n const phoneInput = document.getElementById(\"phoneNumberElite\");\r\n\r\n form.addEventListener(\"submit\", function(e) {\r\n if (selectedCountry && phoneInput.value && !phoneInput.value.startsWith(selectedCountry\r\n .dialCode)) {\r\n phoneInput.value = selectedCountry.dialCode + \" \" + phoneInput.value;\r\n }\r\n });\r\n });\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AssistYu \u2014 Contact PREMIUM SUPPORT Get in touch \u2014 we’re ready to assist Fast, reliable, and human. Our support team is just a message away. \ud83d\udcde Standard Telephone Speak directly with our senior technicians \u2014 instant response for urgent inquiries Instant callback Encrypted line Priority routing +34 951 550 227 Mon-Fri, 9AM \u2013 6PM EST […]<\/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:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/pages\/1994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/comments?post=1994"}],"version-history":[{"count":96,"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/pages\/1994\/revisions"}],"predecessor-version":[{"id":7092,"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/pages\/1994\/revisions\/7092"}],"wp:attachment":[{"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/media?parent=1994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}