Infinexy - Messaging Services<\/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;\r\n background: #f0f4f8;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ===== COLOR VARIABLES ===== *\/\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 .about-banner {\r\n position: relative;\r\n min-height: 65vh;\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: 40px 0 80px;\r\n }\r\n\r\n \/* 1. FLOATING ORBS *\/\r\n .about-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\r\n .about-banner .orb-1 {\r\n width: 200px;\r\n height: 200px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);\r\n top: -50px;\r\n right: -50px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .about-banner .orb-2 {\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);\r\n bottom: -100px;\r\n left: -100px;\r\n animation-delay: 3s;\r\n }\r\n\r\n .about-banner .orb-3 {\r\n width: 150px;\r\n height: 150px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);\r\n top: 40%;\r\n left: 60%;\r\n animation-delay: 5s;\r\n }\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 \/* 2. ROTATING RING *\/\r\n .about-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\r\n .about-banner .ring-1 {\r\n width: 400px;\r\n height: 400px;\r\n top: -100px;\r\n right: -100px;\r\n animation-duration: 25s;\r\n }\r\n\r\n .about-banner .ring-2 {\r\n width: 600px;\r\n height: 600px;\r\n bottom: -200px;\r\n left: -200px;\r\n animation-duration: 35s;\r\n animation-direction: reverse;\r\n }\r\n\r\n .about-banner .ring-3 {\r\n width: 250px;\r\n height: 250px;\r\n top: 50%;\r\n left: 70%;\r\n animation-duration: 15s;\r\n border-color: rgba(255,255,255,0.05);\r\n }\r\n\r\n .about-banner .ring::before {\r\n content: '';\r\n position: absolute;\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.2);\r\n top: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n box-shadow: 0 0 30px rgba(255,255,255,0.1);\r\n }\r\n\r\n @keyframes ringSpin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n \/* 3. SHOOTING STARS \/ DATA FLOW *\/\r\n .about-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\r\n .about-banner .shooting-star::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n right: 0;\r\n width: 60px;\r\n height: 1px;\r\n background: linear-gradient(90deg, rgba(255,255,255,0.3), transparent);\r\n transform: translateY(-50%);\r\n }\r\n\r\n .about-banner .shooting-star:nth-child(1) {\r\n top: 15%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .about-banner .shooting-star:nth-child(2) {\r\n top: 25%;\r\n right: 15%;\r\n animation-delay: 2s;\r\n animation-duration: 5s;\r\n }\r\n\r\n .about-banner .shooting-star:nth-child(3) {\r\n top: 55%;\r\n left: 5%;\r\n animation-delay: 4s;\r\n animation-duration: 3.5s;\r\n }\r\n\r\n .about-banner .shooting-star:nth-child(4) {\r\n top: 70%;\r\n right: 10%;\r\n animation-delay: 1.5s;\r\n animation-duration: 4.5s;\r\n }\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 \/* 4. FLOATING PARTICLES *\/\r\n .about-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\r\n .about-banner .particle:nth-child(1) {\r\n width: 4px;\r\n height: 4px;\r\n top: 10%;\r\n left: 20%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .about-banner .particle:nth-child(2) {\r\n width: 6px;\r\n height: 6px;\r\n top: 20%;\r\n right: 30%;\r\n animation-delay: 2s;\r\n }\r\n\r\n .about-banner .particle:nth-child(3) {\r\n width: 3px;\r\n height: 3px;\r\n bottom: 15%;\r\n left: 40%;\r\n animation-delay: 4s;\r\n }\r\n\r\n .about-banner .particle:nth-child(4) {\r\n width: 5px;\r\n height: 5px;\r\n bottom: 10%;\r\n right: 25%;\r\n animation-delay: 6s;\r\n }\r\n\r\n .about-banner .particle:nth-child(5) {\r\n width: 4px;\r\n height: 4px;\r\n top: 45%;\r\n left: 55%;\r\n animation-delay: 8s;\r\n }\r\n\r\n .about-banner .particle:nth-child(6) {\r\n width: 3px;\r\n height: 3px;\r\n top: 60%;\r\n right: 40%;\r\n animation-delay: 10s;\r\n }\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 \/* 5. PULSE DOTS *\/\r\n .about-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\r\n .about-banner .pulse-dot:nth-child(1) {\r\n width: 12px;\r\n height: 12px;\r\n top: 8%;\r\n left: 8%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .about-banner .pulse-dot:nth-child(2) {\r\n width: 8px;\r\n height: 8px;\r\n top: 30%;\r\n right: 12%;\r\n animation-delay: 0.8s;\r\n }\r\n\r\n .about-banner .pulse-dot:nth-child(3) {\r\n width: 16px;\r\n height: 16px;\r\n bottom: 20%;\r\n left: 5%;\r\n animation-delay: 1.6s;\r\n }\r\n\r\n .about-banner .pulse-dot:nth-child(4) {\r\n width: 10px;\r\n height: 10px;\r\n bottom: 40%;\r\n right: 8%;\r\n animation-delay: 2.4s;\r\n }\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 \/* 6. TECH SHAPES *\/\r\n .about-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\r\n .about-banner .tech-shape:nth-child(1) {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 20px;\r\n top: 20%;\r\n right: 15%;\r\n animation-delay: 0s;\r\n transform: rotate(45deg);\r\n }\r\n\r\n .about-banner .tech-shape:nth-child(2) {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n bottom: 25%;\r\n left: 20%;\r\n animation-delay: 3s;\r\n }\r\n\r\n .about-banner .tech-shape:nth-child(3) {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n top: 55%;\r\n right: 30%;\r\n animation-delay: 6s;\r\n transform: rotate(30deg);\r\n }\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 \/* 7. GLOW PULSE RING *\/\r\n .about-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\r\n .about-banner .glow-ring:nth-child(1) {\r\n width: 350px;\r\n height: 350px;\r\n top: 10%;\r\n right: 5%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .about-banner .glow-ring:nth-child(2) {\r\n width: 450px;\r\n height: 450px;\r\n bottom: 5%;\r\n left: 5%;\r\n animation-delay: 2.5s;\r\n }\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 \/* 8. GRID OVERLAY *\/\r\n .about-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 .about-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 .about-banner .banner-content {\r\n flex: 1 1 50%;\r\n max-width: 600px;\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 .about-banner .banner-image {\r\n flex: 1 1 40%;\r\n max-width: 500px;\r\n margin-left: 20px;\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 .about-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 .about-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 \/* ===== BREADCRUMB ===== *\/\r\n .about-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 .about-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 font-weight: 400;\r\n }\r\n\r\n .about-banner .breadcrumb a:hover {\r\n color: rgba(255,255,255,0.9);\r\n }\r\n\r\n .about-banner .breadcrumb .separator {\r\n color: rgba(255,255,255,0.2);\r\n font-size: 10px;\r\n }\r\n\r\n .about-banner .breadcrumb .current {\r\n color: rgba(255,255,255,0.9);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== CONTENT ===== *\/\r\n .about-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 .about-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 .about-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: 560px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .about-banner .stats {\r\n display: flex;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n animation: fadeInUp 0.7s ease 0.2s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .about-banner .stats .stat-item {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .about-banner .stats .stat-item .number {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: #ffffff;\r\n line-height: 1.2;\r\n }\r\n\r\n .about-banner .stats .stat-item .number .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 .about-banner .stats .stat-item .label {\r\n font-size: 13px;\r\n color: rgba(255,255,255,0.5);\r\n font-weight: 400;\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 \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n @media (min-width: 1400px) {\r\n .about-banner { padding: 40px 0 40px; min-height: 70vh; }\r\n .about-banner .heading { font-size: 62px; }\r\n .about-banner .ring-1 { width: 500px; height: 500px; }\r\n .about-banner .ring-2 { width: 700px; height: 700px; }\r\n }\r\n\r\n @media (max-width: 1399px) and (min-width: 1200px) {\r\n .about-banner { padding: 40px 0 80px; min-height: 65vh; }\r\n .about-banner .heading { font-size: 52px; }\r\n }\r\n\r\n @media (max-width: 1199px) {\r\n .about-banner { min-height: 55vh; padding: 80px 0 60px; }\r\n .about-banner .heading { font-size: clamp(36px, 4.5vw, 46px); }\r\n .about-banner .ring-2 { display: none; }\r\n .about-banner .glow-ring { display: none; }\r\n .about-banner .banner-image { flex: 1 1 45%; max-width: 45%; }\r\n .about-banner .banner-content { flex: 1 1 50%; }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .about-banner { min-height: auto; padding: 70px 0 50px; }\r\n .about-banner .banner-inner { flex-direction: column; text-align: center; }\r\n .about-banner .banner-content { max-width: 100%; flex: 1 1 100%; }\r\n .about-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 .about-banner .banner-image img { max-width: 400px; margin: 0 auto; }\r\n .about-banner .description { max-width: 100%; margin-left: auto; margin-right: auto; }\r\n .about-banner .stats { justify-content: center; }\r\n .about-banner .breadcrumb { justify-content: center; }\r\n .about-banner .orb-2 { display: none; }\r\n .about-banner .ring-1 { display: none; }\r\n .about-banner .ring-3 { display: none; }\r\n .about-banner .shooting-star { display: none; }\r\n .about-banner .tech-shape { display: none; }\r\n .about-banner .grid-overlay { display: none; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .about-banner { padding: 50px 0 40px; }\r\n .about-banner .banner-inner { padding: 0 20px; }\r\n .about-banner .heading { font-size: clamp(30px, 6vw, 36px); }\r\n .about-banner .description { font-size: 15px; line-height: 1.7; }\r\n .about-banner .stats { gap: 24px; flex-direction: row; flex-wrap: wrap; justify-content: center; }\r\n .about-banner .stats .stat-item .number { font-size: 24px; }\r\n .about-banner .stats .stat-item .label { font-size: 12px; }\r\n .about-banner .breadcrumb { font-size: 12px; }\r\n .about-banner .orb-1 { width: 120px; height: 120px; }\r\n .about-banner .orb-3 { display: none; }\r\n .about-banner .particle { display: none; }\r\n .about-banner .pulse-dot { display: none; }\r\n .about-banner .banner-image img { max-width: 320px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .about-banner { padding: 40px 0 30px; }\r\n .about-banner .banner-inner { padding: 0 16px; }\r\n .about-banner .heading { font-size: 26px; }\r\n .about-banner .description { font-size: 14px; }\r\n .about-banner .stats { gap: 16px; flex-direction: row; flex-wrap: wrap; justify-content: center; }\r\n .about-banner .stats .stat-item { text-align: center; min-width: 80px; }\r\n .about-banner .stats .stat-item .number { font-size: 22px; }\r\n .about-banner .stats .stat-item .label { font-size: 11px; }\r\n .about-banner .breadcrumb { font-size: 11px; flex-wrap: wrap; justify-content: center; }\r\n .about-banner .orb-1 { width: 80px; height: 80px; top: -30px; right: -30px; }\r\n .about-banner .banner-image img { max-width: 260px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .about-banner { padding: 30px 0 24px; }\r\n .about-banner .heading { font-size: 22px; }\r\n .about-banner .description { font-size: 13px; }\r\n .about-banner .stats .stat-item .number { font-size: 18px; }\r\n .about-banner .stats .stat-item .label { font-size: 10px; }\r\n .about-banner .breadcrumb { font-size: 10px; }\r\n .about-banner .stats { gap: 10px; }\r\n .about-banner .banner-image img { max-width: 220px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"about-banner\">\r\n\r\n \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 \r\n <div class=\"banner-content\">\r\n\r\n \r\n <nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\r\n <a href=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/\">Home<\/a>\r\n <span class=\"separator\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n <a href=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/products\/\">Products<\/a>\r\n <span class=\"separator\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n <span class=\"current\">Messaging<\/span>\r\n <\/nav>\r\n\r\n <h1 class=\"heading\">\r\n Messaging <span class=\"highlight\">Solutions<\/span>\r\n <\/h1>\r\n\r\n <p class=\"description\">\r\n Infinexy Messaging Solutions empower businesses with reliable, scalable, and secure messaging services. From bulk SMS campaigns to OTP authentication and WhatsApp Business API, we help you connect with your customers instantly \u2014 anywhere in the world.\r\n <\/p>\r\n\r\n <div class=\"stats\">\r\n <div class=\"stat-item\">\r\n <span class=\"number\"><span class=\"highlight\">99.9%<\/span><\/span>\r\n <span class=\"label\">Deliverability Rate<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"number\"><span class=\"highlight\">150+<\/span><\/span>\r\n <span class=\"label\">Countries Covered<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"number\"><span class=\"highlight\">24\/7<\/span><\/span>\r\n <span class=\"label\">Support<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"banner-image\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/infinexy.net\/wp-content\/uploads\/2026\/08\/messagingimage.png\" \r\n alt=\"Infinexy Messaging Solutions - global communication\"\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-cb2d669 e-con-full e-flex e-con e-parent\" data-id=\"cb2d669\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49e2efc elementor-widget elementor-widget-html\" data-id=\"49e2efc\" 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 - Messaging Solutions<\/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 html, body {\r\n width: 100%;\r\n overflow-x: hidden;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif !important;\r\n background: #f8fafc;\r\n }\r\n\r\n :root {\r\n --purple: #8E24AA;\r\n --blue: #009FE3;\r\n --green: #8BC34A;\r\n --dark: #0a1a2f;\r\n --gray: #475569;\r\n --white: #ffffff;\r\n --badge-color: #4D7DD1;\r\n --border: #e5e7eb;\r\n }\r\n\r\n .products-section {\r\n padding: 50px 0 50px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .products-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 .products-inner {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n max-width: 750px;\r\n margin: 0 auto 50px;\r\n width: 100%;\r\n }\r\n\r\n .section-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--badge-color);\r\n margin-bottom: 16px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .section-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 .section-title {\r\n font-size: clamp(32px, 4vw, 48px);\r\n font-weight: 800;\r\n color: var(--dark);\r\n line-height: 1.15;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .section-title .highlight {\r\n background: var(--dark);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .section-title:hover .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: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n .product-showcase-item {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.1s;\r\n background: #fafcff;\r\n border-radius: 24px;\r\n padding: 50px 55px;\r\n border: 1px solid rgba(77, 125, 209, 0.06);\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.02);\r\n width: 100%;\r\n }\r\n\r\n .showcase-content {\r\n padding-right: 10px;\r\n width: 100%;\r\n }\r\n\r\n .showcase-content .category-number {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--badge-color);\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n opacity: 0.6;\r\n }\r\n\r\n .showcase-content h2 {\r\n font-size: 34px;\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-bottom: 16px;\r\n line-height: 1.2;\r\n }\r\n\r\n .showcase-content h2 .highlight {\r\n background: var(--dark);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .showcase-content h2:hover .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 .showcase-content .desc {\r\n font-size: 15.5px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .showcase-content .desc strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .feature-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n margin: 18px 0 22px;\r\n }\r\n\r\n .feature-grid .feature-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n color: var(--gray);\r\n padding: 6px 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .feature-grid .feature-item i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n width: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .feature-grid .feature-item:hover {\r\n color: var(--dark);\r\n transform: translateX(4px);\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 32px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n border-radius: 100px;\r\n border: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n color: var(--white);\r\n background: var(--dark);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n z-index: 1;\r\n margin-top: 8px;\r\n }\r\n\r\n .btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 100px;\r\n background: linear-gradient(135deg, var(--purple), var(--blue));\r\n transform: translateX(-100%);\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: -1;\r\n }\r\n\r\n .btn-primary:hover::before {\r\n transform: translateX(0);\r\n }\r\n\r\n .btn-primary:hover {\r\n color: var(--white);\r\n box-shadow: 0 8px 30px rgba(142, 36, 170, 0.35);\r\n }\r\n\r\n .btn-primary i {\r\n font-size: 14px;\r\n transition: transform 0.3s ease;\r\n color: var(--white);\r\n }\r\n\r\n .btn-primary:hover i {\r\n transform: translateX(3px);\r\n }\r\n\r\n .btn-primary span {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .showcase-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .visual-box {\r\n width: 100%;\r\n max-width: 420px;\r\n aspect-ratio: 1 \/ 1;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n border: 1px solid var(--border);\r\n transition: all 0.4s ease;\r\n box-shadow: 0 8px 30px rgba(0,0,0,0.04);\r\n background: linear-gradient(135deg, #f8fafc, #e8f0fe);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n padding: 0;\r\n position: relative;\r\n }\r\n\r\n .visual-box:hover {\r\n border-color: rgba(77, 125, 209, 0.2);\r\n box-shadow: 0 12px 40px rgba(77, 125, 209, 0.06);\r\n }\r\n\r\n .visual-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .visual-box:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .visual-box .img-caption {\r\n position: absolute;\r\n bottom: 18px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: rgba(10, 26, 47, 0.7);\r\n backdrop-filter: blur(6px);\r\n padding: 6px 20px;\r\n border-radius: 60px;\r\n color: white;\r\n font-size: 13px;\r\n font-weight: 500;\r\n letter-spacing: 0.3px;\r\n white-space: nowrap;\r\n border: 1px solid rgba(255,255,255,0.15);\r\n pointer-events: none;\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: 1024px) {\r\n .products-inner {\r\n padding: 0 30px;\r\n }\r\n .product-showcase-item {\r\n padding: 40px 40px;\r\n gap: 40px;\r\n }\r\n .showcase-content h2 {\r\n font-size: 30px;\r\n }\r\n .visual-box {\r\n max-width: 360px;\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .products-section {\r\n padding: 60px 0 40px;\r\n }\r\n .products-inner {\r\n padding: 0 30px;\r\n }\r\n .product-showcase-item {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n padding: 38px 35px;\r\n }\r\n .showcase-content {\r\n text-align: center;\r\n padding-right: 0;\r\n }\r\n .showcase-content .desc {\r\n max-width: 100%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .showcase-content .category-number {\r\n text-align: center;\r\n }\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n text-align: left;\r\n max-width: 400px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .showcase-visual {\r\n justify-content: center;\r\n }\r\n .visual-box {\r\n max-width: 380px;\r\n margin: 0 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .products-section {\r\n padding: 50px 0 30px;\r\n }\r\n .products-inner {\r\n padding: 0 20px;\r\n }\r\n .section-header {\r\n margin-bottom: 35px;\r\n }\r\n .section-title {\r\n font-size: clamp(26px, 5vw, 32px);\r\n }\r\n .section-subtitle {\r\n font-size: 15px;\r\n }\r\n .product-showcase-item {\r\n padding: 28px 24px;\r\n gap: 28px;\r\n }\r\n .showcase-content h2 {\r\n font-size: 26px;\r\n }\r\n .showcase-content .desc {\r\n font-size: 14.5px;\r\n }\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n }\r\n .feature-grid .feature-item {\r\n font-size: 13px;\r\n }\r\n .btn-primary {\r\n padding: 10px 24px;\r\n font-size: 13px;\r\n }\r\n .visual-box {\r\n max-width: 320px;\r\n }\r\n .visual-box .img-caption {\r\n font-size: 11px;\r\n padding: 4px 16px;\r\n bottom: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .products-section {\r\n padding: 40px 0 24px;\r\n }\r\n .products-inner {\r\n padding: 0 16px;\r\n }\r\n .section-header {\r\n margin-bottom: 28px;\r\n }\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n .section-subtitle {\r\n font-size: 14px;\r\n }\r\n .section-badge {\r\n font-size: 11px;\r\n }\r\n .product-showcase-item {\r\n padding: 22px 18px;\r\n border-radius: 16px;\r\n gap: 22px;\r\n }\r\n .showcase-content h2 {\r\n font-size: 22px;\r\n }\r\n .showcase-content .desc {\r\n font-size: 13.5px;\r\n }\r\n .feature-grid {\r\n grid-template-columns: 1fr;\r\n gap: 6px;\r\n max-width: 100%;\r\n }\r\n .feature-grid .feature-item {\r\n font-size: 12px;\r\n padding: 4px 0;\r\n }\r\n .btn-primary {\r\n padding: 8px 20px;\r\n font-size: 12px;\r\n gap: 8px;\r\n }\r\n .visual-box {\r\n max-width: 260px;\r\n }\r\n .visual-box .img-caption {\r\n font-size: 10px;\r\n padding: 4px 12px;\r\n bottom: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .products-inner {\r\n padding: 0 12px;\r\n }\r\n .product-showcase-item {\r\n padding: 18px 14px;\r\n }\r\n .showcase-content h2 {\r\n font-size: 20px;\r\n }\r\n .showcase-content .desc {\r\n font-size: 13px;\r\n }\r\n .visual-box {\r\n max-width: 220px;\r\n }\r\n .visual-box .img-caption {\r\n font-size: 9px;\r\n padding: 3px 10px;\r\n bottom: 8px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"products-section\">\r\n <div class=\"products-inner\">\r\n\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">\r\n <span class=\"dot\"><\/span>\r\n Messaging Solutions\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Enterprise <span class=\"highlight\">Messaging<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Bulk SMS, OTP authentication, WhatsApp Business API, and rich messaging \u2014 \r\n connect with your customers instantly, anywhere in the world.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"product-showcase-item\">\r\n <div class=\"showcase-content\">\r\n <div class=\"category-number\">Global Messaging Platform<\/div>\r\n <h2><span class=\"highlight\">Messaging Solutions<\/span><\/h2>\r\n <p class=\"desc\">\r\n <strong>Infinexy Messaging Solutions<\/strong> empower businesses to communicate \r\n with customers through their preferred channels. From <strong>bulk SMS campaigns<\/strong> \r\n to <strong>OTP authentication<\/strong> and <strong>WhatsApp Business API<\/strong>, \r\n our platform ensures reliable, scalable, and secure messaging with \r\n <strong>99.9% deliverability<\/strong> across 150+ countries.\r\n <\/p>\r\n <p class=\"desc\">\r\n Whether you need to send promotional messages, transactional alerts, or \r\n engage customers through rich media, Infinexy provides the infrastructure \r\n to deliver your messages instantly \u2014 with real-time analytics and \r\n comprehensive reporting.\r\n <\/p>\r\n\r\n \r\n <div class=\"feature-grid\">\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>Bulk SMS<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>OTP SMS<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>WhatsApp Business API<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>Rich Messaging<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#\" class=\"btn-primary\">\r\n <span>Get Started Today<\/span>\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"showcase-visual\">\r\n <div class=\"visual-box\">\r\n <img fetchpriority=\"high\" decoding=\"async\" \r\n src=\"https:\/\/res.cloudinary.com\/gm1vtogb\/image\/upload\/v1787140732\/img-56jh_1.webp\" \r\n alt=\"Messaging Solutions - Bulk SMS, OTP, WhatsApp API, Rich Messaging\"\r\n width=\"600\" \r\n height=\"600\"\r\n style=\"width:100%; height:100%; object-fit:cover;\"\r\n \/>\r\n <div class=\"img-caption\">\r\n <i class=\"fas fa-envelope\" style=\"margin-right:6px;\"><\/i> Messaging \u2022 global\r\n <\/div>\r\n <\/div>\r\n <\/div>\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-3c98ce0 e-con-full e-flex e-con e-parent\" data-id=\"3c98ce0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e93b5a elementor-widget elementor-widget-html\" data-id=\"0e93b5a\" 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 - Messaging Solutions<\/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 \/* ===== RESET & BASE ===== *\/\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 \/* ===== COLOR VARIABLES ===== *\/\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 }\r\n\r\n \/* ========================================\r\n MESSAGING SERVICES SECTION\r\n ======================================== *\/\r\n .messaging-section {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .messaging-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 .messaging-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 \/* ===== CONTENT WRAPPER ===== *\/\r\n .messaging-wrapper {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .messaging-wrapper > .messaging-visual {\r\n order: 1;\r\n }\r\n .messaging-wrapper > .messaging-text {\r\n order: 2;\r\n }\r\n\r\n \/* ===== LEFT: VISUAL ===== *\/\r\n .messaging-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .messaging-visual-wrapper {\r\n position: relative;\r\n width: 100%;\r\n max-width: 520px;\r\n }\r\n\r\n .messaging-image {\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\r\n position: relative;\r\n background: #f8fafc;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .messaging-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 20px;\r\n }\r\n\r\n .messaging-image-overlay {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.05), rgba(134, 74, 186, 0.03));\r\n pointer-events: none;\r\n }\r\n\r\n \/* ===== ANIMATED RING ===== *\/\r\n .messaging-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1.5px solid rgba(77, 125, 209, 0.06);\r\n pointer-events: none;\r\n z-index: 0;\r\n width: 120%;\r\n height: 120%;\r\n top: -10%;\r\n left: -10%;\r\n animation: spin 30s linear infinite;\r\n }\r\n\r\n .messaging-ring::before {\r\n content: '';\r\n position: absolute;\r\n top: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--badge-color);\r\n box-shadow: 0 0 20px rgba(77, 125, 209, 0.2);\r\n }\r\n\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n \/* ===== FLOATING CARDS ===== *\/\r\n .messaging-float-card {\r\n position: absolute;\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 14px 18px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n animation: floatCard 6s ease-in-out infinite;\r\n z-index: 2;\r\n }\r\n\r\n .messaging-float-card .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n }\r\n\r\n .messaging-float-card .card-icon.purple {\r\n background: linear-gradient(135deg, var(--purple), #a855f7);\r\n }\r\n .messaging-float-card .card-icon.blue {\r\n background: linear-gradient(135deg, var(--blue), #38bdf8);\r\n }\r\n .messaging-float-card .card-icon.green {\r\n background: linear-gradient(135deg, var(--green), #a3e635);\r\n }\r\n .messaging-float-card .card-icon.orange {\r\n background: linear-gradient(135deg, var(--orange), #fbbf24);\r\n }\r\n\r\n .messaging-float-card .card-text {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .messaging-float-card .card-text small {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 11px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .messaging-float-card.card-1 {\r\n top: -15px;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .messaging-float-card.card-2 {\r\n bottom: 20px;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .messaging-float-card.card-3 {\r\n bottom: -15px;\r\n right: -10px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n \/* ===== RIGHT: TEXT ===== *\/\r\n .messaging-text {\r\n max-width: 600px;\r\n }\r\n\r\n .messaging-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: 16px;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n }\r\n\r\n .messaging-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 .messaging-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .messaging-heading {\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: 16px;\r\n }\r\n\r\n .messaging-heading .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 .messaging-description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--gray);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .messaging-description strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== MESSAGING SERVICES GRID ===== *\/\r\n .messaging-services-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px 20px;\r\n margin-top: 20px;\r\n }\r\n\r\n .messaging-services-grid .service-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n color: var(--gray);\r\n padding: 6px 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .messaging-services-grid .service-item:hover {\r\n color: var(--dark);\r\n transform: translateX(4px);\r\n }\r\n\r\n .messaging-services-grid .service-item i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n width: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ========================================\r\n ANIMATIONS\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 \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .messaging-section { padding: 60px 0; }\r\n .messaging-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .messaging-wrapper > .messaging-visual { order: 1; }\r\n .messaging-wrapper > .messaging-text { order: 2; }\r\n\r\n .messaging-text { max-width: 100%; margin: 0 auto; }\r\n .messaging-badge { justify-content: center; }\r\n .messaging-description { max-width: 100%; margin-left: auto; margin-right: auto; }\r\n\r\n .messaging-services-grid {\r\n justify-content: center;\r\n max-width: 500px;\r\n margin: 20px auto 0;\r\n }\r\n .messaging-services-grid .service-item { justify-content: center; }\r\n\r\n .messaging-visual-wrapper { max-width: 420px; margin: 0 auto; }\r\n\r\n .messaging-float-card.card-1 { top: -10px; right: 0px; }\r\n .messaging-float-card.card-2 { bottom: 10px; left: -10px; }\r\n .messaging-float-card.card-3 { bottom: -10px; right: 0px; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .messaging-section { padding: 50px 0; }\r\n .messaging-inner { padding: 0 20px; }\r\n .messaging-heading { font-size: clamp(28px, 6vw, 32px); }\r\n .messaging-description { font-size: 15px; }\r\n\r\n .messaging-services-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n max-width: 100%;\r\n }\r\n .messaging-services-grid .service-item { font-size: 13px; padding: 4px 0; }\r\n\r\n .messaging-visual-wrapper { max-width: 360px; }\r\n\r\n .messaging-float-card {\r\n padding: 10px 14px;\r\n gap: 10px;\r\n }\r\n .messaging-float-card .card-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n .messaging-float-card .card-text { font-size: 12px; }\r\n .messaging-float-card .card-text small { font-size: 10px; }\r\n\r\n .messaging-float-card.card-1 { top: -5px; right: -5px; }\r\n .messaging-float-card.card-2 { bottom: 5px; left: -15px; }\r\n .messaging-float-card.card-3 { display: none; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .messaging-section { padding: 40px 0; }\r\n .messaging-inner { padding: 0 16px; }\r\n .messaging-heading { font-size: 24px; }\r\n .messaging-badge { font-size: 10px; }\r\n .messaging-description { font-size: 14px; }\r\n\r\n .messaging-services-grid {\r\n grid-template-columns: 1fr;\r\n gap: 8px;\r\n max-width: 100%;\r\n }\r\n .messaging-services-grid .service-item {\r\n font-size: 13px;\r\n justify-content: flex-start;\r\n }\r\n\r\n .messaging-visual-wrapper { max-width: 280px; }\r\n\r\n .messaging-float-card.card-1 {\r\n top: -5px;\r\n right: -10px;\r\n padding: 8px 12px;\r\n }\r\n .messaging-float-card.card-2 {\r\n bottom: 0;\r\n left: -10px;\r\n padding: 8px 12px;\r\n }\r\n .messaging-float-card .card-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .messaging-float-card .card-text { font-size: 10px; }\r\n .messaging-float-card .card-text small { font-size: 9px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .messaging-visual-wrapper { max-width: 240px; }\r\n\r\n .messaging-float-card.card-1,\r\n .messaging-float-card.card-2 {\r\n padding: 6px 10px;\r\n gap: 6px;\r\n }\r\n .messaging-float-card .card-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n border-radius: 8px;\r\n }\r\n .messaging-float-card .card-text { font-size: 9px; }\r\n .messaging-float-card .card-text small { font-size: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"messaging-section\">\r\n <div class=\"messaging-inner\">\r\n\r\n <div class=\"messaging-wrapper\">\r\n\r\n \r\n <div class=\"messaging-visual\">\r\n <div class=\"messaging-visual-wrapper\">\r\n\r\n <div class=\"messaging-ring\"><\/div>\r\n\r\n <div class=\"messaging-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/msg-abt.webp\"\r\n alt=\"Messaging Solutions - Bulk SMS, OTP, WhatsApp Business API\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"messaging-image-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"messaging-float-card card-1\">\r\n <div class=\"card-icon purple\">\r\n <i class=\"fas fa-sms\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Bulk SMS\r\n <small>High deliverability<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"messaging-float-card card-2\">\r\n <div class=\"card-icon blue\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n OTP SMS\r\n <small>Secure authentication<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"messaging-float-card card-3\">\r\n <div class=\"card-icon green\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n WhatsApp Business\r\n <small>API & rich messaging<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-text\">\r\n\r\n <div class=\"messaging-badge\">\r\n <span class=\"dot\"><\/span>\r\n Messaging Solutions\r\n <\/div>\r\n\r\n <h2 class=\"messaging-heading\">\r\n Enterprise Messaging\r\n <\/h2>\r\n\r\n <p class=\"messaging-description\">\r\n <strong>Infinexy Messaging Solutions<\/strong> empower businesses with reliable, scalable, and secure messaging services. From bulk SMS campaigns to OTP authentication and WhatsApp Business API, we help you connect with your customers instantly \u2014 anywhere in the world.\r\n <\/p>\r\n\r\n <p class=\"messaging-description\" style=\"margin-bottom:0;\">\r\n Our platform ensures <strong>high deliverability, real-time delivery tracking, and seamless integration<\/strong> with your existing systems, making it the ideal choice for enterprises, e-commerce, fintech, and more.\r\n <\/p>\r\n\r\n \r\n <div class=\"messaging-services-grid\">\r\n <div class=\"service-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Bulk SMS Campaigns\r\n <\/div>\r\n <div class=\"service-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n OTP & 2FA SMS\r\n <\/div>\r\n <div class=\"service-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n WhatsApp Business API\r\n <\/div>\r\n <div class=\"service-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Rich Messaging & RCS\r\n <\/div>\r\n <\/div>\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-f754746 e-con-full e-flex e-con e-parent\" data-id=\"f754746\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-240a040 elementor-widget elementor-widget-html\" data-id=\"240a040\" 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 - Messaging Solutions<\/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 \/* ===== RESET & BASE ===== *\/\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 \/* ===== COLOR VARIABLES ===== *\/\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 --light-bg: #f8fafc;\r\n --border: #e5e7eb;\r\n --badge-color: #4D7CD1;\r\n --icon-bg: #4D7DD1;\r\n }\r\n\r\n \/* ========================================\r\n MESSAGING SERVICES SECTION\r\n ======================================== *\/\r\n .messaging-section {\r\n padding: 30px 0 60px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .messaging-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 .messaging-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 \/* ===== SECTION HEADER ===== *\/\r\n .messaging-header {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .messaging-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: 16px;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n }\r\n\r\n .messaging-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 .messaging-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .messaging-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: 12px;\r\n }\r\n\r\n .messaging-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 .messaging-subtitle {\r\n font-size: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n margin-top: 4px;\r\n }\r\n\r\n \/* ========================================\r\n GRID \u2013 4 columns on desktop\/laptop\r\n ======================================== *\/\r\n .messaging-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n \/* ========================================\r\n CARD \u2013 Same style as DID Services\r\n ======================================== *\/\r\n .messaging-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 20px 26px;\r\n border: 1px solid var(--border);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n text-align: center;\r\n cursor: default;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .messaging-card:nth-child(1) { animation-delay: 0.05s; }\r\n .messaging-card:nth-child(2) { animation-delay: 0.10s; }\r\n .messaging-card:nth-child(3) { animation-delay: 0.15s; }\r\n .messaging-card:nth-child(4) { animation-delay: 0.20s; }\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 \/* Animated Gradient Border *\/\r\n .messaging-card::before {\r\n content: '';\r\n position: absolute;\r\n inset: -1px;\r\n border-radius: 16px;\r\n padding: 1.5px;\r\n background: linear-gradient(135deg, var(--purple), var(--blue), var(--green), var(--orange));\r\n background-size: 300% 300%;\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity: 0;\r\n transition: opacity 0.6s ease;\r\n pointer-events: none;\r\n animation: gradientMove 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes gradientMove {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n .messaging-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .messaging-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 24px 80px rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n \/* ===== DATA FLOW ===== *\/\r\n .messaging-card .data-flow {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--purple), var(--blue), var(--green), transparent);\r\n opacity: 0;\r\n transform: scaleX(0);\r\n transition: all 0.8s ease;\r\n transform-origin: left;\r\n }\r\n\r\n .messaging-card:hover .data-flow {\r\n opacity: 1;\r\n transform: scaleX(1);\r\n animation: dataFlowPulse 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes dataFlowPulse {\r\n 0%, 100% { opacity: 0.6; }\r\n 50% { opacity: 1; }\r\n }\r\n\r\n \/* ===== ICON - #4D7DD1 Background ===== *\/\r\n .messaging-card .messaging-icon-wrapper {\r\n width: 68px;\r\n height: 68px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 16px;\r\n font-size: 28px;\r\n color: var(--white);\r\n position: relative;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n background: #4D7DD1;\r\n }\r\n\r\n .messaging-card .messaging-icon-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n inset: -4px;\r\n border-radius: 50%;\r\n border: 2px solid transparent;\r\n opacity: 0;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n }\r\n\r\n .messaging-card:hover .messaging-icon-wrapper::before {\r\n opacity: 1;\r\n border-color: #4D7DD1;\r\n transform: scale(1.05);\r\n animation: ringRotate 3s linear infinite;\r\n }\r\n\r\n @keyframes ringRotate {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n .messaging-card .messaging-icon-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n inset: -12px;\r\n border-radius: 50%;\r\n background: #4D7DD1;\r\n opacity: 0;\r\n filter: blur(20px);\r\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n transform: scale(0.8);\r\n }\r\n\r\n .messaging-card:hover .messaging-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .messaging-card:hover .messaging-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .messaging-card .messaging-icon-wrapper i {\r\n position: relative;\r\n z-index: 1;\r\n color: var(--white);\r\n font-size: 28px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .messaging-card:hover .messaging-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .messaging-card .messaging-card-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 6px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .messaging-card:hover .messaging-card-title {\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 \/* ===== DESCRIPTION ===== *\/\r\n .messaging-card .messaging-card-desc {\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n line-height: 1.6;\r\n transition: color 0.4s ease;\r\n }\r\n\r\n .messaging-card:hover .messaging-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n \/* ===== FEATURES TAGS ===== *\/\r\n .messaging-card .feature-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n justify-content: center;\r\n margin-top: 14px;\r\n }\r\n\r\n .messaging-card .feature-tags span {\r\n font-size: 11px;\r\n font-weight: 500;\r\n color: var(--badge-color);\r\n background: rgba(77, 125, 209, 0.06);\r\n padding: 3px 12px;\r\n border-radius: 20px;\r\n transition: all 0.3s ease;\r\n border: 1px solid transparent;\r\n }\r\n\r\n .messaging-card:hover .feature-tags span {\r\n background: rgba(77, 125, 209, 0.12);\r\n border-color: rgba(77, 125, 209, 0.15);\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .messaging-card .shine {\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: linear-gradient(\r\n 45deg,\r\n transparent 35%,\r\n rgba(255, 255, 255, 0.04) 50%,\r\n transparent 65%\r\n );\r\n transform: rotate(45deg) translateX(-100%);\r\n transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n }\r\n\r\n .messaging-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY ===== *\/\r\n .messaging-card .glow-overlay {\r\n position: absolute;\r\n top: -30%;\r\n left: 50%;\r\n width: 150%;\r\n height: 150%;\r\n transform: translateX(-50%);\r\n background: radial-gradient(ellipse at center, rgba(142, 36, 170, 0.02), transparent 70%);\r\n opacity: 0;\r\n transition: opacity 0.6s ease;\r\n pointer-events: none;\r\n border-radius: 50%;\r\n }\r\n\r\n .messaging-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n \/* tablets & small laptops: 2 columns *\/\r\n @media (max-width: 1024px) {\r\n .messaging-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n \/* mobile: 2 columns *\/\r\n @media (max-width: 767px) {\r\n .messaging-section {\r\n padding: 50px 0 40px;\r\n }\r\n .messaging-inner {\r\n padding: 0 20px;\r\n }\r\n .messaging-header {\r\n margin-bottom: 36px;\r\n }\r\n .messaging-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n .messaging-subtitle {\r\n font-size: 15px;\r\n }\r\n .messaging-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n .messaging-card {\r\n padding: 24px 16px 20px;\r\n border-radius: 14px;\r\n }\r\n .messaging-card .messaging-icon-wrapper {\r\n width: 54px;\r\n height: 54px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n .messaging-card .messaging-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n .messaging-card .messaging-card-title {\r\n font-size: 15px;\r\n }\r\n .messaging-card .messaging-card-desc {\r\n font-size: 13px;\r\n }\r\n .messaging-card .feature-tags span {\r\n font-size: 10px;\r\n padding: 2px 10px;\r\n }\r\n }\r\n\r\n \/* very small phones: 2 columns, smaller padding *\/\r\n @media (max-width: 480px) {\r\n .messaging-section {\r\n padding: 40px 0 30px;\r\n }\r\n .messaging-inner {\r\n padding: 0 16px;\r\n }\r\n .messaging-header {\r\n margin-bottom: 28px;\r\n }\r\n .messaging-title {\r\n font-size: 24px;\r\n }\r\n .messaging-subtitle {\r\n font-size: 14px;\r\n }\r\n .messaging-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n }\r\n .messaging-card {\r\n padding: 18px 12px 16px;\r\n border-radius: 12px;\r\n }\r\n .messaging-card .messaging-icon-wrapper {\r\n width: 46px;\r\n height: 46px;\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n .messaging-card .messaging-icon-wrapper i {\r\n font-size: 17px;\r\n }\r\n .messaging-card .messaging-icon-wrapper::after {\r\n inset: -6px;\r\n filter: blur(12px);\r\n }\r\n .messaging-card .messaging-card-title {\r\n font-size: 13px;\r\n }\r\n .messaging-card .messaging-card-desc {\r\n font-size: 12px;\r\n }\r\n .messaging-card .feature-tags {\r\n gap: 4px;\r\n margin-top: 10px;\r\n }\r\n .messaging-card .feature-tags span {\r\n font-size: 9px;\r\n padding: 2px 8px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .messaging-grid {\r\n gap: 10px;\r\n }\r\n .messaging-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n .messaging-card .messaging-icon-wrapper {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n }\r\n .messaging-card .messaging-icon-wrapper i {\r\n font-size: 14px;\r\n }\r\n .messaging-card .messaging-card-title {\r\n font-size: 12px;\r\n }\r\n .messaging-card .messaging-card-desc {\r\n font-size: 10px;\r\n }\r\n .messaging-card .feature-tags span {\r\n font-size: 8px;\r\n padding: 1px 6px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"messaging-section\">\r\n <div class=\"messaging-inner\">\r\n\r\n <div class=\"messaging-header\">\r\n <div class=\"messaging-badge\">\r\n <span class=\"dot\"><\/span>\r\n Messaging Solutions\r\n <\/div>\r\n <h2 class=\"messaging-title\">\r\n Powerful Messaging\r\n <\/h2>\r\n <p class=\"messaging-subtitle\">\r\n Reliable, scalable, and secure messaging services to connect with your customers instantly \u2014 anywhere in the world.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"messaging-grid\">\r\n\r\n \r\n <div class=\"messaging-card\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"messaging-icon-wrapper\">\r\n <i class=\"fas fa-sms\"><\/i>\r\n <\/div>\r\n <h3 class=\"messaging-card-title\">Bulk SMS<\/h3>\r\n <p class=\"messaging-card-desc\">High-volume SMS campaigns with real-time delivery tracking and 99.9% deliverability.<\/p>\r\n <div class=\"feature-tags\">\r\n <span>Bulk<\/span>\r\n <span>High Deliverability<\/span>\r\n <span>Real-Time<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-card\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"messaging-icon-wrapper\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"messaging-card-title\">OTP SMS<\/h3>\r\n <p class=\"messaging-card-desc\">Secure one-time password delivery for authentication, verification, and fraud prevention.<\/p>\r\n <div class=\"feature-tags\">\r\n <span>Secure<\/span>\r\n <span>2FA<\/span>\r\n <span>Instant<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-card\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"messaging-icon-wrapper\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/div>\r\n <h3 class=\"messaging-card-title\">WhatsApp Business API<\/h3>\r\n <p class=\"messaging-card-desc\">Engage customers with rich messaging, automated notifications, and two-way conversations via WhatsApp.<\/p>\r\n <div class=\"feature-tags\">\r\n <span>WhatsApp<\/span>\r\n <span>Rich Messaging<\/span>\r\n <span>Automated<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-card\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"messaging-icon-wrapper\">\r\n <i class=\"fas fa-comment-dots\"><\/i>\r\n <\/div>\r\n <h3 class=\"messaging-card-title\">Rich Messaging<\/h3>\r\n <p class=\"messaging-card-desc\">Interactive messaging with images, videos, carousels, and quick replies for better engagement.<\/p>\r\n <div class=\"feature-tags\">\r\n <span>RCS<\/span>\r\n <span>Interactive<\/span>\r\n <span>Engagement<\/span>\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<div class=\"elementor-element elementor-element-35389ab e-con-full e-flex e-con e-parent\" data-id=\"35389ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7dd840 elementor-widget elementor-widget-html\" data-id=\"e7dd840\" 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 \u00b7 Industries We Serve<\/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: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n body, .industries-section, .industries-inner, .industries-header,\r\n .industries-badge, .industries-title, .industries-subtitle,\r\n .ticker-wrapper, .ticker-track, .ticker-item,\r\n h1, h2, h3, h4, p, a, span, li, div {\r\n font-family: 'Inter', sans-serif !important;\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 --border: #e5e7eb;\r\n --badge-color: #4D7DD1;\r\n }\r\n\r\n .industries-section {\r\n padding: 40px 0 50px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .industries-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 .industries-header {\r\n text-align: center;\r\n max-width: 680px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .industries-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--badge-color);\r\n margin-bottom: 14px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .industries-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 .industries-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: 12px;\r\n }\r\n\r\n .industries-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 .industries-subtitle {\r\n font-size: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ========================================\r\n TICKER \/ CAROUSEL\r\n ======================================== *\/\r\n .ticker-wrapper {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n background: #f8fafc;\r\n border-radius: 16px;\r\n border: 1px solid var(--border);\r\n padding: 20px 0;\r\n margin-top: 20px;\r\n }\r\n\r\n .ticker-wrapper::before,\r\n .ticker-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 60px;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n .ticker-wrapper::before {\r\n left: 0;\r\n background: linear-gradient(90deg, #f8fafc, transparent);\r\n }\r\n\r\n .ticker-wrapper::after {\r\n right: 0;\r\n background: linear-gradient(270deg, #f8fafc, transparent);\r\n }\r\n\r\n .ticker-track {\r\n display: flex;\r\n align-items: center;\r\n gap: 40px;\r\n animation: tickerScroll 50s linear infinite;\r\n width: max-content;\r\n }\r\n\r\n .ticker-track:hover {\r\n animation-play-state: paused;\r\n }\r\n\r\n .ticker-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 10px 24px;\r\n background: var(--white);\r\n border-radius: 50px;\r\n border: 1px solid var(--border);\r\n white-space: nowrap;\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: var(--dark);\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .ticker-item i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n }\r\n\r\n .ticker-item:hover {\r\n border-color: var(--badge-color);\r\n transform: scale(1.04);\r\n box-shadow: 0 4px 20px rgba(77, 125, 209, 0.08);\r\n }\r\n\r\n @keyframes tickerScroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n \/* ========================================\r\n DOTS \/ PROGRESS BAR\r\n ======================================== *\/\r\n .ticker-controls {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: 24px;\r\n }\r\n\r\n .ticker-dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n transition: all 0.4s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .ticker-dot.active {\r\n background: var(--badge-color);\r\n width: 24px;\r\n border-radius: 4px;\r\n }\r\n\r\n .ticker-dot:hover {\r\n background: var(--badge-color);\r\n opacity: 0.6;\r\n }\r\n\r\n .ticker-control-btn {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n border: 1px solid var(--border);\r\n background: var(--white);\r\n color: var(--dark);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n }\r\n\r\n .ticker-control-btn:hover {\r\n border-color: var(--badge-color);\r\n color: var(--badge-color);\r\n box-shadow: 0 4px 16px rgba(77, 125, 209, 0.08);\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n \/* Tablet *\/\r\n @media (max-width: 991px) {\r\n .ticker-wrapper { padding: 16px 0; }\r\n .ticker-track { \r\n gap: 30px; \r\n animation-duration: 60s !important; \r\n }\r\n .ticker-item { font-size: 14px; padding: 8px 18px; }\r\n .ticker-item i { font-size: 14px; }\r\n .ticker-wrapper::before,\r\n .ticker-wrapper::after { width: 40px; }\r\n }\r\n\r\n \/* Mobile Large *\/\r\n @media (max-width: 767px) {\r\n .industries-section { padding: 70px 0 60px; }\r\n .ticker-wrapper { padding: 14px 0; border-radius: 12px; }\r\n .ticker-track { \r\n gap: 20px; \r\n animation-duration: 65s !important; \r\n }\r\n .ticker-item { font-size: 13px; padding: 6px 16px; gap: 8px; }\r\n .ticker-item i { font-size: 13px; }\r\n .ticker-wrapper::before,\r\n .ticker-wrapper::after { width: 30px; }\r\n }\r\n\r\n \/* Mobile Small *\/\r\n @media (max-width: 480px) {\r\n .industries-section { padding: 50px 0 40px; }\r\n .industries-inner { padding: 0 16px; }\r\n .ticker-wrapper { padding: 10px 0; border-radius: 10px; }\r\n .ticker-track { \r\n gap: 14px; \r\n animation-duration: 70s !important; \r\n }\r\n .ticker-item { \r\n font-size: 11px; \r\n padding: 4px 12px; \r\n gap: 6px; \r\n border-radius: 30px; \r\n }\r\n .ticker-item i { font-size: 11px; }\r\n .ticker-wrapper::before,\r\n .ticker-wrapper::after { width: 20px; }\r\n .ticker-controls { gap: 8px; margin-top: 16px; }\r\n .ticker-dot { width: 6px; height: 6px; }\r\n .ticker-dot.active { width: 18px; }\r\n .ticker-control-btn { width: 28px; height: 28px; font-size: 11px; }\r\n }\r\n\r\n \/* Extra Small *\/\r\n @media (max-width: 375px) {\r\n .ticker-track { \r\n gap: 10px; \r\n animation-duration: 75s !important; \r\n }\r\n .ticker-item { \r\n font-size: 10px; \r\n padding: 3px 10px; \r\n }\r\n .ticker-item i { font-size: 10px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"industries-section\">\r\n <div class=\"industries-inner\">\r\n\r\n <div class=\"industries-header\">\r\n <div class=\"industries-badge\">\r\n <span class=\"dot\"><\/span> Industries\r\n <\/div>\r\n <h2 class=\"industries-title\">\r\n Industries We Serve\r\n <\/h2>\r\n <p class=\"industries-subtitle\">\r\n Empowering businesses across sectors with reliable eSIM connectivity solutions.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ticker-wrapper\">\r\n <div class=\"ticker-track\" id=\"tickerTrack\">\r\n\r\n \r\n <span class=\"ticker-item\"><i class=\"fas fa-plane\"><\/i> Travel & Tourism<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-wifi\"><\/i> Telecommunications<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-building\"><\/i> Enterprise Businesses<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-truck\"><\/i> Logistics & Transportation<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-heartbeat\"><\/i> Healthcare<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-graduation-cap\"><\/i> Education<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-university\"><\/i> Financial Services<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-shopping-cart\"><\/i> Retail<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-industry\"><\/i> Manufacturing<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-city\"><\/i> Smart Cities<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-microchip\"><\/i> Internet of Things (IoT)<\/span>\r\n\r\n \r\n <span class=\"ticker-item\"><i class=\"fas fa-plane\"><\/i> Travel & Tourism<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-wifi\"><\/i> Telecommunications<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-building\"><\/i> Enterprise Businesses<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-truck\"><\/i> Logistics & Transportation<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-heartbeat\"><\/i> Healthcare<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-graduation-cap\"><\/i> Education<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-university\"><\/i> Financial Services<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-shopping-cart\"><\/i> Retail<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-industry\"><\/i> Manufacturing<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-city\"><\/i> Smart Cities<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-microchip\"><\/i> Internet of Things (IoT)<\/span>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n const track = document.getElementById('tickerTrack');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const wrapper = document.querySelector('.ticker-wrapper');\r\n\r\n let currentSpeed = 50;\r\n\r\n function setSpeed(speed) {\r\n track.style.animation = 'none';\r\n void track.offsetWidth;\r\n track.style.animation = `tickerScroll ${speed}s linear infinite`;\r\n }\r\n\r\n \/\/ Pause on hover\r\n wrapper.addEventListener('mouseenter', function() {\r\n track.style.animationPlayState = 'paused';\r\n });\r\n wrapper.addEventListener('mouseleave', function() {\r\n track.style.animationPlayState = 'running';\r\n });\r\n\r\n \/\/ Speed controls\r\n prevBtn.addEventListener('click', function() {\r\n currentSpeed = Math.min(currentSpeed + 10, 90);\r\n setSpeed(currentSpeed);\r\n });\r\n\r\n nextBtn.addEventListener('click', function() {\r\n currentSpeed = Math.max(currentSpeed - 10, 25);\r\n setSpeed(currentSpeed);\r\n });\r\n\r\n \/\/ Dot controls\r\n const dots = document.querySelectorAll('.ticker-dot');\r\n dots.forEach((dot, index) => {\r\n dot.addEventListener('click', function() {\r\n dots.forEach(d => d.classList.remove('active'));\r\n this.classList.add('active');\r\n const speeds = [70, 60, 50, 40];\r\n const newSpeed = speeds[index % speeds.length] || 50;\r\n currentSpeed = newSpeed;\r\n setSpeed(currentSpeed);\r\n });\r\n });\r\n\r\n \/\/ Responsive speed adjustment\r\n function adjustSpeedForScreen() {\r\n const width = window.innerWidth;\r\n let newSpeed = 50;\r\n if (width <= 375) {\r\n newSpeed = 75;\r\n } else if (width <= 480) {\r\n newSpeed = 70;\r\n } else if (width <= 767) {\r\n newSpeed = 65;\r\n } else if (width <= 991) {\r\n newSpeed = 60;\r\n } else {\r\n newSpeed = 50;\r\n }\r\n currentSpeed = newSpeed;\r\n setSpeed(currentSpeed);\r\n }\r\n\r\n \/\/ Run on load and resize\r\n adjustSpeedForScreen();\r\n window.addEventListener('resize', adjustSpeedForScreen);\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<div class=\"elementor-element elementor-element-8f558df e-con-full e-flex e-con e-parent\" data-id=\"8f558df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84999d7 elementor-widget elementor-widget-html\" data-id=\"84999d7\" 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>Messaging Solutions \u00b7 Infinexy<\/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 RESET & BASE\r\n ======================================== *\/\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: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ========================================\r\n MESSAGING SERVICES SECTION\r\n ======================================== *\/\r\n .msg-section {\r\n padding: 40px 0 40px;\r\n background: #ffffff;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .msg-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 .msg-inner {\r\n max-width: 1200px;\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 \/* ===== HEADER ===== *\/\r\n .msg-header {\r\n text-align: center;\r\n max-width: 600px;\r\n margin: 0 auto 50px;\r\n }\r\n\r\n .msg-badge {\r\n display: inline-block;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #4D7DD1;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .msg-badge .msg-dot {\r\n display: inline-block;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #4D7DD1;\r\n margin-right: 8px;\r\n vertical-align: middle;\r\n }\r\n\r\n .msg-title {\r\n font-size: 38px;\r\n font-weight: 800;\r\n color: #0a1a2f;\r\n line-height: 1.1;\r\n }\r\n\r\n .msg-title .msg-highlight {\r\n background: linear-gradient(135deg, #8E24AA, #009FE3);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .msg-subtitle {\r\n font-size: 17px;\r\n color: #475569;\r\n margin-top: 8px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ========================================\r\n TIMELINE \u2013 HORIZONTAL FLOW\r\n ======================================== *\/\r\n .msg-timeline {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n position: relative;\r\n padding: 40px 0 20px;\r\n }\r\n\r\n \/* Connector Line *\/\r\n .msg-timeline::before {\r\n content: '';\r\n position: absolute;\r\n top: 64px;\r\n left: 40px;\r\n right: 40px;\r\n height: 2px;\r\n background: #e5e7eb;\r\n border-radius: 2px;\r\n z-index: 0;\r\n }\r\n\r\n \/* ===== EACH STEP ===== *\/\r\n .msg-step {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n position: relative;\r\n transition: all 0.3s ease;\r\n padding: 0 6px;\r\n z-index: 1;\r\n }\r\n\r\n \/* Dot *\/\r\n .msg-step .msg-dot {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: #4D7DD1;\r\n border: 3px solid #ffffff;\r\n box-shadow: 0 0 0 2px #4D7DD1;\r\n margin-bottom: 12px;\r\n z-index: 2;\r\n transition: all 0.3s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .msg-step:hover .msg-dot {\r\n transform: scale(1.25);\r\n box-shadow: 0 0 0 4px #4D7DD1;\r\n }\r\n\r\n \/* Individual dot colors *\/\r\n .msg-step:nth-child(1) .msg-dot { background: #8E24AA; box-shadow: 0 0 0 2px #8E24AA; }\r\n .msg-step:nth-child(1):hover .msg-dot { box-shadow: 0 0 0 4px #8E24AA; }\r\n\r\n .msg-step:nth-child(2) .msg-dot { background: #4D7DD1; box-shadow: 0 0 0 2px #4D7DD1; }\r\n .msg-step:nth-child(2):hover .msg-dot { box-shadow: 0 0 0 4px #4D7DD1; }\r\n\r\n .msg-step:nth-child(3) .msg-dot { background: #009FE3; box-shadow: 0 0 0 2px #009FE3; }\r\n .msg-step:nth-child(3):hover .msg-dot { box-shadow: 0 0 0 4px #009FE3; }\r\n\r\n .msg-step:nth-child(4) .msg-dot { background: #8BC34A; box-shadow: 0 0 0 2px #8BC34A; }\r\n .msg-step:nth-child(4):hover .msg-dot { box-shadow: 0 0 0 4px #8BC34A; }\r\n\r\n \/* Number *\/\r\n .msg-step .msg-num {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #4D7DD1;\r\n margin-bottom: 4px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .msg-step:nth-child(1) .msg-num { color: #8E24AA; }\r\n .msg-step:nth-child(2) .msg-num { color: #4D7DD1; }\r\n .msg-step:nth-child(3) .msg-num { color: #009FE3; }\r\n .msg-step:nth-child(4) .msg-num { color: #8BC34A; }\r\n\r\n \/* Icon *\/\r\n .msg-step .msg-icon {\r\n font-size: 24px;\r\n color: #4D7DD1;\r\n margin-bottom: 8px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .msg-step:nth-child(1) .msg-icon { color: #8E24AA; }\r\n .msg-step:nth-child(2) .msg-icon { color: #4D7DD1; }\r\n .msg-step:nth-child(3) .msg-icon { color: #009FE3; }\r\n .msg-step:nth-child(4) .msg-icon { color: #8BC34A; }\r\n\r\n .msg-step:hover .msg-icon {\r\n transform: scale(1.15) translateY(-2px);\r\n }\r\n\r\n \/* Content Wrapper *\/\r\n .msg-step .msg-step-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n \/* Title *\/\r\n .msg-step .msg-step-title {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: #0a1a2f;\r\n margin-bottom: 4px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .msg-step:hover .msg-step-title {\r\n color: #4D7DD1;\r\n }\r\n\r\n .msg-step:nth-child(1):hover .msg-step-title { color: #8E24AA; }\r\n .msg-step:nth-child(2):hover .msg-step-title { color: #4D7DD1; }\r\n .msg-step:nth-child(3):hover .msg-step-title { color: #009FE3; }\r\n .msg-step:nth-child(4):hover .msg-step-title { color: #8BC34A; }\r\n\r\n \/* Description - UK focused, no \"Enterprise\" word *\/\r\n .msg-step .msg-step-desc {\r\n font-size: 12px;\r\n color: #94a3b8;\r\n max-width: 140px;\r\n line-height: 1.5;\r\n transition: color 0.3s;\r\n }\r\n\r\n .msg-step:hover .msg-step-desc {\r\n color: #475569;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n \/* Tablet (768px - 991px) - 2 columns *\/\r\n @media (max-width: 991px) {\r\n .msg-section {\r\n padding: 80px 0 60px;\r\n }\r\n .msg-inner {\r\n padding: 0 24px;\r\n }\r\n .msg-header {\r\n margin-bottom: 40px;\r\n }\r\n .msg-title {\r\n font-size: 32px;\r\n }\r\n .msg-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .msg-timeline {\r\n flex-wrap: wrap;\r\n gap: 30px 20px;\r\n padding: 20px 0 10px;\r\n justify-content: center;\r\n }\r\n .msg-timeline::before {\r\n display: none;\r\n }\r\n\r\n .msg-step {\r\n flex: 0 0 calc(50% - 20px);\r\n padding: 0;\r\n max-width: 220px;\r\n }\r\n\r\n .msg-step .msg-step-desc {\r\n max-width: 100%;\r\n }\r\n\r\n .msg-step .msg-icon {\r\n font-size: 22px;\r\n }\r\n .msg-step .msg-step-title {\r\n font-size: 14px;\r\n }\r\n .msg-step .msg-step-desc {\r\n font-size: 12px;\r\n }\r\n .msg-step .msg-dot {\r\n width: 12px;\r\n height: 12px;\r\n margin-bottom: 10px;\r\n }\r\n }\r\n\r\n \/* Mobile (below 768px) - 2 columns *\/\r\n @media (max-width: 767px) {\r\n .msg-section {\r\n padding: 70px 0 50px;\r\n }\r\n .msg-inner {\r\n padding: 0 20px;\r\n }\r\n .msg-header {\r\n margin-bottom: 32px;\r\n }\r\n .msg-title {\r\n font-size: 28px;\r\n }\r\n .msg-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .msg-timeline {\r\n flex-wrap: wrap;\r\n gap: 24px 16px;\r\n padding: 10px 0;\r\n justify-content: center;\r\n }\r\n .msg-timeline::before {\r\n display: none;\r\n }\r\n\r\n .msg-step {\r\n flex: 0 0 calc(50% - 16px);\r\n padding: 0;\r\n max-width: 220px;\r\n }\r\n\r\n .msg-step .msg-step-desc {\r\n max-width: 100%;\r\n }\r\n\r\n .msg-step .msg-dot {\r\n width: 12px;\r\n height: 12px;\r\n margin-bottom: 8px;\r\n border-width: 2px;\r\n }\r\n .msg-step .msg-num {\r\n font-size: 12px;\r\n }\r\n .msg-step .msg-icon {\r\n font-size: 20px;\r\n margin-bottom: 6px;\r\n }\r\n .msg-step .msg-step-title {\r\n font-size: 13px;\r\n }\r\n .msg-step .msg-step-desc {\r\n font-size: 11px;\r\n }\r\n }\r\n\r\n \/* Mobile Small (below 480px) - 2 columns *\/\r\n @media (max-width: 480px) {\r\n .msg-section {\r\n padding: 50px 0 40px;\r\n }\r\n .msg-inner {\r\n padding: 0 16px;\r\n }\r\n .msg-header {\r\n margin-bottom: 28px;\r\n }\r\n .msg-title {\r\n font-size: 24px;\r\n }\r\n .msg-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .msg-timeline {\r\n gap: 18px 12px;\r\n padding: 5px 0;\r\n }\r\n\r\n .msg-step {\r\n flex: 0 0 calc(50% - 12px);\r\n max-width: 100%;\r\n }\r\n\r\n .msg-step .msg-dot {\r\n width: 10px;\r\n height: 10px;\r\n margin-bottom: 6px;\r\n border-width: 2px;\r\n }\r\n .msg-step .msg-num {\r\n font-size: 11px;\r\n margin-bottom: 2px;\r\n }\r\n .msg-step .msg-icon {\r\n font-size: 16px;\r\n margin-bottom: 4px;\r\n }\r\n .msg-step .msg-step-title {\r\n font-size: 12px;\r\n margin-bottom: 2px;\r\n }\r\n .msg-step .msg-step-desc {\r\n font-size: 10px;\r\n line-height: 1.4;\r\n }\r\n }\r\n\r\n \/* Very Small (below 375px) *\/\r\n @media (max-width: 375px) {\r\n .msg-section {\r\n padding: 40px 0 30px;\r\n }\r\n .msg-inner {\r\n padding: 0 12px;\r\n }\r\n .msg-timeline {\r\n gap: 14px 10px;\r\n }\r\n .msg-step {\r\n flex: 0 0 calc(50% - 10px);\r\n padding: 0;\r\n }\r\n .msg-step .msg-dot {\r\n width: 8px;\r\n height: 8px;\r\n margin-bottom: 4px;\r\n border-width: 1.5px;\r\n }\r\n .msg-step .msg-num {\r\n font-size: 10px;\r\n margin-bottom: 1px;\r\n }\r\n .msg-step .msg-icon {\r\n font-size: 14px;\r\n margin-bottom: 3px;\r\n }\r\n .msg-step .msg-step-title {\r\n font-size: 11px;\r\n margin-bottom: 1px;\r\n }\r\n .msg-step .msg-step-desc {\r\n font-size: 9px;\r\n line-height: 1.3;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"msg-section\">\r\n <div class=\"msg-inner\">\r\n\r\n \r\n <div class=\"msg-header\">\r\n <div class=\"msg-badge\">\r\n <span class=\"msg-dot\"><\/span> Messaging Solutions\r\n <\/div>\r\n <h2 class=\"msg-title\">\r\n Global Messaging\r\n <\/h2>\r\n <p class=\"msg-subtitle\">\r\n Reliable, secure, and scalable messaging solutions to connect with your customers \u2014 anywhere in the world.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-timeline\">\r\n\r\n \r\n <div class=\"msg-step\">\r\n <div class=\"msg-dot\"><\/div>\r\n <span class=\"msg-num\">01<\/span>\r\n <div class=\"msg-icon\"><i class=\"fas fa-sms\"><\/i><\/div>\r\n <div class=\"msg-step-content\">\r\n <h4 class=\"msg-step-title\">Bulk SMS<\/h4>\r\n <p class=\"msg-step-desc\">Send high-volume SMS campaigns with 99.9% deliverability to customers worldwide.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-step\">\r\n <div class=\"msg-dot\"><\/div>\r\n <span class=\"msg-num\">02<\/span>\r\n <div class=\"msg-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <div class=\"msg-step-content\">\r\n <h4 class=\"msg-step-title\">OTP SMS<\/h4>\r\n <p class=\"msg-step-desc\">Secure one-time passwords for user authentication, verification, and fraud prevention.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-step\">\r\n <div class=\"msg-dot\"><\/div>\r\n <span class=\"msg-num\">03<\/span>\r\n <div class=\"msg-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n <div class=\"msg-step-content\">\r\n <h4 class=\"msg-step-title\">WhatsApp Business API<\/h4>\r\n <p class=\"msg-step-desc\">Official WhatsApp Business API for rich messaging, notifications, and customer engagement.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-step\">\r\n <div class=\"msg-dot\"><\/div>\r\n <span class=\"msg-num\">04<\/span>\r\n <div class=\"msg-icon\"><i class=\"fas fa-comment-dots\"><\/i><\/div>\r\n <div class=\"msg-step-content\">\r\n <h4 class=\"msg-step-title\">Rich Messaging<\/h4>\r\n <p class=\"msg-step-desc\">Interactive messaging with images, videos, buttons, and quick replies for better engagement.<\/p>\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<div class=\"elementor-element elementor-element-db9002e e-con-full 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 - Messaging Services<\/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 RESET & BASE\r\n ======================================== *\/\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: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ===== COLOR VARIABLES ===== *\/\r\n :root {\r\n --purple: #8E24AA;\r\n --blue: #009FE3;\r\n --blue-dark: #0077B6;\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 --light-bg: #f8fafc;\r\n --border: #e5e7eb;\r\n --badge-color: #3278D1;\r\n --icon-gradient: linear-gradient(135deg, #38bdf8, #2563eb);\r\n }\r\n\r\n \/* ========================================\r\n MESSAGING SERVICES SECTION\r\n ======================================== *\/\r\n .messaging-section {\r\n padding: 40px 0 40px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .messaging-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 .messaging-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 \/* ===== SECTION HEADER ===== *\/\r\n .messaging-header {\r\n text-align: center;\r\n max-width: 680px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .messaging-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--badge-color);\r\n margin-bottom: 14px;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .messaging-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 .messaging-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .messaging-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: 12px;\r\n }\r\n\r\n .messaging-title .highlight {\r\n background: linear-gradient(135deg, var(--badge-color), 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 .messaging-subtitle {\r\n font-size: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n margin-top: 4px;\r\n }\r\n\r\n \/* ========================================\r\n MESSAGING GRID - 4 columns\r\n ======================================== *\/\r\n .messaging-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n \/* ========================================\r\n MESSAGING CARD\r\n ======================================== *\/\r\n .messaging-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 30px 22px 26px;\r\n border: 1px solid var(--border);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n text-align: center;\r\n cursor: pointer;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .messaging-card:nth-child(1) { animation-delay: 0.04s; }\r\n .messaging-card:nth-child(2) { animation-delay: 0.08s; }\r\n .messaging-card:nth-child(3) { animation-delay: 0.12s; }\r\n .messaging-card:nth-child(4) { animation-delay: 0.16s; }\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 \/* Animated Gradient Border *\/\r\n .messaging-card::before {\r\n content: '';\r\n position: absolute;\r\n inset: -1px;\r\n border-radius: 16px;\r\n padding: 1.5px;\r\n background: linear-gradient(135deg, var(--badge-color), var(--blue), var(--green), var(--orange));\r\n background-size: 300% 300%;\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity: 0;\r\n transition: opacity 0.6s ease;\r\n pointer-events: none;\r\n animation: gradientMove 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes gradientMove {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n .messaging-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .messaging-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 24px 80px rgba(0, 0, 0, 0.06);\r\n border-color: transparent;\r\n }\r\n\r\n \/* Data flow line *\/\r\n .messaging-card .data-flow {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--badge-color), var(--blue), var(--green), transparent);\r\n opacity: 0;\r\n transform: scaleX(0);\r\n transition: all 0.8s ease;\r\n transform-origin: left;\r\n }\r\n\r\n .messaging-card:hover .data-flow {\r\n opacity: 1;\r\n transform: scaleX(1);\r\n animation: dataFlowPulse 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes dataFlowPulse {\r\n 0%, 100% { opacity: 0.6; }\r\n 50% { opacity: 1; }\r\n }\r\n\r\n \/* ===== ICON WRAPPER ===== *\/\r\n .messaging-card .msg-icon-wrapper {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 14px;\r\n font-size: 24px;\r\n color: var(--white);\r\n position: relative;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n background: var(--icon-gradient);\r\n }\r\n\r\n .messaging-card .msg-icon-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n inset: -4px;\r\n border-radius: 50%;\r\n border: 2px solid transparent;\r\n opacity: 0;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n animation: ringRotate 3s linear infinite;\r\n }\r\n\r\n @keyframes ringRotate {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n .messaging-card .msg-icon-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n inset: -12px;\r\n border-radius: 50%;\r\n background: var(--icon-gradient);\r\n opacity: 0;\r\n filter: blur(20px);\r\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n transform: scale(0.8);\r\n }\r\n\r\n .messaging-card:hover .msg-icon-wrapper {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .messaging-card:hover .msg-icon-wrapper::before {\r\n opacity: 1;\r\n border-color: var(--badge-color);\r\n transform: scale(1.05);\r\n }\r\n\r\n .messaging-card:hover .msg-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .messaging-card .msg-icon-wrapper i {\r\n position: relative;\r\n z-index: 1;\r\n color: var(--white);\r\n font-size: 24px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .messaging-card:hover .msg-icon-wrapper i {\r\n transform: scale(1.02);\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .messaging-card .msg-card-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 6px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .messaging-card:hover .msg-card-title {\r\n background: linear-gradient(135deg, var(--badge-color), 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 \/* ===== DESCRIPTION ===== *\/\r\n .messaging-card .msg-card-desc {\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n line-height: 1.6;\r\n transition: color 0.4s ease;\r\n }\r\n\r\n .messaging-card:hover .msg-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n \/* ===== READ MORE LINK ===== *\/\r\n .messaging-card .msg-card-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 12px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--badge-color);\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 0;\r\n }\r\n\r\n .messaging-card .msg-card-link i {\r\n font-size: 12px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .messaging-card:hover .msg-card-link i {\r\n transform: translateX(4px);\r\n }\r\n\r\n .messaging-card .msg-card-link:hover {\r\n color: var(--blue-dark);\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .messaging-card .shine {\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: linear-gradient(\r\n 45deg,\r\n transparent 35%,\r\n rgba(255, 255, 255, 0.04) 50%,\r\n transparent 65%\r\n );\r\n transform: rotate(45deg) translateX(-100%);\r\n transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n }\r\n\r\n .messaging-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY ===== *\/\r\n .messaging-card .glow-overlay {\r\n position: absolute;\r\n top: -30%;\r\n left: 50%;\r\n width: 150%;\r\n height: 150%;\r\n transform: translateX(-50%);\r\n background: radial-gradient(ellipse at center, rgba(50, 120, 209, 0.02), transparent 70%);\r\n opacity: 0;\r\n transition: opacity 0.6s ease;\r\n pointer-events: none;\r\n border-radius: 50%;\r\n }\r\n\r\n .messaging-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n MODAL \/ POPUP\r\n ======================================== *\/\r\n .msg-modal-overlay {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n z-index: 1000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n animation: overlayIn 0.3s ease;\r\n }\r\n\r\n .msg-modal-overlay.active {\r\n display: flex;\r\n }\r\n\r\n @keyframes overlayIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n .msg-modal {\r\n background: #ffffff;\r\n border-radius: 24px;\r\n max-width: 520px;\r\n width: 100%;\r\n padding: 40px 36px 32px;\r\n position: relative;\r\n animation: modalIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 40px 120px rgba(0,0,0,0.15);\r\n }\r\n\r\n @keyframes modalIn {\r\n from { opacity: 0; transform: scale(0.9) translateY(30px); }\r\n to { opacity: 1; transform: scale(1) translateY(0); }\r\n }\r\n\r\n .msg-modal-close {\r\n position: absolute;\r\n top: 16px;\r\n right: 20px;\r\n background: none;\r\n border: none;\r\n font-size: 24px;\r\n color: #94a3b8;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .msg-modal-close:hover {\r\n background: #f1f5f9;\r\n color: #0a1a2f;\r\n transform: rotate(90deg);\r\n }\r\n\r\n .msg-modal-icon {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n color: #ffffff;\r\n margin-bottom: 16px;\r\n background: var(--icon-gradient);\r\n }\r\n\r\n .msg-modal-title {\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: #0a1a2f;\r\n margin-bottom: 8px;\r\n line-height: 1.2;\r\n }\r\n\r\n .msg-modal-desc {\r\n font-size: 15px;\r\n color: #475569;\r\n line-height: 1.8;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .msg-modal-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 12px 0 20px;\r\n }\r\n\r\n .msg-modal-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n font-size: 14px;\r\n color: #475569;\r\n padding: 6px 0;\r\n line-height: 1.6;\r\n }\r\n\r\n .msg-modal-list li i {\r\n color: var(--badge-color);\r\n font-size: 14px;\r\n margin-top: 3px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .msg-modal-btn {\r\n display: inline-block;\r\n padding: 10px 28px;\r\n background: linear-gradient(135deg, var(--badge-color), var(--blue));\r\n color: #ffffff;\r\n border: none;\r\n border-radius: 50px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n }\r\n\r\n .msg-modal-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(77,125,209,0.25);\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 1199px) {\r\n .messaging-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .messaging-section { padding: 70px 0 60px; }\r\n .messaging-title { font-size: clamp(30px, 4vw, 38px); }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .messaging-section { padding: 56px 0 48px; }\r\n .messaging-inner { padding: 0 20px; }\r\n .messaging-header { margin-bottom: 32px; }\r\n .messaging-grid { grid-template-columns: 1fr 1fr; gap: 14px; }\r\n .messaging-card { padding: 20px 14px 18px; border-radius: 14px; }\r\n .messaging-card .msg-icon-wrapper { width: 48px; height: 48px; font-size: 18px; margin-bottom: 10px; }\r\n .messaging-card .msg-icon-wrapper i { font-size: 18px; }\r\n .messaging-card .msg-card-title { font-size: 14px; }\r\n .messaging-card .msg-card-desc { font-size: 12px; }\r\n .messaging-title { font-size: clamp(28px, 6vw, 32px); }\r\n .messaging-subtitle { font-size: 15px; }\r\n .msg-modal { padding: 24px 20px 20px; max-width: 400px; }\r\n .msg-modal-title { font-size: 19px; }\r\n .msg-modal-desc { font-size: 14px; }\r\n .msg-modal-list li { font-size: 13px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .messaging-section { padding: 40px 0 30px; }\r\n .messaging-inner { padding: 0 16px; }\r\n .messaging-header { margin-bottom: 24px; }\r\n .messaging-grid { grid-template-columns: 1fr 1fr; gap: 12px; }\r\n .messaging-card { padding: 16px 10px 14px; border-radius: 12px; }\r\n .messaging-card .msg-icon-wrapper { width: 44px; height: 44px; font-size: 16px; margin-bottom: 10px; }\r\n .messaging-card .msg-icon-wrapper i { font-size: 16px; }\r\n .messaging-card .msg-icon-wrapper::after { inset: -6px; filter: blur(12px); }\r\n .messaging-card .msg-card-title { font-size: 13px; }\r\n .messaging-card .msg-card-desc { font-size: 11px; }\r\n .messaging-card .msg-card-link { font-size: 11px; margin-top: 8px; }\r\n .messaging-title { font-size: 24px; }\r\n .messaging-subtitle { font-size: 14px; }\r\n .msg-modal-overlay { padding: 12px; }\r\n .msg-modal { padding: 20px 16px 18px; max-width: 100%; margin: 0 8px; border-radius: 18px; }\r\n .msg-modal-title { font-size: 17px; }\r\n .msg-modal-desc { font-size: 13px; }\r\n .msg-modal-list li { font-size: 12px; gap: 8px; }\r\n .msg-modal-icon { width: 48px; height: 48px; font-size: 20px; margin-bottom: 12px; }\r\n .msg-modal-btn { padding: 8px 20px; font-size: 13px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .messaging-grid { gap: 10px; }\r\n .messaging-card { padding: 14px 8px 12px; border-radius: 10px; }\r\n .messaging-card .msg-icon-wrapper { width: 36px; height: 36px; font-size: 13px; margin-bottom: 8px; }\r\n .messaging-card .msg-icon-wrapper i { font-size: 13px; }\r\n .messaging-card .msg-icon-wrapper::before { inset: -3px; }\r\n .messaging-card .msg-icon-wrapper::after { inset: -6px; filter: blur(10px); }\r\n .messaging-card .msg-card-title { font-size: 12px; }\r\n .messaging-card .msg-card-desc { font-size: 10px; line-height: 1.4; }\r\n .messaging-card .msg-card-link { font-size: 10px; margin-top: 6px; }\r\n .msg-modal { padding: 16px 12px 14px; max-width: 100%; margin: 0 4px; border-radius: 16px; }\r\n .msg-modal-title { font-size: 16px; }\r\n .msg-modal-desc { font-size: 12px; }\r\n .msg-modal-list li { font-size: 11px; gap: 6px; padding: 4px 0; }\r\n .msg-modal-icon { width: 40px; height: 40px; font-size: 16px; margin-bottom: 10px; }\r\n .msg-modal-btn { padding: 6px 16px; font-size: 12px; }\r\n .msg-modal-close { top: 10px; right: 12px; font-size: 18px; width: 28px; height: 28px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"messaging-section\">\r\n <div class=\"messaging-inner\">\r\n\r\n \r\n <div class=\"messaging-header\">\r\n <div class=\"messaging-badge\">\r\n <span class=\"dot\"><\/span>\r\n Messaging Solutions\r\n <\/div>\r\n <h2 class=\"messaging-title\">\r\n Messaging Services\r\n <\/h2>\r\n <p class=\"messaging-subtitle\">\r\n Click on <strong>\"Read More\"<\/strong> to learn how each messaging service can benefit your business.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-grid\">\r\n\r\n \r\n <div class=\"messaging-card\" data-modal=\"msgModal1\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"msg-icon-wrapper\">\r\n <i class=\"fas fa-sms\"><\/i>\r\n <\/div>\r\n <h3 class=\"msg-card-title\">Bulk SMS<\/h3>\r\n <p class=\"msg-card-desc\">Send high-volume SMS campaigns with exceptional deliverability.<\/p>\r\n <button class=\"msg-card-link\" onclick=\"event.stopPropagation(); openModal('msgModal1')\">\r\n Read More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-card\" data-modal=\"msgModal2\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"msg-icon-wrapper\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"msg-card-title\">OTP SMS<\/h3>\r\n <p class=\"msg-card-desc\">Secure one-time passwords for authentication and verification.<\/p>\r\n <button class=\"msg-card-link\" onclick=\"event.stopPropagation(); openModal('msgModal2')\">\r\n Read More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-card\" data-modal=\"msgModal3\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"msg-icon-wrapper\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/div>\r\n <h3 class=\"msg-card-title\">WhatsApp Business API<\/h3>\r\n <p class=\"msg-card-desc\">Connect with customers through rich messaging and automation.<\/p>\r\n <button class=\"msg-card-link\" onclick=\"event.stopPropagation(); openModal('msgModal3')\">\r\n Read More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-card\" data-modal=\"msgModal4\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"msg-icon-wrapper\">\r\n <i class=\"fas fa-comment-dots\"><\/i>\r\n <\/div>\r\n <h3 class=\"msg-card-title\">Rich Messaging<\/h3>\r\n <p class=\"msg-card-desc\">Engage customers with images, videos, and interactive messages.<\/p>\r\n <button class=\"msg-card-link\" onclick=\"event.stopPropagation(); openModal('msgModal4')\">\r\n Read More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n \r\n <div class=\"msg-modal-overlay\" id=\"msgModal1\">\r\n <div class=\"msg-modal\">\r\n <button class=\"msg-modal-close\" onclick=\"closeModal('msgModal1')\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"msg-modal-icon\"><i class=\"fas fa-sms\"><\/i><\/div>\r\n <h3 class=\"msg-modal-title\">Bulk SMS<\/h3>\r\n <p class=\"msg-modal-desc\">Send high-volume SMS campaigns with exceptional deliverability. Perfect for marketing, notifications, and alerts to large audiences.<\/p>\r\n <ul class=\"msg-modal-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> High deliverability rates<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Real-time delivery tracking<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Scalable for any volume<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> API integration ready<\/li>\r\n <\/ul>\r\n <button class=\"msg-modal-btn\" onclick=\"closeModal('msgModal1')\">Got it<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-modal-overlay\" id=\"msgModal2\">\r\n <div class=\"msg-modal\">\r\n <button class=\"msg-modal-close\" onclick=\"closeModal('msgModal2')\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"msg-modal-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <h3 class=\"msg-modal-title\">OTP SMS<\/h3>\r\n <p class=\"msg-modal-desc\">Secure one-time passwords for authentication and verification. Ideal for login security, transaction verification, and two-factor authentication.<\/p>\r\n <ul class=\"msg-modal-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> Instant delivery<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Secure and encrypted<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Customizable templates<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> High reliability<\/li>\r\n <\/ul>\r\n <button class=\"msg-modal-btn\" onclick=\"closeModal('msgModal2')\">Got it<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-modal-overlay\" id=\"msgModal3\">\r\n <div class=\"msg-modal\">\r\n <button class=\"msg-modal-close\" onclick=\"closeModal('msgModal3')\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"msg-modal-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n <h3 class=\"msg-modal-title\">WhatsApp Business API<\/h3>\r\n <p class=\"msg-modal-desc\">Connect with customers through rich messaging and automation. Send notifications, provide support, and engage with your audience on their preferred platform.<\/p>\r\n <ul class=\"msg-modal-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> Official WhatsApp Business API<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Rich media support<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Automated workflows<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> End-to-end encryption<\/li>\r\n <\/ul>\r\n <button class=\"msg-modal-btn\" onclick=\"closeModal('msgModal3')\">Got it<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-modal-overlay\" id=\"msgModal4\">\r\n <div class=\"msg-modal\">\r\n <button class=\"msg-modal-close\" onclick=\"closeModal('msgModal4')\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"msg-modal-icon\"><i class=\"fas fa-comment-dots\"><\/i><\/div>\r\n <h3 class=\"msg-modal-title\">Rich Messaging<\/h3>\r\n <p class=\"msg-modal-desc\">Engage customers with images, videos, and interactive messages. Increase engagement and conversion rates with modern messaging formats.<\/p>\r\n <ul class=\"msg-modal-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> Image and video support<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Interactive buttons and carousels<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Higher engagement rates<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Multi-channel support<\/li>\r\n <\/ul>\r\n <button class=\"msg-modal-btn\" onclick=\"closeModal('msgModal4')\">Got it<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Open modal function\r\n function openModal(modalId) {\r\n const modal = document.getElementById(modalId);\r\n if (modal) {\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n\r\n \/\/ Close modal function\r\n function closeModal(modalId) {\r\n const modal = document.getElementById(modalId);\r\n if (modal) {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n \/\/ Open modal on card click (entire card)\r\n document.querySelectorAll('.messaging-card[data-modal]').forEach(card => {\r\n card.addEventListener('click', function(e) {\r\n if (e.target.closest('.msg-card-link')) return;\r\n const modalId = this.getAttribute('data-modal');\r\n openModal(modalId);\r\n });\r\n });\r\n\r\n \/\/ Close modal on overlay click\r\n document.querySelectorAll('.msg-modal-overlay').forEach(overlay => {\r\n overlay.addEventListener('click', function(e) {\r\n if (e.target === this) {\r\n this.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n });\r\n });\r\n\r\n \/\/ Close modal on Escape key\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') {\r\n document.querySelectorAll('.msg-modal-overlay.active').forEach(modal => {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = '';\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<div class=\"elementor-element elementor-element-7e5d2b4 e-con-full e-flex e-con e-parent\" data-id=\"7e5d2b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a9b74b elementor-widget elementor-widget-html\" data-id=\"3a9b74b\" 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>Why Infinexy Technologies?<\/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: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n .why-section {\r\n padding: 100px 0 80px;\r\n background: #f8fafc;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .why-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(50, 120, 209, 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 .why-inner {\r\n max-width: 1100px;\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 \/* ===== BADGE ===== *\/\r\n .why-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #3278D1;\r\n margin-bottom: 16px;\r\n background: rgba(50, 120, 209, 0.06);\r\n padding: 6px 10px 6px 10px;\r\n border-radius: 50px;\r\n border: 1px solid rgba(50, 120, 209, 0.08);\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .why-badge .dot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #3278D1;\r\n display: inline-block;\r\n animation: dotPulse 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes dotPulse {\r\n 0%, 100% { opacity: 0.4; transform: scale(0.8); }\r\n 50% { opacity: 1; transform: scale(1.2); }\r\n }\r\n\r\n \/* ===== HEADER ===== *\/\r\n .why-header {\r\n text-align: center;\r\n max-width: 750px;\r\n margin: 0 auto 50px;\r\n }\r\n\r\n .why-title {\r\n font-size: clamp(36px, 4.5vw, 48px);\r\n font-weight: 900;\r\n color: #0a1a2f;\r\n line-height: 1.1;\r\n margin-bottom: 16px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .why-title .highlight {\r\n background: linear-gradient(135deg, #3278D1, #009FE3);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .why-subtitle {\r\n font-size: 18px;\r\n color: #475569;\r\n line-height: 1.8;\r\n max-width: 650px;\r\n margin: 0 auto;\r\n }\r\n\r\n .why-subtitle strong {\r\n color: #0a1a2f;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ========================================\r\n CONTENT GRID\r\n ======================================== *\/\r\n .why-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: stretch;\r\n margin-top: 10px;\r\n }\r\n\r\n \/* ===== LEFT CARD ===== *\/\r\n .why-card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 36px 32px 32px;\r\n border: 1px solid #e5e7eb;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.02);\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .why-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #3278D1, #009FE3);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .why-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .why-card:hover {\r\n border-color: rgba(50, 120, 209, 0.15);\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.04);\r\n transform: translateY(-4px);\r\n }\r\n\r\n .why-card .why-card-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .why-card .why-card-icon {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: #ffffff;\r\n flex-shrink: 0;\r\n background: linear-gradient(135deg, #3278D1, #009FE3);\r\n box-shadow: 0 4px 12px rgba(50, 120, 209, 0.15);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .why-card:hover .why-card-icon {\r\n transform: scale(1.05) rotate(-4deg);\r\n box-shadow: 0 8px 20px rgba(50, 120, 209, 0.2);\r\n }\r\n\r\n .why-card .why-card-title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #0a1a2f;\r\n margin: 0;\r\n }\r\n\r\n .why-card .why-card-desc {\r\n font-size: 15px;\r\n color: #475569;\r\n line-height: 1.8;\r\n text-align: justify;\r\n }\r\n\r\n .why-card .why-card-desc strong {\r\n color: #0a1a2f;\r\n font-weight: 600;\r\n }\r\n\r\n .why-card .why-card-desc:last-of-type {\r\n margin-top: 12px;\r\n }\r\n\r\n \/* ===== RIGHT: FEATURES ===== *\/\r\n .why-features {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n\r\n .why-feature-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n padding: 16px 20px;\r\n background: #ffffff;\r\n border-radius: 14px;\r\n border: 1px solid #e5e7eb;\r\n transition: all 0.3s ease;\r\n cursor: default;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\r\n }\r\n\r\n .why-feature-item:hover {\r\n background: #ffffff;\r\n border-color: #3278D1;\r\n transform: translateX(4px);\r\n box-shadow: 0 8px 24px rgba(50, 120, 209, 0.06);\r\n }\r\n\r\n .why-feature-item .fi-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n color: #ffffff;\r\n flex-shrink: 0;\r\n background: linear-gradient(135deg, #3278D1, #009FE3);\r\n }\r\n\r\n .why-feature-item .fi-content {\r\n flex: 1;\r\n }\r\n\r\n .why-feature-item .fi-content .fi-title {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #0a1a2f;\r\n margin-bottom: 1px;\r\n }\r\n\r\n .why-feature-item .fi-content .fi-desc {\r\n font-size: 12px;\r\n color: #94a3b8;\r\n }\r\n\r\n \/* ========================================\r\n BOTTOM STATS\r\n ======================================== *\/\r\n .why-stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n margin-top: 40px;\r\n padding-top: 32px;\r\n border-top: 1px solid #e5e7eb;\r\n }\r\n\r\n .why-stat {\r\n text-align: center;\r\n padding: 16px 12px;\r\n background: #ffffff;\r\n border-radius: 14px;\r\n border: 1px solid #e5e7eb;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\r\n }\r\n\r\n .why-stat:hover {\r\n border-color: #3278D1;\r\n box-shadow: 0 8px 24px rgba(50, 120, 209, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .why-stat .why-stat-number {\r\n font-size: 32px;\r\n font-weight: 800;\r\n color: #0a1a2f;\r\n display: block;\r\n line-height: 1.1;\r\n }\r\n\r\n .why-stat .why-stat-number .plus {\r\n color: #3278D1;\r\n }\r\n\r\n .why-stat .why-stat-label {\r\n font-size: 13px;\r\n color: #94a3b8;\r\n font-weight: 500;\r\n margin-top: 4px;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .why-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n .why-card {\r\n text-align: center;\r\n }\r\n .why-card .why-card-header {\r\n justify-content: center;\r\n }\r\n .why-card .why-card-desc {\r\n text-align: center;\r\n }\r\n .why-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n .why-stats {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .why-section {\r\n padding: 70px 0 50px;\r\n }\r\n .why-inner {\r\n padding: 0 20px;\r\n }\r\n .why-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n .why-subtitle {\r\n font-size: 15px;\r\n }\r\n .why-card {\r\n padding: 28px 20px 24px;\r\n }\r\n .why-card .why-card-header {\r\n gap: 12px;\r\n }\r\n .why-card .why-card-icon {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 16px;\r\n }\r\n .why-card .why-card-title {\r\n font-size: 18px;\r\n }\r\n .why-card .why-card-desc {\r\n font-size: 14px;\r\n }\r\n .why-feature-item {\r\n padding: 14px 16px;\r\n }\r\n .why-feature-item .fi-icon {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 14px;\r\n }\r\n .why-feature-item .fi-content .fi-title {\r\n font-size: 13px;\r\n }\r\n .why-feature-item .fi-content .fi-desc {\r\n font-size: 11px;\r\n }\r\n .why-stats {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-top: 30px;\r\n padding-top: 24px;\r\n }\r\n .why-stat .why-stat-number {\r\n font-size: 26px;\r\n }\r\n .why-stat .why-stat-label {\r\n font-size: 11px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .why-section {\r\n padding: 50px 0 40px;\r\n }\r\n .why-inner {\r\n padding: 0 16px;\r\n }\r\n .why-title {\r\n font-size: 24px;\r\n }\r\n .why-subtitle {\r\n font-size: 14px;\r\n }\r\n .why-card {\r\n padding: 20px 16px 18px;\r\n border-radius: 16px;\r\n }\r\n .why-card .why-card-header {\r\n gap: 10px;\r\n }\r\n .why-card .why-card-icon {\r\n width: 32px;\r\n height: 32px;\r\n font-size: 14px;\r\n }\r\n .why-card .why-card-title {\r\n font-size: 16px;\r\n }\r\n .why-card .why-card-desc {\r\n font-size: 13px;\r\n }\r\n .why-feature-item {\r\n padding: 12px 14px;\r\n gap: 12px;\r\n border-radius: 12px;\r\n }\r\n .why-feature-item .fi-icon {\r\n width: 32px;\r\n height: 32px;\r\n font-size: 12px;\r\n border-radius: 8px;\r\n }\r\n .why-feature-item .fi-content .fi-title {\r\n font-size: 12px;\r\n }\r\n .why-feature-item .fi-content .fi-desc {\r\n font-size: 10px;\r\n }\r\n .why-stats {\r\n grid-template-columns: 1fr 1fr 1fr;\r\n gap: 8px;\r\n margin-top: 24px;\r\n padding-top: 18px;\r\n }\r\n .why-stat {\r\n padding: 12px 8px;\r\n border-radius: 12px;\r\n }\r\n .why-stat .why-stat-number {\r\n font-size: 20px;\r\n }\r\n .why-stat .why-stat-label {\r\n font-size: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .why-stats {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n }\r\n .why-stat .why-stat-number {\r\n font-size: 18px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"why-section\">\r\n <div class=\"why-inner\">\r\n\r\n \r\n <div class=\"why-header\">\r\n <h2 class=\"why-title\">\r\n Why <span class=\"highlight\">Infinexy<\/span> Technologies?\r\n <\/h2>\r\n <p class=\"why-subtitle\">\r\n We combine <strong>global telecom expertise<\/strong>, <strong>enterprise-grade infrastructure<\/strong>, and <strong>innovative solutions<\/strong> to deliver reliable, scalable, and secure communication services for businesses worldwide.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why-grid\">\r\n\r\n \r\n <div class=\"why-card\">\r\n <div class=\"why-card-header\">\r\n <div class=\"why-card-icon\">\r\n <i class=\"fas fa-globe-americas\"><\/i>\r\n <\/div>\r\n <h3 class=\"why-card-title\">Global Telecom Leader<\/h3>\r\n <\/div>\r\n <p class=\"why-card-desc\">\r\n At <strong>Infinexy Technologies<\/strong>, we are committed to delivering world-class telecommunications solutions that empower businesses to connect, collaborate, and grow. With a robust global network spanning <strong>150+ countries<\/strong>, we provide seamless voice, messaging, and connectivity services tailored to your needs.\r\n <\/p>\r\n <p class=\"why-card-desc\">\r\n Our team of <strong>industry experts, engineers, and support professionals<\/strong> work tirelessly to ensure <strong>99.9% uptime<\/strong>, <strong>low-latency connectivity<\/strong>, and <strong>unmatched reliability<\/strong> for businesses of all sizes \u2014 from startups to multinational enterprises.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why-features\">\r\n\r\n <div class=\"why-feature-item\">\r\n <div class=\"fi-icon\"><i class=\"fas fa-network-wired\"><\/i><\/div>\r\n <div class=\"fi-content\">\r\n <div class=\"fi-title\">Global Carrier Network<\/div>\r\n <div class=\"fi-desc\">Direct interconnections with 500+ carriers worldwide<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-feature-item\">\r\n <div class=\"fi-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n <div class=\"fi-content\">\r\n <div class=\"fi-title\">Premium Voice Quality<\/div>\r\n <div class=\"fi-desc\">HD voice with low latency and zero packet loss<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-feature-item\">\r\n <div class=\"fi-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n <div class=\"fi-content\">\r\n <div class=\"fi-title\">24\u00d77 Technical Support<\/div>\r\n <div class=\"fi-desc\">Round-the-clock expert assistance for your business<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-feature-item\">\r\n <div class=\"fi-icon\"><i class=\"fas fa-tags\"><\/i><\/div>\r\n <div class=\"fi-content\">\r\n <div class=\"fi-title\">Competitive Pricing<\/div>\r\n <div class=\"fi-desc\">Cost-effective solutions without compromising quality<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-feature-item\">\r\n <div class=\"fi-icon\"><i class=\"fas fa-server\"><\/i><\/div>\r\n <div class=\"fi-content\">\r\n <div class=\"fi-title\">Reliable Infrastructure<\/div>\r\n <div class=\"fi-desc\">Enterprise-grade infrastructure with redundant systems<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"why-stats\">\r\n <div class=\"why-stat\">\r\n <span class=\"why-stat-number\">4<span class=\"plus\"><\/span><\/span>\r\n <span class=\"why-stat-label\">Carrier Partners<\/span>\r\n <\/div>\r\n <div class=\"why-stat\">\r\n <span class=\"why-stat-number\">150<span class=\"plus\">+<\/span><\/span>\r\n <span class=\"why-stat-label\">Countries Served<\/span>\r\n <\/div>\r\n <div class=\"why-stat\">\r\n <span class=\"why-stat-number\">99.9<span class=\"plus\">%<\/span><\/span>\r\n <span class=\"why-stat-label\">Uptime Guaranteed<\/span>\r\n <\/div>\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-dc3bc55 e-con-full e-flex e-con e-parent\" data-id=\"dc3bc55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-214bac4 elementor-widget elementor-widget-html\" data-id=\"214bac4\" 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 - Messaging Solutions<\/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 \/* ===== RESET & BASE ===== *\/\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: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Force Inter on all elements *\/\r\n body, .faq-section, .faq-inner, .faq-header,\r\n .faq-badge, .faq-title, .faq-subtitle,\r\n .faq-accordion, .faq-item, .faq-question,\r\n .faq-q-text, .faq-answer, .faq-cta,\r\n .cta-title, .cta-desc, .cta-btn,\r\n h1, h2, h3, h4, p, a, span, li, div {\r\n font-family: 'Inter', sans-serif !important;\r\n }\r\n\r\n \/* ===== COLOR VARIABLES ===== *\/\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 --dark-light: #15273f;\r\n --gray: #475569;\r\n --gray-light: #94a3b8;\r\n --white: #ffffff;\r\n --light-bg: #f8fafc;\r\n --border: #e5e7eb;\r\n --badge-color: #4D7CD1;\r\n }\r\n\r\n \/* ========================================\r\n FAQ SECTION\r\n ======================================== *\/\r\n .faq-section {\r\n padding: 50px 0 80px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .faq-section::before {\r\n display: none;\r\n }\r\n\r\n .faq-inner {\r\n max-width: 900px;\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 \/* ===== HEADER ===== *\/\r\n .faq-header {\r\n text-align: center;\r\n max-width: 650px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .faq-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: 16px;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n }\r\n\r\n .faq-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 animation: pulseDot 2s ease-in-out infinite;\r\n }\r\n\r\n .faq-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .faq-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: 12px;\r\n }\r\n\r\n .faq-title .highlight {\r\n background: #864ABA;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ========================================\r\n FAQ ACCORDION\r\n ======================================== *\/\r\n .faq-accordion {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .faq-item {\r\n background: var(--white);\r\n border-radius: 16px;\r\n border: 1px solid var(--border);\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\r\n }\r\n\r\n .faq-item:hover {\r\n border-color: rgba(77, 124, 209, 0.15);\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.04);\r\n }\r\n\r\n .faq-item.active {\r\n border-color: var(--badge-color);\r\n box-shadow: 0 8px 30px rgba(77, 124, 209, 0.08);\r\n }\r\n\r\n .faq-question {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 20px 24px;\r\n cursor: pointer;\r\n gap: 16px;\r\n transition: all 0.3s ease;\r\n user-select: none;\r\n }\r\n\r\n .faq-question:hover {\r\n background: rgba(77, 124, 209, 0.02);\r\n }\r\n\r\n .faq-question .faq-q-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n }\r\n\r\n .faq-question .faq-q-icon {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n background: var(--badge-color);\r\n }\r\n\r\n .faq-question .faq-q-text {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .faq-item.active .faq-q-text {\r\n color: var(--badge-color);\r\n }\r\n\r\n .faq-question .faq-toggle {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n background: #f1f5f9;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n background: var(--badge-color);\r\n color: var(--white);\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),\r\n padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n padding: 0 24px;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 300px;\r\n padding: 0 24px 24px;\r\n }\r\n\r\n .faq-answer p {\r\n font-size: 15px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ========================================\r\n CTA \/ READY TO GO DIGITAL\r\n ======================================== *\/\r\n .faq-cta {\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: 48px 40px 40px;\r\n border: 1px solid var(--border);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.02);\r\n }\r\n\r\n .faq-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--purple), var(--blue), var(--green));\r\n border-radius: 20px 20px 0 0;\r\n }\r\n\r\n \/* Floating decoration *\/\r\n .faq-cta::after {\r\n content: '';\r\n position: absolute;\r\n top: -100px;\r\n right: -100px;\r\n width: 300px;\r\n height: 300px;\r\n border-radius: 50%;\r\n background: radial-gradient(ellipse, rgba(77, 124, 209, 0.03), transparent 70%);\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .faq-cta .cta-content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .faq-cta .cta-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 26px;\r\n color: var(--white);\r\n margin: 0 auto 16px;\r\n background: var(--badge-color);\r\n box-shadow: 0 8px 24px rgba(77, 124, 209, 0.15);\r\n }\r\n\r\n .faq-cta .cta-title {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .faq-cta .cta-desc {\r\n font-size: 16px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n max-width: 600px;\r\n margin: 0 auto 20px;\r\n }\r\n\r\n .faq-cta .cta-desc strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== BUTTON ===== *\/\r\n .faq-cta .cta-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 32px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n border-radius: 100px;\r\n border: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n color: var(--white);\r\n background: var(--dark);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n z-index: 1;\r\n }\r\n\r\n .faq-cta .cta-btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 100px;\r\n background: linear-gradient(135deg, var(--purple), var(--blue));\r\n transform: translateX(-100%);\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: -1;\r\n }\r\n\r\n .faq-cta .cta-btn:hover::before {\r\n transform: translateX(0);\r\n }\r\n\r\n .faq-cta .cta-btn:hover {\r\n color: var(--white);\r\n box-shadow: 0 8px 30px rgba(142, 36, 170, 0.35);\r\n }\r\n\r\n .faq-cta .cta-btn i {\r\n font-size: 14px;\r\n transition: transform 0.3s ease;\r\n color: var(--white);\r\n }\r\n\r\n .faq-cta .cta-btn:hover i {\r\n transform: translateX(3px);\r\n }\r\n\r\n .faq-cta .cta-btn span {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 767px) {\r\n .faq-section {\r\n padding: 70px 0 50px;\r\n }\r\n .faq-inner {\r\n padding: 0 20px;\r\n }\r\n .faq-header {\r\n margin-bottom: 36px;\r\n }\r\n .faq-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n .faq-subtitle {\r\n font-size: 15px;\r\n }\r\n .faq-question {\r\n padding: 16px 18px;\r\n }\r\n .faq-question .faq-q-text {\r\n font-size: 14px;\r\n }\r\n .faq-question .faq-q-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .faq-answer p {\r\n font-size: 14px;\r\n }\r\n .faq-cta {\r\n padding: 32px 20px 28px;\r\n border-radius: 16px;\r\n }\r\n .faq-cta .cta-title {\r\n font-size: 20px;\r\n }\r\n .faq-cta .cta-desc {\r\n font-size: 14px;\r\n }\r\n .faq-cta .cta-btn {\r\n padding: 10px 24px;\r\n font-size: 13px;\r\n }\r\n .faq-cta .cta-icon {\r\n width: 52px;\r\n height: 52px;\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .faq-section {\r\n padding: 50px 0 40px;\r\n }\r\n .faq-inner {\r\n padding: 0 16px;\r\n }\r\n .faq-title {\r\n font-size: 24px;\r\n }\r\n .faq-subtitle {\r\n font-size: 14px;\r\n }\r\n .faq-question {\r\n padding: 14px 14px;\r\n }\r\n .faq-question .faq-q-text {\r\n font-size: 13px;\r\n }\r\n .faq-question .faq-q-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n }\r\n .faq-question .faq-toggle {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .faq-answer p {\r\n font-size: 13px;\r\n }\r\n .faq-cta {\r\n padding: 24px 16px 20px;\r\n border-radius: 14px;\r\n }\r\n .faq-cta .cta-title {\r\n font-size: 18px;\r\n }\r\n .faq-cta .cta-desc {\r\n font-size: 13px;\r\n }\r\n .faq-cta .cta-btn {\r\n padding: 8px 20px;\r\n font-size: 12px;\r\n gap: 8px;\r\n }\r\n .faq-cta .cta-icon {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 18px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"faq-section\">\r\n <div class=\"faq-inner\">\r\n \r\n <div class=\"faq-cta\">\r\n <div class=\"cta-content\">\r\n <div class=\"cta-icon\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <h3 class=\"cta-title\">Ready to Go Digital?<\/h3>\r\n <p class=\"cta-desc\">\r\n Scale your business communications with <strong>Infinexy Messaging Solutions<\/strong>.\r\n From <strong>Bulk SMS<\/strong> campaigns to <strong>OTP verification<\/strong>,\r\n <strong>WhatsApp Business API<\/strong>, and <strong>Rich Messaging<\/strong> \u2014\r\n we help you connect with your customers instantly, reliably, and securely.\r\n <\/p>\r\n \r\n <a href=\"#\" class=\"cta-btn\">\r\n <span>Contact Our Team<\/span>\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\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 – Messaging Services Home Products Messaging Messaging Solutions Infinexy Messaging Solutions empower businesses with reliable, scalable, and secure messaging services. From bulk SMS campaigns to OTP authentication and WhatsApp Business API, we help you connect with your customers instantly \u2014 anywhere in the world. 99.9% Deliverability Rate 150+ Countries Covered 24\/7 Support Infinexy – […]<\/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-1375","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1375","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=1375"}],"version-history":[{"count":62,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1375\/revisions"}],"predecessor-version":[{"id":2286,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1375\/revisions\/2286"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/media?parent=1375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Infinexy - Messaging Services<\/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;\r\n background: #f0f4f8;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ===== COLOR VARIABLES ===== *\/\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 .about-banner {\r\n position: relative;\r\n min-height: 65vh;\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: 40px 0 80px;\r\n }\r\n\r\n \/* 1. FLOATING ORBS *\/\r\n .about-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\r\n .about-banner .orb-1 {\r\n width: 200px;\r\n height: 200px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);\r\n top: -50px;\r\n right: -50px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .about-banner .orb-2 {\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);\r\n bottom: -100px;\r\n left: -100px;\r\n animation-delay: 3s;\r\n }\r\n\r\n .about-banner .orb-3 {\r\n width: 150px;\r\n height: 150px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);\r\n top: 40%;\r\n left: 60%;\r\n animation-delay: 5s;\r\n }\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 \/* 2. ROTATING RING *\/\r\n .about-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\r\n .about-banner .ring-1 {\r\n width: 400px;\r\n height: 400px;\r\n top: -100px;\r\n right: -100px;\r\n animation-duration: 25s;\r\n }\r\n\r\n .about-banner .ring-2 {\r\n width: 600px;\r\n height: 600px;\r\n bottom: -200px;\r\n left: -200px;\r\n animation-duration: 35s;\r\n animation-direction: reverse;\r\n }\r\n\r\n .about-banner .ring-3 {\r\n width: 250px;\r\n height: 250px;\r\n top: 50%;\r\n left: 70%;\r\n animation-duration: 15s;\r\n border-color: rgba(255,255,255,0.05);\r\n }\r\n\r\n .about-banner .ring::before {\r\n content: '';\r\n position: absolute;\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.2);\r\n top: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n box-shadow: 0 0 30px rgba(255,255,255,0.1);\r\n }\r\n\r\n @keyframes ringSpin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n \/* 3. SHOOTING STARS \/ DATA FLOW *\/\r\n .about-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\r\n .about-banner .shooting-star::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n right: 0;\r\n width: 60px;\r\n height: 1px;\r\n background: linear-gradient(90deg, rgba(255,255,255,0.3), transparent);\r\n transform: translateY(-50%);\r\n }\r\n\r\n .about-banner .shooting-star:nth-child(1) {\r\n top: 15%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .about-banner .shooting-star:nth-child(2) {\r\n top: 25%;\r\n right: 15%;\r\n animation-delay: 2s;\r\n animation-duration: 5s;\r\n }\r\n\r\n .about-banner .shooting-star:nth-child(3) {\r\n top: 55%;\r\n left: 5%;\r\n animation-delay: 4s;\r\n animation-duration: 3.5s;\r\n }\r\n\r\n .about-banner .shooting-star:nth-child(4) {\r\n top: 70%;\r\n right: 10%;\r\n animation-delay: 1.5s;\r\n animation-duration: 4.5s;\r\n }\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 \/* 4. FLOATING PARTICLES *\/\r\n .about-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\r\n .about-banner .particle:nth-child(1) {\r\n width: 4px;\r\n height: 4px;\r\n top: 10%;\r\n left: 20%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .about-banner .particle:nth-child(2) {\r\n width: 6px;\r\n height: 6px;\r\n top: 20%;\r\n right: 30%;\r\n animation-delay: 2s;\r\n }\r\n\r\n .about-banner .particle:nth-child(3) {\r\n width: 3px;\r\n height: 3px;\r\n bottom: 15%;\r\n left: 40%;\r\n animation-delay: 4s;\r\n }\r\n\r\n .about-banner .particle:nth-child(4) {\r\n width: 5px;\r\n height: 5px;\r\n bottom: 10%;\r\n right: 25%;\r\n animation-delay: 6s;\r\n }\r\n\r\n .about-banner .particle:nth-child(5) {\r\n width: 4px;\r\n height: 4px;\r\n top: 45%;\r\n left: 55%;\r\n animation-delay: 8s;\r\n }\r\n\r\n .about-banner .particle:nth-child(6) {\r\n width: 3px;\r\n height: 3px;\r\n top: 60%;\r\n right: 40%;\r\n animation-delay: 10s;\r\n }\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 \/* 5. PULSE DOTS *\/\r\n .about-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\r\n .about-banner .pulse-dot:nth-child(1) {\r\n width: 12px;\r\n height: 12px;\r\n top: 8%;\r\n left: 8%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .about-banner .pulse-dot:nth-child(2) {\r\n width: 8px;\r\n height: 8px;\r\n top: 30%;\r\n right: 12%;\r\n animation-delay: 0.8s;\r\n }\r\n\r\n .about-banner .pulse-dot:nth-child(3) {\r\n width: 16px;\r\n height: 16px;\r\n bottom: 20%;\r\n left: 5%;\r\n animation-delay: 1.6s;\r\n }\r\n\r\n .about-banner .pulse-dot:nth-child(4) {\r\n width: 10px;\r\n height: 10px;\r\n bottom: 40%;\r\n right: 8%;\r\n animation-delay: 2.4s;\r\n }\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 \/* 6. TECH SHAPES *\/\r\n .about-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\r\n .about-banner .tech-shape:nth-child(1) {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 20px;\r\n top: 20%;\r\n right: 15%;\r\n animation-delay: 0s;\r\n transform: rotate(45deg);\r\n }\r\n\r\n .about-banner .tech-shape:nth-child(2) {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n bottom: 25%;\r\n left: 20%;\r\n animation-delay: 3s;\r\n }\r\n\r\n .about-banner .tech-shape:nth-child(3) {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n top: 55%;\r\n right: 30%;\r\n animation-delay: 6s;\r\n transform: rotate(30deg);\r\n }\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 \/* 7. GLOW PULSE RING *\/\r\n .about-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\r\n .about-banner .glow-ring:nth-child(1) {\r\n width: 350px;\r\n height: 350px;\r\n top: 10%;\r\n right: 5%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .about-banner .glow-ring:nth-child(2) {\r\n width: 450px;\r\n height: 450px;\r\n bottom: 5%;\r\n left: 5%;\r\n animation-delay: 2.5s;\r\n }\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 \/* 8. GRID OVERLAY *\/\r\n .about-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 .about-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 .about-banner .banner-content {\r\n flex: 1 1 50%;\r\n max-width: 600px;\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 .about-banner .banner-image {\r\n flex: 1 1 40%;\r\n max-width: 500px;\r\n margin-left: 20px;\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 .about-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 .about-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 \/* ===== BREADCRUMB ===== *\/\r\n .about-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 .about-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 font-weight: 400;\r\n }\r\n\r\n .about-banner .breadcrumb a:hover {\r\n color: rgba(255,255,255,0.9);\r\n }\r\n\r\n .about-banner .breadcrumb .separator {\r\n color: rgba(255,255,255,0.2);\r\n font-size: 10px;\r\n }\r\n\r\n .about-banner .breadcrumb .current {\r\n color: rgba(255,255,255,0.9);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== CONTENT ===== *\/\r\n .about-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 .about-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 .about-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: 560px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .about-banner .stats {\r\n display: flex;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n animation: fadeInUp 0.7s ease 0.2s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .about-banner .stats .stat-item {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .about-banner .stats .stat-item .number {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: #ffffff;\r\n line-height: 1.2;\r\n }\r\n\r\n .about-banner .stats .stat-item .number .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 .about-banner .stats .stat-item .label {\r\n font-size: 13px;\r\n color: rgba(255,255,255,0.5);\r\n font-weight: 400;\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 \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n @media (min-width: 1400px) {\r\n .about-banner { padding: 40px 0 40px; min-height: 70vh; }\r\n .about-banner .heading { font-size: 62px; }\r\n .about-banner .ring-1 { width: 500px; height: 500px; }\r\n .about-banner .ring-2 { width: 700px; height: 700px; }\r\n }\r\n\r\n @media (max-width: 1399px) and (min-width: 1200px) {\r\n .about-banner { padding: 40px 0 80px; min-height: 65vh; }\r\n .about-banner .heading { font-size: 52px; }\r\n }\r\n\r\n @media (max-width: 1199px) {\r\n .about-banner { min-height: 55vh; padding: 80px 0 60px; }\r\n .about-banner .heading { font-size: clamp(36px, 4.5vw, 46px); }\r\n .about-banner .ring-2 { display: none; }\r\n .about-banner .glow-ring { display: none; }\r\n .about-banner .banner-image { flex: 1 1 45%; max-width: 45%; }\r\n .about-banner .banner-content { flex: 1 1 50%; }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .about-banner { min-height: auto; padding: 70px 0 50px; }\r\n .about-banner .banner-inner { flex-direction: column; text-align: center; }\r\n .about-banner .banner-content { max-width: 100%; flex: 1 1 100%; }\r\n .about-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 .about-banner .banner-image img { max-width: 400px; margin: 0 auto; }\r\n .about-banner .description { max-width: 100%; margin-left: auto; margin-right: auto; }\r\n .about-banner .stats { justify-content: center; }\r\n .about-banner .breadcrumb { justify-content: center; }\r\n .about-banner .orb-2 { display: none; }\r\n .about-banner .ring-1 { display: none; }\r\n .about-banner .ring-3 { display: none; }\r\n .about-banner .shooting-star { display: none; }\r\n .about-banner .tech-shape { display: none; }\r\n .about-banner .grid-overlay { display: none; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .about-banner { padding: 50px 0 40px; }\r\n .about-banner .banner-inner { padding: 0 20px; }\r\n .about-banner .heading { font-size: clamp(30px, 6vw, 36px); }\r\n .about-banner .description { font-size: 15px; line-height: 1.7; }\r\n .about-banner .stats { gap: 24px; flex-direction: row; flex-wrap: wrap; justify-content: center; }\r\n .about-banner .stats .stat-item .number { font-size: 24px; }\r\n .about-banner .stats .stat-item .label { font-size: 12px; }\r\n .about-banner .breadcrumb { font-size: 12px; }\r\n .about-banner .orb-1 { width: 120px; height: 120px; }\r\n .about-banner .orb-3 { display: none; }\r\n .about-banner .particle { display: none; }\r\n .about-banner .pulse-dot { display: none; }\r\n .about-banner .banner-image img { max-width: 320px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .about-banner { padding: 40px 0 30px; }\r\n .about-banner .banner-inner { padding: 0 16px; }\r\n .about-banner .heading { font-size: 26px; }\r\n .about-banner .description { font-size: 14px; }\r\n .about-banner .stats { gap: 16px; flex-direction: row; flex-wrap: wrap; justify-content: center; }\r\n .about-banner .stats .stat-item { text-align: center; min-width: 80px; }\r\n .about-banner .stats .stat-item .number { font-size: 22px; }\r\n .about-banner .stats .stat-item .label { font-size: 11px; }\r\n .about-banner .breadcrumb { font-size: 11px; flex-wrap: wrap; justify-content: center; }\r\n .about-banner .orb-1 { width: 80px; height: 80px; top: -30px; right: -30px; }\r\n .about-banner .banner-image img { max-width: 260px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .about-banner { padding: 30px 0 24px; }\r\n .about-banner .heading { font-size: 22px; }\r\n .about-banner .description { font-size: 13px; }\r\n .about-banner .stats .stat-item .number { font-size: 18px; }\r\n .about-banner .stats .stat-item .label { font-size: 10px; }\r\n .about-banner .breadcrumb { font-size: 10px; }\r\n .about-banner .stats { gap: 10px; }\r\n .about-banner .banner-image img { max-width: 220px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"about-banner\">\r\n\r\n \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 \r\n <div class=\"banner-content\">\r\n\r\n \r\n <nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\r\n <a href=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/\">Home<\/a>\r\n <span class=\"separator\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n <a href=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/products\/\">Products<\/a>\r\n <span class=\"separator\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n <span class=\"current\">Messaging<\/span>\r\n <\/nav>\r\n\r\n <h1 class=\"heading\">\r\n Messaging <span class=\"highlight\">Solutions<\/span>\r\n <\/h1>\r\n\r\n <p class=\"description\">\r\n Infinexy Messaging Solutions empower businesses with reliable, scalable, and secure messaging services. From bulk SMS campaigns to OTP authentication and WhatsApp Business API, we help you connect with your customers instantly \u2014 anywhere in the world.\r\n <\/p>\r\n\r\n <div class=\"stats\">\r\n <div class=\"stat-item\">\r\n <span class=\"number\"><span class=\"highlight\">99.9%<\/span><\/span>\r\n <span class=\"label\">Deliverability Rate<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"number\"><span class=\"highlight\">150+<\/span><\/span>\r\n <span class=\"label\">Countries Covered<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"number\"><span class=\"highlight\">24\/7<\/span><\/span>\r\n <span class=\"label\">Support<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"banner-image\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/infinexy.net\/wp-content\/uploads\/2026\/08\/messagingimage.png\" \r\n alt=\"Infinexy Messaging Solutions - global communication\"\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-cb2d669 e-con-full e-flex e-con e-parent\" data-id=\"cb2d669\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49e2efc elementor-widget elementor-widget-html\" data-id=\"49e2efc\" 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 - Messaging Solutions<\/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 html, body {\r\n width: 100%;\r\n overflow-x: hidden;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif !important;\r\n background: #f8fafc;\r\n }\r\n\r\n :root {\r\n --purple: #8E24AA;\r\n --blue: #009FE3;\r\n --green: #8BC34A;\r\n --dark: #0a1a2f;\r\n --gray: #475569;\r\n --white: #ffffff;\r\n --badge-color: #4D7DD1;\r\n --border: #e5e7eb;\r\n }\r\n\r\n .products-section {\r\n padding: 50px 0 50px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .products-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 .products-inner {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n max-width: 750px;\r\n margin: 0 auto 50px;\r\n width: 100%;\r\n }\r\n\r\n .section-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--badge-color);\r\n margin-bottom: 16px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .section-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 .section-title {\r\n font-size: clamp(32px, 4vw, 48px);\r\n font-weight: 800;\r\n color: var(--dark);\r\n line-height: 1.15;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .section-title .highlight {\r\n background: var(--dark);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .section-title:hover .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: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n .product-showcase-item {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.1s;\r\n background: #fafcff;\r\n border-radius: 24px;\r\n padding: 50px 55px;\r\n border: 1px solid rgba(77, 125, 209, 0.06);\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.02);\r\n width: 100%;\r\n }\r\n\r\n .showcase-content {\r\n padding-right: 10px;\r\n width: 100%;\r\n }\r\n\r\n .showcase-content .category-number {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--badge-color);\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n opacity: 0.6;\r\n }\r\n\r\n .showcase-content h2 {\r\n font-size: 34px;\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-bottom: 16px;\r\n line-height: 1.2;\r\n }\r\n\r\n .showcase-content h2 .highlight {\r\n background: var(--dark);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .showcase-content h2:hover .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 .showcase-content .desc {\r\n font-size: 15.5px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .showcase-content .desc strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .feature-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n margin: 18px 0 22px;\r\n }\r\n\r\n .feature-grid .feature-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n color: var(--gray);\r\n padding: 6px 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .feature-grid .feature-item i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n width: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .feature-grid .feature-item:hover {\r\n color: var(--dark);\r\n transform: translateX(4px);\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 32px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n border-radius: 100px;\r\n border: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n color: var(--white);\r\n background: var(--dark);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n z-index: 1;\r\n margin-top: 8px;\r\n }\r\n\r\n .btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 100px;\r\n background: linear-gradient(135deg, var(--purple), var(--blue));\r\n transform: translateX(-100%);\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: -1;\r\n }\r\n\r\n .btn-primary:hover::before {\r\n transform: translateX(0);\r\n }\r\n\r\n .btn-primary:hover {\r\n color: var(--white);\r\n box-shadow: 0 8px 30px rgba(142, 36, 170, 0.35);\r\n }\r\n\r\n .btn-primary i {\r\n font-size: 14px;\r\n transition: transform 0.3s ease;\r\n color: var(--white);\r\n }\r\n\r\n .btn-primary:hover i {\r\n transform: translateX(3px);\r\n }\r\n\r\n .btn-primary span {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .showcase-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .visual-box {\r\n width: 100%;\r\n max-width: 420px;\r\n aspect-ratio: 1 \/ 1;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n border: 1px solid var(--border);\r\n transition: all 0.4s ease;\r\n box-shadow: 0 8px 30px rgba(0,0,0,0.04);\r\n background: linear-gradient(135deg, #f8fafc, #e8f0fe);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n padding: 0;\r\n position: relative;\r\n }\r\n\r\n .visual-box:hover {\r\n border-color: rgba(77, 125, 209, 0.2);\r\n box-shadow: 0 12px 40px rgba(77, 125, 209, 0.06);\r\n }\r\n\r\n .visual-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .visual-box:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .visual-box .img-caption {\r\n position: absolute;\r\n bottom: 18px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: rgba(10, 26, 47, 0.7);\r\n backdrop-filter: blur(6px);\r\n padding: 6px 20px;\r\n border-radius: 60px;\r\n color: white;\r\n font-size: 13px;\r\n font-weight: 500;\r\n letter-spacing: 0.3px;\r\n white-space: nowrap;\r\n border: 1px solid rgba(255,255,255,0.15);\r\n pointer-events: none;\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: 1024px) {\r\n .products-inner {\r\n padding: 0 30px;\r\n }\r\n .product-showcase-item {\r\n padding: 40px 40px;\r\n gap: 40px;\r\n }\r\n .showcase-content h2 {\r\n font-size: 30px;\r\n }\r\n .visual-box {\r\n max-width: 360px;\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .products-section {\r\n padding: 60px 0 40px;\r\n }\r\n .products-inner {\r\n padding: 0 30px;\r\n }\r\n .product-showcase-item {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n padding: 38px 35px;\r\n }\r\n .showcase-content {\r\n text-align: center;\r\n padding-right: 0;\r\n }\r\n .showcase-content .desc {\r\n max-width: 100%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .showcase-content .category-number {\r\n text-align: center;\r\n }\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n text-align: left;\r\n max-width: 400px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .showcase-visual {\r\n justify-content: center;\r\n }\r\n .visual-box {\r\n max-width: 380px;\r\n margin: 0 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .products-section {\r\n padding: 50px 0 30px;\r\n }\r\n .products-inner {\r\n padding: 0 20px;\r\n }\r\n .section-header {\r\n margin-bottom: 35px;\r\n }\r\n .section-title {\r\n font-size: clamp(26px, 5vw, 32px);\r\n }\r\n .section-subtitle {\r\n font-size: 15px;\r\n }\r\n .product-showcase-item {\r\n padding: 28px 24px;\r\n gap: 28px;\r\n }\r\n .showcase-content h2 {\r\n font-size: 26px;\r\n }\r\n .showcase-content .desc {\r\n font-size: 14.5px;\r\n }\r\n .feature-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n }\r\n .feature-grid .feature-item {\r\n font-size: 13px;\r\n }\r\n .btn-primary {\r\n padding: 10px 24px;\r\n font-size: 13px;\r\n }\r\n .visual-box {\r\n max-width: 320px;\r\n }\r\n .visual-box .img-caption {\r\n font-size: 11px;\r\n padding: 4px 16px;\r\n bottom: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .products-section {\r\n padding: 40px 0 24px;\r\n }\r\n .products-inner {\r\n padding: 0 16px;\r\n }\r\n .section-header {\r\n margin-bottom: 28px;\r\n }\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n .section-subtitle {\r\n font-size: 14px;\r\n }\r\n .section-badge {\r\n font-size: 11px;\r\n }\r\n .product-showcase-item {\r\n padding: 22px 18px;\r\n border-radius: 16px;\r\n gap: 22px;\r\n }\r\n .showcase-content h2 {\r\n font-size: 22px;\r\n }\r\n .showcase-content .desc {\r\n font-size: 13.5px;\r\n }\r\n .feature-grid {\r\n grid-template-columns: 1fr;\r\n gap: 6px;\r\n max-width: 100%;\r\n }\r\n .feature-grid .feature-item {\r\n font-size: 12px;\r\n padding: 4px 0;\r\n }\r\n .btn-primary {\r\n padding: 8px 20px;\r\n font-size: 12px;\r\n gap: 8px;\r\n }\r\n .visual-box {\r\n max-width: 260px;\r\n }\r\n .visual-box .img-caption {\r\n font-size: 10px;\r\n padding: 4px 12px;\r\n bottom: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .products-inner {\r\n padding: 0 12px;\r\n }\r\n .product-showcase-item {\r\n padding: 18px 14px;\r\n }\r\n .showcase-content h2 {\r\n font-size: 20px;\r\n }\r\n .showcase-content .desc {\r\n font-size: 13px;\r\n }\r\n .visual-box {\r\n max-width: 220px;\r\n }\r\n .visual-box .img-caption {\r\n font-size: 9px;\r\n padding: 3px 10px;\r\n bottom: 8px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"products-section\">\r\n <div class=\"products-inner\">\r\n\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">\r\n <span class=\"dot\"><\/span>\r\n Messaging Solutions\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Enterprise <span class=\"highlight\">Messaging<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Bulk SMS, OTP authentication, WhatsApp Business API, and rich messaging \u2014 \r\n connect with your customers instantly, anywhere in the world.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"product-showcase-item\">\r\n <div class=\"showcase-content\">\r\n <div class=\"category-number\">Global Messaging Platform<\/div>\r\n <h2><span class=\"highlight\">Messaging Solutions<\/span><\/h2>\r\n <p class=\"desc\">\r\n <strong>Infinexy Messaging Solutions<\/strong> empower businesses to communicate \r\n with customers through their preferred channels. From <strong>bulk SMS campaigns<\/strong> \r\n to <strong>OTP authentication<\/strong> and <strong>WhatsApp Business API<\/strong>, \r\n our platform ensures reliable, scalable, and secure messaging with \r\n <strong>99.9% deliverability<\/strong> across 150+ countries.\r\n <\/p>\r\n <p class=\"desc\">\r\n Whether you need to send promotional messages, transactional alerts, or \r\n engage customers through rich media, Infinexy provides the infrastructure \r\n to deliver your messages instantly \u2014 with real-time analytics and \r\n comprehensive reporting.\r\n <\/p>\r\n\r\n \r\n <div class=\"feature-grid\">\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>Bulk SMS<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>OTP SMS<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>WhatsApp Business API<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>Rich Messaging<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#\" class=\"btn-primary\">\r\n <span>Get Started Today<\/span>\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"showcase-visual\">\r\n <div class=\"visual-box\">\r\n <img fetchpriority=\"high\" decoding=\"async\" \r\n src=\"https:\/\/res.cloudinary.com\/gm1vtogb\/image\/upload\/v1787140732\/img-56jh_1.webp\" \r\n alt=\"Messaging Solutions - Bulk SMS, OTP, WhatsApp API, Rich Messaging\"\r\n width=\"600\" \r\n height=\"600\"\r\n style=\"width:100%; height:100%; object-fit:cover;\"\r\n \/>\r\n <div class=\"img-caption\">\r\n <i class=\"fas fa-envelope\" style=\"margin-right:6px;\"><\/i> Messaging \u2022 global\r\n <\/div>\r\n <\/div>\r\n <\/div>\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-3c98ce0 e-con-full e-flex e-con e-parent\" data-id=\"3c98ce0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e93b5a elementor-widget elementor-widget-html\" data-id=\"0e93b5a\" 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 - Messaging Solutions<\/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 \/* ===== RESET & BASE ===== *\/\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 \/* ===== COLOR VARIABLES ===== *\/\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 }\r\n\r\n \/* ========================================\r\n MESSAGING SERVICES SECTION\r\n ======================================== *\/\r\n .messaging-section {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .messaging-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 .messaging-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 \/* ===== CONTENT WRAPPER ===== *\/\r\n .messaging-wrapper {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .messaging-wrapper > .messaging-visual {\r\n order: 1;\r\n }\r\n .messaging-wrapper > .messaging-text {\r\n order: 2;\r\n }\r\n\r\n \/* ===== LEFT: VISUAL ===== *\/\r\n .messaging-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .messaging-visual-wrapper {\r\n position: relative;\r\n width: 100%;\r\n max-width: 520px;\r\n }\r\n\r\n .messaging-image {\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\r\n position: relative;\r\n background: #f8fafc;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .messaging-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 20px;\r\n }\r\n\r\n .messaging-image-overlay {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.05), rgba(134, 74, 186, 0.03));\r\n pointer-events: none;\r\n }\r\n\r\n \/* ===== ANIMATED RING ===== *\/\r\n .messaging-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1.5px solid rgba(77, 125, 209, 0.06);\r\n pointer-events: none;\r\n z-index: 0;\r\n width: 120%;\r\n height: 120%;\r\n top: -10%;\r\n left: -10%;\r\n animation: spin 30s linear infinite;\r\n }\r\n\r\n .messaging-ring::before {\r\n content: '';\r\n position: absolute;\r\n top: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--badge-color);\r\n box-shadow: 0 0 20px rgba(77, 125, 209, 0.2);\r\n }\r\n\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n \/* ===== FLOATING CARDS ===== *\/\r\n .messaging-float-card {\r\n position: absolute;\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 14px 18px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n animation: floatCard 6s ease-in-out infinite;\r\n z-index: 2;\r\n }\r\n\r\n .messaging-float-card .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n }\r\n\r\n .messaging-float-card .card-icon.purple {\r\n background: linear-gradient(135deg, var(--purple), #a855f7);\r\n }\r\n .messaging-float-card .card-icon.blue {\r\n background: linear-gradient(135deg, var(--blue), #38bdf8);\r\n }\r\n .messaging-float-card .card-icon.green {\r\n background: linear-gradient(135deg, var(--green), #a3e635);\r\n }\r\n .messaging-float-card .card-icon.orange {\r\n background: linear-gradient(135deg, var(--orange), #fbbf24);\r\n }\r\n\r\n .messaging-float-card .card-text {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .messaging-float-card .card-text small {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 11px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .messaging-float-card.card-1 {\r\n top: -15px;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .messaging-float-card.card-2 {\r\n bottom: 20px;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .messaging-float-card.card-3 {\r\n bottom: -15px;\r\n right: -10px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n \/* ===== RIGHT: TEXT ===== *\/\r\n .messaging-text {\r\n max-width: 600px;\r\n }\r\n\r\n .messaging-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: 16px;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n }\r\n\r\n .messaging-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 .messaging-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .messaging-heading {\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: 16px;\r\n }\r\n\r\n .messaging-heading .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 .messaging-description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--gray);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .messaging-description strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== MESSAGING SERVICES GRID ===== *\/\r\n .messaging-services-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px 20px;\r\n margin-top: 20px;\r\n }\r\n\r\n .messaging-services-grid .service-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n color: var(--gray);\r\n padding: 6px 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .messaging-services-grid .service-item:hover {\r\n color: var(--dark);\r\n transform: translateX(4px);\r\n }\r\n\r\n .messaging-services-grid .service-item i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n width: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ========================================\r\n ANIMATIONS\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 \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .messaging-section { padding: 60px 0; }\r\n .messaging-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .messaging-wrapper > .messaging-visual { order: 1; }\r\n .messaging-wrapper > .messaging-text { order: 2; }\r\n\r\n .messaging-text { max-width: 100%; margin: 0 auto; }\r\n .messaging-badge { justify-content: center; }\r\n .messaging-description { max-width: 100%; margin-left: auto; margin-right: auto; }\r\n\r\n .messaging-services-grid {\r\n justify-content: center;\r\n max-width: 500px;\r\n margin: 20px auto 0;\r\n }\r\n .messaging-services-grid .service-item { justify-content: center; }\r\n\r\n .messaging-visual-wrapper { max-width: 420px; margin: 0 auto; }\r\n\r\n .messaging-float-card.card-1 { top: -10px; right: 0px; }\r\n .messaging-float-card.card-2 { bottom: 10px; left: -10px; }\r\n .messaging-float-card.card-3 { bottom: -10px; right: 0px; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .messaging-section { padding: 50px 0; }\r\n .messaging-inner { padding: 0 20px; }\r\n .messaging-heading { font-size: clamp(28px, 6vw, 32px); }\r\n .messaging-description { font-size: 15px; }\r\n\r\n .messaging-services-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n max-width: 100%;\r\n }\r\n .messaging-services-grid .service-item { font-size: 13px; padding: 4px 0; }\r\n\r\n .messaging-visual-wrapper { max-width: 360px; }\r\n\r\n .messaging-float-card {\r\n padding: 10px 14px;\r\n gap: 10px;\r\n }\r\n .messaging-float-card .card-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n .messaging-float-card .card-text { font-size: 12px; }\r\n .messaging-float-card .card-text small { font-size: 10px; }\r\n\r\n .messaging-float-card.card-1 { top: -5px; right: -5px; }\r\n .messaging-float-card.card-2 { bottom: 5px; left: -15px; }\r\n .messaging-float-card.card-3 { display: none; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .messaging-section { padding: 40px 0; }\r\n .messaging-inner { padding: 0 16px; }\r\n .messaging-heading { font-size: 24px; }\r\n .messaging-badge { font-size: 10px; }\r\n .messaging-description { font-size: 14px; }\r\n\r\n .messaging-services-grid {\r\n grid-template-columns: 1fr;\r\n gap: 8px;\r\n max-width: 100%;\r\n }\r\n .messaging-services-grid .service-item {\r\n font-size: 13px;\r\n justify-content: flex-start;\r\n }\r\n\r\n .messaging-visual-wrapper { max-width: 280px; }\r\n\r\n .messaging-float-card.card-1 {\r\n top: -5px;\r\n right: -10px;\r\n padding: 8px 12px;\r\n }\r\n .messaging-float-card.card-2 {\r\n bottom: 0;\r\n left: -10px;\r\n padding: 8px 12px;\r\n }\r\n .messaging-float-card .card-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .messaging-float-card .card-text { font-size: 10px; }\r\n .messaging-float-card .card-text small { font-size: 9px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .messaging-visual-wrapper { max-width: 240px; }\r\n\r\n .messaging-float-card.card-1,\r\n .messaging-float-card.card-2 {\r\n padding: 6px 10px;\r\n gap: 6px;\r\n }\r\n .messaging-float-card .card-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n border-radius: 8px;\r\n }\r\n .messaging-float-card .card-text { font-size: 9px; }\r\n .messaging-float-card .card-text small { font-size: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"messaging-section\">\r\n <div class=\"messaging-inner\">\r\n\r\n <div class=\"messaging-wrapper\">\r\n\r\n \r\n <div class=\"messaging-visual\">\r\n <div class=\"messaging-visual-wrapper\">\r\n\r\n <div class=\"messaging-ring\"><\/div>\r\n\r\n <div class=\"messaging-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/msg-abt.webp\"\r\n alt=\"Messaging Solutions - Bulk SMS, OTP, WhatsApp Business API\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"messaging-image-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"messaging-float-card card-1\">\r\n <div class=\"card-icon purple\">\r\n <i class=\"fas fa-sms\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Bulk SMS\r\n <small>High deliverability<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"messaging-float-card card-2\">\r\n <div class=\"card-icon blue\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n OTP SMS\r\n <small>Secure authentication<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"messaging-float-card card-3\">\r\n <div class=\"card-icon green\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n WhatsApp Business\r\n <small>API & rich messaging<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-text\">\r\n\r\n <div class=\"messaging-badge\">\r\n <span class=\"dot\"><\/span>\r\n Messaging Solutions\r\n <\/div>\r\n\r\n <h2 class=\"messaging-heading\">\r\n Enterprise Messaging\r\n <\/h2>\r\n\r\n <p class=\"messaging-description\">\r\n <strong>Infinexy Messaging Solutions<\/strong> empower businesses with reliable, scalable, and secure messaging services. From bulk SMS campaigns to OTP authentication and WhatsApp Business API, we help you connect with your customers instantly \u2014 anywhere in the world.\r\n <\/p>\r\n\r\n <p class=\"messaging-description\" style=\"margin-bottom:0;\">\r\n Our platform ensures <strong>high deliverability, real-time delivery tracking, and seamless integration<\/strong> with your existing systems, making it the ideal choice for enterprises, e-commerce, fintech, and more.\r\n <\/p>\r\n\r\n \r\n <div class=\"messaging-services-grid\">\r\n <div class=\"service-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Bulk SMS Campaigns\r\n <\/div>\r\n <div class=\"service-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n OTP & 2FA SMS\r\n <\/div>\r\n <div class=\"service-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n WhatsApp Business API\r\n <\/div>\r\n <div class=\"service-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Rich Messaging & RCS\r\n <\/div>\r\n <\/div>\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-f754746 e-con-full e-flex e-con e-parent\" data-id=\"f754746\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-240a040 elementor-widget elementor-widget-html\" data-id=\"240a040\" 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 - Messaging Solutions<\/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 \/* ===== RESET & BASE ===== *\/\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 \/* ===== COLOR VARIABLES ===== *\/\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 --light-bg: #f8fafc;\r\n --border: #e5e7eb;\r\n --badge-color: #4D7CD1;\r\n --icon-bg: #4D7DD1;\r\n }\r\n\r\n \/* ========================================\r\n MESSAGING SERVICES SECTION\r\n ======================================== *\/\r\n .messaging-section {\r\n padding: 30px 0 60px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .messaging-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 .messaging-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 \/* ===== SECTION HEADER ===== *\/\r\n .messaging-header {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .messaging-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: 16px;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n }\r\n\r\n .messaging-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 .messaging-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .messaging-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: 12px;\r\n }\r\n\r\n .messaging-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 .messaging-subtitle {\r\n font-size: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n margin-top: 4px;\r\n }\r\n\r\n \/* ========================================\r\n GRID \u2013 4 columns on desktop\/laptop\r\n ======================================== *\/\r\n .messaging-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n \/* ========================================\r\n CARD \u2013 Same style as DID Services\r\n ======================================== *\/\r\n .messaging-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 20px 26px;\r\n border: 1px solid var(--border);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n text-align: center;\r\n cursor: default;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .messaging-card:nth-child(1) { animation-delay: 0.05s; }\r\n .messaging-card:nth-child(2) { animation-delay: 0.10s; }\r\n .messaging-card:nth-child(3) { animation-delay: 0.15s; }\r\n .messaging-card:nth-child(4) { animation-delay: 0.20s; }\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 \/* Animated Gradient Border *\/\r\n .messaging-card::before {\r\n content: '';\r\n position: absolute;\r\n inset: -1px;\r\n border-radius: 16px;\r\n padding: 1.5px;\r\n background: linear-gradient(135deg, var(--purple), var(--blue), var(--green), var(--orange));\r\n background-size: 300% 300%;\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity: 0;\r\n transition: opacity 0.6s ease;\r\n pointer-events: none;\r\n animation: gradientMove 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes gradientMove {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n .messaging-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .messaging-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 24px 80px rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n \/* ===== DATA FLOW ===== *\/\r\n .messaging-card .data-flow {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--purple), var(--blue), var(--green), transparent);\r\n opacity: 0;\r\n transform: scaleX(0);\r\n transition: all 0.8s ease;\r\n transform-origin: left;\r\n }\r\n\r\n .messaging-card:hover .data-flow {\r\n opacity: 1;\r\n transform: scaleX(1);\r\n animation: dataFlowPulse 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes dataFlowPulse {\r\n 0%, 100% { opacity: 0.6; }\r\n 50% { opacity: 1; }\r\n }\r\n\r\n \/* ===== ICON - #4D7DD1 Background ===== *\/\r\n .messaging-card .messaging-icon-wrapper {\r\n width: 68px;\r\n height: 68px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 16px;\r\n font-size: 28px;\r\n color: var(--white);\r\n position: relative;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n background: #4D7DD1;\r\n }\r\n\r\n .messaging-card .messaging-icon-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n inset: -4px;\r\n border-radius: 50%;\r\n border: 2px solid transparent;\r\n opacity: 0;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n }\r\n\r\n .messaging-card:hover .messaging-icon-wrapper::before {\r\n opacity: 1;\r\n border-color: #4D7DD1;\r\n transform: scale(1.05);\r\n animation: ringRotate 3s linear infinite;\r\n }\r\n\r\n @keyframes ringRotate {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n .messaging-card .messaging-icon-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n inset: -12px;\r\n border-radius: 50%;\r\n background: #4D7DD1;\r\n opacity: 0;\r\n filter: blur(20px);\r\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n transform: scale(0.8);\r\n }\r\n\r\n .messaging-card:hover .messaging-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .messaging-card:hover .messaging-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .messaging-card .messaging-icon-wrapper i {\r\n position: relative;\r\n z-index: 1;\r\n color: var(--white);\r\n font-size: 28px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .messaging-card:hover .messaging-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .messaging-card .messaging-card-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 6px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .messaging-card:hover .messaging-card-title {\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 \/* ===== DESCRIPTION ===== *\/\r\n .messaging-card .messaging-card-desc {\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n line-height: 1.6;\r\n transition: color 0.4s ease;\r\n }\r\n\r\n .messaging-card:hover .messaging-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n \/* ===== FEATURES TAGS ===== *\/\r\n .messaging-card .feature-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n justify-content: center;\r\n margin-top: 14px;\r\n }\r\n\r\n .messaging-card .feature-tags span {\r\n font-size: 11px;\r\n font-weight: 500;\r\n color: var(--badge-color);\r\n background: rgba(77, 125, 209, 0.06);\r\n padding: 3px 12px;\r\n border-radius: 20px;\r\n transition: all 0.3s ease;\r\n border: 1px solid transparent;\r\n }\r\n\r\n .messaging-card:hover .feature-tags span {\r\n background: rgba(77, 125, 209, 0.12);\r\n border-color: rgba(77, 125, 209, 0.15);\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .messaging-card .shine {\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: linear-gradient(\r\n 45deg,\r\n transparent 35%,\r\n rgba(255, 255, 255, 0.04) 50%,\r\n transparent 65%\r\n );\r\n transform: rotate(45deg) translateX(-100%);\r\n transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n }\r\n\r\n .messaging-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY ===== *\/\r\n .messaging-card .glow-overlay {\r\n position: absolute;\r\n top: -30%;\r\n left: 50%;\r\n width: 150%;\r\n height: 150%;\r\n transform: translateX(-50%);\r\n background: radial-gradient(ellipse at center, rgba(142, 36, 170, 0.02), transparent 70%);\r\n opacity: 0;\r\n transition: opacity 0.6s ease;\r\n pointer-events: none;\r\n border-radius: 50%;\r\n }\r\n\r\n .messaging-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n \/* tablets & small laptops: 2 columns *\/\r\n @media (max-width: 1024px) {\r\n .messaging-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n \/* mobile: 2 columns *\/\r\n @media (max-width: 767px) {\r\n .messaging-section {\r\n padding: 50px 0 40px;\r\n }\r\n .messaging-inner {\r\n padding: 0 20px;\r\n }\r\n .messaging-header {\r\n margin-bottom: 36px;\r\n }\r\n .messaging-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n .messaging-subtitle {\r\n font-size: 15px;\r\n }\r\n .messaging-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n .messaging-card {\r\n padding: 24px 16px 20px;\r\n border-radius: 14px;\r\n }\r\n .messaging-card .messaging-icon-wrapper {\r\n width: 54px;\r\n height: 54px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n .messaging-card .messaging-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n .messaging-card .messaging-card-title {\r\n font-size: 15px;\r\n }\r\n .messaging-card .messaging-card-desc {\r\n font-size: 13px;\r\n }\r\n .messaging-card .feature-tags span {\r\n font-size: 10px;\r\n padding: 2px 10px;\r\n }\r\n }\r\n\r\n \/* very small phones: 2 columns, smaller padding *\/\r\n @media (max-width: 480px) {\r\n .messaging-section {\r\n padding: 40px 0 30px;\r\n }\r\n .messaging-inner {\r\n padding: 0 16px;\r\n }\r\n .messaging-header {\r\n margin-bottom: 28px;\r\n }\r\n .messaging-title {\r\n font-size: 24px;\r\n }\r\n .messaging-subtitle {\r\n font-size: 14px;\r\n }\r\n .messaging-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n }\r\n .messaging-card {\r\n padding: 18px 12px 16px;\r\n border-radius: 12px;\r\n }\r\n .messaging-card .messaging-icon-wrapper {\r\n width: 46px;\r\n height: 46px;\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n .messaging-card .messaging-icon-wrapper i {\r\n font-size: 17px;\r\n }\r\n .messaging-card .messaging-icon-wrapper::after {\r\n inset: -6px;\r\n filter: blur(12px);\r\n }\r\n .messaging-card .messaging-card-title {\r\n font-size: 13px;\r\n }\r\n .messaging-card .messaging-card-desc {\r\n font-size: 12px;\r\n }\r\n .messaging-card .feature-tags {\r\n gap: 4px;\r\n margin-top: 10px;\r\n }\r\n .messaging-card .feature-tags span {\r\n font-size: 9px;\r\n padding: 2px 8px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .messaging-grid {\r\n gap: 10px;\r\n }\r\n .messaging-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n .messaging-card .messaging-icon-wrapper {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n }\r\n .messaging-card .messaging-icon-wrapper i {\r\n font-size: 14px;\r\n }\r\n .messaging-card .messaging-card-title {\r\n font-size: 12px;\r\n }\r\n .messaging-card .messaging-card-desc {\r\n font-size: 10px;\r\n }\r\n .messaging-card .feature-tags span {\r\n font-size: 8px;\r\n padding: 1px 6px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"messaging-section\">\r\n <div class=\"messaging-inner\">\r\n\r\n <div class=\"messaging-header\">\r\n <div class=\"messaging-badge\">\r\n <span class=\"dot\"><\/span>\r\n Messaging Solutions\r\n <\/div>\r\n <h2 class=\"messaging-title\">\r\n Powerful Messaging\r\n <\/h2>\r\n <p class=\"messaging-subtitle\">\r\n Reliable, scalable, and secure messaging services to connect with your customers instantly \u2014 anywhere in the world.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"messaging-grid\">\r\n\r\n \r\n <div class=\"messaging-card\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"messaging-icon-wrapper\">\r\n <i class=\"fas fa-sms\"><\/i>\r\n <\/div>\r\n <h3 class=\"messaging-card-title\">Bulk SMS<\/h3>\r\n <p class=\"messaging-card-desc\">High-volume SMS campaigns with real-time delivery tracking and 99.9% deliverability.<\/p>\r\n <div class=\"feature-tags\">\r\n <span>Bulk<\/span>\r\n <span>High Deliverability<\/span>\r\n <span>Real-Time<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-card\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"messaging-icon-wrapper\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"messaging-card-title\">OTP SMS<\/h3>\r\n <p class=\"messaging-card-desc\">Secure one-time password delivery for authentication, verification, and fraud prevention.<\/p>\r\n <div class=\"feature-tags\">\r\n <span>Secure<\/span>\r\n <span>2FA<\/span>\r\n <span>Instant<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-card\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"messaging-icon-wrapper\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/div>\r\n <h3 class=\"messaging-card-title\">WhatsApp Business API<\/h3>\r\n <p class=\"messaging-card-desc\">Engage customers with rich messaging, automated notifications, and two-way conversations via WhatsApp.<\/p>\r\n <div class=\"feature-tags\">\r\n <span>WhatsApp<\/span>\r\n <span>Rich Messaging<\/span>\r\n <span>Automated<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-card\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"messaging-icon-wrapper\">\r\n <i class=\"fas fa-comment-dots\"><\/i>\r\n <\/div>\r\n <h3 class=\"messaging-card-title\">Rich Messaging<\/h3>\r\n <p class=\"messaging-card-desc\">Interactive messaging with images, videos, carousels, and quick replies for better engagement.<\/p>\r\n <div class=\"feature-tags\">\r\n <span>RCS<\/span>\r\n <span>Interactive<\/span>\r\n <span>Engagement<\/span>\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<div class=\"elementor-element elementor-element-35389ab e-con-full e-flex e-con e-parent\" data-id=\"35389ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7dd840 elementor-widget elementor-widget-html\" data-id=\"e7dd840\" 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 \u00b7 Industries We Serve<\/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: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n body, .industries-section, .industries-inner, .industries-header,\r\n .industries-badge, .industries-title, .industries-subtitle,\r\n .ticker-wrapper, .ticker-track, .ticker-item,\r\n h1, h2, h3, h4, p, a, span, li, div {\r\n font-family: 'Inter', sans-serif !important;\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 --border: #e5e7eb;\r\n --badge-color: #4D7DD1;\r\n }\r\n\r\n .industries-section {\r\n padding: 40px 0 50px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .industries-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 .industries-header {\r\n text-align: center;\r\n max-width: 680px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .industries-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--badge-color);\r\n margin-bottom: 14px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .industries-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 .industries-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: 12px;\r\n }\r\n\r\n .industries-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 .industries-subtitle {\r\n font-size: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ========================================\r\n TICKER \/ CAROUSEL\r\n ======================================== *\/\r\n .ticker-wrapper {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n background: #f8fafc;\r\n border-radius: 16px;\r\n border: 1px solid var(--border);\r\n padding: 20px 0;\r\n margin-top: 20px;\r\n }\r\n\r\n .ticker-wrapper::before,\r\n .ticker-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 60px;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n .ticker-wrapper::before {\r\n left: 0;\r\n background: linear-gradient(90deg, #f8fafc, transparent);\r\n }\r\n\r\n .ticker-wrapper::after {\r\n right: 0;\r\n background: linear-gradient(270deg, #f8fafc, transparent);\r\n }\r\n\r\n .ticker-track {\r\n display: flex;\r\n align-items: center;\r\n gap: 40px;\r\n animation: tickerScroll 50s linear infinite;\r\n width: max-content;\r\n }\r\n\r\n .ticker-track:hover {\r\n animation-play-state: paused;\r\n }\r\n\r\n .ticker-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 10px 24px;\r\n background: var(--white);\r\n border-radius: 50px;\r\n border: 1px solid var(--border);\r\n white-space: nowrap;\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: var(--dark);\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .ticker-item i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n }\r\n\r\n .ticker-item:hover {\r\n border-color: var(--badge-color);\r\n transform: scale(1.04);\r\n box-shadow: 0 4px 20px rgba(77, 125, 209, 0.08);\r\n }\r\n\r\n @keyframes tickerScroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n \/* ========================================\r\n DOTS \/ PROGRESS BAR\r\n ======================================== *\/\r\n .ticker-controls {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: 24px;\r\n }\r\n\r\n .ticker-dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n transition: all 0.4s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .ticker-dot.active {\r\n background: var(--badge-color);\r\n width: 24px;\r\n border-radius: 4px;\r\n }\r\n\r\n .ticker-dot:hover {\r\n background: var(--badge-color);\r\n opacity: 0.6;\r\n }\r\n\r\n .ticker-control-btn {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n border: 1px solid var(--border);\r\n background: var(--white);\r\n color: var(--dark);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n }\r\n\r\n .ticker-control-btn:hover {\r\n border-color: var(--badge-color);\r\n color: var(--badge-color);\r\n box-shadow: 0 4px 16px rgba(77, 125, 209, 0.08);\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n \/* Tablet *\/\r\n @media (max-width: 991px) {\r\n .ticker-wrapper { padding: 16px 0; }\r\n .ticker-track { \r\n gap: 30px; \r\n animation-duration: 60s !important; \r\n }\r\n .ticker-item { font-size: 14px; padding: 8px 18px; }\r\n .ticker-item i { font-size: 14px; }\r\n .ticker-wrapper::before,\r\n .ticker-wrapper::after { width: 40px; }\r\n }\r\n\r\n \/* Mobile Large *\/\r\n @media (max-width: 767px) {\r\n .industries-section { padding: 70px 0 60px; }\r\n .ticker-wrapper { padding: 14px 0; border-radius: 12px; }\r\n .ticker-track { \r\n gap: 20px; \r\n animation-duration: 65s !important; \r\n }\r\n .ticker-item { font-size: 13px; padding: 6px 16px; gap: 8px; }\r\n .ticker-item i { font-size: 13px; }\r\n .ticker-wrapper::before,\r\n .ticker-wrapper::after { width: 30px; }\r\n }\r\n\r\n \/* Mobile Small *\/\r\n @media (max-width: 480px) {\r\n .industries-section { padding: 50px 0 40px; }\r\n .industries-inner { padding: 0 16px; }\r\n .ticker-wrapper { padding: 10px 0; border-radius: 10px; }\r\n .ticker-track { \r\n gap: 14px; \r\n animation-duration: 70s !important; \r\n }\r\n .ticker-item { \r\n font-size: 11px; \r\n padding: 4px 12px; \r\n gap: 6px; \r\n border-radius: 30px; \r\n }\r\n .ticker-item i { font-size: 11px; }\r\n .ticker-wrapper::before,\r\n .ticker-wrapper::after { width: 20px; }\r\n .ticker-controls { gap: 8px; margin-top: 16px; }\r\n .ticker-dot { width: 6px; height: 6px; }\r\n .ticker-dot.active { width: 18px; }\r\n .ticker-control-btn { width: 28px; height: 28px; font-size: 11px; }\r\n }\r\n\r\n \/* Extra Small *\/\r\n @media (max-width: 375px) {\r\n .ticker-track { \r\n gap: 10px; \r\n animation-duration: 75s !important; \r\n }\r\n .ticker-item { \r\n font-size: 10px; \r\n padding: 3px 10px; \r\n }\r\n .ticker-item i { font-size: 10px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"industries-section\">\r\n <div class=\"industries-inner\">\r\n\r\n <div class=\"industries-header\">\r\n <div class=\"industries-badge\">\r\n <span class=\"dot\"><\/span> Industries\r\n <\/div>\r\n <h2 class=\"industries-title\">\r\n Industries We Serve\r\n <\/h2>\r\n <p class=\"industries-subtitle\">\r\n Empowering businesses across sectors with reliable eSIM connectivity solutions.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ticker-wrapper\">\r\n <div class=\"ticker-track\" id=\"tickerTrack\">\r\n\r\n \r\n <span class=\"ticker-item\"><i class=\"fas fa-plane\"><\/i> Travel & Tourism<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-wifi\"><\/i> Telecommunications<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-building\"><\/i> Enterprise Businesses<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-truck\"><\/i> Logistics & Transportation<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-heartbeat\"><\/i> Healthcare<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-graduation-cap\"><\/i> Education<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-university\"><\/i> Financial Services<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-shopping-cart\"><\/i> Retail<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-industry\"><\/i> Manufacturing<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-city\"><\/i> Smart Cities<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-microchip\"><\/i> Internet of Things (IoT)<\/span>\r\n\r\n \r\n <span class=\"ticker-item\"><i class=\"fas fa-plane\"><\/i> Travel & Tourism<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-wifi\"><\/i> Telecommunications<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-building\"><\/i> Enterprise Businesses<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-truck\"><\/i> Logistics & Transportation<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-heartbeat\"><\/i> Healthcare<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-graduation-cap\"><\/i> Education<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-university\"><\/i> Financial Services<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-shopping-cart\"><\/i> Retail<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-industry\"><\/i> Manufacturing<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-city\"><\/i> Smart Cities<\/span>\r\n <span class=\"ticker-item\"><i class=\"fas fa-microchip\"><\/i> Internet of Things (IoT)<\/span>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n const track = document.getElementById('tickerTrack');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const wrapper = document.querySelector('.ticker-wrapper');\r\n\r\n let currentSpeed = 50;\r\n\r\n function setSpeed(speed) {\r\n track.style.animation = 'none';\r\n void track.offsetWidth;\r\n track.style.animation = `tickerScroll ${speed}s linear infinite`;\r\n }\r\n\r\n \/\/ Pause on hover\r\n wrapper.addEventListener('mouseenter', function() {\r\n track.style.animationPlayState = 'paused';\r\n });\r\n wrapper.addEventListener('mouseleave', function() {\r\n track.style.animationPlayState = 'running';\r\n });\r\n\r\n \/\/ Speed controls\r\n prevBtn.addEventListener('click', function() {\r\n currentSpeed = Math.min(currentSpeed + 10, 90);\r\n setSpeed(currentSpeed);\r\n });\r\n\r\n nextBtn.addEventListener('click', function() {\r\n currentSpeed = Math.max(currentSpeed - 10, 25);\r\n setSpeed(currentSpeed);\r\n });\r\n\r\n \/\/ Dot controls\r\n const dots = document.querySelectorAll('.ticker-dot');\r\n dots.forEach((dot, index) => {\r\n dot.addEventListener('click', function() {\r\n dots.forEach(d => d.classList.remove('active'));\r\n this.classList.add('active');\r\n const speeds = [70, 60, 50, 40];\r\n const newSpeed = speeds[index % speeds.length] || 50;\r\n currentSpeed = newSpeed;\r\n setSpeed(currentSpeed);\r\n });\r\n });\r\n\r\n \/\/ Responsive speed adjustment\r\n function adjustSpeedForScreen() {\r\n const width = window.innerWidth;\r\n let newSpeed = 50;\r\n if (width <= 375) {\r\n newSpeed = 75;\r\n } else if (width <= 480) {\r\n newSpeed = 70;\r\n } else if (width <= 767) {\r\n newSpeed = 65;\r\n } else if (width <= 991) {\r\n newSpeed = 60;\r\n } else {\r\n newSpeed = 50;\r\n }\r\n currentSpeed = newSpeed;\r\n setSpeed(currentSpeed);\r\n }\r\n\r\n \/\/ Run on load and resize\r\n adjustSpeedForScreen();\r\n window.addEventListener('resize', adjustSpeedForScreen);\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<div class=\"elementor-element elementor-element-8f558df e-con-full e-flex e-con e-parent\" data-id=\"8f558df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84999d7 elementor-widget elementor-widget-html\" data-id=\"84999d7\" 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>Messaging Solutions \u00b7 Infinexy<\/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 RESET & BASE\r\n ======================================== *\/\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: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ========================================\r\n MESSAGING SERVICES SECTION\r\n ======================================== *\/\r\n .msg-section {\r\n padding: 40px 0 40px;\r\n background: #ffffff;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .msg-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 .msg-inner {\r\n max-width: 1200px;\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 \/* ===== HEADER ===== *\/\r\n .msg-header {\r\n text-align: center;\r\n max-width: 600px;\r\n margin: 0 auto 50px;\r\n }\r\n\r\n .msg-badge {\r\n display: inline-block;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #4D7DD1;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .msg-badge .msg-dot {\r\n display: inline-block;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #4D7DD1;\r\n margin-right: 8px;\r\n vertical-align: middle;\r\n }\r\n\r\n .msg-title {\r\n font-size: 38px;\r\n font-weight: 800;\r\n color: #0a1a2f;\r\n line-height: 1.1;\r\n }\r\n\r\n .msg-title .msg-highlight {\r\n background: linear-gradient(135deg, #8E24AA, #009FE3);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .msg-subtitle {\r\n font-size: 17px;\r\n color: #475569;\r\n margin-top: 8px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ========================================\r\n TIMELINE \u2013 HORIZONTAL FLOW\r\n ======================================== *\/\r\n .msg-timeline {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n position: relative;\r\n padding: 40px 0 20px;\r\n }\r\n\r\n \/* Connector Line *\/\r\n .msg-timeline::before {\r\n content: '';\r\n position: absolute;\r\n top: 64px;\r\n left: 40px;\r\n right: 40px;\r\n height: 2px;\r\n background: #e5e7eb;\r\n border-radius: 2px;\r\n z-index: 0;\r\n }\r\n\r\n \/* ===== EACH STEP ===== *\/\r\n .msg-step {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n position: relative;\r\n transition: all 0.3s ease;\r\n padding: 0 6px;\r\n z-index: 1;\r\n }\r\n\r\n \/* Dot *\/\r\n .msg-step .msg-dot {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: #4D7DD1;\r\n border: 3px solid #ffffff;\r\n box-shadow: 0 0 0 2px #4D7DD1;\r\n margin-bottom: 12px;\r\n z-index: 2;\r\n transition: all 0.3s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .msg-step:hover .msg-dot {\r\n transform: scale(1.25);\r\n box-shadow: 0 0 0 4px #4D7DD1;\r\n }\r\n\r\n \/* Individual dot colors *\/\r\n .msg-step:nth-child(1) .msg-dot { background: #8E24AA; box-shadow: 0 0 0 2px #8E24AA; }\r\n .msg-step:nth-child(1):hover .msg-dot { box-shadow: 0 0 0 4px #8E24AA; }\r\n\r\n .msg-step:nth-child(2) .msg-dot { background: #4D7DD1; box-shadow: 0 0 0 2px #4D7DD1; }\r\n .msg-step:nth-child(2):hover .msg-dot { box-shadow: 0 0 0 4px #4D7DD1; }\r\n\r\n .msg-step:nth-child(3) .msg-dot { background: #009FE3; box-shadow: 0 0 0 2px #009FE3; }\r\n .msg-step:nth-child(3):hover .msg-dot { box-shadow: 0 0 0 4px #009FE3; }\r\n\r\n .msg-step:nth-child(4) .msg-dot { background: #8BC34A; box-shadow: 0 0 0 2px #8BC34A; }\r\n .msg-step:nth-child(4):hover .msg-dot { box-shadow: 0 0 0 4px #8BC34A; }\r\n\r\n \/* Number *\/\r\n .msg-step .msg-num {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #4D7DD1;\r\n margin-bottom: 4px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .msg-step:nth-child(1) .msg-num { color: #8E24AA; }\r\n .msg-step:nth-child(2) .msg-num { color: #4D7DD1; }\r\n .msg-step:nth-child(3) .msg-num { color: #009FE3; }\r\n .msg-step:nth-child(4) .msg-num { color: #8BC34A; }\r\n\r\n \/* Icon *\/\r\n .msg-step .msg-icon {\r\n font-size: 24px;\r\n color: #4D7DD1;\r\n margin-bottom: 8px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .msg-step:nth-child(1) .msg-icon { color: #8E24AA; }\r\n .msg-step:nth-child(2) .msg-icon { color: #4D7DD1; }\r\n .msg-step:nth-child(3) .msg-icon { color: #009FE3; }\r\n .msg-step:nth-child(4) .msg-icon { color: #8BC34A; }\r\n\r\n .msg-step:hover .msg-icon {\r\n transform: scale(1.15) translateY(-2px);\r\n }\r\n\r\n \/* Content Wrapper *\/\r\n .msg-step .msg-step-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n \/* Title *\/\r\n .msg-step .msg-step-title {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: #0a1a2f;\r\n margin-bottom: 4px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .msg-step:hover .msg-step-title {\r\n color: #4D7DD1;\r\n }\r\n\r\n .msg-step:nth-child(1):hover .msg-step-title { color: #8E24AA; }\r\n .msg-step:nth-child(2):hover .msg-step-title { color: #4D7DD1; }\r\n .msg-step:nth-child(3):hover .msg-step-title { color: #009FE3; }\r\n .msg-step:nth-child(4):hover .msg-step-title { color: #8BC34A; }\r\n\r\n \/* Description - UK focused, no \"Enterprise\" word *\/\r\n .msg-step .msg-step-desc {\r\n font-size: 12px;\r\n color: #94a3b8;\r\n max-width: 140px;\r\n line-height: 1.5;\r\n transition: color 0.3s;\r\n }\r\n\r\n .msg-step:hover .msg-step-desc {\r\n color: #475569;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n \/* Tablet (768px - 991px) - 2 columns *\/\r\n @media (max-width: 991px) {\r\n .msg-section {\r\n padding: 80px 0 60px;\r\n }\r\n .msg-inner {\r\n padding: 0 24px;\r\n }\r\n .msg-header {\r\n margin-bottom: 40px;\r\n }\r\n .msg-title {\r\n font-size: 32px;\r\n }\r\n .msg-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .msg-timeline {\r\n flex-wrap: wrap;\r\n gap: 30px 20px;\r\n padding: 20px 0 10px;\r\n justify-content: center;\r\n }\r\n .msg-timeline::before {\r\n display: none;\r\n }\r\n\r\n .msg-step {\r\n flex: 0 0 calc(50% - 20px);\r\n padding: 0;\r\n max-width: 220px;\r\n }\r\n\r\n .msg-step .msg-step-desc {\r\n max-width: 100%;\r\n }\r\n\r\n .msg-step .msg-icon {\r\n font-size: 22px;\r\n }\r\n .msg-step .msg-step-title {\r\n font-size: 14px;\r\n }\r\n .msg-step .msg-step-desc {\r\n font-size: 12px;\r\n }\r\n .msg-step .msg-dot {\r\n width: 12px;\r\n height: 12px;\r\n margin-bottom: 10px;\r\n }\r\n }\r\n\r\n \/* Mobile (below 768px) - 2 columns *\/\r\n @media (max-width: 767px) {\r\n .msg-section {\r\n padding: 70px 0 50px;\r\n }\r\n .msg-inner {\r\n padding: 0 20px;\r\n }\r\n .msg-header {\r\n margin-bottom: 32px;\r\n }\r\n .msg-title {\r\n font-size: 28px;\r\n }\r\n .msg-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .msg-timeline {\r\n flex-wrap: wrap;\r\n gap: 24px 16px;\r\n padding: 10px 0;\r\n justify-content: center;\r\n }\r\n .msg-timeline::before {\r\n display: none;\r\n }\r\n\r\n .msg-step {\r\n flex: 0 0 calc(50% - 16px);\r\n padding: 0;\r\n max-width: 220px;\r\n }\r\n\r\n .msg-step .msg-step-desc {\r\n max-width: 100%;\r\n }\r\n\r\n .msg-step .msg-dot {\r\n width: 12px;\r\n height: 12px;\r\n margin-bottom: 8px;\r\n border-width: 2px;\r\n }\r\n .msg-step .msg-num {\r\n font-size: 12px;\r\n }\r\n .msg-step .msg-icon {\r\n font-size: 20px;\r\n margin-bottom: 6px;\r\n }\r\n .msg-step .msg-step-title {\r\n font-size: 13px;\r\n }\r\n .msg-step .msg-step-desc {\r\n font-size: 11px;\r\n }\r\n }\r\n\r\n \/* Mobile Small (below 480px) - 2 columns *\/\r\n @media (max-width: 480px) {\r\n .msg-section {\r\n padding: 50px 0 40px;\r\n }\r\n .msg-inner {\r\n padding: 0 16px;\r\n }\r\n .msg-header {\r\n margin-bottom: 28px;\r\n }\r\n .msg-title {\r\n font-size: 24px;\r\n }\r\n .msg-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .msg-timeline {\r\n gap: 18px 12px;\r\n padding: 5px 0;\r\n }\r\n\r\n .msg-step {\r\n flex: 0 0 calc(50% - 12px);\r\n max-width: 100%;\r\n }\r\n\r\n .msg-step .msg-dot {\r\n width: 10px;\r\n height: 10px;\r\n margin-bottom: 6px;\r\n border-width: 2px;\r\n }\r\n .msg-step .msg-num {\r\n font-size: 11px;\r\n margin-bottom: 2px;\r\n }\r\n .msg-step .msg-icon {\r\n font-size: 16px;\r\n margin-bottom: 4px;\r\n }\r\n .msg-step .msg-step-title {\r\n font-size: 12px;\r\n margin-bottom: 2px;\r\n }\r\n .msg-step .msg-step-desc {\r\n font-size: 10px;\r\n line-height: 1.4;\r\n }\r\n }\r\n\r\n \/* Very Small (below 375px) *\/\r\n @media (max-width: 375px) {\r\n .msg-section {\r\n padding: 40px 0 30px;\r\n }\r\n .msg-inner {\r\n padding: 0 12px;\r\n }\r\n .msg-timeline {\r\n gap: 14px 10px;\r\n }\r\n .msg-step {\r\n flex: 0 0 calc(50% - 10px);\r\n padding: 0;\r\n }\r\n .msg-step .msg-dot {\r\n width: 8px;\r\n height: 8px;\r\n margin-bottom: 4px;\r\n border-width: 1.5px;\r\n }\r\n .msg-step .msg-num {\r\n font-size: 10px;\r\n margin-bottom: 1px;\r\n }\r\n .msg-step .msg-icon {\r\n font-size: 14px;\r\n margin-bottom: 3px;\r\n }\r\n .msg-step .msg-step-title {\r\n font-size: 11px;\r\n margin-bottom: 1px;\r\n }\r\n .msg-step .msg-step-desc {\r\n font-size: 9px;\r\n line-height: 1.3;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"msg-section\">\r\n <div class=\"msg-inner\">\r\n\r\n \r\n <div class=\"msg-header\">\r\n <div class=\"msg-badge\">\r\n <span class=\"msg-dot\"><\/span> Messaging Solutions\r\n <\/div>\r\n <h2 class=\"msg-title\">\r\n Global Messaging\r\n <\/h2>\r\n <p class=\"msg-subtitle\">\r\n Reliable, secure, and scalable messaging solutions to connect with your customers \u2014 anywhere in the world.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-timeline\">\r\n\r\n \r\n <div class=\"msg-step\">\r\n <div class=\"msg-dot\"><\/div>\r\n <span class=\"msg-num\">01<\/span>\r\n <div class=\"msg-icon\"><i class=\"fas fa-sms\"><\/i><\/div>\r\n <div class=\"msg-step-content\">\r\n <h4 class=\"msg-step-title\">Bulk SMS<\/h4>\r\n <p class=\"msg-step-desc\">Send high-volume SMS campaigns with 99.9% deliverability to customers worldwide.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-step\">\r\n <div class=\"msg-dot\"><\/div>\r\n <span class=\"msg-num\">02<\/span>\r\n <div class=\"msg-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <div class=\"msg-step-content\">\r\n <h4 class=\"msg-step-title\">OTP SMS<\/h4>\r\n <p class=\"msg-step-desc\">Secure one-time passwords for user authentication, verification, and fraud prevention.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-step\">\r\n <div class=\"msg-dot\"><\/div>\r\n <span class=\"msg-num\">03<\/span>\r\n <div class=\"msg-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n <div class=\"msg-step-content\">\r\n <h4 class=\"msg-step-title\">WhatsApp Business API<\/h4>\r\n <p class=\"msg-step-desc\">Official WhatsApp Business API for rich messaging, notifications, and customer engagement.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-step\">\r\n <div class=\"msg-dot\"><\/div>\r\n <span class=\"msg-num\">04<\/span>\r\n <div class=\"msg-icon\"><i class=\"fas fa-comment-dots\"><\/i><\/div>\r\n <div class=\"msg-step-content\">\r\n <h4 class=\"msg-step-title\">Rich Messaging<\/h4>\r\n <p class=\"msg-step-desc\">Interactive messaging with images, videos, buttons, and quick replies for better engagement.<\/p>\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<div class=\"elementor-element elementor-element-db9002e e-con-full 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 - Messaging Services<\/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 RESET & BASE\r\n ======================================== *\/\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: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ===== COLOR VARIABLES ===== *\/\r\n :root {\r\n --purple: #8E24AA;\r\n --blue: #009FE3;\r\n --blue-dark: #0077B6;\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 --light-bg: #f8fafc;\r\n --border: #e5e7eb;\r\n --badge-color: #3278D1;\r\n --icon-gradient: linear-gradient(135deg, #38bdf8, #2563eb);\r\n }\r\n\r\n \/* ========================================\r\n MESSAGING SERVICES SECTION\r\n ======================================== *\/\r\n .messaging-section {\r\n padding: 40px 0 40px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .messaging-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 .messaging-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 \/* ===== SECTION HEADER ===== *\/\r\n .messaging-header {\r\n text-align: center;\r\n max-width: 680px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .messaging-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--badge-color);\r\n margin-bottom: 14px;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .messaging-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 .messaging-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .messaging-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: 12px;\r\n }\r\n\r\n .messaging-title .highlight {\r\n background: linear-gradient(135deg, var(--badge-color), 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 .messaging-subtitle {\r\n font-size: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n margin-top: 4px;\r\n }\r\n\r\n \/* ========================================\r\n MESSAGING GRID - 4 columns\r\n ======================================== *\/\r\n .messaging-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n \/* ========================================\r\n MESSAGING CARD\r\n ======================================== *\/\r\n .messaging-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 30px 22px 26px;\r\n border: 1px solid var(--border);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n text-align: center;\r\n cursor: pointer;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .messaging-card:nth-child(1) { animation-delay: 0.04s; }\r\n .messaging-card:nth-child(2) { animation-delay: 0.08s; }\r\n .messaging-card:nth-child(3) { animation-delay: 0.12s; }\r\n .messaging-card:nth-child(4) { animation-delay: 0.16s; }\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 \/* Animated Gradient Border *\/\r\n .messaging-card::before {\r\n content: '';\r\n position: absolute;\r\n inset: -1px;\r\n border-radius: 16px;\r\n padding: 1.5px;\r\n background: linear-gradient(135deg, var(--badge-color), var(--blue), var(--green), var(--orange));\r\n background-size: 300% 300%;\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity: 0;\r\n transition: opacity 0.6s ease;\r\n pointer-events: none;\r\n animation: gradientMove 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes gradientMove {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n .messaging-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .messaging-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 24px 80px rgba(0, 0, 0, 0.06);\r\n border-color: transparent;\r\n }\r\n\r\n \/* Data flow line *\/\r\n .messaging-card .data-flow {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--badge-color), var(--blue), var(--green), transparent);\r\n opacity: 0;\r\n transform: scaleX(0);\r\n transition: all 0.8s ease;\r\n transform-origin: left;\r\n }\r\n\r\n .messaging-card:hover .data-flow {\r\n opacity: 1;\r\n transform: scaleX(1);\r\n animation: dataFlowPulse 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes dataFlowPulse {\r\n 0%, 100% { opacity: 0.6; }\r\n 50% { opacity: 1; }\r\n }\r\n\r\n \/* ===== ICON WRAPPER ===== *\/\r\n .messaging-card .msg-icon-wrapper {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 14px;\r\n font-size: 24px;\r\n color: var(--white);\r\n position: relative;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n background: var(--icon-gradient);\r\n }\r\n\r\n .messaging-card .msg-icon-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n inset: -4px;\r\n border-radius: 50%;\r\n border: 2px solid transparent;\r\n opacity: 0;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n animation: ringRotate 3s linear infinite;\r\n }\r\n\r\n @keyframes ringRotate {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n .messaging-card .msg-icon-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n inset: -12px;\r\n border-radius: 50%;\r\n background: var(--icon-gradient);\r\n opacity: 0;\r\n filter: blur(20px);\r\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n transform: scale(0.8);\r\n }\r\n\r\n .messaging-card:hover .msg-icon-wrapper {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .messaging-card:hover .msg-icon-wrapper::before {\r\n opacity: 1;\r\n border-color: var(--badge-color);\r\n transform: scale(1.05);\r\n }\r\n\r\n .messaging-card:hover .msg-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .messaging-card .msg-icon-wrapper i {\r\n position: relative;\r\n z-index: 1;\r\n color: var(--white);\r\n font-size: 24px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .messaging-card:hover .msg-icon-wrapper i {\r\n transform: scale(1.02);\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .messaging-card .msg-card-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 6px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .messaging-card:hover .msg-card-title {\r\n background: linear-gradient(135deg, var(--badge-color), 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 \/* ===== DESCRIPTION ===== *\/\r\n .messaging-card .msg-card-desc {\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n line-height: 1.6;\r\n transition: color 0.4s ease;\r\n }\r\n\r\n .messaging-card:hover .msg-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n \/* ===== READ MORE LINK ===== *\/\r\n .messaging-card .msg-card-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 12px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--badge-color);\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 0;\r\n }\r\n\r\n .messaging-card .msg-card-link i {\r\n font-size: 12px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .messaging-card:hover .msg-card-link i {\r\n transform: translateX(4px);\r\n }\r\n\r\n .messaging-card .msg-card-link:hover {\r\n color: var(--blue-dark);\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .messaging-card .shine {\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: linear-gradient(\r\n 45deg,\r\n transparent 35%,\r\n rgba(255, 255, 255, 0.04) 50%,\r\n transparent 65%\r\n );\r\n transform: rotate(45deg) translateX(-100%);\r\n transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n }\r\n\r\n .messaging-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY ===== *\/\r\n .messaging-card .glow-overlay {\r\n position: absolute;\r\n top: -30%;\r\n left: 50%;\r\n width: 150%;\r\n height: 150%;\r\n transform: translateX(-50%);\r\n background: radial-gradient(ellipse at center, rgba(50, 120, 209, 0.02), transparent 70%);\r\n opacity: 0;\r\n transition: opacity 0.6s ease;\r\n pointer-events: none;\r\n border-radius: 50%;\r\n }\r\n\r\n .messaging-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n MODAL \/ POPUP\r\n ======================================== *\/\r\n .msg-modal-overlay {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n z-index: 1000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n animation: overlayIn 0.3s ease;\r\n }\r\n\r\n .msg-modal-overlay.active {\r\n display: flex;\r\n }\r\n\r\n @keyframes overlayIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n .msg-modal {\r\n background: #ffffff;\r\n border-radius: 24px;\r\n max-width: 520px;\r\n width: 100%;\r\n padding: 40px 36px 32px;\r\n position: relative;\r\n animation: modalIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 40px 120px rgba(0,0,0,0.15);\r\n }\r\n\r\n @keyframes modalIn {\r\n from { opacity: 0; transform: scale(0.9) translateY(30px); }\r\n to { opacity: 1; transform: scale(1) translateY(0); }\r\n }\r\n\r\n .msg-modal-close {\r\n position: absolute;\r\n top: 16px;\r\n right: 20px;\r\n background: none;\r\n border: none;\r\n font-size: 24px;\r\n color: #94a3b8;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .msg-modal-close:hover {\r\n background: #f1f5f9;\r\n color: #0a1a2f;\r\n transform: rotate(90deg);\r\n }\r\n\r\n .msg-modal-icon {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n color: #ffffff;\r\n margin-bottom: 16px;\r\n background: var(--icon-gradient);\r\n }\r\n\r\n .msg-modal-title {\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: #0a1a2f;\r\n margin-bottom: 8px;\r\n line-height: 1.2;\r\n }\r\n\r\n .msg-modal-desc {\r\n font-size: 15px;\r\n color: #475569;\r\n line-height: 1.8;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .msg-modal-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 12px 0 20px;\r\n }\r\n\r\n .msg-modal-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n font-size: 14px;\r\n color: #475569;\r\n padding: 6px 0;\r\n line-height: 1.6;\r\n }\r\n\r\n .msg-modal-list li i {\r\n color: var(--badge-color);\r\n font-size: 14px;\r\n margin-top: 3px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .msg-modal-btn {\r\n display: inline-block;\r\n padding: 10px 28px;\r\n background: linear-gradient(135deg, var(--badge-color), var(--blue));\r\n color: #ffffff;\r\n border: none;\r\n border-radius: 50px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n }\r\n\r\n .msg-modal-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(77,125,209,0.25);\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 1199px) {\r\n .messaging-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .messaging-section { padding: 70px 0 60px; }\r\n .messaging-title { font-size: clamp(30px, 4vw, 38px); }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .messaging-section { padding: 56px 0 48px; }\r\n .messaging-inner { padding: 0 20px; }\r\n .messaging-header { margin-bottom: 32px; }\r\n .messaging-grid { grid-template-columns: 1fr 1fr; gap: 14px; }\r\n .messaging-card { padding: 20px 14px 18px; border-radius: 14px; }\r\n .messaging-card .msg-icon-wrapper { width: 48px; height: 48px; font-size: 18px; margin-bottom: 10px; }\r\n .messaging-card .msg-icon-wrapper i { font-size: 18px; }\r\n .messaging-card .msg-card-title { font-size: 14px; }\r\n .messaging-card .msg-card-desc { font-size: 12px; }\r\n .messaging-title { font-size: clamp(28px, 6vw, 32px); }\r\n .messaging-subtitle { font-size: 15px; }\r\n .msg-modal { padding: 24px 20px 20px; max-width: 400px; }\r\n .msg-modal-title { font-size: 19px; }\r\n .msg-modal-desc { font-size: 14px; }\r\n .msg-modal-list li { font-size: 13px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .messaging-section { padding: 40px 0 30px; }\r\n .messaging-inner { padding: 0 16px; }\r\n .messaging-header { margin-bottom: 24px; }\r\n .messaging-grid { grid-template-columns: 1fr 1fr; gap: 12px; }\r\n .messaging-card { padding: 16px 10px 14px; border-radius: 12px; }\r\n .messaging-card .msg-icon-wrapper { width: 44px; height: 44px; font-size: 16px; margin-bottom: 10px; }\r\n .messaging-card .msg-icon-wrapper i { font-size: 16px; }\r\n .messaging-card .msg-icon-wrapper::after { inset: -6px; filter: blur(12px); }\r\n .messaging-card .msg-card-title { font-size: 13px; }\r\n .messaging-card .msg-card-desc { font-size: 11px; }\r\n .messaging-card .msg-card-link { font-size: 11px; margin-top: 8px; }\r\n .messaging-title { font-size: 24px; }\r\n .messaging-subtitle { font-size: 14px; }\r\n .msg-modal-overlay { padding: 12px; }\r\n .msg-modal { padding: 20px 16px 18px; max-width: 100%; margin: 0 8px; border-radius: 18px; }\r\n .msg-modal-title { font-size: 17px; }\r\n .msg-modal-desc { font-size: 13px; }\r\n .msg-modal-list li { font-size: 12px; gap: 8px; }\r\n .msg-modal-icon { width: 48px; height: 48px; font-size: 20px; margin-bottom: 12px; }\r\n .msg-modal-btn { padding: 8px 20px; font-size: 13px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .messaging-grid { gap: 10px; }\r\n .messaging-card { padding: 14px 8px 12px; border-radius: 10px; }\r\n .messaging-card .msg-icon-wrapper { width: 36px; height: 36px; font-size: 13px; margin-bottom: 8px; }\r\n .messaging-card .msg-icon-wrapper i { font-size: 13px; }\r\n .messaging-card .msg-icon-wrapper::before { inset: -3px; }\r\n .messaging-card .msg-icon-wrapper::after { inset: -6px; filter: blur(10px); }\r\n .messaging-card .msg-card-title { font-size: 12px; }\r\n .messaging-card .msg-card-desc { font-size: 10px; line-height: 1.4; }\r\n .messaging-card .msg-card-link { font-size: 10px; margin-top: 6px; }\r\n .msg-modal { padding: 16px 12px 14px; max-width: 100%; margin: 0 4px; border-radius: 16px; }\r\n .msg-modal-title { font-size: 16px; }\r\n .msg-modal-desc { font-size: 12px; }\r\n .msg-modal-list li { font-size: 11px; gap: 6px; padding: 4px 0; }\r\n .msg-modal-icon { width: 40px; height: 40px; font-size: 16px; margin-bottom: 10px; }\r\n .msg-modal-btn { padding: 6px 16px; font-size: 12px; }\r\n .msg-modal-close { top: 10px; right: 12px; font-size: 18px; width: 28px; height: 28px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"messaging-section\">\r\n <div class=\"messaging-inner\">\r\n\r\n \r\n <div class=\"messaging-header\">\r\n <div class=\"messaging-badge\">\r\n <span class=\"dot\"><\/span>\r\n Messaging Solutions\r\n <\/div>\r\n <h2 class=\"messaging-title\">\r\n Messaging Services\r\n <\/h2>\r\n <p class=\"messaging-subtitle\">\r\n Click on <strong>\"Read More\"<\/strong> to learn how each messaging service can benefit your business.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-grid\">\r\n\r\n \r\n <div class=\"messaging-card\" data-modal=\"msgModal1\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"msg-icon-wrapper\">\r\n <i class=\"fas fa-sms\"><\/i>\r\n <\/div>\r\n <h3 class=\"msg-card-title\">Bulk SMS<\/h3>\r\n <p class=\"msg-card-desc\">Send high-volume SMS campaigns with exceptional deliverability.<\/p>\r\n <button class=\"msg-card-link\" onclick=\"event.stopPropagation(); openModal('msgModal1')\">\r\n Read More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-card\" data-modal=\"msgModal2\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"msg-icon-wrapper\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"msg-card-title\">OTP SMS<\/h3>\r\n <p class=\"msg-card-desc\">Secure one-time passwords for authentication and verification.<\/p>\r\n <button class=\"msg-card-link\" onclick=\"event.stopPropagation(); openModal('msgModal2')\">\r\n Read More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-card\" data-modal=\"msgModal3\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"msg-icon-wrapper\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/div>\r\n <h3 class=\"msg-card-title\">WhatsApp Business API<\/h3>\r\n <p class=\"msg-card-desc\">Connect with customers through rich messaging and automation.<\/p>\r\n <button class=\"msg-card-link\" onclick=\"event.stopPropagation(); openModal('msgModal3')\">\r\n Read More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"messaging-card\" data-modal=\"msgModal4\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n <div class=\"msg-icon-wrapper\">\r\n <i class=\"fas fa-comment-dots\"><\/i>\r\n <\/div>\r\n <h3 class=\"msg-card-title\">Rich Messaging<\/h3>\r\n <p class=\"msg-card-desc\">Engage customers with images, videos, and interactive messages.<\/p>\r\n <button class=\"msg-card-link\" onclick=\"event.stopPropagation(); openModal('msgModal4')\">\r\n Read More <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n \r\n <div class=\"msg-modal-overlay\" id=\"msgModal1\">\r\n <div class=\"msg-modal\">\r\n <button class=\"msg-modal-close\" onclick=\"closeModal('msgModal1')\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"msg-modal-icon\"><i class=\"fas fa-sms\"><\/i><\/div>\r\n <h3 class=\"msg-modal-title\">Bulk SMS<\/h3>\r\n <p class=\"msg-modal-desc\">Send high-volume SMS campaigns with exceptional deliverability. Perfect for marketing, notifications, and alerts to large audiences.<\/p>\r\n <ul class=\"msg-modal-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> High deliverability rates<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Real-time delivery tracking<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Scalable for any volume<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> API integration ready<\/li>\r\n <\/ul>\r\n <button class=\"msg-modal-btn\" onclick=\"closeModal('msgModal1')\">Got it<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-modal-overlay\" id=\"msgModal2\">\r\n <div class=\"msg-modal\">\r\n <button class=\"msg-modal-close\" onclick=\"closeModal('msgModal2')\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"msg-modal-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <h3 class=\"msg-modal-title\">OTP SMS<\/h3>\r\n <p class=\"msg-modal-desc\">Secure one-time passwords for authentication and verification. Ideal for login security, transaction verification, and two-factor authentication.<\/p>\r\n <ul class=\"msg-modal-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> Instant delivery<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Secure and encrypted<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Customizable templates<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> High reliability<\/li>\r\n <\/ul>\r\n <button class=\"msg-modal-btn\" onclick=\"closeModal('msgModal2')\">Got it<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-modal-overlay\" id=\"msgModal3\">\r\n <div class=\"msg-modal\">\r\n <button class=\"msg-modal-close\" onclick=\"closeModal('msgModal3')\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"msg-modal-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n <h3 class=\"msg-modal-title\">WhatsApp Business API<\/h3>\r\n <p class=\"msg-modal-desc\">Connect with customers through rich messaging and automation. Send notifications, provide support, and engage with your audience on their preferred platform.<\/p>\r\n <ul class=\"msg-modal-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> Official WhatsApp Business API<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Rich media support<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Automated workflows<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> End-to-end encryption<\/li>\r\n <\/ul>\r\n <button class=\"msg-modal-btn\" onclick=\"closeModal('msgModal3')\">Got it<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"msg-modal-overlay\" id=\"msgModal4\">\r\n <div class=\"msg-modal\">\r\n <button class=\"msg-modal-close\" onclick=\"closeModal('msgModal4')\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"msg-modal-icon\"><i class=\"fas fa-comment-dots\"><\/i><\/div>\r\n <h3 class=\"msg-modal-title\">Rich Messaging<\/h3>\r\n <p class=\"msg-modal-desc\">Engage customers with images, videos, and interactive messages. Increase engagement and conversion rates with modern messaging formats.<\/p>\r\n <ul class=\"msg-modal-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> Image and video support<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Interactive buttons and carousels<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Higher engagement rates<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Multi-channel support<\/li>\r\n <\/ul>\r\n <button class=\"msg-modal-btn\" onclick=\"closeModal('msgModal4')\">Got it<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Open modal function\r\n function openModal(modalId) {\r\n const modal = document.getElementById(modalId);\r\n if (modal) {\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n\r\n \/\/ Close modal function\r\n function closeModal(modalId) {\r\n const modal = document.getElementById(modalId);\r\n if (modal) {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n \/\/ Open modal on card click (entire card)\r\n document.querySelectorAll('.messaging-card[data-modal]').forEach(card => {\r\n card.addEventListener('click', function(e) {\r\n if (e.target.closest('.msg-card-link')) return;\r\n const modalId = this.getAttribute('data-modal');\r\n openModal(modalId);\r\n });\r\n });\r\n\r\n \/\/ Close modal on overlay click\r\n document.querySelectorAll('.msg-modal-overlay').forEach(overlay => {\r\n overlay.addEventListener('click', function(e) {\r\n if (e.target === this) {\r\n this.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n });\r\n });\r\n\r\n \/\/ Close modal on Escape key\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') {\r\n document.querySelectorAll('.msg-modal-overlay.active').forEach(modal => {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = '';\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<div class=\"elementor-element elementor-element-7e5d2b4 e-con-full e-flex e-con e-parent\" data-id=\"7e5d2b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a9b74b elementor-widget elementor-widget-html\" data-id=\"3a9b74b\" 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>Why Infinexy Technologies?<\/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: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n .why-section {\r\n padding: 100px 0 80px;\r\n background: #f8fafc;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .why-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(50, 120, 209, 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 .why-inner {\r\n max-width: 1100px;\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 \/* ===== BADGE ===== *\/\r\n .why-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #3278D1;\r\n margin-bottom: 16px;\r\n background: rgba(50, 120, 209, 0.06);\r\n padding: 6px 10px 6px 10px;\r\n border-radius: 50px;\r\n border: 1px solid rgba(50, 120, 209, 0.08);\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .why-badge .dot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #3278D1;\r\n display: inline-block;\r\n animation: dotPulse 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes dotPulse {\r\n 0%, 100% { opacity: 0.4; transform: scale(0.8); }\r\n 50% { opacity: 1; transform: scale(1.2); }\r\n }\r\n\r\n \/* ===== HEADER ===== *\/\r\n .why-header {\r\n text-align: center;\r\n max-width: 750px;\r\n margin: 0 auto 50px;\r\n }\r\n\r\n .why-title {\r\n font-size: clamp(36px, 4.5vw, 48px);\r\n font-weight: 900;\r\n color: #0a1a2f;\r\n line-height: 1.1;\r\n margin-bottom: 16px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .why-title .highlight {\r\n background: linear-gradient(135deg, #3278D1, #009FE3);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .why-subtitle {\r\n font-size: 18px;\r\n color: #475569;\r\n line-height: 1.8;\r\n max-width: 650px;\r\n margin: 0 auto;\r\n }\r\n\r\n .why-subtitle strong {\r\n color: #0a1a2f;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ========================================\r\n CONTENT GRID\r\n ======================================== *\/\r\n .why-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: stretch;\r\n margin-top: 10px;\r\n }\r\n\r\n \/* ===== LEFT CARD ===== *\/\r\n .why-card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 36px 32px 32px;\r\n border: 1px solid #e5e7eb;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.02);\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .why-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #3278D1, #009FE3);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .why-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .why-card:hover {\r\n border-color: rgba(50, 120, 209, 0.15);\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.04);\r\n transform: translateY(-4px);\r\n }\r\n\r\n .why-card .why-card-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .why-card .why-card-icon {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: #ffffff;\r\n flex-shrink: 0;\r\n background: linear-gradient(135deg, #3278D1, #009FE3);\r\n box-shadow: 0 4px 12px rgba(50, 120, 209, 0.15);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .why-card:hover .why-card-icon {\r\n transform: scale(1.05) rotate(-4deg);\r\n box-shadow: 0 8px 20px rgba(50, 120, 209, 0.2);\r\n }\r\n\r\n .why-card .why-card-title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #0a1a2f;\r\n margin: 0;\r\n }\r\n\r\n .why-card .why-card-desc {\r\n font-size: 15px;\r\n color: #475569;\r\n line-height: 1.8;\r\n text-align: justify;\r\n }\r\n\r\n .why-card .why-card-desc strong {\r\n color: #0a1a2f;\r\n font-weight: 600;\r\n }\r\n\r\n .why-card .why-card-desc:last-of-type {\r\n margin-top: 12px;\r\n }\r\n\r\n \/* ===== RIGHT: FEATURES ===== *\/\r\n .why-features {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n\r\n .why-feature-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n padding: 16px 20px;\r\n background: #ffffff;\r\n border-radius: 14px;\r\n border: 1px solid #e5e7eb;\r\n transition: all 0.3s ease;\r\n cursor: default;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\r\n }\r\n\r\n .why-feature-item:hover {\r\n background: #ffffff;\r\n border-color: #3278D1;\r\n transform: translateX(4px);\r\n box-shadow: 0 8px 24px rgba(50, 120, 209, 0.06);\r\n }\r\n\r\n .why-feature-item .fi-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n color: #ffffff;\r\n flex-shrink: 0;\r\n background: linear-gradient(135deg, #3278D1, #009FE3);\r\n }\r\n\r\n .why-feature-item .fi-content {\r\n flex: 1;\r\n }\r\n\r\n .why-feature-item .fi-content .fi-title {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #0a1a2f;\r\n margin-bottom: 1px;\r\n }\r\n\r\n .why-feature-item .fi-content .fi-desc {\r\n font-size: 12px;\r\n color: #94a3b8;\r\n }\r\n\r\n \/* ========================================\r\n BOTTOM STATS\r\n ======================================== *\/\r\n .why-stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n margin-top: 40px;\r\n padding-top: 32px;\r\n border-top: 1px solid #e5e7eb;\r\n }\r\n\r\n .why-stat {\r\n text-align: center;\r\n padding: 16px 12px;\r\n background: #ffffff;\r\n border-radius: 14px;\r\n border: 1px solid #e5e7eb;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\r\n }\r\n\r\n .why-stat:hover {\r\n border-color: #3278D1;\r\n box-shadow: 0 8px 24px rgba(50, 120, 209, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .why-stat .why-stat-number {\r\n font-size: 32px;\r\n font-weight: 800;\r\n color: #0a1a2f;\r\n display: block;\r\n line-height: 1.1;\r\n }\r\n\r\n .why-stat .why-stat-number .plus {\r\n color: #3278D1;\r\n }\r\n\r\n .why-stat .why-stat-label {\r\n font-size: 13px;\r\n color: #94a3b8;\r\n font-weight: 500;\r\n margin-top: 4px;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .why-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n .why-card {\r\n text-align: center;\r\n }\r\n .why-card .why-card-header {\r\n justify-content: center;\r\n }\r\n .why-card .why-card-desc {\r\n text-align: center;\r\n }\r\n .why-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n .why-stats {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .why-section {\r\n padding: 70px 0 50px;\r\n }\r\n .why-inner {\r\n padding: 0 20px;\r\n }\r\n .why-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n .why-subtitle {\r\n font-size: 15px;\r\n }\r\n .why-card {\r\n padding: 28px 20px 24px;\r\n }\r\n .why-card .why-card-header {\r\n gap: 12px;\r\n }\r\n .why-card .why-card-icon {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 16px;\r\n }\r\n .why-card .why-card-title {\r\n font-size: 18px;\r\n }\r\n .why-card .why-card-desc {\r\n font-size: 14px;\r\n }\r\n .why-feature-item {\r\n padding: 14px 16px;\r\n }\r\n .why-feature-item .fi-icon {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 14px;\r\n }\r\n .why-feature-item .fi-content .fi-title {\r\n font-size: 13px;\r\n }\r\n .why-feature-item .fi-content .fi-desc {\r\n font-size: 11px;\r\n }\r\n .why-stats {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-top: 30px;\r\n padding-top: 24px;\r\n }\r\n .why-stat .why-stat-number {\r\n font-size: 26px;\r\n }\r\n .why-stat .why-stat-label {\r\n font-size: 11px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .why-section {\r\n padding: 50px 0 40px;\r\n }\r\n .why-inner {\r\n padding: 0 16px;\r\n }\r\n .why-title {\r\n font-size: 24px;\r\n }\r\n .why-subtitle {\r\n font-size: 14px;\r\n }\r\n .why-card {\r\n padding: 20px 16px 18px;\r\n border-radius: 16px;\r\n }\r\n .why-card .why-card-header {\r\n gap: 10px;\r\n }\r\n .why-card .why-card-icon {\r\n width: 32px;\r\n height: 32px;\r\n font-size: 14px;\r\n }\r\n .why-card .why-card-title {\r\n font-size: 16px;\r\n }\r\n .why-card .why-card-desc {\r\n font-size: 13px;\r\n }\r\n .why-feature-item {\r\n padding: 12px 14px;\r\n gap: 12px;\r\n border-radius: 12px;\r\n }\r\n .why-feature-item .fi-icon {\r\n width: 32px;\r\n height: 32px;\r\n font-size: 12px;\r\n border-radius: 8px;\r\n }\r\n .why-feature-item .fi-content .fi-title {\r\n font-size: 12px;\r\n }\r\n .why-feature-item .fi-content .fi-desc {\r\n font-size: 10px;\r\n }\r\n .why-stats {\r\n grid-template-columns: 1fr 1fr 1fr;\r\n gap: 8px;\r\n margin-top: 24px;\r\n padding-top: 18px;\r\n }\r\n .why-stat {\r\n padding: 12px 8px;\r\n border-radius: 12px;\r\n }\r\n .why-stat .why-stat-number {\r\n font-size: 20px;\r\n }\r\n .why-stat .why-stat-label {\r\n font-size: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .why-stats {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n }\r\n .why-stat .why-stat-number {\r\n font-size: 18px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"why-section\">\r\n <div class=\"why-inner\">\r\n\r\n \r\n <div class=\"why-header\">\r\n <h2 class=\"why-title\">\r\n Why <span class=\"highlight\">Infinexy<\/span> Technologies?\r\n <\/h2>\r\n <p class=\"why-subtitle\">\r\n We combine <strong>global telecom expertise<\/strong>, <strong>enterprise-grade infrastructure<\/strong>, and <strong>innovative solutions<\/strong> to deliver reliable, scalable, and secure communication services for businesses worldwide.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why-grid\">\r\n\r\n \r\n <div class=\"why-card\">\r\n <div class=\"why-card-header\">\r\n <div class=\"why-card-icon\">\r\n <i class=\"fas fa-globe-americas\"><\/i>\r\n <\/div>\r\n <h3 class=\"why-card-title\">Global Telecom Leader<\/h3>\r\n <\/div>\r\n <p class=\"why-card-desc\">\r\n At <strong>Infinexy Technologies<\/strong>, we are committed to delivering world-class telecommunications solutions that empower businesses to connect, collaborate, and grow. With a robust global network spanning <strong>150+ countries<\/strong>, we provide seamless voice, messaging, and connectivity services tailored to your needs.\r\n <\/p>\r\n <p class=\"why-card-desc\">\r\n Our team of <strong>industry experts, engineers, and support professionals<\/strong> work tirelessly to ensure <strong>99.9% uptime<\/strong>, <strong>low-latency connectivity<\/strong>, and <strong>unmatched reliability<\/strong> for businesses of all sizes \u2014 from startups to multinational enterprises.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"why-features\">\r\n\r\n <div class=\"why-feature-item\">\r\n <div class=\"fi-icon\"><i class=\"fas fa-network-wired\"><\/i><\/div>\r\n <div class=\"fi-content\">\r\n <div class=\"fi-title\">Global Carrier Network<\/div>\r\n <div class=\"fi-desc\">Direct interconnections with 500+ carriers worldwide<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-feature-item\">\r\n <div class=\"fi-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n <div class=\"fi-content\">\r\n <div class=\"fi-title\">Premium Voice Quality<\/div>\r\n <div class=\"fi-desc\">HD voice with low latency and zero packet loss<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-feature-item\">\r\n <div class=\"fi-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n <div class=\"fi-content\">\r\n <div class=\"fi-title\">24\u00d77 Technical Support<\/div>\r\n <div class=\"fi-desc\">Round-the-clock expert assistance for your business<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-feature-item\">\r\n <div class=\"fi-icon\"><i class=\"fas fa-tags\"><\/i><\/div>\r\n <div class=\"fi-content\">\r\n <div class=\"fi-title\">Competitive Pricing<\/div>\r\n <div class=\"fi-desc\">Cost-effective solutions without compromising quality<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-feature-item\">\r\n <div class=\"fi-icon\"><i class=\"fas fa-server\"><\/i><\/div>\r\n <div class=\"fi-content\">\r\n <div class=\"fi-title\">Reliable Infrastructure<\/div>\r\n <div class=\"fi-desc\">Enterprise-grade infrastructure with redundant systems<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"why-stats\">\r\n <div class=\"why-stat\">\r\n <span class=\"why-stat-number\">4<span class=\"plus\"><\/span><\/span>\r\n <span class=\"why-stat-label\">Carrier Partners<\/span>\r\n <\/div>\r\n <div class=\"why-stat\">\r\n <span class=\"why-stat-number\">150<span class=\"plus\">+<\/span><\/span>\r\n <span class=\"why-stat-label\">Countries Served<\/span>\r\n <\/div>\r\n <div class=\"why-stat\">\r\n <span class=\"why-stat-number\">99.9<span class=\"plus\">%<\/span><\/span>\r\n <span class=\"why-stat-label\">Uptime Guaranteed<\/span>\r\n <\/div>\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-dc3bc55 e-con-full e-flex e-con e-parent\" data-id=\"dc3bc55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-214bac4 elementor-widget elementor-widget-html\" data-id=\"214bac4\" 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 - Messaging Solutions<\/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 \/* ===== RESET & BASE ===== *\/\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: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Force Inter on all elements *\/\r\n body, .faq-section, .faq-inner, .faq-header,\r\n .faq-badge, .faq-title, .faq-subtitle,\r\n .faq-accordion, .faq-item, .faq-question,\r\n .faq-q-text, .faq-answer, .faq-cta,\r\n .cta-title, .cta-desc, .cta-btn,\r\n h1, h2, h3, h4, p, a, span, li, div {\r\n font-family: 'Inter', sans-serif !important;\r\n }\r\n\r\n \/* ===== COLOR VARIABLES ===== *\/\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 --dark-light: #15273f;\r\n --gray: #475569;\r\n --gray-light: #94a3b8;\r\n --white: #ffffff;\r\n --light-bg: #f8fafc;\r\n --border: #e5e7eb;\r\n --badge-color: #4D7CD1;\r\n }\r\n\r\n \/* ========================================\r\n FAQ SECTION\r\n ======================================== *\/\r\n .faq-section {\r\n padding: 50px 0 80px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .faq-section::before {\r\n display: none;\r\n }\r\n\r\n .faq-inner {\r\n max-width: 900px;\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 \/* ===== HEADER ===== *\/\r\n .faq-header {\r\n text-align: center;\r\n max-width: 650px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .faq-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: 16px;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n }\r\n\r\n .faq-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 animation: pulseDot 2s ease-in-out infinite;\r\n }\r\n\r\n .faq-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .faq-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: 12px;\r\n }\r\n\r\n .faq-title .highlight {\r\n background: #864ABA;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ========================================\r\n FAQ ACCORDION\r\n ======================================== *\/\r\n .faq-accordion {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .faq-item {\r\n background: var(--white);\r\n border-radius: 16px;\r\n border: 1px solid var(--border);\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\r\n }\r\n\r\n .faq-item:hover {\r\n border-color: rgba(77, 124, 209, 0.15);\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.04);\r\n }\r\n\r\n .faq-item.active {\r\n border-color: var(--badge-color);\r\n box-shadow: 0 8px 30px rgba(77, 124, 209, 0.08);\r\n }\r\n\r\n .faq-question {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 20px 24px;\r\n cursor: pointer;\r\n gap: 16px;\r\n transition: all 0.3s ease;\r\n user-select: none;\r\n }\r\n\r\n .faq-question:hover {\r\n background: rgba(77, 124, 209, 0.02);\r\n }\r\n\r\n .faq-question .faq-q-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n }\r\n\r\n .faq-question .faq-q-icon {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n background: var(--badge-color);\r\n }\r\n\r\n .faq-question .faq-q-text {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .faq-item.active .faq-q-text {\r\n color: var(--badge-color);\r\n }\r\n\r\n .faq-question .faq-toggle {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n background: #f1f5f9;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n background: var(--badge-color);\r\n color: var(--white);\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),\r\n padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n padding: 0 24px;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 300px;\r\n padding: 0 24px 24px;\r\n }\r\n\r\n .faq-answer p {\r\n font-size: 15px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ========================================\r\n CTA \/ READY TO GO DIGITAL\r\n ======================================== *\/\r\n .faq-cta {\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: 48px 40px 40px;\r\n border: 1px solid var(--border);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.02);\r\n }\r\n\r\n .faq-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--purple), var(--blue), var(--green));\r\n border-radius: 20px 20px 0 0;\r\n }\r\n\r\n \/* Floating decoration *\/\r\n .faq-cta::after {\r\n content: '';\r\n position: absolute;\r\n top: -100px;\r\n right: -100px;\r\n width: 300px;\r\n height: 300px;\r\n border-radius: 50%;\r\n background: radial-gradient(ellipse, rgba(77, 124, 209, 0.03), transparent 70%);\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .faq-cta .cta-content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .faq-cta .cta-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 26px;\r\n color: var(--white);\r\n margin: 0 auto 16px;\r\n background: var(--badge-color);\r\n box-shadow: 0 8px 24px rgba(77, 124, 209, 0.15);\r\n }\r\n\r\n .faq-cta .cta-title {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .faq-cta .cta-desc {\r\n font-size: 16px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n max-width: 600px;\r\n margin: 0 auto 20px;\r\n }\r\n\r\n .faq-cta .cta-desc strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== BUTTON ===== *\/\r\n .faq-cta .cta-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 32px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n border-radius: 100px;\r\n border: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n color: var(--white);\r\n background: var(--dark);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n z-index: 1;\r\n }\r\n\r\n .faq-cta .cta-btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 100px;\r\n background: linear-gradient(135deg, var(--purple), var(--blue));\r\n transform: translateX(-100%);\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: -1;\r\n }\r\n\r\n .faq-cta .cta-btn:hover::before {\r\n transform: translateX(0);\r\n }\r\n\r\n .faq-cta .cta-btn:hover {\r\n color: var(--white);\r\n box-shadow: 0 8px 30px rgba(142, 36, 170, 0.35);\r\n }\r\n\r\n .faq-cta .cta-btn i {\r\n font-size: 14px;\r\n transition: transform 0.3s ease;\r\n color: var(--white);\r\n }\r\n\r\n .faq-cta .cta-btn:hover i {\r\n transform: translateX(3px);\r\n }\r\n\r\n .faq-cta .cta-btn span {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 767px) {\r\n .faq-section {\r\n padding: 70px 0 50px;\r\n }\r\n .faq-inner {\r\n padding: 0 20px;\r\n }\r\n .faq-header {\r\n margin-bottom: 36px;\r\n }\r\n .faq-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n .faq-subtitle {\r\n font-size: 15px;\r\n }\r\n .faq-question {\r\n padding: 16px 18px;\r\n }\r\n .faq-question .faq-q-text {\r\n font-size: 14px;\r\n }\r\n .faq-question .faq-q-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .faq-answer p {\r\n font-size: 14px;\r\n }\r\n .faq-cta {\r\n padding: 32px 20px 28px;\r\n border-radius: 16px;\r\n }\r\n .faq-cta .cta-title {\r\n font-size: 20px;\r\n }\r\n .faq-cta .cta-desc {\r\n font-size: 14px;\r\n }\r\n .faq-cta .cta-btn {\r\n padding: 10px 24px;\r\n font-size: 13px;\r\n }\r\n .faq-cta .cta-icon {\r\n width: 52px;\r\n height: 52px;\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .faq-section {\r\n padding: 50px 0 40px;\r\n }\r\n .faq-inner {\r\n padding: 0 16px;\r\n }\r\n .faq-title {\r\n font-size: 24px;\r\n }\r\n .faq-subtitle {\r\n font-size: 14px;\r\n }\r\n .faq-question {\r\n padding: 14px 14px;\r\n }\r\n .faq-question .faq-q-text {\r\n font-size: 13px;\r\n }\r\n .faq-question .faq-q-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n }\r\n .faq-question .faq-toggle {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .faq-answer p {\r\n font-size: 13px;\r\n }\r\n .faq-cta {\r\n padding: 24px 16px 20px;\r\n border-radius: 14px;\r\n }\r\n .faq-cta .cta-title {\r\n font-size: 18px;\r\n }\r\n .faq-cta .cta-desc {\r\n font-size: 13px;\r\n }\r\n .faq-cta .cta-btn {\r\n padding: 8px 20px;\r\n font-size: 12px;\r\n gap: 8px;\r\n }\r\n .faq-cta .cta-icon {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 18px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"faq-section\">\r\n <div class=\"faq-inner\">\r\n \r\n <div class=\"faq-cta\">\r\n <div class=\"cta-content\">\r\n <div class=\"cta-icon\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <h3 class=\"cta-title\">Ready to Go Digital?<\/h3>\r\n <p class=\"cta-desc\">\r\n Scale your business communications with <strong>Infinexy Messaging Solutions<\/strong>.\r\n From <strong>Bulk SMS<\/strong> campaigns to <strong>OTP verification<\/strong>,\r\n <strong>WhatsApp Business API<\/strong>, and <strong>Rich Messaging<\/strong> \u2014\r\n we help you connect with your customers instantly, reliably, and securely.\r\n <\/p>\r\n \r\n <a href=\"#\" class=\"cta-btn\">\r\n <span>Contact Our Team<\/span>\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\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 – Messaging Services Home Products Messaging Messaging Solutions Infinexy Messaging Solutions empower businesses with reliable, scalable, and secure messaging services. From bulk SMS campaigns to OTP authentication and WhatsApp Business API, we help you connect with your customers instantly \u2014 anywhere in the world. 99.9% Deliverability Rate 150+ Countries Covered 24\/7 Support Infinexy – […]<\/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-1375","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1375","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=1375"}],"version-history":[{"count":62,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1375\/revisions"}],"predecessor-version":[{"id":2286,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1375\/revisions\/2286"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/media?parent=1375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}