{"id":1509,"date":"2026-07-27T11:57:42","date_gmt":"2026-07-27T11:57:42","guid":{"rendered":"https:\/\/w3webhelp.in\/sample\/Infinexy\/?page_id=1509"},"modified":"2026-08-25T07:48:45","modified_gmt":"2026-08-25T07:48:45","slug":"contact","status":"publish","type":"page","link":"https:\/\/w3webhelp.in\/sample\/Infinexy\/contact\/","title":{"rendered":"Contact"},"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 Infinexy - Contact Us<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&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 <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif !important;\r\n background: #f0f4f8;\r\n overflow-x: hidden;\r\n }\r\n\r\n :root {\r\n --purple: #8E24AA;\r\n --blue: #009FE3;\r\n --green: #8BC34A;\r\n --orange: #FB8C00;\r\n --yellow: #FFC107;\r\n --dark: #0a1a2f;\r\n --gray: #475569;\r\n --gray-light: #94a3b8;\r\n --white: #ffffff;\r\n --badge-color: #4D7DD1;\r\n --mix-color: #864ABA;\r\n --border: #e5e7eb;\r\n }\r\n\r\n .contact-banner {\r\n position: relative;\r\n min-height: 55vh;\r\n display: flex;\r\n align-items: center;\r\n background: linear-gradient(135deg, var(--badge-color) 0%, var(--mix-color) 100%);\r\n overflow: hidden;\r\n padding: 80px 0 60px;\r\n }\r\n\r\n \/* Animations *\/\r\n .contact-banner .orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: orbFloat 8s ease-in-out infinite;\r\n }\r\n .contact-banner .orb-1 { width: 200px; height: 200px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%); top: -50px; right: -50px; animation-delay: 0s; }\r\n .contact-banner .orb-2 { width: 300px; height: 300px; background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%); bottom: -100px; left: -100px; animation-delay: 3s; }\r\n .contact-banner .orb-3 { width: 150px; height: 150px; background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%); top: 40%; left: 60%; animation-delay: 5s; }\r\n\r\n @keyframes orbFloat {\r\n 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.6; }\r\n 50% { transform: translate(30px, -40px) scale(1.2); opacity: 1; }\r\n }\r\n\r\n .contact-banner .ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.08);\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: ringSpin 20s linear infinite;\r\n }\r\n .contact-banner .ring-1 { width: 400px; height: 400px; top: -100px; right: -100px; animation-duration: 25s; }\r\n .contact-banner .ring-2 { width: 600px; height: 600px; bottom: -200px; left: -200px; animation-duration: 35s; animation-direction: reverse; }\r\n .contact-banner .ring-3 { width: 250px; height: 250px; top: 50%; left: 70%; animation-duration: 15s; border-color: rgba(255,255,255,0.05); }\r\n .contact-banner .ring::before { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.2); top: -4px; left: 50%; transform: translateX(-50%); box-shadow: 0 0 30px rgba(255,255,255,0.1); }\r\n\r\n @keyframes ringSpin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n .contact-banner .shooting-star {\r\n position: absolute;\r\n width: 2px;\r\n height: 2px;\r\n background: #fff;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: shootStar 4s linear infinite;\r\n }\r\n .contact-banner .shooting-star::after { content: ''; position: absolute; top: 50%; right: 0; width: 60px; height: 1px; background: linear-gradient(90deg, rgba(255,255,255,0.3), transparent); transform: translateY(-50%); }\r\n .contact-banner .shooting-star:nth-child(1) { top: 15%; left: 10%; animation-delay: 0s; }\r\n .contact-banner .shooting-star:nth-child(2) { top: 25%; right: 15%; animation-delay: 2s; animation-duration: 5s; }\r\n .contact-banner .shooting-star:nth-child(3) { top: 55%; left: 5%; animation-delay: 4s; animation-duration: 3.5s; }\r\n .contact-banner .shooting-star:nth-child(4) { top: 70%; right: 10%; animation-delay: 1.5s; animation-duration: 4.5s; }\r\n\r\n @keyframes shootStar {\r\n 0% { transform: translate(0, 0) scale(1); opacity: 0; }\r\n 10% { opacity: 1; }\r\n 90% { opacity: 1; }\r\n 100% { transform: translate(-200px, 200px) scale(0); opacity: 0; }\r\n }\r\n\r\n .contact-banner .particle {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.05);\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: particleFloat 12s ease-in-out infinite;\r\n }\r\n .contact-banner .particle:nth-child(1) { width: 4px; height: 4px; top: 10%; left: 20%; animation-delay: 0s; }\r\n .contact-banner .particle:nth-child(2) { width: 6px; height: 6px; top: 20%; right: 30%; animation-delay: 2s; }\r\n .contact-banner .particle:nth-child(3) { width: 3px; height: 3px; bottom: 15%; left: 40%; animation-delay: 4s; }\r\n .contact-banner .particle:nth-child(4) { width: 5px; height: 5px; bottom: 10%; right: 25%; animation-delay: 6s; }\r\n .contact-banner .particle:nth-child(5) { width: 4px; height: 4px; top: 45%; left: 55%; animation-delay: 8s; }\r\n .contact-banner .particle:nth-child(6) { width: 3px; height: 3px; top: 60%; right: 40%; animation-delay: 10s; }\r\n\r\n @keyframes particleFloat {\r\n 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.03; }\r\n 25% { transform: translate(80px, -60px) scale(2); opacity: 0.08; }\r\n 50% { transform: translate(-40px, 40px) scale(0.5); opacity: 0.01; }\r\n 75% { transform: translate(60px, 80px) scale(1.5); opacity: 0.06; }\r\n }\r\n\r\n .contact-banner .pulse-dot {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.04);\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: pulseDot 3s ease-in-out infinite;\r\n }\r\n .contact-banner .pulse-dot:nth-child(1) { width: 12px; height: 12px; top: 8%; left: 8%; animation-delay: 0s; }\r\n .contact-banner .pulse-dot:nth-child(2) { width: 8px; height: 8px; top: 30%; right: 12%; animation-delay: 0.8s; }\r\n .contact-banner .pulse-dot:nth-child(3) { width: 16px; height: 16px; bottom: 20%; left: 5%; animation-delay: 1.6s; }\r\n .contact-banner .pulse-dot:nth-child(4) { width: 10px; height: 10px; bottom: 40%; right: 8%; animation-delay: 2.4s; }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { transform: scale(1); opacity: 0.05; }\r\n 50% { transform: scale(2.5); opacity: 0.15; box-shadow: 0 0 40px rgba(255,255,255,0.05); }\r\n }\r\n\r\n .contact-banner .tech-shape {\r\n position: absolute;\r\n border: 1.5px solid rgba(255,255,255,0.04);\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: techShapeFloat 15s ease-in-out infinite;\r\n }\r\n .contact-banner .tech-shape:nth-child(1) { width: 80px; height: 80px; border-radius: 20px; top: 20%; right: 15%; animation-delay: 0s; transform: rotate(45deg); }\r\n .contact-banner .tech-shape:nth-child(2) { width: 60px; height: 60px; border-radius: 50%; bottom: 25%; left: 20%; animation-delay: 3s; }\r\n .contact-banner .tech-shape:nth-child(3) { width: 40px; height: 40px; border-radius: 8px; top: 55%; right: 30%; animation-delay: 6s; transform: rotate(30deg); }\r\n\r\n @keyframes techShapeFloat {\r\n 0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.04; }\r\n 33% { transform: translate(50px, -40px) rotate(15deg) scale(1.1); opacity: 0.08; }\r\n 66% { transform: translate(-30px, 30px) rotate(-8deg) scale(0.9); opacity: 0.05; }\r\n }\r\n\r\n .contact-banner .glow-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%);\r\n animation: glowRingPulse 5s ease-in-out infinite;\r\n }\r\n .contact-banner .glow-ring:nth-child(1) { width: 350px; height: 350px; top: 10%; right: 5%; animation-delay: 0s; }\r\n .contact-banner .glow-ring:nth-child(2) { width: 450px; height: 450px; bottom: 5%; left: 5%; animation-delay: 2.5s; }\r\n\r\n @keyframes glowRingPulse {\r\n 0%, 100% { transform: scale(0.8); opacity: 0.3; }\r\n 50% { transform: scale(1.2); opacity: 0.8; }\r\n }\r\n\r\n .contact-banner .grid-overlay {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n pointer-events: none;\r\n opacity: 0.03;\r\n background-image: \r\n linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n animation: gridMove 30s linear infinite;\r\n }\r\n\r\n @keyframes gridMove {\r\n 0% { transform: translate(0, 0); }\r\n 100% { transform: translate(50px, 50px); }\r\n }\r\n\r\n \/* ========================================\r\n BANNER INNER - FLEX LAYOUT WITH IMAGE\r\n ======================================== *\/\r\n .contact-banner .banner-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n width: 100%;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n \/* Left content (text) *\/\r\n .contact-banner .banner-content {\r\n flex: 1 1 55%;\r\n max-width: 680px;\r\n animation: fadeInUp 0.7s ease 0.1s forwards;\r\n opacity: 0;\r\n }\r\n\r\n \/* Right image container *\/\r\n .contact-banner .banner-image {\r\n flex: 1 1 35%;\r\n max-width: 450px;\r\n margin-left: 30px;\r\n animation: fadeInUp 0.7s ease 0.2s forwards;\r\n opacity: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .contact-banner .banner-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: cover;\r\n border-radius: 20px;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n }\r\n\r\n .contact-banner .banner-image img:hover {\r\n transform: scale(1.02);\r\n box-shadow: 0 35px 60px -15px rgba(0, 0, 0, 0.35);\r\n }\r\n\r\n .contact-banner .breadcrumb {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 13px;\r\n color: rgba(255,255,255,0.5);\r\n margin-bottom: 24px;\r\n animation: fadeInUp 0.7s ease forwards;\r\n opacity: 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .contact-banner .breadcrumb a {\r\n color: rgba(255,255,255,0.6);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .contact-banner .breadcrumb a:hover {\r\n color: rgba(255,255,255,0.9);\r\n }\r\n\r\n .contact-banner .breadcrumb .separator {\r\n color: rgba(255,255,255,0.2);\r\n font-size: 10px;\r\n }\r\n\r\n .contact-banner .breadcrumb .current {\r\n color: rgba(255,255,255,0.9);\r\n font-weight: 600;\r\n }\r\n\r\n .contact-banner .heading {\r\n font-size: clamp(36px, 5vw, 56px);\r\n font-weight: 900;\r\n line-height: 1.08;\r\n color: #ffffff;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .contact-banner .heading .highlight {\r\n background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.6));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .contact-banner .description {\r\n font-size: clamp(16px, 1.1vw, 19px);\r\n line-height: 1.8;\r\n color: rgba(255,255,255,0.7);\r\n max-width: 600px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (min-width: 1400px) {\r\n .contact-banner { padding: 120px 0 100px; min-height: 70vh; }\r\n .contact-banner .heading { font-size: 62px; }\r\n .contact-banner .ring-1 { width: 500px; height: 500px; }\r\n .contact-banner .ring-2 { width: 700px; height: 700px; }\r\n }\r\n\r\n @media (max-width: 1399px) and (min-width: 1200px) {\r\n .contact-banner { padding: 100px 0 80px; min-height: 65vh; }\r\n .contact-banner .heading { font-size: 52px; }\r\n }\r\n\r\n @media (max-width: 1199px) {\r\n .contact-banner { min-height: 55vh; padding: 80px 0 60px; }\r\n .contact-banner .heading { font-size: clamp(36px, 4.5vw, 46px); }\r\n .contact-banner .ring-2 { display: none; }\r\n .contact-banner .glow-ring { display: none; }\r\n .contact-banner .banner-image { flex: 1 1 40%; max-width: 400px; }\r\n .contact-banner .banner-content { flex: 1 1 55%; }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .contact-banner { min-height: auto; padding: 70px 0 50px; }\r\n .contact-banner .banner-inner { flex-direction: column; text-align: center; }\r\n .contact-banner .banner-content { max-width: 100%; flex: 1 1 100%; }\r\n .contact-banner .banner-image { \r\n flex: 1 1 100%; \r\n max-width: 100%; \r\n margin-left: 0; \r\n margin-top: 40px;\r\n }\r\n .contact-banner .banner-image img { max-width: 400px; margin: 0 auto; }\r\n .contact-banner .description { max-width: 100%; margin-left: auto; margin-right: auto; }\r\n .contact-banner .breadcrumb { justify-content: center; }\r\n .contact-banner .orb-2 { display: none; }\r\n .contact-banner .ring-1 { display: none; }\r\n .contact-banner .ring-3 { display: none; }\r\n .contact-banner .shooting-star { display: none; }\r\n .contact-banner .tech-shape { display: none; }\r\n .contact-banner .grid-overlay { display: none; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .contact-banner { padding: 50px 0 40px; }\r\n .contact-banner .banner-inner { padding: 0 20px; }\r\n .contact-banner .heading { font-size: clamp(30px, 6vw, 36px); }\r\n .contact-banner .description { font-size: 15px; line-height: 1.7; }\r\n .contact-banner .breadcrumb { font-size: 12px; }\r\n .contact-banner .orb-1 { width: 120px; height: 120px; }\r\n .contact-banner .orb-3 { display: none; }\r\n .contact-banner .particle { display: none; }\r\n .contact-banner .pulse-dot { display: none; }\r\n .contact-banner .banner-image img { max-width: 320px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .contact-banner { padding: 40px 0 30px; }\r\n .contact-banner .banner-inner { padding: 0 16px; }\r\n .contact-banner .heading { font-size: 26px; }\r\n .contact-banner .description { font-size: 14px; }\r\n .contact-banner .breadcrumb { font-size: 11px; flex-wrap: wrap; }\r\n .contact-banner .orb-1 { width: 80px; height: 80px; top: -30px; right: -30px; }\r\n .contact-banner .banner-image img { max-width: 260px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .contact-banner { padding: 30px 0 24px; }\r\n .contact-banner .heading { font-size: 22px; }\r\n .contact-banner .description { font-size: 13px; }\r\n .contact-banner .breadcrumb { font-size: 10px; }\r\n .contact-banner .banner-image img { max-width: 220px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"contact-banner\">\r\n\r\n <!-- Decorative elements -->\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n <div class=\"orb orb-3\"><\/div>\r\n <div class=\"ring ring-1\"><\/div>\r\n <div class=\"ring ring-2\"><\/div>\r\n <div class=\"ring ring-3\"><\/div>\r\n <div class=\"shooting-star\"><\/div>\r\n <div class=\"shooting-star\"><\/div>\r\n <div class=\"shooting-star\"><\/div>\r\n <div class=\"shooting-star\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"pulse-dot\"><\/div>\r\n <div class=\"pulse-dot\"><\/div>\r\n <div class=\"pulse-dot\"><\/div>\r\n <div class=\"pulse-dot\"><\/div>\r\n <div class=\"tech-shape\"><\/div>\r\n <div class=\"tech-shape\"><\/div>\r\n <div class=\"tech-shape\"><\/div>\r\n <div class=\"glow-ring\"><\/div>\r\n <div class=\"glow-ring\"><\/div>\r\n <div class=\"grid-overlay\"><\/div>\r\n\r\n <div class=\"banner-inner\">\r\n\r\n <!-- LEFT: Content -->\r\n <div class=\"banner-content\">\r\n\r\n <!-- Breadcrumb -->\r\n <nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\r\n <a href=\"#\">Home<\/a>\r\n <span class=\"separator\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n <span class=\"current\">Contact<\/span>\r\n <\/nav>\r\n\r\n <h1 class=\"heading\">\r\n Let's <span class=\"highlight\">Connect<\/span>\r\n <\/h1>\r\n\r\n <p class=\"description\">\r\n Have a question, need support, or want to explore our telecom solutions? \r\n Reach out to us \u2014 we are here to help you connect, communicate, and grow.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <!-- RIGHT: Image -->\r\n <div class=\"banner-image\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/infinexy.net\/wp-content\/uploads\/2026\/08\/756c9296-7b43-45e0-95cc-a900fe27a218.webp\" \r\n alt=\"Contact Infinexy\"\r\n loading=\"lazy\"\r\n \/>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db9002e e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"db9002e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d29a40 elementor-widget elementor-widget-html\" data-id=\"0d29a40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Infinexy - Contact Us<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&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 <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif !important;\r\n background: #f8fafc;\r\n overflow-x: hidden;\r\n }\r\n\r\n :root {\r\n --purple: #8E24AA;\r\n --blue: #009FE3;\r\n --green: #8BC34A;\r\n --orange: #FB8C00;\r\n --yellow: #FFC107;\r\n --dark: #0a1a2f;\r\n --gray: #475569;\r\n --gray-light: #94a3b8;\r\n --white: #ffffff;\r\n --badge-color: #4D7DD1;\r\n --border: #e5e7eb;\r\n --shadow: 0 4px 20px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .contact-section {\r\n padding: 60px 0 80px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .contact-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: \r\n radial-gradient(ellipse at 80% 20%, rgba(142, 36, 170, 0.03) 0%, transparent 50%),\r\n radial-gradient(ellipse at 20% 80%, rgba(0, 159, 227, 0.03) 0%, transparent 50%);\r\n z-index: 0;\r\n }\r\n\r\n .contact-inner {\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .contact-wrapper {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: start;\r\n }\r\n\r\n .contact-info {\r\n animation: fadeInUp 0.7s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .contact-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: var(--badge-color);\r\n margin-bottom: 12px;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n }\r\n\r\n .contact-badge .dot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--badge-color);\r\n display: inline-block;\r\n }\r\n\r\n .contact-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .contact-title {\r\n font-size: clamp(32px, 3.8vw, 44px);\r\n font-weight: 800;\r\n color: var(--dark);\r\n line-height: 1.1;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .contact-title .highlight {\r\n background: linear-gradient(135deg, var(--purple), var(--blue));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .contact-subtitle {\r\n font-size: 16px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n margin-bottom: 32px;\r\n max-width: 460px;\r\n }\r\n\r\n .info-cards {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n\r\n .info-card {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 16px 20px;\r\n background: #f8fafc;\r\n border-radius: 14px;\r\n border: 1px solid var(--border);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .info-card:hover {\r\n border-color: var(--badge-color);\r\n background: var(--white);\r\n box-shadow: 0 4px 16px rgba(0,0,0,0.02);\r\n transform: translateX(4px);\r\n }\r\n\r\n .info-card .icon-wrap {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n background: linear-gradient(135deg, var(--badge-color), var(--blue));\r\n }\r\n\r\n .info-card .info-content {\r\n flex: 1;\r\n }\r\n\r\n .info-card .info-content .label {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--gray-light);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .info-card .info-content .value {\r\n font-size: 14px;\r\n color: var(--dark);\r\n line-height: 1.6;\r\n font-weight: 500;\r\n }\r\n\r\n .info-card .info-content .value a {\r\n color: var(--dark);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .info-card .info-content .value a:hover {\r\n color: var(--badge-color);\r\n }\r\n\r\n .info-card .info-content .value .support-email {\r\n display: block;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: var(--gray);\r\n }\r\n\r\n .info-card .info-content .value .support-email strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .contact-image-wrapper {\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: 36px 32px 32px;\r\n border: 1px solid var(--border);\r\n box-shadow: var(--shadow);\r\n animation: fadeInUp 0.7s ease 0.15s forwards;\r\n opacity: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 450px;\r\n background: linear-gradient(135deg, #f8fafc, #eef2f7);\r\n border: 2px dashed #d1d5db;\r\n }\r\n\r\n .contact-image-wrapper img {\r\n width: 100%;\r\n max-width: 550px;\r\n height: auto;\r\n border-radius: 16px;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .contact-image-wrapper img:hover {\r\n transform: scale(1.02);\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .contact-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .contact-section {\r\n padding: 50px 0 60px;\r\n }\r\n\r\n .contact-subtitle {\r\n max-width: 100%;\r\n }\r\n\r\n .contact-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n\r\n .contact-image-wrapper {\r\n min-height: 300px;\r\n padding: 28px 24px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .contact-section {\r\n padding: 40px 0 50px;\r\n }\r\n\r\n .contact-inner {\r\n padding: 0 20px;\r\n }\r\n\r\n .contact-wrapper {\r\n gap: 30px;\r\n }\r\n\r\n .contact-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n\r\n .contact-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .info-card {\r\n padding: 14px 16px;\r\n }\r\n\r\n .info-card .info-content .value {\r\n font-size: 13px;\r\n }\r\n\r\n .contact-image-wrapper {\r\n min-height: 250px;\r\n padding: 20px 16px;\r\n }\r\n\r\n .contact-image-wrapper img {\r\n max-width: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .contact-section {\r\n padding: 30px 0 40px;\r\n }\r\n\r\n .contact-inner {\r\n padding: 0 16px;\r\n }\r\n\r\n .contact-title {\r\n font-size: 24px;\r\n }\r\n\r\n .contact-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .info-card {\r\n padding: 12px 14px;\r\n gap: 12px;\r\n }\r\n\r\n .info-card .icon-wrap {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 14px;\r\n }\r\n\r\n .info-card .info-content .value {\r\n font-size: 12px;\r\n }\r\n\r\n .info-card .info-content .label {\r\n font-size: 10px;\r\n }\r\n\r\n .contact-image-wrapper {\r\n min-height: 180px;\r\n padding: 16px 12px;\r\n border-radius: 14px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"contact-section\">\r\n <div class=\"contact-inner\">\r\n\r\n <div class=\"contact-wrapper\">\r\n\r\n <div class=\"contact-info\">\r\n\r\n <div class=\"contact-badge\">\r\n <span class=\"dot\"><\/span>\r\n Get in Touch\r\n <\/div>\r\n\r\n <h2 class=\"contact-title\">\r\n Let's <span class=\"highlight\">Connect<\/span>\r\n <\/h2>\r\n\r\n <p class=\"contact-subtitle\">\r\n Have questions or ready to grow your telecom business? \r\n Reach out to our team \u2014 we're here to help.\r\n <\/p>\r\n\r\n <div class=\"info-cards\">\r\n\r\n <div class=\"info-card\">\r\n <div class=\"icon-wrap\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <div class=\"label\">Office Location<\/div>\r\n <div class=\"value\">\r\n Infinexy Technologies Ltd.<br\/>\r\n 20-22 Wenlock Road, London, N1 7GU\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"icon-wrap\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <div class=\"label\">Sales Email<\/div>\r\n <div class=\"value\">\r\n <a href=\"mailto:sales@infinexy.net\">sales@infinexy.net<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"icon-wrap\">\r\n <i class=\"fas fa-headset\"><\/i>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <div class=\"label\">Support Emails<\/div>\r\n <div class=\"value\">\r\n <span class=\"support-email\"><strong>Level 1:<\/strong> <a href=\"mailto:noc@infinexy.net\">noc@infinexy.net<\/a><\/span>\r\n <span class=\"support-email\"><strong>Level 2:<\/strong> <a href=\"mailto:escalation@infinexy.net\">escalation@infinexy.net<\/a><\/span>\r\n <span class=\"support-email\"><strong>Level 3:<\/strong> <a href=\"mailto:cto@infinexy.net\">cto@infinexy.net<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"icon-wrap\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <div class=\"label\">Phone & Hours<\/div>\r\n <div class=\"value\">\r\n <a href=\"tel:+442080587982\">+44 20 8058 7982<\/a><br\/>\r\n <span style=\"font-size:13px; color:var(--gray-light); font-weight:400;\">\r\n 9:00 AM \u2013 6:00 PM BST (Mon\u2013Fri)\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"contact-image-wrapper\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/IMG89232564-e1785243668220.webp\" \r\n alt=\"Infinexy Contact Image\" \r\n \/>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f981742 e-con-full e-flex e-con e-parent\" data-id=\"f981742\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7eb5701 elementor-widget elementor-widget-html\" data-id=\"7eb5701\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Infinexy - Contact Us<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&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 <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif !important;\r\n background: #f8fafc;\r\n overflow-x: hidden;\r\n }\r\n\r\n :root {\r\n --purple: #8E24AA;\r\n --blue: #009FE3;\r\n --dark: #0a1a2f;\r\n --gray: #475569;\r\n --gray-light: #94a3b8;\r\n --white: #ffffff;\r\n --badge-color: #4D7DD1;\r\n --border: #e5e7eb;\r\n --shadow: 0 4px 20px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .contact-section {\r\n padding: 40px 0 60px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .contact-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: \r\n radial-gradient(ellipse at 80% 20%, rgba(142, 36, 170, 0.03) 0%, transparent 50%),\r\n radial-gradient(ellipse at 20% 80%, rgba(0, 159, 227, 0.03) 0%, transparent 50%);\r\n z-index: 0;\r\n }\r\n\r\n .contact-inner {\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* -- grid -- *\/\r\n .contact-wrapper {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: stretch;\r\n }\r\n\r\n \/* -- map (\u099b\u09cb\u099f \u0995\u09b0\u09be \u09b9\u09af\u09bc\u09c7\u099b\u09c7) -- *\/\r\n .contact-map-wrapper {\r\n background: var(--white);\r\n border-radius: 20px;\r\n border: 1px solid var(--border);\r\n box-shadow: var(--shadow);\r\n overflow: hidden;\r\n animation: fadeInUp 0.7s ease forwards;\r\n opacity: 0;\r\n min-height: 380px;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .contact-map-wrapper .map-header {\r\n padding: 16px 20px 12px;\r\n border-bottom: 1px solid var(--border);\r\n }\r\n\r\n .contact-map-wrapper .map-header .map-title {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n }\r\n\r\n .contact-map-wrapper .map-header .map-address {\r\n font-size: 13px;\r\n color: var(--gray);\r\n margin-top: 2px;\r\n }\r\n\r\n .contact-map-wrapper .map-iframe {\r\n flex: 1;\r\n min-height: 280px;\r\n }\r\n\r\n .contact-map-wrapper .map-iframe iframe {\r\n width: 100%;\r\n height: 100%;\r\n min-height: 280px;\r\n border: none;\r\n display: block;\r\n }\r\n\r\n \/*-- cf7 shortcode --*\/\r\n .contact-form-wrapper {\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: 36px 32px 32px;\r\n border: 1px solid var(--border);\r\n box-shadow: var(--shadow);\r\n animation: fadeInUp 0.7s ease 0.15s forwards;\r\n opacity: 0;\r\n min-height: 500px;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .contact-form-wrapper .form-header {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .contact-form-wrapper .form-header .form-title {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n }\r\n\r\n .contact-form-wrapper .form-header .form-subtitle {\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n margin-top: 4px;\r\n }\r\n\r\n .contact-form-wrapper .cf7-shortcode {\r\n flex: 1;\r\n }\r\n .contact-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: var(--badge-color);\r\n margin-bottom: 12px;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n }\r\n\r\n .contact-badge .dot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--badge-color);\r\n display: inline-block;\r\n }\r\n\r\n .contact-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(32px, 3.8vw, 44px);\r\n font-weight: 800;\r\n color: var(--dark);\r\n line-height: 1.1;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .section-title .highlight {\r\n background: linear-gradient(135deg, var(--purple), var(--blue));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 16px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n margin-bottom: 32px;\r\n max-width: 460px;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* -- ResponSive --*\/\r\n\r\n \/* Tablet & Small Laptop *\/\r\n @media (max-width: 1024px) {\r\n .contact-wrapper {\r\n gap: 30px;\r\n }\r\n\r\n .contact-form-wrapper {\r\n padding: 28px 24px 24px;\r\n }\r\n\r\n .contact-map-wrapper .map-iframe {\r\n min-height: 240px;\r\n }\r\n\r\n .contact-map-wrapper .map-iframe iframe {\r\n min-height: 240px;\r\n }\r\n\r\n .contact-map-wrapper {\r\n min-height: 320px;\r\n }\r\n }\r\n\r\n \/* Mobile - Form first, then Map *\/\r\n @media (max-width: 991px) {\r\n .contact-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .contact-section {\r\n padding: 50px 0 60px;\r\n }\r\n\r\n .section-subtitle {\r\n max-width: 100%;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n\r\n \/* Mobile: Form comes first *\/\r\n .contact-form-wrapper {\r\n order: 1;\r\n min-height: auto;\r\n }\r\n\r\n .contact-map-wrapper {\r\n order: 2;\r\n min-height: 250px;\r\n }\r\n\r\n .contact-map-wrapper .map-iframe {\r\n min-height: 220px;\r\n }\r\n\r\n .contact-map-wrapper .map-iframe iframe {\r\n min-height: 220px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .contact-section {\r\n padding: 40px 0 50px;\r\n }\r\n\r\n .contact-inner {\r\n padding: 0 20px;\r\n }\r\n\r\n .contact-wrapper {\r\n gap: 24px;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .contact-form-wrapper {\r\n padding: 24px 18px 20px;\r\n border-radius: 16px;\r\n min-height: auto;\r\n }\r\n\r\n .contact-form-wrapper .form-header .form-title {\r\n font-size: 20px;\r\n }\r\n\r\n .contact-map-wrapper {\r\n min-height: 220px;\r\n border-radius: 16px;\r\n }\r\n\r\n .contact-map-wrapper .map-header {\r\n padding: 12px 16px 10px;\r\n }\r\n\r\n .contact-map-wrapper .map-header .map-title {\r\n font-size: 15px;\r\n }\r\n\r\n .contact-map-wrapper .map-header .map-address {\r\n font-size: 12px;\r\n }\r\n\r\n .contact-map-wrapper .map-iframe {\r\n min-height: 200px;\r\n }\r\n\r\n .contact-map-wrapper .map-iframe iframe {\r\n min-height: 200px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .contact-section {\r\n padding: 30px 0 40px;\r\n }\r\n\r\n .contact-inner {\r\n padding: 0 16px;\r\n }\r\n\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .contact-form-wrapper {\r\n padding: 18px 14px 16px;\r\n border-radius: 14px;\r\n }\r\n\r\n .contact-form-wrapper .form-header .form-title {\r\n font-size: 18px;\r\n }\r\n\r\n .contact-form-wrapper .form-header .form-subtitle {\r\n font-size: 13px;\r\n }\r\n\r\n .contact-map-wrapper {\r\n min-height: 180px;\r\n border-radius: 14px;\r\n }\r\n\r\n .contact-map-wrapper .map-header {\r\n padding: 10px 12px 8px;\r\n }\r\n\r\n .contact-map-wrapper .map-header .map-title {\r\n font-size: 14px;\r\n }\r\n\r\n .contact-map-wrapper .map-header .map-address {\r\n font-size: 11px;\r\n }\r\n\r\n .contact-map-wrapper .map-iframe {\r\n min-height: 150px;\r\n }\r\n\r\n .contact-map-wrapper .map-iframe iframe {\r\n min-height: 150px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"contact-section\">\r\n <div class=\"contact-inner\">\r\n\r\n <!-- Badge & Title -->\r\n <div class=\"contact-badge\">\r\n <span class=\"dot\"><\/span>\r\n Find Us\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n Get in <span class=\"highlight\">Touch<\/span>\r\n <\/h2>\r\n\r\n <p class=\"section-subtitle\">\r\n Have questions or ready to grow your telecom business? \r\n Reach out to our team \u2014 we're here to help.\r\n <\/p>\r\n\r\n <div class=\"contact-wrapper\">\r\n\r\n <!--Map (\u099b\u09cb\u099f) -->\r\n <div class=\"contact-map-wrapper\">\r\n <div class=\"map-header\">\r\n <div class=\"map-title\">\r\n <i class=\"fas fa-location-dot\" style=\"color: var(--badge-color); margin-right: 8px;\"><\/i>\r\n Our Office\r\n <\/div>\r\n <div class=\"map-address\">\r\n Infinexy Technologies Ltd., 20-22, Wenlock Road, London, N1 7GU, United Kingdom\r\n <\/div>\r\n <\/div>\r\n <div class=\"map-iframe\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2482.6782884231084!2d-0.09887288422939123!3d51.53064817963759!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48761b581b3e5a6b%3A0x8b7f8b3e5a6b8f7b!2s20-22%20Wenlock%20Rd%2C%20London%20N1%207GU%2C%20UK!5e0!3m2!1sen!2sbd!4v1700000000000\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n title=\"Infinexy Office Location\"\r\n ><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Form -->\r\n <div class=\"contact-form-wrapper\">\r\n <div class=\"form-header\">\r\n <div class=\"form-title\">\r\n <i class=\"fas fa-paper-plane\" style=\"color: var(--badge-color); margin-right: 8px;\"><\/i>\r\n Send a Message\r\n <\/div>\r\n <div class=\"form-subtitle\">We'll get back to you within 24 hours.<\/div>\r\n <\/div>\r\n <div class=\"cf7-shortcode\">\r\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1532-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1532\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1509#wpcf7-f1532-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1532\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1532-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"cf7-custom-form\">\n\t<div class=\"cf7-row\">\n\t\t<div class=\"cf7-group\">\n\t\t\t<p><label>First Name <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"first-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter your first name\" value=\"\" type=\"text\" name=\"first-name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"cf7-group\">\n\t\t\t<p><label>Last Name <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"last-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter your last name\" value=\"\" type=\"text\" name=\"last-name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"cf7-row\">\n\t\t<div class=\"cf7-group\">\n\t\t\t<p><label>Phone Number<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"Enter your phone number\" value=\"\" type=\"tel\" name=\"phone\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"cf7-group\">\n\t\t\t<p><label>Email Address <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter your email address\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"cf7-group\">\n\t\t<p><label>Your Message <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"4\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Write your message here...\" name=\"your-message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\n <!-- ===== 6-CHARACTER STYLIZED CAPTCHA ===== -->\n\t<div class=\"cf7-group captcha-group\">\n\t\t<p><label>Captcha <span class=\"required\">*<\/span><\/label>\n\t\t<\/p>\n\t\t<div class=\"captcha-container\">\n\t\t\t<div class=\"captcha-code-wrapper\">\n\t\t\t\t<p><span class=\"captcha-code\" id=\"captchaCode\">A7B9C2<\/span><br \/>\n<button type=\"button\" class=\"captcha-refresh\" id=\"captchaRefresh\"><br \/>\n<i class=\"fas fa-sync-alt\"><\/i><br \/>\n<\/button>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<p><input type=\"text\" class=\"captcha-input\" id=\"captchaInput\" placeholder=\"Enter 6-character code\" maxlength=\"6\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<p><input type=\"hidden\" id=\"captchaHidden\" name=\"captcha-hidden\" value=\"\" \/>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"cf7-submit\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<style>\n\/* ===== CONTACT FORM 7 STYLES ===== *\/\n.cf7-custom-form {\n width: 100%;\n}\n\n.cf7-custom-form .cf7-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n}\n\n.cf7-custom-form .cf7-group {\n margin-bottom: 16px;\n width: 100%;\n}\n\n.cf7-custom-form .cf7-group label {\n display: block;\n font-size: 13px;\n font-weight: 600;\n color: #0a1a2f;\n margin-bottom: 4px;\n}\n\n.cf7-custom-form .cf7-group label .required {\n color: #dc2626;\n}\n\n.cf7-custom-form .cf7-group input,\n.cf7-custom-form .cf7-group textarea {\n width: 100%;\n padding: 12px 16px;\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n font-size: 14px;\n font-family: 'Inter', sans-serif;\n transition: all 0.3s ease;\n background: #f8fafc;\n box-sizing: border-box;\n}\n\n.cf7-custom-form .cf7-group input:focus,\n.cf7-custom-form .cf7-group textarea:focus {\n outline: none;\n border-color: #4D7DD1;\n background: #ffffff;\n box-shadow: 0 0 0 3px rgba(77, 125, 209, 0.06);\n}\n\n.cf7-custom-form .cf7-group textarea {\n min-height: 80px;\n max-height: 150px;\n resize: vertical;\n display: block !important;\n visibility: visible !important;\n}\n\n\/* ===== 6-CHARACTER STYLIZED CAPTCHA ===== *\/\n.cf7-custom-form .captcha-group .captcha-container {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 12px 18px;\n background: #f8fafc;\n border-radius: 12px;\n border: 1px solid #e5e7eb;\n flex-wrap: wrap;\n}\n\n.cf7-custom-form .captcha-group .captcha-code-wrapper {\n display: flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, #f0f4ff, #ffffff);\n padding: 8px 14px 8px 20px;\n border-radius: 10px;\n border: 1px solid #d1d9e6;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n}\n\n\/* Individual character styling with random tilt\/rotation *\/\n.cf7-custom-form .captcha-group .captcha-code .char {\n display: inline-block;\n font-family: 'Courier New', monospace;\n font-weight: 900;\n font-size: 32px;\n letter-spacing: 4px;\n user-select: none;\n text-shadow: 0 2px 12px rgba(77, 125, 209, 0.15);\n}\n\n\/* Each character gets different color + rotation *\/\n.cf7-custom-form .captcha-group .captcha-code .char:nth-child(1) {\n color: #4D7DD1;\n transform: rotate(-6deg) translateY(-3px) skewX(-3deg);\n}\n\n.cf7-custom-form .captcha-group .captcha-code .char:nth-child(2) {\n color: #8E24AA;\n transform: rotate(4deg) translateY(2px) skewX(2deg);\n}\n\n.cf7-custom-form .captcha-group .captcha-code .char:nth-child(3) {\n color: #009FE3;\n transform: rotate(-3deg) translateY(-4px) skewX(-4deg);\n}\n\n.cf7-custom-form .captcha-group .captcha-code .char:nth-child(4) {\n color: #FB8C00;\n transform: rotate(5deg) translateY(1px) skewX(3deg);\n}\n\n.cf7-custom-form .captcha-group .captcha-code .char:nth-child(5) {\n color: #8BC34A;\n transform: rotate(-4deg) translateY(-2px) skewX(-2deg);\n}\n\n.cf7-custom-form .captcha-group .captcha-code .char:nth-child(6) {\n color: #E53935;\n transform: rotate(3deg) translateY(3px) skewX(1deg);\n}\n\n.cf7-custom-form .captcha-group .captcha-refresh {\n background: none;\n border: none;\n color: #94a3b8;\n cursor: pointer;\n font-size: 16px;\n padding: 6px;\n transition: all 0.3s ease;\n border-radius: 50%;\n width: 36px;\n height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f1f4f9;\n border: 1px solid #e5e7eb;\n}\n\n.cf7-custom-form .captcha-group .captcha-refresh:hover {\n color: #4D7DD1;\n background: rgba(77, 125, 209, 0.12);\n transform: rotate(180deg);\n border-color: #4D7DD1;\n}\n\n.cf7-custom-form .captcha-group .captcha-input {\n flex: 1;\n padding: 10px 16px;\n border: 1px solid #e5e7eb;\n border-radius: 10px;\n font-size: 14px;\n font-family: 'Inter', sans-serif;\n background: #ffffff;\n min-width: 140px;\n transition: all 0.3s ease;\n letter-spacing: 2px;\n text-transform: uppercase;\n}\n\n.cf7-custom-form .captcha-group .captcha-input:focus {\n outline: none;\n border-color: #4D7DD1;\n box-shadow: 0 0 0 3px rgba(77, 125, 209, 0.08);\n}\n\n\/* ===== SUBMIT BUTTON ===== *\/\n.cf7-custom-form .cf7-submit {\n margin-top: 4px;\n}\n\n.cf7-custom-form .cf7-submit input[type=\"submit\"] {\n width: 100%;\n padding: 14px 32px;\n background: linear-gradient(135deg, #4D7DD1, #009FE3);\n color: #ffffff;\n border: none;\n border-radius: 50px;\n font-size: 15px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: 'Inter', sans-serif;\n letter-spacing: 0.3px;\n}\n\n.cf7-custom-form .cf7-submit input[type=\"submit\"]:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(77, 125, 209, 0.30);\n}\n\n.cf7-custom-form .cf7-submit input[type=\"submit\"]:active {\n transform: translateY(0);\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 767px) {\n .cf7-custom-form .cf7-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n\n .cf7-custom-form .cf7-group input,\n .cf7-custom-form .cf7-group textarea,\n .cf7-custom-form .captcha-group .captcha-input {\n padding: 10px 14px;\n font-size: 13px;\n }\n\n .cf7-custom-form .cf7-submit input[type=\"submit\"] {\n padding: 12px 24px;\n font-size: 14px;\n }\n\n .cf7-custom-form .captcha-group .captcha-container {\n padding: 12px 14px;\n gap: 10px;\n }\n\n .cf7-custom-form .captcha-group .captcha-code .char {\n font-size: 26px;\n letter-spacing: 2px;\n }\n\n .cf7-custom-form .captcha-group .captcha-code-wrapper {\n padding: 6px 10px 6px 14px;\n }\n\n .cf7-custom-form .captcha-group .captcha-input {\n min-width: 100px;\n }\n\n .cf7-custom-form .cf7-group textarea {\n min-height: 70px;\n max-height: 120px;\n }\n}\n\n@media (max-width: 480px) {\n .cf7-custom-form .cf7-group label {\n font-size: 12px;\n }\n\n .cf7-custom-form .cf7-group input,\n .cf7-custom-form .cf7-group textarea,\n .cf7-custom-form .captcha-group .captcha-input {\n padding: 8px 12px;\n font-size: 12px;\n border-radius: 8px;\n }\n\n .cf7-custom-form .cf7-submit input[type=\"submit\"] {\n padding: 10px 20px;\n font-size: 13px;\n border-radius: 40px;\n }\n\n .cf7-custom-form .cf7-group textarea {\n min-height: 60px;\n max-height: 100px;\n }\n\n .cf7-custom-form .captcha-group .captcha-container {\n flex-direction: row;\n flex-wrap: wrap;\n padding: 10px 12px;\n gap: 8px;\n }\n\n .cf7-custom-form .captcha-group .captcha-code .char {\n font-size: 20px;\n letter-spacing: 1px;\n }\n\n .cf7-custom-form .captcha-group .captcha-code-wrapper {\n padding: 4px 8px 4px 10px;\n }\n\n .cf7-custom-form .captcha-group .captcha-input {\n flex: 1;\n min-width: 80px;\n padding: 8px 10px;\n font-size: 12px;\n }\n\n .cf7-custom-form .captcha-group .captcha-refresh {\n width: 32px;\n height: 32px;\n font-size: 14px;\n padding: 4px;\n }\n}\n\n\/* ===== CONTACT FORM 7 ERROR STYLES ===== *\/\n.cf7-custom-form .wpcf7-not-valid-tip {\n color: #dc2626;\n font-size: 12px;\n margin-top: 4px;\n}\n\n.cf7-custom-form .wpcf7-validation-errors {\n color: #dc2626;\n background: #fef2f2;\n border: 1px solid #fecaca;\n padding: 12px 16px;\n border-radius: 10px;\n margin-top: 16px;\n font-size: 14px;\n}\n\n.cf7-custom-form .wpcf7-mail-sent-ok {\n color: #16a34a;\n background: #f0fdf4;\n border: 1px solid #bbf7d0;\n padding: 12px 16px;\n border-radius: 10px;\n margin-top: 16px;\n font-size: 14px;\n}\n\n.cf7-custom-form .wpcf7-spinner {\n display: inline-block;\n margin-left: 8px;\n}\n<\/style>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n const captchaCode = document.getElementById('captchaCode');\n const captchaInput = document.getElementById('captchaInput');\n const captchaRefresh = document.getElementById('captchaRefresh');\n const captchaHidden = document.getElementById('captchaHidden');\n\n \/\/ Character sets\n const upperChars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';\n const lowerChars = 'abcdefghijklmnopqrstuvwxyz';\n const numberChars = '0123456789';\n\n function getRandomChar() {\n const allChars = upperChars + lowerChars + numberChars;\n return allChars.charAt(Math.floor(Math.random() * allChars.length));\n }\n\n \/\/ Generate 6-character CAPTCHA with mix of upper, lower, numbers\n function generateCaptcha() {\n let result = '';\n \/\/ Ensure at least one uppercase, one lowercase, one number\n result += upperChars.charAt(Math.floor(Math.random() * upperChars.length));\n result += lowerChars.charAt(Math.floor(Math.random() * lowerChars.length));\n result += numberChars.charAt(Math.floor(Math.random() * numberChars.length));\n \n \/\/ Fill remaining 3 characters randomly\n for (let i = 0; i < 3; i++) {\n result += getRandomChar();\n }\n \n \/\/ Shuffle the string\n result = result.split('').sort(() => Math.random() - 0.5).join('');\n \n \/\/ Split into individual characters for styling\n const charsArray = result.split('');\n captchaCode.innerHTML = charsArray.map(char => \n `<span class=\"char\">${char}<\/span>`\n ).join('');\n \n captchaHidden.value = result;\n captchaInput.value = '';\n }\n\n generateCaptcha();\n\n \/\/ Refresh CAPTCHA\n captchaRefresh.addEventListener('click', function() {\n generateCaptcha();\n });\n\n \/\/ Validate CAPTCHA before submit\n const form = document.querySelector('.wpcf7-form');\n if (form) {\n form.addEventListener('wpcf7submit', function(e) {\n const entered = captchaInput.value.toUpperCase();\n const expected = captchaHidden.value.toUpperCase();\n\n if (entered !== expected) {\n e.preventDefault();\n alert('Invalid captcha. Please try again.');\n generateCaptcha();\n return false;\n }\n });\n\n form.addEventListener('submit', function(e) {\n const entered = captchaInput.value.toUpperCase();\n const expected = captchaHidden.value.toUpperCase();\n\n if (entered !== expected) {\n e.preventDefault();\n alert('Invalid captcha. Please try again.');\n generateCaptcha();\n return false;\n }\n });\n }\n});\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\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>Infinexy – Contact Us Home Contact Let’s Connect Have a question, need support, or want to explore our telecom solutions? Reach out to us \u2014 we are here to help you connect, communicate, and grow. Infinexy – Contact Us Get in Touch Let’s Connect Have questions or ready to grow your telecom business? Reach out […]<\/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":{"footnotes":""},"class_list":["post-1509","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/comments?post=1509"}],"version-history":[{"count":82,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1509\/revisions"}],"predecessor-version":[{"id":2307,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1509\/revisions\/2307"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/media?parent=1509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}