Infinexy - Voice Traffic Policy<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\"\/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif !important;\r\n background: #f0f4f8;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ===== 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: 100px 0 80px;\r\n }\r\n\r\n \/* ===== ANIMATIONS ===== *\/\r\n\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 .about-banner .orb-1 { width: 200px; height: 200px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%); top: -50px; right: -50px; animation-delay: 0s; }\r\n .about-banner .orb-2 { width: 300px; height: 300px; background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%); bottom: -100px; left: -100px; animation-delay: 3s; }\r\n .about-banner .orb-3 { width: 150px; height: 150px; background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%); top: 40%; left: 60%; animation-delay: 5s; }\r\n @keyframes orbFloat { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.6; } 50% { transform: translate(30px, -40px) scale(1.2); opacity: 1; } }\r\n\r\n .about-banner .ring {\r\n position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,0.08); pointer-events: none; z-index: 0; animation: ringSpin 20s linear infinite;\r\n }\r\n .about-banner .ring-1 { width: 400px; height: 400px; top: -100px; right: -100px; animation-duration: 25s; }\r\n .about-banner .ring-2 { width: 600px; height: 600px; bottom: -200px; left: -200px; animation-duration: 35s; animation-direction: reverse; }\r\n .about-banner .ring-3 { width: 250px; height: 250px; top: 50%; left: 70%; animation-duration: 15s; border-color: rgba(255,255,255,0.05); }\r\n .about-banner .ring::before { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.2); top: -4px; left: 50%; transform: translateX(-50%); box-shadow: 0 0 30px rgba(255,255,255,0.1); }\r\n @keyframes ringSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n .about-banner .shooting-star {\r\n position: absolute; width: 2px; height: 2px; background: #fff; border-radius: 50%; pointer-events: none; z-index: 0; animation: shootStar 4s linear infinite;\r\n }\r\n .about-banner .shooting-star::after { content: ''; position: absolute; top: 50%; right: 0; width: 60px; height: 1px; background: linear-gradient(90deg, rgba(255,255,255,0.3), transparent); transform: translateY(-50%); }\r\n .about-banner .shooting-star:nth-child(1) { top: 15%; left: 10%; animation-delay: 0s; }\r\n .about-banner .shooting-star:nth-child(2) { top: 25%; right: 15%; animation-delay: 2s; animation-duration: 5s; }\r\n .about-banner .shooting-star:nth-child(3) { top: 55%; left: 5%; animation-delay: 4s; animation-duration: 3.5s; }\r\n .about-banner .shooting-star:nth-child(4) { top: 70%; right: 10%; animation-delay: 1.5s; animation-duration: 4.5s; }\r\n @keyframes shootStar { 0% { transform: translate(0, 0) scale(1); opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { transform: translate(-200px, 200px) scale(0); opacity: 0; } }\r\n\r\n .about-banner .particle {\r\n position: absolute; border-radius: 50%; background: rgba(255,255,255,0.05); pointer-events: none; z-index: 0; animation: particleFloat 12s ease-in-out infinite;\r\n }\r\n .about-banner .particle:nth-child(1) { width: 4px; height: 4px; top: 10%; left: 20%; animation-delay: 0s; }\r\n .about-banner .particle:nth-child(2) { width: 6px; height: 6px; top: 20%; right: 30%; animation-delay: 2s; }\r\n .about-banner .particle:nth-child(3) { width: 3px; height: 3px; bottom: 15%; left: 40%; animation-delay: 4s; }\r\n .about-banner .particle:nth-child(4) { width: 5px; height: 5px; bottom: 10%; right: 25%; animation-delay: 6s; }\r\n .about-banner .particle:nth-child(5) { width: 4px; height: 4px; top: 45%; left: 55%; animation-delay: 8s; }\r\n .about-banner .particle:nth-child(6) { width: 3px; height: 3px; top: 60%; right: 40%; animation-delay: 10s; }\r\n @keyframes particleFloat { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.03; } 25% { transform: translate(80px, -60px) scale(2); opacity: 0.08; } 50% { transform: translate(-40px, 40px) scale(0.5); opacity: 0.01; } 75% { transform: translate(60px, 80px) scale(1.5); opacity: 0.06; } }\r\n\r\n .about-banner .pulse-dot {\r\n position: absolute; border-radius: 50%; background: rgba(255,255,255,0.04); pointer-events: none; z-index: 0; animation: pulseDot 3s ease-in-out infinite;\r\n }\r\n .about-banner .pulse-dot:nth-child(1) { width: 12px; height: 12px; top: 8%; left: 8%; animation-delay: 0s; }\r\n .about-banner .pulse-dot:nth-child(2) { width: 8px; height: 8px; top: 30%; right: 12%; animation-delay: 0.8s; }\r\n .about-banner .pulse-dot:nth-child(3) { width: 16px; height: 16px; bottom: 20%; left: 5%; animation-delay: 1.6s; }\r\n .about-banner .pulse-dot:nth-child(4) { width: 10px; height: 10px; bottom: 40%; right: 8%; animation-delay: 2.4s; }\r\n @keyframes pulseDot { 0%, 100% { transform: scale(1); opacity: 0.05; } 50% { transform: scale(2.5); opacity: 0.15; box-shadow: 0 0 40px rgba(255,255,255,0.05); } }\r\n\r\n .about-banner .tech-shape {\r\n position: absolute; border: 1.5px solid rgba(255,255,255,0.04); pointer-events: none; z-index: 0; animation: techShapeFloat 15s ease-in-out infinite;\r\n }\r\n .about-banner .tech-shape:nth-child(1) { width: 80px; height: 80px; border-radius: 20px; top: 20%; right: 15%; animation-delay: 0s; transform: rotate(45deg); }\r\n .about-banner .tech-shape:nth-child(2) { width: 60px; height: 60px; border-radius: 50%; bottom: 25%; left: 20%; animation-delay: 3s; }\r\n .about-banner .tech-shape:nth-child(3) { width: 40px; height: 40px; border-radius: 8px; top: 55%; right: 30%; animation-delay: 6s; transform: rotate(30deg); }\r\n @keyframes techShapeFloat { 0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.04; } 33% { transform: translate(50px, -40px) rotate(15deg) scale(1.1); opacity: 0.08; } 66% { transform: translate(-30px, 30px) rotate(-8deg) scale(0.9); opacity: 0.05; } }\r\n\r\n .about-banner .glow-ring {\r\n position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%); animation: glowRingPulse 5s ease-in-out infinite;\r\n }\r\n .about-banner .glow-ring:nth-child(1) { width: 350px; height: 350px; top: 10%; right: 5%; animation-delay: 0s; }\r\n .about-banner .glow-ring:nth-child(2) { width: 450px; height: 450px; bottom: 5%; left: 5%; animation-delay: 2.5s; }\r\n @keyframes glowRingPulse { 0%, 100% { transform: scale(0.8); opacity: 0.3; } 50% { transform: scale(1.2); opacity: 0.8; } }\r\n\r\n .about-banner .grid-overlay {\r\n position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0.03; background-image: linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px); background-size: 50px 50px; animation: gridMove 30s linear infinite;\r\n }\r\n @keyframes gridMove { 0% { transform: translate(0, 0); } 100% { transform: translate(50px, 50px); } }\r\n\r\n \/* ========================================\r\n BANNER INNER - 2 COLUMN LAYOUT\r\n ======================================== *\/\r\n .about-banner .banner-inner {\r\n position: relative;\r\n z-index: 1;\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 align-items: center;\r\n justify-content: space-between;\r\n gap: 50px;\r\n }\r\n\r\n \/* LEFT COLUMN *\/\r\n .about-banner .banner-text-col {\r\n flex: 1;\r\n max-width: 700px;\r\n }\r\n\r\n \/* RIGHT COLUMN *\/\r\n .about-banner .banner-image-col {\r\n flex: 1;\r\n max-width: 500px;\r\n display: flex;\r\n justify-content: flex-end;\r\n }\r\n\r\n .about-banner .banner-image-col img {\r\n width: 100%;\r\n height: auto;\r\n object-fit: cover;\r\n border-radius: 16px;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .about-banner .banner-image-col img:hover {\r\n transform: scale(1.02);\r\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);\r\n }\r\n\r\n \/* ===== BREADCRUMB ===== *\/\r\n .about-banner .breadcrumb {\r\n display: flex; align-items: center; gap: 8px; font-size: 13px; color: rgba(255,255,255,0.5); margin-bottom: 24px; animation: fadeInUp 0.7s ease forwards; opacity: 0; flex-wrap: wrap;\r\n }\r\n .about-banner .breadcrumb a { color: rgba(255,255,255,0.6); text-decoration: none; transition: color 0.3s ease; font-weight: 400; }\r\n .about-banner .breadcrumb a:hover { color: rgba(255,255,255,0.9); }\r\n .about-banner .breadcrumb .separator { color: rgba(255,255,255,0.2); font-size: 10px; }\r\n .about-banner .breadcrumb .current { color: rgba(255,255,255,0.9); font-weight: 600; }\r\n\r\n \/* ===== TEXT CONTENT ===== *\/\r\n .about-banner .banner-text-col { animation: fadeInUp 0.7s ease 0.1s forwards; opacity: 0; }\r\n\r\n .about-banner .heading {\r\n font-size: clamp(36px, 5vw, 52px); font-weight: 900; line-height: 1.08; color: #ffffff; margin-bottom: 16px;\r\n }\r\n .about-banner .heading .highlight { background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.6)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n\r\n .about-banner .description {\r\n font-size: clamp(15px, 1vw, 17px); line-height: 1.8; color: rgba(255,255,255,0.75); max-width: 700px; margin-bottom: 28px;\r\n }\r\n\r\n .about-banner .stats {\r\n display: flex; flex-wrap: nowrap; gap: 24px 30px; animation: fadeInUp 0.7s ease 0.2s forwards; opacity: 0; max-width: 700px; justify-content: flex-start;\r\n }\r\n .about-banner .stats .stat-item { display: flex; flex-direction: column; flex: 0 0 auto; min-width: 0; }\r\n .about-banner .stats .stat-item .number { font-size: 28px; font-weight: 800; color: #ffffff; line-height: 1.2; white-space: nowrap; }\r\n .about-banner .stats .stat-item .number .highlight { background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.6)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n .about-banner .stats .stat-item .label { font-size: 13px; color: rgba(255,255,255,0.5); font-weight: 400; line-height: 1.3; white-space: nowrap; }\r\n\r\n @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n @media (min-width: 1400px) {\r\n .about-banner { padding: 120px 0 100px; min-height: 70vh; }\r\n .about-banner .heading { font-size: 58px; }\r\n .about-banner .ring-1 { width: 500px; height: 500px; }\r\n .about-banner .ring-2 { width: 700px; height: 700px; }\r\n .about-banner .stats .stat-item .number { font-size: 32px; }\r\n }\r\n\r\n @media (max-width: 1399px) and (min-width: 1200px) {\r\n .about-banner { padding: 100px 0 80px; min-height: 65vh; }\r\n .about-banner .heading { font-size: 48px; }\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(34px, 4.5vw, 44px); }\r\n .about-banner .ring-2 { display: none; }\r\n .about-banner .glow-ring { display: none; }\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; gap: 30px; }\r\n .about-banner .banner-text-col { max-width: 100%; }\r\n .about-banner .banner-image-col { max-width: 80%; justify-content: center; }\r\n .about-banner .description { max-width: 100%; margin-left: auto; margin-right: auto; }\r\n .about-banner .stats { justify-content: center; max-width: 100%; gap: 18px 28px; }\r\n .about-banner .stats .stat-item { align-items: center; }\r\n .about-banner .breadcrumb { justify-content: center; }\r\n .about-banner .orb-2, .about-banner .ring-1, .about-banner .ring-3, .about-banner .shooting-star, .about-banner .tech-shape, .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(28px, 6vw, 34px); }\r\n .about-banner .description { font-size: 14px; line-height: 1.7; }\r\n .about-banner .stats { gap: 14px 22px; max-width: 100%; justify-content: center; flex-wrap: nowrap; }\r\n .about-banner .stats .stat-item .number { font-size: 22px; }\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, .about-banner .particle, .about-banner .pulse-dot { display: none; }\r\n .about-banner .banner-image-col { max-width: 100%; }\r\n }\r\n\r\n @media (max-width: 580px) {\r\n .about-banner .stats { gap: 12px 18px; flex-wrap: nowrap; justify-content: center; }\r\n .about-banner .stats .stat-item .number { font-size: 20px; }\r\n .about-banner .stats .stat-item .label { font-size: 11px; }\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: 24px; }\r\n .about-banner .description { font-size: 13px; }\r\n .about-banner .stats { gap: 10px 16px; flex-wrap: nowrap; justify-content: center; }\r\n .about-banner .stats .stat-item { align-items: center; text-align: center; }\r\n .about-banner .stats .stat-item .number { font-size: 19px; }\r\n .about-banner .stats .stat-item .label { font-size: 10px; }\r\n .about-banner .breadcrumb { font-size: 11px; flex-wrap: wrap; }\r\n .about-banner .orb-1 { width: 80px; height: 80px; top: -30px; right: -30px; }\r\n .about-banner .banner-image-col img { border-radius: 12px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\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\r\n \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\r\n \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\r\n \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\r\n \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\r\n \r\n <div class=\"tech-shape\"><\/div>\r\n <div class=\"tech-shape\"><\/div>\r\n <div class=\"tech-shape\"><\/div>\r\n\r\n \r\n <div class=\"glow-ring\"><\/div>\r\n <div class=\"glow-ring\"><\/div>\r\n\r\n \r\n <div class=\"grid-overlay\"><\/div>\r\n\r\n <div class=\"banner-inner\">\r\n\r\n \r\n <div class=\"banner-text-col\">\r\n\r\n \r\n <nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\r\n <a href=\"#\">Home<\/a>\r\n <span class=\"separator\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n <a href=\"#\">Products<\/a>\r\n <span class=\"separator\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n <span class=\"current\">SIP<\/span>\r\n <\/nav>\r\n\r\n <h1 class=\"heading\">\r\n Voice <span class=\"highlight\">Traffic Policy<\/span>\r\n <\/h1>\r\n\r\n <p class=\"description\">\r\n This document defines Infinexy's accepted voice traffic profile, performance parameters for diallers, and our governance for nuisance and malicious calls, for SIP endpoints connected to the Infinexy Network. Infinexy reserves the right to limit or prevent traffic that breaches the guidelines in this policy or in the event any particular traffic presents a risk to the integrity of Infinexy's network or product platforms.\r\n <\/p>\r\n\r\n <div class=\"stats\">\r\n <div class=\"stat-item\">\r\n <span class=\"number\"><span class=\"highlight\">4<\/span><\/span>\r\n <span class=\"label\">Carrier Partners<\/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 Connected<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"number\"><span class=\"highlight\">99.99%<\/span><\/span>\r\n <span class=\"label\">Network Reliability<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"banner-image-col\">\r\n <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/08\/sip-sevice.webp\" alt=\"Cloud Technology Solutions\">\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 \u00b7 SIP Policy & Governance<\/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 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 --gray-light: #94a3b8;\r\n --white: #ffffff;\r\n --badge-color: #4D7DD1;\r\n --border: #e5e7eb;\r\n }\r\n\r\n \/* ========================================\r\n SECTION: SIP POLICY\r\n ======================================== *\/\r\n .sip-section {\r\n padding: 80px 0 60px;\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 .sip-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 .sip-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 \/* ===== HEADER ===== *\/\r\n .sip-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 .sip-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 .sip-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 .sip-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 .sip-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 .sip-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 .sip-subtitle {\r\n font-size: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== MAIN CONTENT GRID ===== *\/\r\n .sip-showcase {\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 \/* ===== CONTENT (LEFT) ===== *\/\r\n .sip-content {\r\n padding-right: 10px;\r\n width: 100%;\r\n }\r\n\r\n .sip-content .section-tag {\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 .sip-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 .sip-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 .sip-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 .sip-content .desc {\r\n font-size: 15px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .sip-content .desc strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== POLICY HIGHLIGHT BOXES ===== *\/\r\n .policy-highlights {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 16px 0 14px;\r\n }\r\n\r\n .policy-highlights .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: var(--dark);\r\n background: rgba(77, 125, 209, 0.05);\r\n padding: 6px 16px;\r\n border-radius: 60px;\r\n border: 1px solid rgba(77, 125, 209, 0.08);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .policy-highlights .pill i {\r\n color: var(--badge-color);\r\n font-size: 13px;\r\n }\r\n\r\n .policy-highlights .pill:hover {\r\n background: rgba(77, 125, 209, 0.1);\r\n border-color: rgba(77, 125, 209, 0.2);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ===== BUTTON ===== *\/\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: 6px;\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 \/* ===== VISUAL (RIGHT) ===== *\/\r\n .sip-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 \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 1024px) {\r\n .sip-inner { padding: 0 30px; }\r\n .sip-showcase { padding: 40px 40px; gap: 40px; }\r\n .sip-content h2 { font-size: 30px; }\r\n .visual-box { max-width: 360px; }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .sip-section { padding: 60px 0 40px; }\r\n .sip-inner { padding: 0 30px; }\r\n .sip-showcase {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n padding: 38px 35px;\r\n }\r\n .sip-content {\r\n text-align: center;\r\n padding-right: 0;\r\n }\r\n .sip-content .desc {\r\n max-width: 100%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .sip-content .section-tag { text-align: center; }\r\n .sip-visual { justify-content: center; }\r\n .visual-box { max-width: 380px; margin: 0 auto; }\r\n .policy-highlights { justify-content: center; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .sip-section { padding: 50px 0 30px; }\r\n .sip-inner { padding: 0 20px; }\r\n .sip-header { margin-bottom: 35px; }\r\n .sip-title { font-size: clamp(26px, 5vw, 32px); }\r\n .sip-subtitle { font-size: 15px; }\r\n .sip-showcase { padding: 28px 24px; gap: 28px; }\r\n .sip-content h2 { font-size: 26px; }\r\n .sip-content .desc { font-size: 14px; }\r\n .btn-primary { padding: 10px 24px; font-size: 13px; }\r\n .visual-box { max-width: 320px; }\r\n .visual-box .img-caption { font-size: 11px; padding: 4px 16px; bottom: 12px; }\r\n .policy-highlights .pill { font-size: 12px; padding: 5px 14px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .sip-section { padding: 40px 0 24px; }\r\n .sip-inner { padding: 0 16px; }\r\n .sip-header { margin-bottom: 28px; }\r\n .sip-title { font-size: 24px; }\r\n .sip-subtitle { font-size: 14px; }\r\n .sip-badge { font-size: 11px; }\r\n .sip-showcase { padding: 22px 18px; border-radius: 16px; gap: 22px; }\r\n .sip-content h2 { font-size: 22px; }\r\n .sip-content .desc { font-size: 13.5px; }\r\n .btn-primary { padding: 8px 20px; font-size: 12px; gap: 8px; }\r\n .visual-box { max-width: 260px; }\r\n .visual-box .img-caption { font-size: 10px; padding: 4px 12px; bottom: 10px; }\r\n .policy-highlights .pill { font-size: 11px; padding: 4px 12px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .sip-inner { padding: 0 12px; }\r\n .sip-showcase { padding: 18px 14px; }\r\n .sip-content h2 { font-size: 20px; }\r\n .sip-content .desc { font-size: 13px; }\r\n .visual-box { max-width: 220px; }\r\n .visual-box .img-caption { font-size: 9px; padding: 3px 10px; bottom: 8px; }\r\n .policy-highlights .pill { font-size: 10px; padding: 3px 10px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"sip-section\">\r\n <div class=\"sip-inner\">\r\n\r\n \r\n <div class=\"sip-header\">\r\n <div class=\"sip-badge\">\r\n <span class=\"dot\"><\/span>\r\n Policy & Governance\r\n <\/div>\r\n <h2 class=\"sip-title\">\r\n Voice Traffic Governance\r\n <\/h2>\r\n <p class=\"sip-subtitle\">\r\n Defining accepted voice traffic profiles, performance parameters, and governance for nuisance and malicious calls.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-showcase\">\r\n\r\n \r\n <div class=\"sip-content\">\r\n <div class=\"section-tag\">Introduction<\/div>\r\n\r\n <h2><span class=\"highlight\">SIP Policy Framework<\/span><\/h2>\r\n\r\n <p class=\"desc\">\r\n This document defines Infinexy's accepted voice traffic profile, performance parameters for diallers, and our governance for <strong>nuisance and malicious calls<\/strong> for SIP endpoints connected to the Infinexy Network.\r\n <\/p>\r\n\r\n <p class=\"desc\">\r\n Infinexy reserves the right to limit or prevent traffic that breaches the guidelines in this policy or in the event any particular traffic presents a risk to the integrity of Infinexy's network or product platforms. This policy is in line with standard industry practice and other service providers involved in originating, transiting or terminating voice traffic may take similar action at their discretion.\r\n <\/p>\r\n\r\n <p class=\"desc\">\r\n In regards to <strong>nuisance and malicious calls<\/strong> there are two broad categories which are considered separately; however, both are as serious in their own right.\r\n <\/p>\r\n\r\n \r\n <div class=\"policy-highlights\">\r\n <span class=\"pill\"><i class=\"fas fa-phone-slash\"><\/i> Nuisance Calls<\/span>\r\n <span class=\"pill\"><i class=\"fas fa-exclamation-triangle\"><\/i> Malicious Calls<\/span>\r\n <span class=\"pill\"><i class=\"fas fa-bullhorn\"><\/i> Unwanted Marketing<\/span>\r\n <span class=\"pill\"><i class=\"fas fa-silence\"><\/i> Silent & Abandoned<\/span>\r\n <span class=\"pill\"><i class=\"fas fa-shield-alt\"><\/i> SPIT \/ DoS Protection<\/span>\r\n <span class=\"pill\"><i class=\"fas fa-network-wired\"><\/i> Network Integrity<\/span>\r\n <\/div>\r\n\r\n <p class=\"desc\" style=\"font-size:14px; color:var(--gray-light); margin-top:2px;\">\r\n <strong>Scope:<\/strong> This policy applies to calls that, in some respect, transit Infinexy's network.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-visual\">\r\n <div class=\"visual-box\">\r\n <img fetchpriority=\"high\" decoding=\"async\" \r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/sp-abt.webp\" \r\n alt=\"SIP Network & Governance\"\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-shield-alt\" style=\"margin-right:6px;\"><\/i> SIP \u2022 Governance\r\n <\/div>\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-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 - SIP 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 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 --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 --red: #dc3545;\r\n --green: #28a745;\r\n }\r\n\r\n \/* ===== SECTION WRAPPER ===== *\/\r\n .policy-section {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n .policy-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 .policy-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 \/* ===== HEADER ===== *\/\r\n .policy-header {\r\n text-align: center;\r\n max-width: 750px;\r\n margin: 0 auto 50px;\r\n }\r\n\r\n .policy-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 .policy-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 .policy-title {\r\n font-size: clamp(32px, 4vw, 44px);\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 .policy-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 .policy-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 .policy-subtitle {\r\n font-size: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== GRID LAYOUT ===== *\/\r\n .policy-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.1s;\r\n }\r\n\r\n \/* ===== LEFT COLUMN ===== *\/\r\n .policy-left {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n\r\n .nuisance-card {\r\n background: #fafcff;\r\n border-radius: 20px;\r\n padding: 32px 36px;\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 transition: all 0.3s ease;\r\n }\r\n\r\n .nuisance-card:hover {\r\n border-color: rgba(77, 125, 209, 0.15);\r\n box-shadow: 0 8px 30px rgba(77, 125, 209, 0.06);\r\n }\r\n\r\n .nuisance-card .card-icon {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 12px;\r\n background: rgba(77, 125, 209, 0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 16px;\r\n font-size: 20px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .nuisance-card h3 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 6px;\r\n }\r\n\r\n .nuisance-card .card-sub {\r\n font-size: 13px;\r\n color: var(--gray-light);\r\n font-weight: 500;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .nuisance-card p {\r\n font-size: 15px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n }\r\n\r\n .nuisance-card p strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== KEY IMPACT - WITH IMAGE ===== *\/\r\n .impact-stats {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n background: #fafcff;\r\n border-radius: 20px;\r\n padding: 24px 28px;\r\n border: 1px solid rgba(77, 125, 209, 0.06);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .impact-stats:hover {\r\n border-color: rgba(77, 125, 209, 0.15);\r\n box-shadow: 0 8px 30px rgba(77, 125, 209, 0.06);\r\n }\r\n\r\n .impact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 14px 18px;\r\n background: var(--white);\r\n border-radius: 12px;\r\n border: 1px solid rgba(0,0,0,0.03);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .impact-item:hover {\r\n background: #f5f8ff;\r\n border-color: rgba(77, 125, 209, 0.08);\r\n }\r\n\r\n .impact-item .impact-icon {\r\n width: 38px;\r\n height: 38px;\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 flex-shrink: 0;\r\n }\r\n\r\n .impact-item .impact-icon.red {\r\n background: rgba(220, 53, 69, 0.10);\r\n color: var(--red);\r\n }\r\n\r\n .impact-item .impact-icon.green {\r\n background: rgba(40, 167, 69, 0.10);\r\n color: var(--green);\r\n }\r\n\r\n .impact-item .impact-text {\r\n font-size: 14px;\r\n color: var(--gray);\r\n line-height: 1.5;\r\n }\r\n\r\n .impact-item .impact-text strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .impact-item .impact-text .highlight-text {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== IMPACT IMAGE CONTAINER ===== *\/\r\n .impact-image-wrapper {\r\n grid-column: 1 \/ -1;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n margin-top: 4px;\r\n border: 1px solid rgba(0,0,0,0.04);\r\n transition: all 0.3s ease;\r\n background: var(--white);\r\n }\r\n\r\n .impact-image-wrapper:hover {\r\n border-color: rgba(77, 125, 209, 0.12);\r\n }\r\n\r\n .impact-image-wrapper img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .impact-image-wrapper:hover img {\r\n transform: scale(1.01);\r\n }\r\n\r\n \/* ===== RIGHT COLUMN - STANDARDS LIST ===== *\/\r\n .policy-right {\r\n background: #fafcff;\r\n border-radius: 20px;\r\n padding: 32px 36px;\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 transition: all 0.3s ease;\r\n }\r\n\r\n .policy-right:hover {\r\n border-color: rgba(77, 125, 209, 0.15);\r\n box-shadow: 0 8px 30px rgba(77, 125, 209, 0.06);\r\n }\r\n\r\n .policy-right .header-wrap {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .policy-right .header-wrap .icon-box {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 12px;\r\n background: rgba(142, 36, 170, 0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n color: var(--purple);\r\n }\r\n\r\n .policy-right h3 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n }\r\n\r\n .policy-right .sub-text {\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n margin-bottom: 20px;\r\n line-height: 1.6;\r\n }\r\n\r\n .policy-right .sub-text strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== STANDARDS LIST ===== *\/\r\n .standard-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n\r\n .standard-item {\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n padding: 14px 18px;\r\n background: var(--white);\r\n border-radius: 12px;\r\n border: 1px solid rgba(0,0,0,0.03);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .standard-item:hover {\r\n background: #f5f8ff;\r\n border-color: rgba(77, 125, 209, 0.08);\r\n }\r\n\r\n .standard-item .num {\r\n min-width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--purple), var(--blue));\r\n color: var(--white);\r\n font-size: 13px;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 1px;\r\n }\r\n\r\n .standard-item .text {\r\n font-size: 14px;\r\n color: var(--gray);\r\n line-height: 1.6;\r\n }\r\n\r\n .standard-item .text strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .standard-item .text .highlight-text {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== FOOTER NOTE ===== *\/\r\n .policy-footer {\r\n margin-top: 40px;\r\n padding: 24px 32px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.04), rgba(142, 36, 170, 0.04));\r\n border-radius: 16px;\r\n border: 1px solid rgba(77, 125, 209, 0.06);\r\n text-align: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.3s;\r\n }\r\n\r\n .policy-footer p {\r\n font-size: 14px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n .policy-footer p strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .policy-footer .icon-wrap {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 1024px) {\r\n .policy-inner {\r\n padding: 0 30px;\r\n }\r\n .policy-grid {\r\n gap: 30px;\r\n }\r\n .nuisance-card, .policy-right {\r\n padding: 28px 30px;\r\n }\r\n .impact-stats {\r\n padding: 20px 22px;\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .policy-section {\r\n padding: 60px 0;\r\n }\r\n .policy-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n .policy-right {\r\n order: -1;\r\n }\r\n .policy-footer {\r\n padding: 20px 24px;\r\n }\r\n .impact-stats {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .policy-section {\r\n padding: 50px 0;\r\n }\r\n .policy-inner {\r\n padding: 0 20px;\r\n }\r\n .policy-header {\r\n margin-bottom: 35px;\r\n }\r\n .policy-title {\r\n font-size: clamp(26px, 5vw, 32px);\r\n }\r\n .policy-subtitle {\r\n font-size: 15px;\r\n }\r\n .nuisance-card, .policy-right {\r\n padding: 24px 20px;\r\n }\r\n .nuisance-card h3, .policy-right h3 {\r\n font-size: 20px;\r\n }\r\n .nuisance-card p {\r\n font-size: 14px;\r\n }\r\n .impact-stats {\r\n padding: 16px 18px;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n }\r\n .impact-item {\r\n padding: 12px 14px;\r\n }\r\n .impact-item .impact-text {\r\n font-size: 13px;\r\n }\r\n .impact-image-wrapper {\r\n border-radius: 10px;\r\n }\r\n .standard-item {\r\n padding: 12px 14px;\r\n }\r\n .standard-item .text {\r\n font-size: 13px;\r\n }\r\n .policy-footer {\r\n padding: 16px 18px;\r\n }\r\n .policy-footer p {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .policy-section {\r\n padding: 40px 0;\r\n }\r\n .policy-inner {\r\n padding: 0 16px;\r\n }\r\n .policy-title {\r\n font-size: 24px;\r\n }\r\n .policy-badge {\r\n font-size: 11px;\r\n }\r\n .nuisance-card, .policy-right {\r\n padding: 20px 16px;\r\n border-radius: 16px;\r\n }\r\n .nuisance-card h3, .policy-right h3 {\r\n font-size: 18px;\r\n }\r\n .nuisance-card .card-icon, .policy-right .header-wrap .icon-box {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 16px;\r\n }\r\n .impact-stats {\r\n grid-template-columns: 1fr;\r\n padding: 14px 16px;\r\n gap: 8px;\r\n }\r\n .impact-item {\r\n padding: 10px 12px;\r\n }\r\n .impact-item .impact-icon {\r\n width: 32px;\r\n height: 32px;\r\n font-size: 14px;\r\n }\r\n .impact-item .impact-text {\r\n font-size: 12.5px;\r\n }\r\n .impact-image-wrapper {\r\n border-radius: 8px;\r\n }\r\n .standard-item {\r\n padding: 10px 12px;\r\n gap: 10px;\r\n }\r\n .standard-item .num {\r\n min-width: 24px;\r\n height: 24px;\r\n font-size: 11px;\r\n }\r\n .standard-item .text {\r\n font-size: 12.5px;\r\n }\r\n .policy-footer {\r\n padding: 14px 14px;\r\n }\r\n .policy-footer p {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .policy-inner {\r\n padding: 0 12px;\r\n }\r\n .nuisance-card, .policy-right {\r\n padding: 16px 14px;\r\n }\r\n .nuisance-card h3, .policy-right h3 {\r\n font-size: 17px;\r\n }\r\n .impact-stats {\r\n padding: 12px 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"policy-section\">\r\n <div class=\"policy-inner\">\r\n\r\n \r\n <div class=\"policy-header\">\r\n <div class=\"policy-badge\">\r\n <span class=\"dot\"><\/span>\r\n SIP Services\r\n <\/div>\r\n <h2 class=\"policy-title\">\r\n Voice Traffic Policy\r\n <\/h2>\r\n <p class=\"policy-subtitle\">\r\n Infinexy's governance framework for nuisance calls, dialler standards, and CLI requirements\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"policy-grid\">\r\n\r\n \r\n <div class=\"policy-left\">\r\n\r\n \r\n <div class=\"nuisance-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-phone-slash\"><\/i>\r\n <\/div>\r\n <h3>Nuisance Calls<\/h3>\r\n <div class=\"card-sub\">Regulatory Definition<\/div>\r\n <p>\r\n A <strong>Nuisance Call<\/strong> is one that is either <strong>unwanted<\/strong> or one that is \r\n <strong>\"silent or abandoned\"<\/strong> \u2014 which means that a call centre is not following the \r\n regulations on availability of live operators.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"impact-stats\">\r\n\r\n <div class=\"impact-item\">\r\n <div class=\"impact-icon red\">\r\n <i class=\"fas fa-ban\"><\/i>\r\n <\/div>\r\n <div class=\"impact-text\">\r\n <strong>Unwanted<\/strong> marketing calls\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"impact-item\">\r\n <div class=\"impact-icon red\">\r\n <i class=\"fas fa-volume-mute\"><\/i>\r\n <\/div>\r\n <div class=\"impact-text\">\r\n <strong>Silent & Abandoned<\/strong> calls\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"impact-item\" style=\"grid-column: 1 \/ -1; background: rgba(77, 125, 209, 0.04); border-color: rgba(77, 125, 209, 0.06);\">\r\n <div class=\"impact-icon green\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <div class=\"impact-text\">\r\n Both categories treated with <strong class=\"highlight-text\">equal seriousness<\/strong> \u2014 \r\n disrupting user experience and network integrity\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"impact-image-wrapper\">\r\n <img loading=\"lazy\" decoding=\"async\" \r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/img-6578574dpo.webp\" \r\n alt=\"Network security and call management infrastructure\"\r\n width=\"800\" \r\n height=\"350\"\r\n loading=\"lazy\"\r\n \/>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"policy-right\">\r\n <div class=\"header-wrap\">\r\n <div class=\"icon-box\">\r\n <i class=\"fas fa-microchip\"><\/i>\r\n <\/div>\r\n <h3>Dialler & CLI Standards<\/h3>\r\n <\/div>\r\n\r\n <div class=\"sub-text\">\r\n <strong>Dialler Regulatory Standard<\/strong> \u2014 Diallers or any <strong>\"automatic call generation\"<\/strong> \r\n service connected to the Infinexy Network must comply with the following standards:\r\n <\/div>\r\n\r\n <div class=\"standard-list\">\r\n\r\n <div class=\"standard-item\">\r\n <span class=\"num\">1<\/span>\r\n <div class=\"text\">\r\n Ensuring an <strong>abandoned call rate<\/strong> (including a reasoned estimate of false positives) \r\n of <span class=\"highlight-text\">no more than 10%<\/span> of live calls per campaign or per call centre \r\n over any 24-hour period\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"standard-item\">\r\n <span class=\"num\">2<\/span>\r\n <div class=\"text\">\r\n Ensuring that people are <strong>not contacted within 72 hours<\/strong> of their receiving an \r\n abandoned call without the guaranteed presence of a live operator\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"standard-item\">\r\n <span class=\"num\">3<\/span>\r\n <div class=\"text\">\r\n Playing an <strong>automated message<\/strong> in the event of an abandoned call telling the person \r\n called on whose behalf the call was made and providing them with a <strong>number to opt-out<\/strong> \r\n of future marketing calls\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"standard-item\">\r\n <span class=\"num\">4<\/span>\r\n <div class=\"text\">\r\n Making valid and accurate <strong>calling-line identification (CLI)<\/strong> information available \r\n to call recipients so they can identify who rang them via caller display\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"standard-item\">\r\n <span class=\"num\">5<\/span>\r\n <div class=\"text\">\r\n Ensuring that where a call has been identified by dialler equipment as being picked up by an \r\n <strong>answer machine<\/strong>, any repeat calls to that specific number within the same \r\n 24-hour period are only made with the <strong>guaranteed presence of a live operator<\/strong>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"policy-footer\">\r\n <p>\r\n <span class=\"icon-wrap\">\r\n <i class=\"fas fa-gavel\"><\/i> Regulatory Alignment\r\n <\/span>\r\n \u2014 \r\n This Standard is a <strong>verbatim replication of the Ofcom guidelines<\/strong> and as such would be considered \r\n by Infinexy to be a regulatory requirement to be adhered to by any signatory to our contracts.\r\n <\/p>\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 - Dialler Operational Standard<\/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 DIALLLER OPERATIONAL STANDARD SECTION\r\n ======================================== *\/\r\n .dialler-standard {\r\n padding:50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .dialler-standard::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 .dialler-standard-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 \/* ===== HEADER ===== *\/\r\n .section-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 48px;\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: 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 .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-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(32px, 3.8vw, 44px);\r\n font-weight: 800;\r\n color: var(--dark);\r\n line-height: 1.1;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .section-title .highlight {\r\n background: linear-gradient(135deg, var(--purple), var(--blue));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 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 CONTENT WRAPPER\r\n ======================================== *\/\r\n .standard-content {\r\n background: #f8fafc;\r\n border-radius: 20px;\r\n padding: 48px 56px;\r\n border: 1px solid var(--border);\r\n position: relative;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n \/* Decorative Line *\/\r\n .standard-content::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), var(--orange));\r\n opacity: 0.6;\r\n }\r\n\r\n \/* ===== DEFINITION BOX ===== *\/\r\n .definition-box {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 36px;\r\n border: 1px solid var(--border);\r\n margin-bottom: 32px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .definition-box:hover {\r\n border-color: var(--badge-color);\r\n box-shadow: 0 8px 30px rgba(77, 125, 209, 0.06);\r\n transform: none;\r\n }\r\n\r\n .definition-box .def-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 12px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .definition-box .def-title i {\r\n color: var(--badge-color);\r\n font-size: 20px;\r\n }\r\n\r\n .definition-box .def-text {\r\n font-size: 16px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n }\r\n\r\n .definition-box .def-text strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== STANDARD PARAMETERS ===== *\/\r\n .parameters-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .parameter-item {\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 24px 28px;\r\n border: 1px solid var(--border);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .parameter-item::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, var(--purple), var(--blue));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .parameter-item:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .parameter-item:hover {\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.04);\r\n border-color: rgba(77, 125, 209, 0.08);\r\n transform: none;\r\n }\r\n\r\n .parameter-item .param-icon {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n color: var(--white);\r\n margin-bottom: 12px;\r\n background: var(--badge-color);\r\n }\r\n\r\n .parameter-item .param-label {\r\n font-size: 13px;\r\n color: var(--gray-light);\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .parameter-item .param-value {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-top: 2px;\r\n }\r\n\r\n .parameter-item .param-value .highlight {\r\n color: var(--badge-color);\r\n }\r\n\r\n .parameter-item .param-desc {\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n margin-top: 4px;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ========================================\r\n CLARITY NOTE - NEW DESIGN\r\n ======================================== *\/\r\n .clarity-note {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 28px 32px;\r\n border: 1px solid var(--border);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .clarity-note:hover {\r\n border-color: var(--badge-color);\r\n box-shadow: 0 8px 30px rgba(77, 125, 209, 0.06);\r\n transform: none;\r\n }\r\n\r\n \/* Decorative Top Border *\/\r\n .clarity-note::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, var(--purple), var(--blue), var(--green));\r\n opacity: 0.6;\r\n }\r\n\r\n .clarity-note .note-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .clarity-note .note-header .note-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n background: rgba(77, 125, 209, 0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--badge-color);\r\n font-size: 18px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .clarity-note .note-header .note-title {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n }\r\n\r\n .clarity-note .note-header .note-title .highlight {\r\n color: var(--badge-color);\r\n }\r\n\r\n .clarity-note .note-body {\r\n font-size: 15px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n padding-left: 4px;\r\n }\r\n\r\n .clarity-note .note-body strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .clarity-note .note-body .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n .clarity-note .note-body .tag {\r\n display: inline-block;\r\n background: rgba(77, 125, 209, 0.08);\r\n color: var(--badge-color);\r\n font-size: 12px;\r\n font-weight: 600;\r\n padding: 2px 12px;\r\n border-radius: 100px;\r\n margin: 0 2px;\r\n }\r\n\r\n \/* ========================================\r\n ANIMATIONS\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\r\n @media (max-width: 991px) {\r\n .dialler-standard {\r\n padding: 60px 0;\r\n }\r\n\r\n .standard-content {\r\n padding: 32px 28px;\r\n }\r\n\r\n .definition-box {\r\n padding: 24px 20px;\r\n }\r\n\r\n .parameters-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .parameter-item {\r\n padding: 20px;\r\n }\r\n\r\n .clarity-note {\r\n padding: 24px 20px;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .dialler-standard {\r\n padding: 50px 0;\r\n }\r\n\r\n .dialler-standard-inner {\r\n padding: 0 20px;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 36px;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .standard-content {\r\n padding: 24px 18px;\r\n border-radius: 16px;\r\n }\r\n\r\n .definition-box {\r\n padding: 20px 16px;\r\n }\r\n\r\n .definition-box .def-title {\r\n font-size: 16px;\r\n }\r\n\r\n .definition-box .def-text {\r\n font-size: 15px;\r\n }\r\n\r\n .parameters-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n\r\n .parameter-item {\r\n padding: 18px 16px;\r\n }\r\n\r\n .parameter-item .param-value {\r\n font-size: 22px;\r\n }\r\n\r\n .clarity-note {\r\n padding: 20px 16px;\r\n }\r\n\r\n .clarity-note .note-header .note-title {\r\n font-size: 15px;\r\n }\r\n\r\n .clarity-note .note-body {\r\n font-size: 14px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .dialler-standard {\r\n padding: 40px 0;\r\n }\r\n\r\n .dialler-standard-inner {\r\n padding: 0 16px;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .section-badge {\r\n font-size: 10px;\r\n }\r\n\r\n .standard-content {\r\n padding: 18px 14px;\r\n border-radius: 14px;\r\n }\r\n\r\n .definition-box {\r\n padding: 16px 12px;\r\n }\r\n\r\n .definition-box .def-title {\r\n font-size: 15px;\r\n }\r\n\r\n .definition-box .def-text {\r\n font-size: 14px;\r\n }\r\n\r\n .parameter-item {\r\n padding: 14px 12px;\r\n }\r\n\r\n .parameter-item .param-icon {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 16px;\r\n }\r\n\r\n .parameter-item .param-value {\r\n font-size: 20px;\r\n }\r\n\r\n .parameter-item .param-label {\r\n font-size: 12px;\r\n }\r\n\r\n .parameter-item .param-desc {\r\n font-size: 13px;\r\n }\r\n\r\n .clarity-note {\r\n padding: 16px 12px;\r\n }\r\n\r\n .clarity-note .note-header .note-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n\r\n .clarity-note .note-header .note-title {\r\n font-size: 14px;\r\n }\r\n\r\n .clarity-note .note-body {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .parameter-item .param-value {\r\n font-size: 18px;\r\n }\r\n\r\n .definition-box .def-text {\r\n font-size: 13px;\r\n }\r\n\r\n .clarity-note .note-body {\r\n font-size: 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"dialler-standard\">\r\n <div class=\"dialler-standard-inner\">\r\n\r\n \r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">\r\n <span class=\"dot\"><\/span>\r\n \r\n Operational Standard\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Dialler Traffic Standard\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Infinexy's operational definition of dialler traffic to ensure network protection \r\n and service quality for all customers.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"standard-content\">\r\n\r\n \r\n <div class=\"definition-box\">\r\n <div class=\"def-title\">\r\n <i class=\"fas fa-book-open\"><\/i>\r\n Operational Definition\r\n <\/div>\r\n <p class=\"def-text\">\r\n The Infinexy Operational definition of <strong>Dialler Traffic<\/strong> is as follows:\r\n This is traffic which typically has:\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"parameters-grid\">\r\n\r\n \r\n <div class=\"parameter-item\">\r\n <div class=\"param-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <div class=\"param-label\">Average Length of Call<\/div>\r\n <div class=\"param-value\"><span class=\"highlight\">20s<\/span> \u2013 <span class=\"highlight\">60s<\/span><\/div>\r\n <div class=\"param-desc\">Under 60 seconds but above 20 seconds<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"parameter-item\">\r\n <div class=\"param-icon\">\r\n <i class=\"fas fa-percentage\"><\/i>\r\n <\/div>\r\n <div class=\"param-label\">Answer Seize Ratio<\/div>\r\n <div class=\"param-value\"><span class=\"highlight\">> 60%<\/span><\/div>\r\n <div class=\"param-desc\">Greater than 60% Answer Seize Ratio<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"clarity-note\">\r\n <div class=\"note-header\">\r\n <div class=\"note-icon\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <\/div>\r\n <div class=\"note-title\">\r\n For <span class=\"highlight\">Clarity<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"note-body\">\r\n This is the <span class=\"highlight\">Infinexy default position<\/span> to ensure that we \r\n protect the network and all Infinexy customers. Exceptions can be considered by the \r\n <strong>Managing Director Service and Operations<\/strong> with an appropriate business case; \r\n however, any traffic outside of this profile will automatically have \r\n <span class=\"highlight\">remedial action<\/span> considered.\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-fbe712d e-con-full e-flex e-con e-parent\" data-id=\"fbe712d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06f5a4a elementor-widget elementor-widget-html\" data-id=\"06f5a4a\" 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 Operational Standard<\/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 \/* Force Inter on all elements *\/\r\n body, .ops-section, .ops-inner, .ops-header, .ops-badge,\r\n .ops-title, .ops-subtitle, .ops-grid, .ops-card,\r\n .ops-card-title, .ops-card-desc, .ops-icon-wrapper,\r\n .shine, .glow-overlay, .data-flow,\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 --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 OPERATIONAL STANDARD SECTION\r\n ======================================== *\/\r\n .ops-section {\r\n padding: 20px 0 60px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .ops-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 .ops-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 .ops-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .ops-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 .ops-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 .ops-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .ops-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 .ops-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 .ops-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 \/* ===== INTRO TEXT ===== *\/\r\n .ops-intro {\r\n max-width: 900px;\r\n margin: 0 auto 40px;\r\n text-align: center;\r\n }\r\n\r\n .ops-intro p {\r\n font-size: 16px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ========================================\r\n GRID \u2013 Responsive\r\n ======================================== *\/\r\n .ops-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n \/* ========================================\r\n CARD\r\n ======================================== *\/\r\n .ops-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 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: default;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .ops-card:nth-child(1) { animation-delay: 0.05s; }\r\n .ops-card:nth-child(2) { animation-delay: 0.10s; }\r\n .ops-card:nth-child(3) { animation-delay: 0.15s; }\r\n .ops-card:nth-child(4) { animation-delay: 0.20s; }\r\n .ops-card:nth-child(5) { animation-delay: 0.25s; }\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 .ops-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 .ops-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .ops-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 line - FIXED: Only shows on hover, no default line *\/\r\n .ops-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 pointer-events: none;\r\n }\r\n\r\n .ops-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 .ops-card .ops-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 .ops-card .ops-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 .ops-card:hover .ops-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 .ops-card .ops-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 .ops-card:hover .ops-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .ops-card:hover .ops-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .ops-card .ops-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 .ops-card:hover .ops-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== CARD NUMBER ===== *\/\r\n .ops-card .card-number {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--badge-color);\r\n opacity: 0.15;\r\n margin-bottom: 4px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .ops-card .ops-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 .ops-card:hover .ops-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 .ops-card .ops-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 .ops-card:hover .ops-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .ops-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 .ops-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY ===== *\/\r\n .ops-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 .ops-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n FOOTER NOTE\r\n ======================================== *\/\r\n .ops-footer {\r\n text-align: center;\r\n padding: 28px 0 8px;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.30s;\r\n }\r\n\r\n .ops-footer p {\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n line-height: 1.7;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .ops-footer .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n \/* Desktop Large (1200px+) - 3 columns *\/\r\n @media (min-width: 1200px) {\r\n .ops-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n }\r\n\r\n \/* Desktop (992px - 1199px) - 3 columns *\/\r\n @media (max-width: 1199px) and (min-width: 992px) {\r\n .ops-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n \/* Tablet (768px - 991px) - 2 columns *\/\r\n @media (max-width: 991px) {\r\n .ops-section {\r\n padding: 70px 0 50px;\r\n }\r\n .ops-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n .ops-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n }\r\n\r\n \/* Mobile Large (576px - 767px) - 2 columns *\/\r\n @media (max-width: 767px) {\r\n .ops-section {\r\n padding: 50px 0 40px;\r\n }\r\n .ops-inner {\r\n padding: 0 20px;\r\n }\r\n .ops-header {\r\n margin-bottom: 36px;\r\n }\r\n .ops-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n .ops-subtitle {\r\n font-size: 15px;\r\n }\r\n .ops-intro p {\r\n font-size: 15px;\r\n }\r\n .ops-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n .ops-card {\r\n padding: 24px 16px 20px;\r\n border-radius: 14px;\r\n }\r\n .ops-card .ops-icon-wrapper {\r\n width: 54px;\r\n height: 54px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n .ops-card .ops-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n .ops-card .ops-card-title {\r\n font-size: 15px;\r\n }\r\n .ops-card .ops-card-desc {\r\n font-size: 13px;\r\n }\r\n .ops-footer p {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n \/* Mobile Small (up to 480px) - 2 columns (compact) *\/\r\n @media (max-width: 480px) {\r\n .ops-section {\r\n padding: 40px 0 30px;\r\n }\r\n .ops-inner {\r\n padding: 0 16px;\r\n }\r\n .ops-header {\r\n margin-bottom: 28px;\r\n }\r\n .ops-title {\r\n font-size: 24px;\r\n }\r\n .ops-subtitle {\r\n font-size: 14px;\r\n }\r\n .ops-badge {\r\n font-size: 10px;\r\n }\r\n .ops-intro p {\r\n font-size: 14px;\r\n }\r\n .ops-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n }\r\n .ops-card {\r\n padding: 18px 12px 16px;\r\n border-radius: 12px;\r\n }\r\n .ops-card .ops-icon-wrapper {\r\n width: 46px;\r\n height: 46px;\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n .ops-card .ops-icon-wrapper i {\r\n font-size: 17px;\r\n }\r\n .ops-card .ops-icon-wrapper::after {\r\n inset: -6px;\r\n filter: blur(12px);\r\n }\r\n .ops-card .ops-card-title {\r\n font-size: 13px;\r\n }\r\n .ops-card .ops-card-desc {\r\n font-size: 12px;\r\n }\r\n .ops-footer p {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n \/* iPhone SE \/ Very Small (up to 375px) - 2 columns (smallest) *\/\r\n @media (max-width: 375px) {\r\n .ops-grid {\r\n gap: 10px;\r\n }\r\n .ops-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n .ops-card .ops-icon-wrapper {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n }\r\n .ops-card .ops-icon-wrapper i {\r\n font-size: 14px;\r\n }\r\n .ops-card .ops-card-title {\r\n font-size: 12px;\r\n }\r\n .ops-card .ops-card-desc {\r\n font-size: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"ops-section\">\r\n <div class=\"ops-inner\">\r\n\r\n \r\n <div class=\"ops-header\">\r\n <div class=\"ops-badge\">\r\n <span class=\"dot\"><\/span>\r\n Operational Standard\r\n <\/div>\r\n <h2 class=\"ops-title\">\r\n Operational Standard\r\n <\/h2>\r\n <p class=\"ops-subtitle\">\r\n Infinexy reserve the right to limit (through call gapping or other operational intervention as we see fit in our sole discretion) which we feel may endanger the rest of the network. Any (but not limited to) of the following traffic patterns are not allowed:\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ops-grid\">\r\n\r\n \r\n <div class=\"ops-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=\"card-number\">01<\/div>\r\n <div class=\"ops-icon-wrapper\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <h3 class=\"ops-card-title\">Call Attempts<\/h3>\r\n <p class=\"ops-card-desc\">\r\n Large amounts of call attempts hitting the same area or number type are not allowed. \r\n No single geographic dialling code should exceed assigned CPS unless previously agreed. \r\n Large, unexpected spikes of traffic cause network monitoring fault alarms.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ops-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=\"card-number\">02<\/div>\r\n <div class=\"ops-icon-wrapper\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <h3 class=\"ops-card-title\">Time of Day<\/h3>\r\n <p class=\"ops-card-desc\">\r\n Dialler traffic will be the first type to be shed during any network faults \r\n or high traffic periods to ensure network stability and service continuity.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ops-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=\"card-number\">03<\/div>\r\n <div class=\"ops-icon-wrapper\">\r\n <i class=\"fas fa-ban\"><\/i>\r\n <\/div>\r\n <h3 class=\"ops-card-title\">Unallocated Numbers<\/h3>\r\n <p class=\"ops-card-desc\">\r\n ASRs below 40% will be deemed as suspect (e.g., Data cleansing activities). \r\n Immediate action will be taken to limit such traffic as it may indicate \r\n a breach of regulatory standards.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ops-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=\"card-number\">04<\/div>\r\n <div class=\"ops-icon-wrapper\">\r\n <i class=\"fas fa-tachometer-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"ops-card-title\">CPS Limit<\/h3>\r\n <p class=\"ops-card-desc\">\r\n Each endpoint has a defined calls per second limit (typically 10 CPS). \r\n Higher CPS can be negotiated. Sending too many calls will get a 503 \r\n response and uses unnecessary SBC processor resource.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ops-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=\"card-number\">05<\/div>\r\n <div class=\"ops-icon-wrapper\">\r\n <i class=\"fas fa-bell\"><\/i>\r\n <\/div>\r\n <h3 class=\"ops-card-title\">Network Alerts<\/h3>\r\n <p class=\"ops-card-desc\">\r\n Infinexy has a wide range of network performance alerts. Sustained low ASR \r\n sent to one Mobile Operator type will produce an alarm in the NOC. \r\n False alarms can hide other network problems and divert resources.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"ops-footer\">\r\n <p>\r\n <span class=\"highlight\">Infinexy NOC<\/span> monitors all traffic patterns 24\/7. \r\n Remedial action will be taken if any dialler pattern causes alarms or \r\n red statuses on the NOC monitors.\r\n <\/p>\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 Dialler & CLI Policy<\/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 \/* Force Inter on all elements *\/\r\n body, .policy-section, .policy-inner, .policy-header, .policy-badge,\r\n .policy-title, .policy-subtitle, .policy-grid, .policy-card,\r\n .policy-card-title, .policy-card-desc, .policy-icon-wrapper,\r\n .shine, .glow-overlay, .data-flow,\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 --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 POLICY SECTION\r\n ======================================== *\/\r\n .policy-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 .policy-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 .policy-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 .policy-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .policy-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 .policy-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 .policy-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .policy-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 .policy-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 .policy-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 CARDS GRID\r\n ======================================== *\/\r\n .policy-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n \/* ========================================\r\n CARD\r\n ======================================== *\/\r\n .policy-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 26px 28px;\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 overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .policy-card:nth-child(1) { animation-delay: 0.05s; }\r\n .policy-card:nth-child(2) { animation-delay: 0.10s; }\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 .policy-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 .policy-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .policy-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 line *\/\r\n .policy-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 .policy-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 ===== *\/\r\n .policy-card .policy-icon-wrapper {\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 margin: 0 auto 16px;\r\n font-size: 26px;\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-bg);\r\n }\r\n\r\n .policy-card .policy-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 .policy-card:hover .policy-icon-wrapper::before {\r\n opacity: 1;\r\n border-color: var(--icon-bg);\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 .policy-card .policy-icon-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n inset: -12px;\r\n border-radius: 50%;\r\n background: var(--icon-bg);\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 .policy-card:hover .policy-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .policy-card:hover .policy-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n position: relative;\r\n z-index: 1;\r\n color: var(--white);\r\n font-size: 26px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .policy-card:hover .policy-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .policy-card .policy-card-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 8px;\r\n text-align: center;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .policy-card:hover .policy-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 .policy-card .policy-card-desc {\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n line-height: 1.7;\r\n text-align: left;\r\n transition: color 0.4s ease;\r\n }\r\n\r\n .policy-card:hover .policy-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n .policy-card .policy-card-desc strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .policy-card .policy-card-desc .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .policy-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 .policy-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY ===== *\/\r\n .policy-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 .policy-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n CLI PRESENTATION CARD\r\n ======================================== *\/\r\n .cli-section {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 32px 28px;\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 overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.15s;\r\n margin-top: 8px;\r\n }\r\n\r\n .cli-section::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 .cli-section:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .cli-section: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 .cli-section .cli-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .cli-section .cli-header .cli-icon {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n color: var(--white);\r\n background: var(--icon-bg);\r\n flex-shrink: 0;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .cli-section:hover .cli-icon {\r\n transform: scale(1.05) rotate(-4deg);\r\n }\r\n\r\n .cli-section .cli-header h3 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .cli-section:hover .cli-header h3 {\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 .cli-section .cli-body {\r\n padding-left: 0;\r\n }\r\n\r\n .cli-section .cli-body p {\r\n font-size: 15px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .cli-section .cli-body p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .cli-section .cli-body p strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .cli-section .cli-body p .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n \/* CLI Points *\/\r\n .cli-points {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n margin: 16px 0 8px;\r\n }\r\n\r\n .cli-point {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n padding: 14px 16px;\r\n background: #f8fafc;\r\n border-radius: 12px;\r\n border: 1px solid var(--border);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .cli-point:hover {\r\n border-color: var(--badge-color);\r\n background: var(--white);\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .cli-point i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n margin-top: 2px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .cli-point .point-text {\r\n font-size: 14px;\r\n color: var(--gray);\r\n line-height: 1.6;\r\n }\r\n\r\n .cli-point .point-text strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ========================================\r\n SHINE FOR CLI\r\n ======================================== *\/\r\n .cli-section .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 .cli-section:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n .cli-section .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 .cli-section:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n .cli-section .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 .cli-section: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 \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .policy-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .policy-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .policy-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n\r\n .cli-points {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .policy-section {\r\n padding: 50px 0;\r\n }\r\n\r\n .policy-inner {\r\n padding: 0 20px;\r\n }\r\n\r\n .policy-header {\r\n margin-bottom: 36px;\r\n }\r\n\r\n .policy-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n\r\n .policy-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .policy-card {\r\n padding: 24px 18px 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper {\r\n width: 52px;\r\n height: 52px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n\r\n .policy-card .policy-card-title {\r\n font-size: 16px;\r\n }\r\n\r\n .policy-card .policy-card-desc {\r\n font-size: 13px;\r\n }\r\n\r\n .cli-section {\r\n padding: 24px 18px 20px;\r\n }\r\n\r\n .cli-section .cli-header h3 {\r\n font-size: 18px;\r\n }\r\n\r\n .cli-section .cli-body p {\r\n font-size: 14px;\r\n }\r\n\r\n .cli-point {\r\n padding: 12px 14px;\r\n }\r\n\r\n .cli-point .point-text {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .policy-section {\r\n padding: 40px 0;\r\n }\r\n\r\n .policy-inner {\r\n padding: 0 16px;\r\n }\r\n\r\n .policy-header {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .policy-title {\r\n font-size: 24px;\r\n }\r\n\r\n .policy-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .policy-badge {\r\n font-size: 10px;\r\n }\r\n\r\n .policy-card {\r\n padding: 18px 14px 16px;\r\n border-radius: 12px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n font-size: 17px;\r\n }\r\n\r\n .policy-card .policy-card-title {\r\n font-size: 15px;\r\n }\r\n\r\n .policy-card .policy-card-desc {\r\n font-size: 12px;\r\n }\r\n\r\n .cli-section {\r\n padding: 18px 14px 16px;\r\n }\r\n\r\n .cli-section .cli-header {\r\n gap: 10px;\r\n }\r\n\r\n .cli-section .cli-header .cli-icon {\r\n width: 42px;\r\n height: 42px;\r\n font-size: 17px;\r\n }\r\n\r\n .cli-section .cli-header h3 {\r\n font-size: 16px;\r\n }\r\n\r\n .cli-section .cli-body p {\r\n font-size: 13px;\r\n }\r\n\r\n .cli-point {\r\n padding: 10px 12px;\r\n gap: 10px;\r\n }\r\n\r\n .cli-point .point-text {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .policy-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n font-size: 14px;\r\n }\r\n\r\n .policy-card .policy-card-title {\r\n font-size: 13px;\r\n }\r\n\r\n .policy-card .policy-card-desc {\r\n font-size: 11px;\r\n }\r\n\r\n .cli-section {\r\n padding: 14px 10px 12px;\r\n }\r\n\r\n .cli-section .cli-header .cli-icon {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 14px;\r\n }\r\n\r\n .cli-section .cli-header h3 {\r\n font-size: 14px;\r\n }\r\n\r\n .cli-section .cli-body p {\r\n font-size: 12px;\r\n }\r\n\r\n .cli-point .point-text {\r\n font-size: 11px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"policy-section\">\r\n <div class=\"policy-inner\">\r\n\r\n \r\n <div class=\"policy-header\">\r\n <div class=\"policy-badge\">\r\n <span class=\"dot\"><\/span>\r\n Network Policy\r\n <\/div>\r\n <h2 class=\"policy-title\">\r\n Dialler & CLI Policy<\/h2>\r\n <p class=\"policy-subtitle\">\r\n Infinexy's operational standards for dialler traffic management and CLI presentation \r\n to ensure network integrity and regulatory compliance.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"policy-grid\">\r\n\r\n \r\n <div class=\"policy-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=\"policy-icon-wrapper\">\r\n <i class=\"fas fa-trash-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"policy-card-title\">Dialler Removal Process<\/h3>\r\n <div class=\"policy-card-desc\">\r\n <p>\r\n It is quite common for customer endpoints to be provisioned as normal SIP \r\n and then used for this traffic. <strong>Infinexy's Voice Quality of Service<\/strong> \r\n department runs daily reports which will quickly identify traffic of this nature.\r\n <\/p>\r\n <p style=\"margin-top: 10px;\">\r\n The customer will be asked to stop sending this traffic but \r\n <strong>Infinexy reserve the right<\/strong> to reduce their capacity or \r\n <span class=\"highlight\">turn them off<\/span> to protect the integrity of the network.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"policy-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=\"policy-icon-wrapper\">\r\n <i class=\"fas fa-id-card\"><\/i>\r\n <\/div>\r\n <h3 class=\"policy-card-title\">CLI Presentation<\/h3>\r\n <div class=\"policy-card-desc\">\r\n <p>\r\n Infinexy offers customers flexibility in what CLI they present. \r\n The <strong>Customer Agreement<\/strong> that has to be signed prior to \r\n implementation contains a condensation of the CLI Presentation regulations.\r\n <\/p>\r\n <p style=\"margin-top: 10px;\">\r\n <strong>Infinexy's operation team<\/strong> will perform periodic audits of \r\n presentation CLIs across the network and take action to enforce these rules as required.\r\n <\/p>\r\n <p style=\"margin-top: 10px; font-size: 13px; color: var(--gray-light);\">\r\n <i class=\"fas fa-info-circle\" style=\"color: var(--badge-color);\"><\/i>\r\n Additionally, some operators within the <span class=\"highlight\">European Economic Area (\"EEA\")<\/span> \r\n surcharge calls made from outside the EEA based on presentation and\/or network CLI.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"cli-section\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n\r\n <div class=\"cli-header\">\r\n <div class=\"cli-icon\">\r\n <i class=\"fas fa-list-check\"><\/i>\r\n <\/div>\r\n <h3>CLI Presentation <span style=\"font-weight: 400; color: var(--gray-light);\">\u2014 Key Points<\/span><\/h3>\r\n <\/div>\r\n\r\n <div class=\"cli-body\">\r\n <p>\r\n The Customer Agreement contains a condensation of the \r\n <strong>CLI Presentation regulations<\/strong>. The two main points are:\r\n <\/p>\r\n\r\n <div class=\"cli-points\">\r\n <div class=\"cli-point\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"point-text\">\r\n <strong>Authorized Use:<\/strong> The allocated entity for the number being \r\n presented has authorized its use for this purpose.\r\n <\/div>\r\n <\/div>\r\n <div class=\"cli-point\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"point-text\">\r\n <strong>No Revenue Sharing:<\/strong> The number being presented is not one \r\n to a revenue sharing number that generates an excessive call charge.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <p style=\"margin-top: 12px; font-size: 14px; color: var(--gray-light);\">\r\n <i class=\"fas fa-shield-alt\" style=\"color: var(--badge-color); margin-right: 6px;\"><\/i>\r\n Infinexy's operation team performs <strong>periodic audits<\/strong> of presentation CLIs \r\n across the network and takes action to enforce these rules as required.\r\n <\/p>\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-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>Infinexy \u00b7 Outbound Traffic & Malicious Calls Policy<\/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 \/* Force Inter on all elements *\/\r\n body, .policy-section, .policy-inner, .policy-header, .policy-badge,\r\n .policy-title, .policy-subtitle, .policy-card,\r\n .policy-card-title, .policy-card-desc, .policy-icon-wrapper,\r\n .shine, .glow-overlay, .data-flow, .param-box, .malicious-section,\r\n .malicious-cat, .badge-act,\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 --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 POLICY SECTION\r\n ======================================== *\/\r\n .policy-section {\r\n padding: 40px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .policy-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 .policy-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 .policy-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .policy-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 .policy-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 .policy-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .policy-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 .policy-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 .policy-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 OUTBOUND TRAFFIC CARD\r\n ======================================== *\/\r\n .policy-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 28px 28px;\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 overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .policy-card:nth-child(1) { animation-delay: 0.05s; }\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 .policy-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 .policy-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .policy-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 line *\/\r\n .policy-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 .policy-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 ===== *\/\r\n .policy-card .policy-icon-wrapper {\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 margin: 0 auto 16px;\r\n font-size: 26px;\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-bg);\r\n }\r\n\r\n .policy-card .policy-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 .policy-card:hover .policy-icon-wrapper::before {\r\n opacity: 1;\r\n border-color: var(--icon-bg);\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 .policy-card .policy-icon-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n inset: -12px;\r\n border-radius: 50%;\r\n background: var(--icon-bg);\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 .policy-card:hover .policy-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .policy-card:hover .policy-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n position: relative;\r\n z-index: 1;\r\n color: var(--white);\r\n font-size: 26px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .policy-card:hover .policy-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .policy-card .policy-card-title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 6px;\r\n text-align: center;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .policy-card:hover .policy-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 \/* ===== SUBTITLE ===== *\/\r\n .policy-card .policy-card-sub {\r\n font-size: 15px;\r\n color: var(--gray);\r\n text-align: center;\r\n margin-bottom: 16px;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== PARAMETER BOXES ===== *\/\r\n .param-boxes {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .param-box {\r\n background: #f8fafc;\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n border: 1px solid var(--border);\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .param-box:hover {\r\n border-color: var(--badge-color);\r\n background: var(--white);\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .param-box .param-label {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--gray-light);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .param-box .param-value {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-top: 2px;\r\n }\r\n\r\n .param-box .param-value .highlight {\r\n color: var(--badge-color);\r\n }\r\n\r\n .param-box .param-desc {\r\n font-size: 13px;\r\n color: var(--gray-light);\r\n margin-top: 2px;\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .policy-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 .policy-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n .policy-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 .policy-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n MALICIOUS CALLS SECTION\r\n ======================================== *\/\r\n .malicious-section {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 28px 28px;\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 overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.10s;\r\n }\r\n\r\n .malicious-section::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 .malicious-section:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .malicious-section: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 .malicious-section .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 .malicious-section: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 .malicious-section .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 .malicious-section:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n .malicious-section .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 .malicious-section:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n .malicious-section .malicious-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .malicious-section .malicious-header .malicious-icon {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n color: var(--white);\r\n background: var(--icon-bg);\r\n flex-shrink: 0;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .malicious-section:hover .malicious-icon {\r\n transform: scale(1.05) rotate(-4deg);\r\n }\r\n\r\n .malicious-section .malicious-header h3 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .malicious-section:hover .malicious-header h3 {\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 \/* ===== BADGE ACT - HOVER EFFECT ===== *\/\r\n .malicious-section .malicious-header .badge-act {\r\n display: inline-block;\r\n background: #dc3545;\r\n color: #fff;\r\n font-size: 10px;\r\n font-weight: 700;\r\n padding: 3px 12px;\r\n border-radius: 100px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-left: 4px;\r\n transition: all 0.4s ease;\r\n cursor: default;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n\r\n \/* Slider Effect on Badge *\/\r\n .malicious-section .malicious-header .badge-act::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 .malicious-section .malicious-header .badge-act:hover::before {\r\n transform: translateX(0);\r\n color: white;\r\n }\r\n\r\n .malicious-section .malicious-header .badge-act:hover {\r\n color: #ffffff !important;\r\n box-shadow: 0 4px 16px rgba(142, 36, 170, 0.30);\r\n }\r\n\r\n .malicious-section .malicious-body p {\r\n font-size: 15px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .malicious-section .malicious-body p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .malicious-section .malicious-body p strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .malicious-section .malicious-body p .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== MALICIOUS CATEGORIES ===== *\/\r\n .malicious-cats {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n margin-top: 16px;\r\n }\r\n\r\n .malicious-cat {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n padding: 16px 18px;\r\n background: #f8fafc;\r\n border-radius: 12px;\r\n border: 1px solid var(--border);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .malicious-cat:hover {\r\n border-color: var(--badge-color);\r\n background: var(--white);\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .malicious-cat .cat-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n color: var(--white);\r\n background: var(--icon-bg);\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .malicious-cat:hover .cat-icon {\r\n transform: scale(1.05);\r\n }\r\n\r\n .malicious-cat .cat-text h4 {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 2px;\r\n }\r\n\r\n .malicious-cat .cat-text p {\r\n font-size: 13px;\r\n color: var(--gray-light);\r\n line-height: 1.5;\r\n margin: 0;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .policy-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .policy-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n\r\n .param-boxes {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .policy-section {\r\n padding: 50px 0;\r\n }\r\n\r\n .policy-inner {\r\n padding: 0 20px;\r\n }\r\n\r\n .policy-header {\r\n margin-bottom: 36px;\r\n }\r\n\r\n .policy-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n\r\n .policy-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .policy-card {\r\n padding: 24px 18px 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper {\r\n width: 52px;\r\n height: 52px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n\r\n .policy-card .policy-card-title {\r\n font-size: 18px;\r\n }\r\n\r\n .policy-card .policy-card-sub {\r\n font-size: 14px;\r\n }\r\n\r\n .param-box {\r\n padding: 14px 16px;\r\n }\r\n\r\n .param-box .param-value {\r\n font-size: 24px;\r\n }\r\n\r\n .malicious-section {\r\n padding: 24px 18px 20px;\r\n }\r\n\r\n .malicious-section .malicious-header h3 {\r\n font-size: 18px;\r\n }\r\n\r\n .malicious-section .malicious-body p {\r\n font-size: 14px;\r\n }\r\n\r\n .malicious-cats {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .malicious-cat {\r\n padding: 14px 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .policy-section {\r\n padding: 40px 0;\r\n }\r\n\r\n .policy-inner {\r\n padding: 0 16px;\r\n }\r\n\r\n .policy-header {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .policy-title {\r\n font-size: 24px;\r\n }\r\n\r\n .policy-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .policy-badge {\r\n font-size: 10px;\r\n }\r\n\r\n .policy-card {\r\n padding: 18px 14px 16px;\r\n border-radius: 12px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n font-size: 17px;\r\n }\r\n\r\n .policy-card .policy-card-title {\r\n font-size: 16px;\r\n }\r\n\r\n .policy-card .policy-card-sub {\r\n font-size: 13px;\r\n }\r\n\r\n .param-boxes {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .param-box .param-value {\r\n font-size: 22px;\r\n }\r\n\r\n .malicious-section {\r\n padding: 18px 14px 16px;\r\n }\r\n\r\n .malicious-section .malicious-header {\r\n gap: 10px;\r\n }\r\n\r\n .malicious-section .malicious-header .malicious-icon {\r\n width: 42px;\r\n height: 42px;\r\n font-size: 17px;\r\n }\r\n\r\n .malicious-section .malicious-header h3 {\r\n font-size: 16px;\r\n }\r\n\r\n .malicious-section .malicious-header .badge-act {\r\n font-size: 9px;\r\n padding: 2px 10px;\r\n }\r\n\r\n .malicious-section .malicious-body p {\r\n font-size: 13px;\r\n }\r\n\r\n .malicious-cat {\r\n padding: 12px 14px;\r\n gap: 10px;\r\n }\r\n\r\n .malicious-cat .cat-text h4 {\r\n font-size: 13px;\r\n }\r\n\r\n .malicious-cat .cat-text p {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .policy-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n font-size: 14px;\r\n }\r\n\r\n .policy-card .policy-card-title {\r\n font-size: 14px;\r\n }\r\n\r\n .param-box .param-value {\r\n font-size: 20px;\r\n }\r\n\r\n .malicious-section {\r\n padding: 14px 10px 12px;\r\n }\r\n\r\n .malicious-section .malicious-header .malicious-icon {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 14px;\r\n }\r\n\r\n .malicious-section .malicious-header h3 {\r\n font-size: 14px;\r\n }\r\n\r\n .malicious-section .malicious-header .badge-act {\r\n font-size: 8px;\r\n padding: 2px 8px;\r\n }\r\n\r\n .malicious-section .malicious-body p {\r\n font-size: 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"policy-section\">\r\n <div class=\"policy-inner\">\r\n\r\n \r\n <div class=\"policy-header\">\r\n <div class=\"policy-badge\">\r\n <span class=\"dot\"><\/span>\r\n Traffic Policy\r\n <\/div>\r\n <h2 class=\"policy-title\">\r\n Outbound Traffic & Malicious Calls\r\n <\/h2>\r\n <p class=\"policy-subtitle\">\r\n Infinexy's operational standards for outbound traffic management and \r\n protection against malicious call activity.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"policy-card\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n\r\n <div class=\"policy-icon-wrapper\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/div>\r\n\r\n <h3 class=\"policy-card-title\">Outbound Traffic Policy<\/h3>\r\n <p class=\"policy-card-sub\">\r\n This follows the standards outlined in the section under Dialler and CLI Standards.\r\n <\/p>\r\n\r\n <div class=\"param-boxes\">\r\n <div class=\"param-box\">\r\n <div class=\"param-label\">Average Length of Call<\/div>\r\n <div class=\"param-value\"><span class=\"highlight\">< 30s<\/span><\/div>\r\n <div class=\"param-desc\">Under 30 seconds<\/div>\r\n <\/div>\r\n <div class=\"param-box\">\r\n <div class=\"param-label\">Answer Seize Ratio<\/div>\r\n <div class=\"param-value\"><span class=\"highlight\">< 60%<\/span><\/div>\r\n <div class=\"param-desc\">Less than 60% ASR<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <p style=\"font-size: 14px; color: var(--gray); text-align: center; margin-top: 16px;\">\r\n <i class=\"fas fa-info-circle\" style=\"color: var(--badge-color);\"><\/i>\r\n Traffic which typically has an ALOC of under 30 seconds with an ASR less than 60% \r\n is <strong>not generally acceptable<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"malicious-section\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n\r\n <div class=\"malicious-header\">\r\n <div class=\"malicious-icon\">\r\n <i class=\"fas fa-exclamation-triangle\"><\/i>\r\n <\/div>\r\n <h3>\r\n Malicious calls\r\n <\/h3>\r\n <\/div>\r\n\r\n <div class=\"malicious-body\">\r\n <p>\r\n These, like silent and abandoned calls, are also \r\n <strong>Communications Act 2003 offence<\/strong> and carry \r\n <span class=\"highlight\">criminal liability<\/span>.\r\n <\/p>\r\n\r\n <div class=\"malicious-cats\">\r\n\r\n <div class=\"malicious-cat\">\r\n <div class=\"cat-icon\">\r\n <i class=\"fas fa-bomb\"><\/i>\r\n <\/div>\r\n <div class=\"cat-text\">\r\n <h4>SPIT Attacks<\/h4>\r\n <p>Spam over Internet Telephony \u2014 the telephony equivalent of a \r\n Distributed Denial of Service (DDOS) attack on a website.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"malicious-cat\">\r\n <div class=\"cat-icon\">\r\n <i class=\"fas fa-user-slash\"><\/i>\r\n <\/div>\r\n <div class=\"cat-text\">\r\n <h4>Annoyance Calls<\/h4>\r\n <p>Calls intended to cause annoyance or offence, which may also \r\n contain content that falls into the SPIT category.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <p style=\"margin-top: 14px; font-size: 14px; color: var(--gray-light);\">\r\n <i class=\"fas fa-shield-alt\" style=\"color: var(--badge-color); margin-right: 6px;\"><\/i>\r\n Obviously, a SPIT attack can contain content that falls into the latter category too. \r\n <strong>Both need handling in a slightly different way.<\/strong>\r\n <\/p>\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-bf085fc e-con-full e-flex e-con e-parent\" data-id=\"bf085fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5136d82 elementor-widget elementor-widget-html\" data-id=\"5136d82\" 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 SIP Peering<\/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 \/* Force Inter on all elements *\/\r\n body, .sip-section, .sip-inner, .sip-header, .sip-badge,\r\n .sip-title, .sip-subtitle, .sip-grid, .sip-card,\r\n .sip-card-title, .sip-card-desc, .sip-icon-wrapper,\r\n .shine, .glow-overlay, .data-flow,\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 --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 SIP PEERING SECTION\r\n ======================================== *\/\r\n .sip-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 .sip-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 .sip-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 .sip-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .sip-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 .sip-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 .sip-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .sip-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 .sip-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 .sip-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 SIP PEERING INTRO TEXT\r\n ======================================== *\/\r\n .sip-intro {\r\n max-width: 900px;\r\n margin: 0 auto 40px;\r\n text-align: center;\r\n }\r\n\r\n .sip-intro p {\r\n font-size: 16px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ========================================\r\n GRID \u2013 Same as Operational Standard\r\n ======================================== *\/\r\n .sip-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n \/* ========================================\r\n SIP CARD \u2013 Same as Operational Standard\r\n ======================================== *\/\r\n .sip-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 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: default;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .sip-card:nth-child(1) { animation-delay: 0.05s; }\r\n .sip-card:nth-child(2) { animation-delay: 0.10s; }\r\n .sip-card:nth-child(3) { animation-delay: 0.15s; }\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 - Same as Operational Standard *\/\r\n .sip-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 .sip-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .sip-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 line - Same as Operational Standard *\/\r\n .sip-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 .sip-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 - Same as Operational Standard ===== *\/\r\n .sip-card .sip-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: var(--icon-bg);\r\n }\r\n\r\n .sip-card .sip-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 .sip-card:hover .sip-icon-wrapper::before {\r\n opacity: 1;\r\n border-color: var(--icon-bg);\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 .sip-card .sip-icon-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n inset: -12px;\r\n border-radius: 50%;\r\n background: var(--icon-bg);\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 .sip-card:hover .sip-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .sip-card:hover .sip-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .sip-card .sip-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 .sip-card:hover .sip-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== CARD NUMBER - Same as Operational Standard ===== *\/\r\n .sip-card .card-number {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--badge-color);\r\n opacity: 0.15;\r\n margin-bottom: 4px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* ===== TITLE - Same as Operational Standard ===== *\/\r\n .sip-card .sip-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 .sip-card:hover .sip-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 - Same as Operational Standard ===== *\/\r\n .sip-card .sip-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 .sip-card:hover .sip-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n \/* ===== SHINE - Same as Operational Standard ===== *\/\r\n .sip-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 .sip-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY - Same as Operational Standard ===== *\/\r\n .sip-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 .sip-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n CAPABILITY SET - Additional Section\r\n ======================================== *\/\r\n .capability-section {\r\n margin-top: 32px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.20s;\r\n }\r\n\r\n .capability-box {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 24px 28px;\r\n border: 1px solid var(--border);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .capability-box::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, var(--purple), var(--blue));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .capability-box:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .capability-box:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.04);\r\n border-color: rgba(77, 125, 209, 0.08);\r\n }\r\n\r\n .capability-box .cap-title {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .capability-box .cap-title i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n }\r\n\r\n .capability-box .cap-desc {\r\n font-size: 14px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n .capability-box .cap-desc strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .capability-box .cap-desc .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n .capability-box .cap-tags {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n margin-top: 10px;\r\n }\r\n\r\n .capability-box .cap-tags span {\r\n background: #f1f5f9;\r\n padding: 4px 14px;\r\n border-radius: 100px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: var(--gray);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .capability-box:hover .cap-tags span {\r\n background: rgba(77, 125, 209, 0.06);\r\n color: var(--badge-color);\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 1199px) {\r\n .sip-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .sip-section {\r\n padding: 60px 0 50px;\r\n }\r\n\r\n .sip-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .sip-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n\r\n .capability-section {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .sip-section {\r\n padding: 50px 0 40px;\r\n }\r\n\r\n .sip-inner {\r\n padding: 0 20px;\r\n }\r\n\r\n .sip-header {\r\n margin-bottom: 36px;\r\n }\r\n\r\n .sip-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n\r\n .sip-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .sip-intro p {\r\n font-size: 15px;\r\n }\r\n\r\n .sip-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n\r\n .sip-card {\r\n padding: 24px 16px 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper {\r\n width: 54px;\r\n height: 54px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n\r\n .sip-card .sip-card-title {\r\n font-size: 15px;\r\n }\r\n\r\n .sip-card .sip-card-desc {\r\n font-size: 13px;\r\n }\r\n\r\n .capability-box {\r\n padding: 18px 16px;\r\n }\r\n\r\n .capability-box .cap-title {\r\n font-size: 14px;\r\n }\r\n\r\n .capability-box .cap-desc {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .sip-section {\r\n padding: 40px 0 30px;\r\n }\r\n\r\n .sip-inner {\r\n padding: 0 16px;\r\n }\r\n\r\n .sip-header {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .sip-title {\r\n font-size: 24px;\r\n }\r\n\r\n .sip-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .sip-badge {\r\n font-size: 10px;\r\n }\r\n\r\n .sip-intro p {\r\n font-size: 14px;\r\n }\r\n\r\n .sip-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .sip-card {\r\n padding: 18px 12px 16px;\r\n border-radius: 12px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper {\r\n width: 46px;\r\n height: 46px;\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper i {\r\n font-size: 17px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper::after {\r\n inset: -6px;\r\n filter: blur(12px);\r\n }\r\n\r\n .sip-card .sip-card-title {\r\n font-size: 13px;\r\n }\r\n\r\n .sip-card .sip-card-desc {\r\n font-size: 12px;\r\n }\r\n\r\n .capability-box {\r\n padding: 14px 12px;\r\n }\r\n\r\n .capability-box .cap-title {\r\n font-size: 13px;\r\n }\r\n\r\n .capability-box .cap-desc {\r\n font-size: 12px;\r\n }\r\n\r\n .capability-box .cap-tags span {\r\n font-size: 11px;\r\n padding: 3px 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .sip-grid {\r\n gap: 10px;\r\n }\r\n\r\n .sip-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper i {\r\n font-size: 14px;\r\n }\r\n\r\n .sip-card .sip-card-title {\r\n font-size: 12px;\r\n }\r\n\r\n .sip-card .sip-card-desc {\r\n font-size: 10px;\r\n }\r\n\r\n .capability-box {\r\n padding: 12px 10px;\r\n }\r\n\r\n .capability-box .cap-title {\r\n font-size: 12px;\r\n }\r\n\r\n .capability-box .cap-desc {\r\n font-size: 11px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"sip-section\">\r\n <div class=\"sip-inner\">\r\n\r\n \r\n <div class=\"sip-header\">\r\n <div class=\"sip-badge\">\r\n <span class=\"dot\"><\/span>\r\n \r\n SIP Peering\r\n <\/div>\r\n <h2 class=\"sip-title\">\r\n SIP Peering\r\n <\/h2>\r\n <p class=\"sip-subtitle\">\r\n Infinexy's SIP peering framework enables seamless interconnection between enterprise \r\n and service provider networks through automated capability discovery and configuration.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-grid\">\r\n\r\n \r\n <div class=\"sip-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=\"card-number\">01<\/div>\r\n <div class=\"sip-icon-wrapper\">\r\n <i class=\"fas fa-robot\"><\/i>\r\n <\/div>\r\n <h3 class=\"sip-card-title\">Automated Peering<\/h3>\r\n <p class=\"sip-card-desc\">\r\n Automated capability discovery eliminates manual configuration and reduces \r\n the risk of errors.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-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=\"card-number\">02<\/div>\r\n <div class=\"sip-icon-wrapper\">\r\n <i class=\"fas fa-code\"><\/i>\r\n <\/div>\r\n <h3 class=\"sip-card-title\">Capability Set Document<\/h3>\r\n <p class=\"sip-card-desc\">\r\n JSON-encoded capability sets provide easy parsing by automation tools \r\n for quick deployment.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-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=\"card-number\">03<\/div>\r\n <div class=\"sip-icon-wrapper\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"sip-card-title\">Secure Interconnection<\/h3>\r\n <p class=\"sip-card-desc\">\r\n Security parameters included in the capability set ensure trusted and \r\n encrypted peering relationships.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"capability-section\">\r\n\r\n <div class=\"capability-box\">\r\n <div class=\"cap-title\">\r\n <i class=\"fas fa-cogs\"><\/i>\r\n Capability Set Parameters\r\n <\/div>\r\n <p class=\"cap-desc\">\r\n The <strong>capability set<\/strong> communicated by the service provider includes \r\n characteristics specific to signalling, media, transport, and security.\r\n <\/p>\r\n <div class=\"cap-tags\">\r\n <span>Signalling<\/span>\r\n <span>Media<\/span>\r\n <span>Transport<\/span>\r\n <span>Security<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"capability-box\">\r\n <div class=\"cap-title\">\r\n <i class=\"fas fa-sitemap\"><\/i>\r\n Reference Architecture\r\n <\/div>\r\n <p class=\"cap-desc\">\r\n The <strong>enterprise edge device<\/strong> (typically a Session Border Controller) \r\n generates an <strong>HTTPS GET request<\/strong> to the service provider's \r\n <span class=\"highlight\">Capability Server<\/span>. The server responds with a \r\n JSON-encoded <strong>capability set<\/strong> for automated configuration.\r\n <\/p>\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-c98d705 e-con-full e-flex e-con e-parent\" data-id=\"c98d705\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e286b4 elementor-widget elementor-widget-html\" data-id=\"9e286b4\" 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 Hosted PBX<\/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: #F4F7FB;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Force Inter on all elements *\/\r\n body, .pbx-section, .pbx-inner, .pbx-header, .pbx-badge,\r\n .pbx-title, .pbx-subtitle, .pbx-grid, .pbx-card,\r\n .pbx-card-title, .pbx-card-desc, .pbx-icon-wrapper,\r\n .shine, .glow-overlay, .data-flow,\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 --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 HOSTED PBX SECTION\r\n ======================================== *\/\r\n .pbx-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 .pbx-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 .pbx-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 .pbx-header {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .pbx-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 .pbx-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 .pbx-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .pbx-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 .pbx-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 .pbx-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 INTRO TEXT\r\n ======================================== *\/\r\n .pbx-intro {\r\n max-width: 900px;\r\n margin: 0 auto 40px;\r\n text-align: center;\r\n }\r\n\r\n .pbx-intro p {\r\n font-size: 16px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ========================================\r\n GRID \u2013 3 columns\r\n ======================================== *\/\r\n .pbx-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n \/* ========================================\r\n PBX CARD\r\n ======================================== *\/\r\n .pbx-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 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: default;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .pbx-card:nth-child(1) { animation-delay: 0.05s; }\r\n .pbx-card:nth-child(2) { animation-delay: 0.10s; }\r\n .pbx-card:nth-child(3) { animation-delay: 0.15s; }\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 .pbx-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 .pbx-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .pbx-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 line *\/\r\n .pbx-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 .pbx-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 ===== *\/\r\n .pbx-card .pbx-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: var(--icon-bg);\r\n }\r\n\r\n .pbx-card .pbx-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 .pbx-card:hover .pbx-icon-wrapper::before {\r\n opacity: 1;\r\n border-color: var(--icon-bg);\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 .pbx-card .pbx-icon-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n inset: -12px;\r\n border-radius: 50%;\r\n background: var(--icon-bg);\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 .pbx-card:hover .pbx-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .pbx-card:hover .pbx-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .pbx-card .pbx-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 .pbx-card:hover .pbx-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== CARD NUMBER ===== *\/\r\n .pbx-card .card-number {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--badge-color);\r\n opacity: 0.15;\r\n margin-bottom: 4px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .pbx-card .pbx-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 .pbx-card:hover .pbx-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 .pbx-card .pbx-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 .pbx-card:hover .pbx-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .pbx-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 .pbx-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY ===== *\/\r\n .pbx-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 .pbx-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n BOTTOM FEATURES - NO RISE ON HOVER\r\n ======================================== *\/\r\n .pbx-bottom-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n margin-top: 32px;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.20s;\r\n }\r\n\r\n .pbx-bottom-item {\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 18px 16px;\r\n border: 1px solid var(--border);\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .pbx-bottom-item::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, var(--purple), var(--blue));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .pbx-bottom-item:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n \/* NO transform: translateY() on hover *\/\r\n .pbx-bottom-item:hover {\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.04);\r\n border-color: rgba(77, 125, 209, 0.08);\r\n }\r\n\r\n .pbx-bottom-item .bottom-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 8px;\r\n font-size: 16px;\r\n color: var(--white);\r\n background: var(--icon-bg);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .pbx-bottom-item:hover .bottom-icon {\r\n transform: scale(1.05);\r\n box-shadow: 0 4px 16px rgba(77, 125, 209, 0.20);\r\n }\r\n\r\n .pbx-bottom-item .bottom-label {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .pbx-bottom-item .bottom-desc {\r\n font-size: 12px;\r\n color: var(--gray-light);\r\n margin-top: 2px;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 1199px) {\r\n .pbx-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .pbx-section {\r\n padding: 60px 0 50px;\r\n }\r\n\r\n .pbx-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .pbx-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n\r\n .pbx-bottom-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .pbx-section {\r\n padding: 50px 0 40px;\r\n }\r\n\r\n .pbx-inner {\r\n padding: 0 20px;\r\n }\r\n\r\n .pbx-header {\r\n margin-bottom: 36px;\r\n }\r\n\r\n .pbx-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n\r\n .pbx-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .pbx-intro p {\r\n font-size: 15px;\r\n }\r\n\r\n .pbx-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n\r\n .pbx-card {\r\n padding: 24px 16px 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper {\r\n width: 54px;\r\n height: 54px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n\r\n .pbx-card .pbx-card-title {\r\n font-size: 15px;\r\n }\r\n\r\n .pbx-card .pbx-card-desc {\r\n font-size: 13px;\r\n }\r\n\r\n .pbx-bottom-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n margin-top: 24px;\r\n }\r\n\r\n .pbx-bottom-item {\r\n padding: 14px 12px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-icon {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 14px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-label {\r\n font-size: 12px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-desc {\r\n font-size: 11px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .pbx-section {\r\n padding: 40px 0 30px;\r\n }\r\n\r\n .pbx-inner {\r\n padding: 0 16px;\r\n }\r\n\r\n .pbx-header {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .pbx-title {\r\n font-size: 24px;\r\n }\r\n\r\n .pbx-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .pbx-badge {\r\n font-size: 10px;\r\n }\r\n\r\n .pbx-intro p {\r\n font-size: 14px;\r\n }\r\n\r\n .pbx-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .pbx-card {\r\n padding: 18px 12px 16px;\r\n border-radius: 12px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper {\r\n width: 46px;\r\n height: 46px;\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper i {\r\n font-size: 17px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper::after {\r\n inset: -6px;\r\n filter: blur(12px);\r\n }\r\n\r\n .pbx-card .pbx-card-title {\r\n font-size: 13px;\r\n }\r\n\r\n .pbx-card .pbx-card-desc {\r\n font-size: 12px;\r\n }\r\n\r\n .pbx-bottom-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .pbx-bottom-item {\r\n padding: 12px 10px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-icon {\r\n width: 32px;\r\n height: 32px;\r\n font-size: 12px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-label {\r\n font-size: 11px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-desc {\r\n font-size: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .pbx-grid {\r\n gap: 10px;\r\n }\r\n\r\n .pbx-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper i {\r\n font-size: 14px;\r\n }\r\n\r\n .pbx-card .pbx-card-title {\r\n font-size: 12px;\r\n }\r\n\r\n .pbx-card .pbx-card-desc {\r\n font-size: 10px;\r\n }\r\n\r\n .pbx-bottom-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n }\r\n\r\n .pbx-bottom-item {\r\n padding: 10px 8px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 11px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-label {\r\n font-size: 10px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-desc {\r\n font-size: 9px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"pbx-section\">\r\n <div class=\"pbx-inner\">\r\n\r\n \r\n <div class=\"pbx-header\">\r\n <div class=\"pbx-badge\">\r\n <span class=\"dot\"><\/span> Hosted PBX\r\n <\/div>\r\n <h2 class=\"pbx-title\">\r\n Hosted PBX\r\n <\/h2>\r\n <p class=\"pbx-subtitle\">\r\n Cloud-based phone system that delivers enterprise-grade voice, video, and collaboration \r\n without the hardware overhead.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pbx-grid\">\r\n\r\n \r\n <div class=\"pbx-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=\"card-number\">01<\/div>\r\n <div class=\"pbx-icon-wrapper\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"pbx-card-title\">Cloud-Based Architecture<\/h3>\r\n <p class=\"pbx-card-desc\">\r\n Hosted PBX runs entirely in the cloud, eliminating the need for expensive \r\n on-premise hardware and reducing IT maintenance overhead.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pbx-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=\"card-number\">02<\/div>\r\n <div class=\"pbx-icon-wrapper\">\r\n <i class=\"fas fa-expand-arrows-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"pbx-card-title\">Scalable & Flexible<\/h3>\r\n <p class=\"pbx-card-desc\">\r\n Easily scale up or down as your business grows. Add or remove users, \r\n extensions, and features with just a few clicks.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pbx-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=\"card-number\">03<\/div>\r\n <div class=\"pbx-icon-wrapper\">\r\n <i class=\"fas fa-cogs\"><\/i>\r\n <\/div>\r\n <h3 class=\"pbx-card-title\">Enterprise-Grade Features<\/h3>\r\n <p class=\"pbx-card-desc\">\r\n Auto-attendants, call routing, voicemail-to-email, call recording, \r\n conferencing, and integration with business applications.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"pbx-bottom-grid\">\r\n\r\n <div class=\"pbx-bottom-item\">\r\n <div class=\"bottom-icon\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <\/div>\r\n <div class=\"bottom-label\">Auto-Attendant<\/div>\r\n <div class=\"bottom-desc\">Smart call routing<\/div>\r\n <\/div>\r\n\r\n <div class=\"pbx-bottom-item\">\r\n <div class=\"bottom-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"bottom-label\">Voicemail-to-Email<\/div>\r\n <div class=\"bottom-desc\">With transcription<\/div>\r\n <\/div>\r\n\r\n <div class=\"pbx-bottom-item\">\r\n <div class=\"bottom-icon\">\r\n <i class=\"fas fa-video\"><\/i>\r\n <\/div>\r\n <div class=\"bottom-label\">Video Conferencing<\/div>\r\n <div class=\"bottom-desc\">HD quality<\/div>\r\n <\/div>\r\n\r\n <div class=\"pbx-bottom-item\">\r\n <div class=\"bottom-icon\">\r\n <i class=\"fas fa-mobile-alt\"><\/i>\r\n <\/div>\r\n <div class=\"bottom-label\">Mobile Apps<\/div>\r\n <div class=\"bottom-desc\">iOS & Android<\/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-fdd0b84 e-con-full e-flex e-con e-parent\" data-id=\"fdd0b84\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13b92be elementor-widget elementor-widget-html\" data-id=\"13b92be\" 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 High Volume SIP Interconnect<\/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 \/* Force Inter on all elements *\/\r\n body, .sip-section, .sip-inner, .sip-header, .sip-badge,\r\n .sip-title, .sip-subtitle, .sip-grid, .sip-card,\r\n .sip-card-title, .sip-card-desc, .sip-icon-wrapper,\r\n .shine, .glow-overlay, .data-flow,\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 --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 SIP INTERCONNECT SECTION\r\n ======================================== *\/\r\n .sip-section {\r\n padding: 30px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .sip-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 .sip-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 .sip-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .sip-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 .sip-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 .sip-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .sip-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 .sip-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 .sip-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 3 columns\r\n ======================================== *\/\r\n .sip-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n \/* ========================================\r\n CARD\r\n ======================================== *\/\r\n .sip-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: default;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .sip-card:nth-child(1) { animation-delay: 0.05s; }\r\n .sip-card:nth-child(2) { animation-delay: 0.10s; }\r\n .sip-card:nth-child(3) { animation-delay: 0.15s; }\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 .sip-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 .sip-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .sip-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 line *\/\r\n .sip-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 .sip-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 .sip-card .sip-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 .sip-card .sip-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 .sip-card:hover .sip-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 .sip-card .sip-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 .sip-card:hover .sip-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .sip-card:hover .sip-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .sip-card .sip-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 .sip-card:hover .sip-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .sip-card .sip-card-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 8px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .sip-card:hover .sip-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 .sip-card .sip-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 .sip-card:hover .sip-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .sip-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 .sip-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY ===== *\/\r\n .sip-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 .sip-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n \/* Desktop Large (1200px+) - 3 columns *\/\r\n @media (min-width: 1200px) {\r\n .sip-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n }\r\n\r\n \/* Desktop (992px - 1199px) - 3 columns *\/\r\n @media (max-width: 1199px) and (min-width: 992px) {\r\n .sip-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n \/* Tablet (768px - 991px) - 2 columns *\/\r\n @media (max-width: 991px) {\r\n .sip-section {\r\n padding: 60px 0;\r\n }\r\n .sip-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n .sip-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n }\r\n\r\n \/* Mobile Large (576px - 767px) - 2 columns *\/\r\n @media (max-width: 767px) {\r\n .sip-section {\r\n padding: 50px 0;\r\n }\r\n .sip-inner {\r\n padding: 0 20px;\r\n }\r\n .sip-header {\r\n margin-bottom: 36px;\r\n }\r\n .sip-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n .sip-subtitle {\r\n font-size: 15px;\r\n }\r\n .sip-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n .sip-card {\r\n padding: 22px 16px 18px;\r\n border-radius: 14px;\r\n }\r\n .sip-card .sip-icon-wrapper {\r\n width: 52px;\r\n height: 52px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n .sip-card .sip-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n .sip-card .sip-card-title {\r\n font-size: 15px;\r\n }\r\n .sip-card .sip-card-desc {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n \/* Mobile Small (up to 480px) - 2 columns (compact) *\/\r\n @media (max-width: 480px) {\r\n .sip-section {\r\n padding: 40px 0;\r\n }\r\n .sip-inner {\r\n padding: 0 16px;\r\n }\r\n .sip-header {\r\n margin-bottom: 28px;\r\n }\r\n .sip-title {\r\n font-size: 24px;\r\n }\r\n .sip-subtitle {\r\n font-size: 14px;\r\n }\r\n .sip-badge {\r\n font-size: 10px;\r\n }\r\n .sip-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n }\r\n .sip-card {\r\n padding: 18px 12px 14px;\r\n border-radius: 12px;\r\n }\r\n .sip-card .sip-icon-wrapper {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 16px;\r\n margin-bottom: 10px;\r\n }\r\n .sip-card .sip-icon-wrapper i {\r\n font-size: 16px;\r\n }\r\n .sip-card .sip-icon-wrapper::after {\r\n inset: -6px;\r\n filter: blur(12px);\r\n }\r\n .sip-card .sip-card-title {\r\n font-size: 13px;\r\n }\r\n .sip-card .sip-card-desc {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n \/* iPhone SE \/ Very Small (up to 375px) - 2 columns (smallest) *\/\r\n @media (max-width: 375px) {\r\n .sip-grid {\r\n gap: 10px;\r\n }\r\n .sip-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n .sip-card .sip-icon-wrapper {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 13px;\r\n margin-bottom: 8px;\r\n }\r\n .sip-card .sip-icon-wrapper i {\r\n font-size: 13px;\r\n }\r\n .sip-card .sip-card-title {\r\n font-size: 12px;\r\n }\r\n .sip-card .sip-card-desc {\r\n font-size: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"sip-section\">\r\n <div class=\"sip-inner\">\r\n\r\n \r\n <div class=\"sip-header\">\r\n <div class=\"sip-badge\">\r\n <span class=\"dot\"><\/span>\r\n SIP Services\r\n <\/div>\r\n <h2 class=\"sip-title\">\r\n High Volume SIP Interconnect\r\n <\/h2>\r\n <p class=\"sip-subtitle\">\r\n Scalable, reliable, and secure SIP interconnect solutions for carriers, \r\n enterprises, and service providers worldwide.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-grid\">\r\n\r\n \r\n <div class=\"sip-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=\"sip-icon-wrapper\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"sip-card-title\">High Volume SIP Interconnect<\/h3>\r\n <p class=\"sip-card-desc\">\r\n Carrier-grade SIP interconnect with 99.99% uptime SLA, \r\n handling millions of minutes daily with ultra-low latency.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-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=\"sip-icon-wrapper\">\r\n <i class=\"fas fa-exchange-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"sip-card-title\">SIP Peering<\/h3>\r\n <p class=\"sip-card-desc\">\r\n Direct IP peering with 500+ carriers worldwide for \r\n cost-effective, high-quality voice routing and termination.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-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=\"sip-icon-wrapper\">\r\n <i class=\"fas fa-server\"><\/i>\r\n <\/div>\r\n <h3 class=\"sip-card-title\">Hosted PBX<\/h3>\r\n <p class=\"sip-card-desc\">\r\n Cloud-based Hosted PBX solutions with advanced call features, \r\n auto-attendant, call recording, and seamless integration.\r\n <\/p>\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-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 - FAQs<\/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 .contact-card, .contact-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 \/* ===== 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: 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 .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: 600px;\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 .faq-answer p strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .faq-answer p .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\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: 700px;\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 .faq-cta .cta-desc .highlight {\r\n color: var(--badge-color);\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 CONTACT CARD\r\n ======================================== *\/\r\n .contact-card {\r\n background: #f8fafc;\r\n border-radius: 16px;\r\n padding: 24px 28px;\r\n margin-top: 24px;\r\n border: 1px solid var(--border);\r\n text-align: left;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .contact-card:hover {\r\n border-color: var(--badge-color);\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .contact-card .contact-label {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--gray-light);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .contact-card .contact-name {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n }\r\n\r\n .contact-card .contact-role {\r\n font-size: 14px;\r\n color: var(--gray);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .contact-card .contact-email {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n color: var(--badge-color);\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .contact-card .contact-email:hover {\r\n color: var(--purple);\r\n }\r\n\r\n .contact-card .contact-email i {\r\n font-size: 14px;\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 .contact-card {\r\n padding: 18px 18px;\r\n }\r\n .contact-card .contact-name {\r\n font-size: 16px;\r\n }\r\n .contact-card .contact-role {\r\n font-size: 13px;\r\n }\r\n .contact-card .contact-email {\r\n font-size: 14px;\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 .contact-card {\r\n padding: 14px 14px;\r\n }\r\n .contact-card .contact-name {\r\n font-size: 15px;\r\n }\r\n .contact-card .contact-role {\r\n font-size: 12px;\r\n }\r\n .contact-card .contact-email {\r\n font-size: 13px;\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\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-shield-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"cta-title\">SPIT Attack<\/h3>\r\n <p class=\"cta-desc\">\r\n Such an attack could compromise <strong>Infinexy's network integrity<\/strong>, \r\n therefore it is expected that the appropriate operational teams will take \r\n whatever steps necessary to guarantee the integrity of the network as they \r\n would in a failure state; once mitigated, it should be treated as any other \r\n attempt to hack or misuse our network with appropriate investigation and \r\n involvement of <span class=\"highlight\">law enforcement<\/span>.\r\n <\/p>\r\n <p class=\"cta-desc\" style=\"margin-top: -12px; font-size: 14px; color: var(--gray-light);\">\r\n Where reports of these are made, they should be directed to the \r\n <strong>Network Operations Centre<\/strong>.\r\n <\/p>\r\n\r\n \r\n <div class=\"contact-card\">\r\n <div class=\"contact-label\">Contacts<\/div>\r\n <div class=\"contact-name\">Compliance Manager<\/div>\r\n <div class=\"contact-role\">Operation and Compliances, Infinexy Technologies Ltd.<\/div>\r\n <a href=\"mailto:compliance@infinexy.net\" class=\"contact-email\">\r\n <i class=\"fas fa-envelope\"><\/i> compliance@infinexy.net\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div style=\"margin-top: 24px;\">\r\n <a href=\"mailto:compliance@infinexy.net\" class=\"cta-btn\">\r\n <span>Contact Compliance Team<\/span>\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n function toggleFAQ(element) {\r\n const item = element.closest('.faq-item');\r\n const isActive = item.classList.contains('active');\r\n\r\n \/\/ Close all other items\r\n document.querySelectorAll('.faq-item').forEach(el => {\r\n el.classList.remove('active');\r\n });\r\n\r\n \/\/ Toggle current item\r\n if (!isActive) {\r\n item.classList.add('active');\r\n }\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Infinexy – Voice Traffic Policy Home Products SIP Voice Traffic Policy This document defines Infinexy’s accepted voice traffic profile, performance parameters for diallers, and our governance for nuisance and malicious calls, for SIP endpoints connected to the Infinexy Network. Infinexy reserves the right to limit or prevent traffic that breaches the guidelines in this policy […]<\/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-1151","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1151","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=1151"}],"version-history":[{"count":97,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1151\/revisions"}],"predecessor-version":[{"id":2142,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1151\/revisions\/2142"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/media?parent=1151"}],"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 - Voice Traffic Policy<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\"\/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif !important;\r\n background: #f0f4f8;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ===== 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: 100px 0 80px;\r\n }\r\n\r\n \/* ===== ANIMATIONS ===== *\/\r\n\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 .about-banner .orb-1 { width: 200px; height: 200px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%); top: -50px; right: -50px; animation-delay: 0s; }\r\n .about-banner .orb-2 { width: 300px; height: 300px; background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%); bottom: -100px; left: -100px; animation-delay: 3s; }\r\n .about-banner .orb-3 { width: 150px; height: 150px; background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%); top: 40%; left: 60%; animation-delay: 5s; }\r\n @keyframes orbFloat { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.6; } 50% { transform: translate(30px, -40px) scale(1.2); opacity: 1; } }\r\n\r\n .about-banner .ring {\r\n position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,0.08); pointer-events: none; z-index: 0; animation: ringSpin 20s linear infinite;\r\n }\r\n .about-banner .ring-1 { width: 400px; height: 400px; top: -100px; right: -100px; animation-duration: 25s; }\r\n .about-banner .ring-2 { width: 600px; height: 600px; bottom: -200px; left: -200px; animation-duration: 35s; animation-direction: reverse; }\r\n .about-banner .ring-3 { width: 250px; height: 250px; top: 50%; left: 70%; animation-duration: 15s; border-color: rgba(255,255,255,0.05); }\r\n .about-banner .ring::before { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.2); top: -4px; left: 50%; transform: translateX(-50%); box-shadow: 0 0 30px rgba(255,255,255,0.1); }\r\n @keyframes ringSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n .about-banner .shooting-star {\r\n position: absolute; width: 2px; height: 2px; background: #fff; border-radius: 50%; pointer-events: none; z-index: 0; animation: shootStar 4s linear infinite;\r\n }\r\n .about-banner .shooting-star::after { content: ''; position: absolute; top: 50%; right: 0; width: 60px; height: 1px; background: linear-gradient(90deg, rgba(255,255,255,0.3), transparent); transform: translateY(-50%); }\r\n .about-banner .shooting-star:nth-child(1) { top: 15%; left: 10%; animation-delay: 0s; }\r\n .about-banner .shooting-star:nth-child(2) { top: 25%; right: 15%; animation-delay: 2s; animation-duration: 5s; }\r\n .about-banner .shooting-star:nth-child(3) { top: 55%; left: 5%; animation-delay: 4s; animation-duration: 3.5s; }\r\n .about-banner .shooting-star:nth-child(4) { top: 70%; right: 10%; animation-delay: 1.5s; animation-duration: 4.5s; }\r\n @keyframes shootStar { 0% { transform: translate(0, 0) scale(1); opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { transform: translate(-200px, 200px) scale(0); opacity: 0; } }\r\n\r\n .about-banner .particle {\r\n position: absolute; border-radius: 50%; background: rgba(255,255,255,0.05); pointer-events: none; z-index: 0; animation: particleFloat 12s ease-in-out infinite;\r\n }\r\n .about-banner .particle:nth-child(1) { width: 4px; height: 4px; top: 10%; left: 20%; animation-delay: 0s; }\r\n .about-banner .particle:nth-child(2) { width: 6px; height: 6px; top: 20%; right: 30%; animation-delay: 2s; }\r\n .about-banner .particle:nth-child(3) { width: 3px; height: 3px; bottom: 15%; left: 40%; animation-delay: 4s; }\r\n .about-banner .particle:nth-child(4) { width: 5px; height: 5px; bottom: 10%; right: 25%; animation-delay: 6s; }\r\n .about-banner .particle:nth-child(5) { width: 4px; height: 4px; top: 45%; left: 55%; animation-delay: 8s; }\r\n .about-banner .particle:nth-child(6) { width: 3px; height: 3px; top: 60%; right: 40%; animation-delay: 10s; }\r\n @keyframes particleFloat { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.03; } 25% { transform: translate(80px, -60px) scale(2); opacity: 0.08; } 50% { transform: translate(-40px, 40px) scale(0.5); opacity: 0.01; } 75% { transform: translate(60px, 80px) scale(1.5); opacity: 0.06; } }\r\n\r\n .about-banner .pulse-dot {\r\n position: absolute; border-radius: 50%; background: rgba(255,255,255,0.04); pointer-events: none; z-index: 0; animation: pulseDot 3s ease-in-out infinite;\r\n }\r\n .about-banner .pulse-dot:nth-child(1) { width: 12px; height: 12px; top: 8%; left: 8%; animation-delay: 0s; }\r\n .about-banner .pulse-dot:nth-child(2) { width: 8px; height: 8px; top: 30%; right: 12%; animation-delay: 0.8s; }\r\n .about-banner .pulse-dot:nth-child(3) { width: 16px; height: 16px; bottom: 20%; left: 5%; animation-delay: 1.6s; }\r\n .about-banner .pulse-dot:nth-child(4) { width: 10px; height: 10px; bottom: 40%; right: 8%; animation-delay: 2.4s; }\r\n @keyframes pulseDot { 0%, 100% { transform: scale(1); opacity: 0.05; } 50% { transform: scale(2.5); opacity: 0.15; box-shadow: 0 0 40px rgba(255,255,255,0.05); } }\r\n\r\n .about-banner .tech-shape {\r\n position: absolute; border: 1.5px solid rgba(255,255,255,0.04); pointer-events: none; z-index: 0; animation: techShapeFloat 15s ease-in-out infinite;\r\n }\r\n .about-banner .tech-shape:nth-child(1) { width: 80px; height: 80px; border-radius: 20px; top: 20%; right: 15%; animation-delay: 0s; transform: rotate(45deg); }\r\n .about-banner .tech-shape:nth-child(2) { width: 60px; height: 60px; border-radius: 50%; bottom: 25%; left: 20%; animation-delay: 3s; }\r\n .about-banner .tech-shape:nth-child(3) { width: 40px; height: 40px; border-radius: 8px; top: 55%; right: 30%; animation-delay: 6s; transform: rotate(30deg); }\r\n @keyframes techShapeFloat { 0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.04; } 33% { transform: translate(50px, -40px) rotate(15deg) scale(1.1); opacity: 0.08; } 66% { transform: translate(-30px, 30px) rotate(-8deg) scale(0.9); opacity: 0.05; } }\r\n\r\n .about-banner .glow-ring {\r\n position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%); animation: glowRingPulse 5s ease-in-out infinite;\r\n }\r\n .about-banner .glow-ring:nth-child(1) { width: 350px; height: 350px; top: 10%; right: 5%; animation-delay: 0s; }\r\n .about-banner .glow-ring:nth-child(2) { width: 450px; height: 450px; bottom: 5%; left: 5%; animation-delay: 2.5s; }\r\n @keyframes glowRingPulse { 0%, 100% { transform: scale(0.8); opacity: 0.3; } 50% { transform: scale(1.2); opacity: 0.8; } }\r\n\r\n .about-banner .grid-overlay {\r\n position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0.03; background-image: linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px); background-size: 50px 50px; animation: gridMove 30s linear infinite;\r\n }\r\n @keyframes gridMove { 0% { transform: translate(0, 0); } 100% { transform: translate(50px, 50px); } }\r\n\r\n \/* ========================================\r\n BANNER INNER - 2 COLUMN LAYOUT\r\n ======================================== *\/\r\n .about-banner .banner-inner {\r\n position: relative;\r\n z-index: 1;\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 align-items: center;\r\n justify-content: space-between;\r\n gap: 50px;\r\n }\r\n\r\n \/* LEFT COLUMN *\/\r\n .about-banner .banner-text-col {\r\n flex: 1;\r\n max-width: 700px;\r\n }\r\n\r\n \/* RIGHT COLUMN *\/\r\n .about-banner .banner-image-col {\r\n flex: 1;\r\n max-width: 500px;\r\n display: flex;\r\n justify-content: flex-end;\r\n }\r\n\r\n .about-banner .banner-image-col img {\r\n width: 100%;\r\n height: auto;\r\n object-fit: cover;\r\n border-radius: 16px;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .about-banner .banner-image-col img:hover {\r\n transform: scale(1.02);\r\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);\r\n }\r\n\r\n \/* ===== BREADCRUMB ===== *\/\r\n .about-banner .breadcrumb {\r\n display: flex; align-items: center; gap: 8px; font-size: 13px; color: rgba(255,255,255,0.5); margin-bottom: 24px; animation: fadeInUp 0.7s ease forwards; opacity: 0; flex-wrap: wrap;\r\n }\r\n .about-banner .breadcrumb a { color: rgba(255,255,255,0.6); text-decoration: none; transition: color 0.3s ease; font-weight: 400; }\r\n .about-banner .breadcrumb a:hover { color: rgba(255,255,255,0.9); }\r\n .about-banner .breadcrumb .separator { color: rgba(255,255,255,0.2); font-size: 10px; }\r\n .about-banner .breadcrumb .current { color: rgba(255,255,255,0.9); font-weight: 600; }\r\n\r\n \/* ===== TEXT CONTENT ===== *\/\r\n .about-banner .banner-text-col { animation: fadeInUp 0.7s ease 0.1s forwards; opacity: 0; }\r\n\r\n .about-banner .heading {\r\n font-size: clamp(36px, 5vw, 52px); font-weight: 900; line-height: 1.08; color: #ffffff; margin-bottom: 16px;\r\n }\r\n .about-banner .heading .highlight { background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.6)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n\r\n .about-banner .description {\r\n font-size: clamp(15px, 1vw, 17px); line-height: 1.8; color: rgba(255,255,255,0.75); max-width: 700px; margin-bottom: 28px;\r\n }\r\n\r\n .about-banner .stats {\r\n display: flex; flex-wrap: nowrap; gap: 24px 30px; animation: fadeInUp 0.7s ease 0.2s forwards; opacity: 0; max-width: 700px; justify-content: flex-start;\r\n }\r\n .about-banner .stats .stat-item { display: flex; flex-direction: column; flex: 0 0 auto; min-width: 0; }\r\n .about-banner .stats .stat-item .number { font-size: 28px; font-weight: 800; color: #ffffff; line-height: 1.2; white-space: nowrap; }\r\n .about-banner .stats .stat-item .number .highlight { background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.6)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n .about-banner .stats .stat-item .label { font-size: 13px; color: rgba(255,255,255,0.5); font-weight: 400; line-height: 1.3; white-space: nowrap; }\r\n\r\n @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n @media (min-width: 1400px) {\r\n .about-banner { padding: 120px 0 100px; min-height: 70vh; }\r\n .about-banner .heading { font-size: 58px; }\r\n .about-banner .ring-1 { width: 500px; height: 500px; }\r\n .about-banner .ring-2 { width: 700px; height: 700px; }\r\n .about-banner .stats .stat-item .number { font-size: 32px; }\r\n }\r\n\r\n @media (max-width: 1399px) and (min-width: 1200px) {\r\n .about-banner { padding: 100px 0 80px; min-height: 65vh; }\r\n .about-banner .heading { font-size: 48px; }\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(34px, 4.5vw, 44px); }\r\n .about-banner .ring-2 { display: none; }\r\n .about-banner .glow-ring { display: none; }\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; gap: 30px; }\r\n .about-banner .banner-text-col { max-width: 100%; }\r\n .about-banner .banner-image-col { max-width: 80%; justify-content: center; }\r\n .about-banner .description { max-width: 100%; margin-left: auto; margin-right: auto; }\r\n .about-banner .stats { justify-content: center; max-width: 100%; gap: 18px 28px; }\r\n .about-banner .stats .stat-item { align-items: center; }\r\n .about-banner .breadcrumb { justify-content: center; }\r\n .about-banner .orb-2, .about-banner .ring-1, .about-banner .ring-3, .about-banner .shooting-star, .about-banner .tech-shape, .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(28px, 6vw, 34px); }\r\n .about-banner .description { font-size: 14px; line-height: 1.7; }\r\n .about-banner .stats { gap: 14px 22px; max-width: 100%; justify-content: center; flex-wrap: nowrap; }\r\n .about-banner .stats .stat-item .number { font-size: 22px; }\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, .about-banner .particle, .about-banner .pulse-dot { display: none; }\r\n .about-banner .banner-image-col { max-width: 100%; }\r\n }\r\n\r\n @media (max-width: 580px) {\r\n .about-banner .stats { gap: 12px 18px; flex-wrap: nowrap; justify-content: center; }\r\n .about-banner .stats .stat-item .number { font-size: 20px; }\r\n .about-banner .stats .stat-item .label { font-size: 11px; }\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: 24px; }\r\n .about-banner .description { font-size: 13px; }\r\n .about-banner .stats { gap: 10px 16px; flex-wrap: nowrap; justify-content: center; }\r\n .about-banner .stats .stat-item { align-items: center; text-align: center; }\r\n .about-banner .stats .stat-item .number { font-size: 19px; }\r\n .about-banner .stats .stat-item .label { font-size: 10px; }\r\n .about-banner .breadcrumb { font-size: 11px; flex-wrap: wrap; }\r\n .about-banner .orb-1 { width: 80px; height: 80px; top: -30px; right: -30px; }\r\n .about-banner .banner-image-col img { border-radius: 12px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\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\r\n \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\r\n \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\r\n \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\r\n \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\r\n \r\n <div class=\"tech-shape\"><\/div>\r\n <div class=\"tech-shape\"><\/div>\r\n <div class=\"tech-shape\"><\/div>\r\n\r\n \r\n <div class=\"glow-ring\"><\/div>\r\n <div class=\"glow-ring\"><\/div>\r\n\r\n \r\n <div class=\"grid-overlay\"><\/div>\r\n\r\n <div class=\"banner-inner\">\r\n\r\n \r\n <div class=\"banner-text-col\">\r\n\r\n \r\n <nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\r\n <a href=\"#\">Home<\/a>\r\n <span class=\"separator\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n <a href=\"#\">Products<\/a>\r\n <span class=\"separator\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n <span class=\"current\">SIP<\/span>\r\n <\/nav>\r\n\r\n <h1 class=\"heading\">\r\n Voice <span class=\"highlight\">Traffic Policy<\/span>\r\n <\/h1>\r\n\r\n <p class=\"description\">\r\n This document defines Infinexy's accepted voice traffic profile, performance parameters for diallers, and our governance for nuisance and malicious calls, for SIP endpoints connected to the Infinexy Network. Infinexy reserves the right to limit or prevent traffic that breaches the guidelines in this policy or in the event any particular traffic presents a risk to the integrity of Infinexy's network or product platforms.\r\n <\/p>\r\n\r\n <div class=\"stats\">\r\n <div class=\"stat-item\">\r\n <span class=\"number\"><span class=\"highlight\">4<\/span><\/span>\r\n <span class=\"label\">Carrier Partners<\/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 Connected<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"number\"><span class=\"highlight\">99.99%<\/span><\/span>\r\n <span class=\"label\">Network Reliability<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"banner-image-col\">\r\n <img decoding=\"async\" src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/08\/sip-sevice.webp\" alt=\"Cloud Technology Solutions\">\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 \u00b7 SIP Policy & Governance<\/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 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 --gray-light: #94a3b8;\r\n --white: #ffffff;\r\n --badge-color: #4D7DD1;\r\n --border: #e5e7eb;\r\n }\r\n\r\n \/* ========================================\r\n SECTION: SIP POLICY\r\n ======================================== *\/\r\n .sip-section {\r\n padding: 80px 0 60px;\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 .sip-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 .sip-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 \/* ===== HEADER ===== *\/\r\n .sip-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 .sip-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 .sip-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 .sip-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 .sip-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 .sip-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 .sip-subtitle {\r\n font-size: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== MAIN CONTENT GRID ===== *\/\r\n .sip-showcase {\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 \/* ===== CONTENT (LEFT) ===== *\/\r\n .sip-content {\r\n padding-right: 10px;\r\n width: 100%;\r\n }\r\n\r\n .sip-content .section-tag {\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 .sip-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 .sip-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 .sip-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 .sip-content .desc {\r\n font-size: 15px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .sip-content .desc strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== POLICY HIGHLIGHT BOXES ===== *\/\r\n .policy-highlights {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 16px 0 14px;\r\n }\r\n\r\n .policy-highlights .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: var(--dark);\r\n background: rgba(77, 125, 209, 0.05);\r\n padding: 6px 16px;\r\n border-radius: 60px;\r\n border: 1px solid rgba(77, 125, 209, 0.08);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .policy-highlights .pill i {\r\n color: var(--badge-color);\r\n font-size: 13px;\r\n }\r\n\r\n .policy-highlights .pill:hover {\r\n background: rgba(77, 125, 209, 0.1);\r\n border-color: rgba(77, 125, 209, 0.2);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ===== BUTTON ===== *\/\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: 6px;\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 \/* ===== VISUAL (RIGHT) ===== *\/\r\n .sip-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 \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 1024px) {\r\n .sip-inner { padding: 0 30px; }\r\n .sip-showcase { padding: 40px 40px; gap: 40px; }\r\n .sip-content h2 { font-size: 30px; }\r\n .visual-box { max-width: 360px; }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .sip-section { padding: 60px 0 40px; }\r\n .sip-inner { padding: 0 30px; }\r\n .sip-showcase {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n padding: 38px 35px;\r\n }\r\n .sip-content {\r\n text-align: center;\r\n padding-right: 0;\r\n }\r\n .sip-content .desc {\r\n max-width: 100%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .sip-content .section-tag { text-align: center; }\r\n .sip-visual { justify-content: center; }\r\n .visual-box { max-width: 380px; margin: 0 auto; }\r\n .policy-highlights { justify-content: center; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .sip-section { padding: 50px 0 30px; }\r\n .sip-inner { padding: 0 20px; }\r\n .sip-header { margin-bottom: 35px; }\r\n .sip-title { font-size: clamp(26px, 5vw, 32px); }\r\n .sip-subtitle { font-size: 15px; }\r\n .sip-showcase { padding: 28px 24px; gap: 28px; }\r\n .sip-content h2 { font-size: 26px; }\r\n .sip-content .desc { font-size: 14px; }\r\n .btn-primary { padding: 10px 24px; font-size: 13px; }\r\n .visual-box { max-width: 320px; }\r\n .visual-box .img-caption { font-size: 11px; padding: 4px 16px; bottom: 12px; }\r\n .policy-highlights .pill { font-size: 12px; padding: 5px 14px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .sip-section { padding: 40px 0 24px; }\r\n .sip-inner { padding: 0 16px; }\r\n .sip-header { margin-bottom: 28px; }\r\n .sip-title { font-size: 24px; }\r\n .sip-subtitle { font-size: 14px; }\r\n .sip-badge { font-size: 11px; }\r\n .sip-showcase { padding: 22px 18px; border-radius: 16px; gap: 22px; }\r\n .sip-content h2 { font-size: 22px; }\r\n .sip-content .desc { font-size: 13.5px; }\r\n .btn-primary { padding: 8px 20px; font-size: 12px; gap: 8px; }\r\n .visual-box { max-width: 260px; }\r\n .visual-box .img-caption { font-size: 10px; padding: 4px 12px; bottom: 10px; }\r\n .policy-highlights .pill { font-size: 11px; padding: 4px 12px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .sip-inner { padding: 0 12px; }\r\n .sip-showcase { padding: 18px 14px; }\r\n .sip-content h2 { font-size: 20px; }\r\n .sip-content .desc { font-size: 13px; }\r\n .visual-box { max-width: 220px; }\r\n .visual-box .img-caption { font-size: 9px; padding: 3px 10px; bottom: 8px; }\r\n .policy-highlights .pill { font-size: 10px; padding: 3px 10px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"sip-section\">\r\n <div class=\"sip-inner\">\r\n\r\n \r\n <div class=\"sip-header\">\r\n <div class=\"sip-badge\">\r\n <span class=\"dot\"><\/span>\r\n Policy & Governance\r\n <\/div>\r\n <h2 class=\"sip-title\">\r\n Voice Traffic Governance\r\n <\/h2>\r\n <p class=\"sip-subtitle\">\r\n Defining accepted voice traffic profiles, performance parameters, and governance for nuisance and malicious calls.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-showcase\">\r\n\r\n \r\n <div class=\"sip-content\">\r\n <div class=\"section-tag\">Introduction<\/div>\r\n\r\n <h2><span class=\"highlight\">SIP Policy Framework<\/span><\/h2>\r\n\r\n <p class=\"desc\">\r\n This document defines Infinexy's accepted voice traffic profile, performance parameters for diallers, and our governance for <strong>nuisance and malicious calls<\/strong> for SIP endpoints connected to the Infinexy Network.\r\n <\/p>\r\n\r\n <p class=\"desc\">\r\n Infinexy reserves the right to limit or prevent traffic that breaches the guidelines in this policy or in the event any particular traffic presents a risk to the integrity of Infinexy's network or product platforms. This policy is in line with standard industry practice and other service providers involved in originating, transiting or terminating voice traffic may take similar action at their discretion.\r\n <\/p>\r\n\r\n <p class=\"desc\">\r\n In regards to <strong>nuisance and malicious calls<\/strong> there are two broad categories which are considered separately; however, both are as serious in their own right.\r\n <\/p>\r\n\r\n \r\n <div class=\"policy-highlights\">\r\n <span class=\"pill\"><i class=\"fas fa-phone-slash\"><\/i> Nuisance Calls<\/span>\r\n <span class=\"pill\"><i class=\"fas fa-exclamation-triangle\"><\/i> Malicious Calls<\/span>\r\n <span class=\"pill\"><i class=\"fas fa-bullhorn\"><\/i> Unwanted Marketing<\/span>\r\n <span class=\"pill\"><i class=\"fas fa-silence\"><\/i> Silent & Abandoned<\/span>\r\n <span class=\"pill\"><i class=\"fas fa-shield-alt\"><\/i> SPIT \/ DoS Protection<\/span>\r\n <span class=\"pill\"><i class=\"fas fa-network-wired\"><\/i> Network Integrity<\/span>\r\n <\/div>\r\n\r\n <p class=\"desc\" style=\"font-size:14px; color:var(--gray-light); margin-top:2px;\">\r\n <strong>Scope:<\/strong> This policy applies to calls that, in some respect, transit Infinexy's network.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-visual\">\r\n <div class=\"visual-box\">\r\n <img fetchpriority=\"high\" decoding=\"async\" \r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/sp-abt.webp\" \r\n alt=\"SIP Network & Governance\"\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-shield-alt\" style=\"margin-right:6px;\"><\/i> SIP \u2022 Governance\r\n <\/div>\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-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 - SIP 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 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 --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 --red: #dc3545;\r\n --green: #28a745;\r\n }\r\n\r\n \/* ===== SECTION WRAPPER ===== *\/\r\n .policy-section {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n .policy-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 .policy-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 \/* ===== HEADER ===== *\/\r\n .policy-header {\r\n text-align: center;\r\n max-width: 750px;\r\n margin: 0 auto 50px;\r\n }\r\n\r\n .policy-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 .policy-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 .policy-title {\r\n font-size: clamp(32px, 4vw, 44px);\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 .policy-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 .policy-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 .policy-subtitle {\r\n font-size: 17px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== GRID LAYOUT ===== *\/\r\n .policy-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.1s;\r\n }\r\n\r\n \/* ===== LEFT COLUMN ===== *\/\r\n .policy-left {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n\r\n .nuisance-card {\r\n background: #fafcff;\r\n border-radius: 20px;\r\n padding: 32px 36px;\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 transition: all 0.3s ease;\r\n }\r\n\r\n .nuisance-card:hover {\r\n border-color: rgba(77, 125, 209, 0.15);\r\n box-shadow: 0 8px 30px rgba(77, 125, 209, 0.06);\r\n }\r\n\r\n .nuisance-card .card-icon {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 12px;\r\n background: rgba(77, 125, 209, 0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 16px;\r\n font-size: 20px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .nuisance-card h3 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 6px;\r\n }\r\n\r\n .nuisance-card .card-sub {\r\n font-size: 13px;\r\n color: var(--gray-light);\r\n font-weight: 500;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .nuisance-card p {\r\n font-size: 15px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n }\r\n\r\n .nuisance-card p strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== KEY IMPACT - WITH IMAGE ===== *\/\r\n .impact-stats {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n background: #fafcff;\r\n border-radius: 20px;\r\n padding: 24px 28px;\r\n border: 1px solid rgba(77, 125, 209, 0.06);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .impact-stats:hover {\r\n border-color: rgba(77, 125, 209, 0.15);\r\n box-shadow: 0 8px 30px rgba(77, 125, 209, 0.06);\r\n }\r\n\r\n .impact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 14px 18px;\r\n background: var(--white);\r\n border-radius: 12px;\r\n border: 1px solid rgba(0,0,0,0.03);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .impact-item:hover {\r\n background: #f5f8ff;\r\n border-color: rgba(77, 125, 209, 0.08);\r\n }\r\n\r\n .impact-item .impact-icon {\r\n width: 38px;\r\n height: 38px;\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 flex-shrink: 0;\r\n }\r\n\r\n .impact-item .impact-icon.red {\r\n background: rgba(220, 53, 69, 0.10);\r\n color: var(--red);\r\n }\r\n\r\n .impact-item .impact-icon.green {\r\n background: rgba(40, 167, 69, 0.10);\r\n color: var(--green);\r\n }\r\n\r\n .impact-item .impact-text {\r\n font-size: 14px;\r\n color: var(--gray);\r\n line-height: 1.5;\r\n }\r\n\r\n .impact-item .impact-text strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .impact-item .impact-text .highlight-text {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== IMPACT IMAGE CONTAINER ===== *\/\r\n .impact-image-wrapper {\r\n grid-column: 1 \/ -1;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n margin-top: 4px;\r\n border: 1px solid rgba(0,0,0,0.04);\r\n transition: all 0.3s ease;\r\n background: var(--white);\r\n }\r\n\r\n .impact-image-wrapper:hover {\r\n border-color: rgba(77, 125, 209, 0.12);\r\n }\r\n\r\n .impact-image-wrapper img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .impact-image-wrapper:hover img {\r\n transform: scale(1.01);\r\n }\r\n\r\n \/* ===== RIGHT COLUMN - STANDARDS LIST ===== *\/\r\n .policy-right {\r\n background: #fafcff;\r\n border-radius: 20px;\r\n padding: 32px 36px;\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 transition: all 0.3s ease;\r\n }\r\n\r\n .policy-right:hover {\r\n border-color: rgba(77, 125, 209, 0.15);\r\n box-shadow: 0 8px 30px rgba(77, 125, 209, 0.06);\r\n }\r\n\r\n .policy-right .header-wrap {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .policy-right .header-wrap .icon-box {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 12px;\r\n background: rgba(142, 36, 170, 0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n color: var(--purple);\r\n }\r\n\r\n .policy-right h3 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n }\r\n\r\n .policy-right .sub-text {\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n margin-bottom: 20px;\r\n line-height: 1.6;\r\n }\r\n\r\n .policy-right .sub-text strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== STANDARDS LIST ===== *\/\r\n .standard-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n\r\n .standard-item {\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n padding: 14px 18px;\r\n background: var(--white);\r\n border-radius: 12px;\r\n border: 1px solid rgba(0,0,0,0.03);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .standard-item:hover {\r\n background: #f5f8ff;\r\n border-color: rgba(77, 125, 209, 0.08);\r\n }\r\n\r\n .standard-item .num {\r\n min-width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--purple), var(--blue));\r\n color: var(--white);\r\n font-size: 13px;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 1px;\r\n }\r\n\r\n .standard-item .text {\r\n font-size: 14px;\r\n color: var(--gray);\r\n line-height: 1.6;\r\n }\r\n\r\n .standard-item .text strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .standard-item .text .highlight-text {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== FOOTER NOTE ===== *\/\r\n .policy-footer {\r\n margin-top: 40px;\r\n padding: 24px 32px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.04), rgba(142, 36, 170, 0.04));\r\n border-radius: 16px;\r\n border: 1px solid rgba(77, 125, 209, 0.06);\r\n text-align: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.3s;\r\n }\r\n\r\n .policy-footer p {\r\n font-size: 14px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n .policy-footer p strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .policy-footer .icon-wrap {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 1024px) {\r\n .policy-inner {\r\n padding: 0 30px;\r\n }\r\n .policy-grid {\r\n gap: 30px;\r\n }\r\n .nuisance-card, .policy-right {\r\n padding: 28px 30px;\r\n }\r\n .impact-stats {\r\n padding: 20px 22px;\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .policy-section {\r\n padding: 60px 0;\r\n }\r\n .policy-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n .policy-right {\r\n order: -1;\r\n }\r\n .policy-footer {\r\n padding: 20px 24px;\r\n }\r\n .impact-stats {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .policy-section {\r\n padding: 50px 0;\r\n }\r\n .policy-inner {\r\n padding: 0 20px;\r\n }\r\n .policy-header {\r\n margin-bottom: 35px;\r\n }\r\n .policy-title {\r\n font-size: clamp(26px, 5vw, 32px);\r\n }\r\n .policy-subtitle {\r\n font-size: 15px;\r\n }\r\n .nuisance-card, .policy-right {\r\n padding: 24px 20px;\r\n }\r\n .nuisance-card h3, .policy-right h3 {\r\n font-size: 20px;\r\n }\r\n .nuisance-card p {\r\n font-size: 14px;\r\n }\r\n .impact-stats {\r\n padding: 16px 18px;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n }\r\n .impact-item {\r\n padding: 12px 14px;\r\n }\r\n .impact-item .impact-text {\r\n font-size: 13px;\r\n }\r\n .impact-image-wrapper {\r\n border-radius: 10px;\r\n }\r\n .standard-item {\r\n padding: 12px 14px;\r\n }\r\n .standard-item .text {\r\n font-size: 13px;\r\n }\r\n .policy-footer {\r\n padding: 16px 18px;\r\n }\r\n .policy-footer p {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .policy-section {\r\n padding: 40px 0;\r\n }\r\n .policy-inner {\r\n padding: 0 16px;\r\n }\r\n .policy-title {\r\n font-size: 24px;\r\n }\r\n .policy-badge {\r\n font-size: 11px;\r\n }\r\n .nuisance-card, .policy-right {\r\n padding: 20px 16px;\r\n border-radius: 16px;\r\n }\r\n .nuisance-card h3, .policy-right h3 {\r\n font-size: 18px;\r\n }\r\n .nuisance-card .card-icon, .policy-right .header-wrap .icon-box {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 16px;\r\n }\r\n .impact-stats {\r\n grid-template-columns: 1fr;\r\n padding: 14px 16px;\r\n gap: 8px;\r\n }\r\n .impact-item {\r\n padding: 10px 12px;\r\n }\r\n .impact-item .impact-icon {\r\n width: 32px;\r\n height: 32px;\r\n font-size: 14px;\r\n }\r\n .impact-item .impact-text {\r\n font-size: 12.5px;\r\n }\r\n .impact-image-wrapper {\r\n border-radius: 8px;\r\n }\r\n .standard-item {\r\n padding: 10px 12px;\r\n gap: 10px;\r\n }\r\n .standard-item .num {\r\n min-width: 24px;\r\n height: 24px;\r\n font-size: 11px;\r\n }\r\n .standard-item .text {\r\n font-size: 12.5px;\r\n }\r\n .policy-footer {\r\n padding: 14px 14px;\r\n }\r\n .policy-footer p {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .policy-inner {\r\n padding: 0 12px;\r\n }\r\n .nuisance-card, .policy-right {\r\n padding: 16px 14px;\r\n }\r\n .nuisance-card h3, .policy-right h3 {\r\n font-size: 17px;\r\n }\r\n .impact-stats {\r\n padding: 12px 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"policy-section\">\r\n <div class=\"policy-inner\">\r\n\r\n \r\n <div class=\"policy-header\">\r\n <div class=\"policy-badge\">\r\n <span class=\"dot\"><\/span>\r\n SIP Services\r\n <\/div>\r\n <h2 class=\"policy-title\">\r\n Voice Traffic Policy\r\n <\/h2>\r\n <p class=\"policy-subtitle\">\r\n Infinexy's governance framework for nuisance calls, dialler standards, and CLI requirements\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"policy-grid\">\r\n\r\n \r\n <div class=\"policy-left\">\r\n\r\n \r\n <div class=\"nuisance-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-phone-slash\"><\/i>\r\n <\/div>\r\n <h3>Nuisance Calls<\/h3>\r\n <div class=\"card-sub\">Regulatory Definition<\/div>\r\n <p>\r\n A <strong>Nuisance Call<\/strong> is one that is either <strong>unwanted<\/strong> or one that is \r\n <strong>\"silent or abandoned\"<\/strong> \u2014 which means that a call centre is not following the \r\n regulations on availability of live operators.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"impact-stats\">\r\n\r\n <div class=\"impact-item\">\r\n <div class=\"impact-icon red\">\r\n <i class=\"fas fa-ban\"><\/i>\r\n <\/div>\r\n <div class=\"impact-text\">\r\n <strong>Unwanted<\/strong> marketing calls\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"impact-item\">\r\n <div class=\"impact-icon red\">\r\n <i class=\"fas fa-volume-mute\"><\/i>\r\n <\/div>\r\n <div class=\"impact-text\">\r\n <strong>Silent & Abandoned<\/strong> calls\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"impact-item\" style=\"grid-column: 1 \/ -1; background: rgba(77, 125, 209, 0.04); border-color: rgba(77, 125, 209, 0.06);\">\r\n <div class=\"impact-icon green\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <div class=\"impact-text\">\r\n Both categories treated with <strong class=\"highlight-text\">equal seriousness<\/strong> \u2014 \r\n disrupting user experience and network integrity\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"impact-image-wrapper\">\r\n <img loading=\"lazy\" decoding=\"async\" \r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/img-6578574dpo.webp\" \r\n alt=\"Network security and call management infrastructure\"\r\n width=\"800\" \r\n height=\"350\"\r\n loading=\"lazy\"\r\n \/>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"policy-right\">\r\n <div class=\"header-wrap\">\r\n <div class=\"icon-box\">\r\n <i class=\"fas fa-microchip\"><\/i>\r\n <\/div>\r\n <h3>Dialler & CLI Standards<\/h3>\r\n <\/div>\r\n\r\n <div class=\"sub-text\">\r\n <strong>Dialler Regulatory Standard<\/strong> \u2014 Diallers or any <strong>\"automatic call generation\"<\/strong> \r\n service connected to the Infinexy Network must comply with the following standards:\r\n <\/div>\r\n\r\n <div class=\"standard-list\">\r\n\r\n <div class=\"standard-item\">\r\n <span class=\"num\">1<\/span>\r\n <div class=\"text\">\r\n Ensuring an <strong>abandoned call rate<\/strong> (including a reasoned estimate of false positives) \r\n of <span class=\"highlight-text\">no more than 10%<\/span> of live calls per campaign or per call centre \r\n over any 24-hour period\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"standard-item\">\r\n <span class=\"num\">2<\/span>\r\n <div class=\"text\">\r\n Ensuring that people are <strong>not contacted within 72 hours<\/strong> of their receiving an \r\n abandoned call without the guaranteed presence of a live operator\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"standard-item\">\r\n <span class=\"num\">3<\/span>\r\n <div class=\"text\">\r\n Playing an <strong>automated message<\/strong> in the event of an abandoned call telling the person \r\n called on whose behalf the call was made and providing them with a <strong>number to opt-out<\/strong> \r\n of future marketing calls\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"standard-item\">\r\n <span class=\"num\">4<\/span>\r\n <div class=\"text\">\r\n Making valid and accurate <strong>calling-line identification (CLI)<\/strong> information available \r\n to call recipients so they can identify who rang them via caller display\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"standard-item\">\r\n <span class=\"num\">5<\/span>\r\n <div class=\"text\">\r\n Ensuring that where a call has been identified by dialler equipment as being picked up by an \r\n <strong>answer machine<\/strong>, any repeat calls to that specific number within the same \r\n 24-hour period are only made with the <strong>guaranteed presence of a live operator<\/strong>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"policy-footer\">\r\n <p>\r\n <span class=\"icon-wrap\">\r\n <i class=\"fas fa-gavel\"><\/i> Regulatory Alignment\r\n <\/span>\r\n \u2014 \r\n This Standard is a <strong>verbatim replication of the Ofcom guidelines<\/strong> and as such would be considered \r\n by Infinexy to be a regulatory requirement to be adhered to by any signatory to our contracts.\r\n <\/p>\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 - Dialler Operational Standard<\/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 DIALLLER OPERATIONAL STANDARD SECTION\r\n ======================================== *\/\r\n .dialler-standard {\r\n padding:50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .dialler-standard::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 .dialler-standard-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 \/* ===== HEADER ===== *\/\r\n .section-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 48px;\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: 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 .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-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(32px, 3.8vw, 44px);\r\n font-weight: 800;\r\n color: var(--dark);\r\n line-height: 1.1;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .section-title .highlight {\r\n background: linear-gradient(135deg, var(--purple), var(--blue));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 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 CONTENT WRAPPER\r\n ======================================== *\/\r\n .standard-content {\r\n background: #f8fafc;\r\n border-radius: 20px;\r\n padding: 48px 56px;\r\n border: 1px solid var(--border);\r\n position: relative;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n \/* Decorative Line *\/\r\n .standard-content::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), var(--orange));\r\n opacity: 0.6;\r\n }\r\n\r\n \/* ===== DEFINITION BOX ===== *\/\r\n .definition-box {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 36px;\r\n border: 1px solid var(--border);\r\n margin-bottom: 32px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .definition-box:hover {\r\n border-color: var(--badge-color);\r\n box-shadow: 0 8px 30px rgba(77, 125, 209, 0.06);\r\n transform: none;\r\n }\r\n\r\n .definition-box .def-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 12px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .definition-box .def-title i {\r\n color: var(--badge-color);\r\n font-size: 20px;\r\n }\r\n\r\n .definition-box .def-text {\r\n font-size: 16px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n }\r\n\r\n .definition-box .def-text strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== STANDARD PARAMETERS ===== *\/\r\n .parameters-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .parameter-item {\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 24px 28px;\r\n border: 1px solid var(--border);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .parameter-item::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, var(--purple), var(--blue));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .parameter-item:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .parameter-item:hover {\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.04);\r\n border-color: rgba(77, 125, 209, 0.08);\r\n transform: none;\r\n }\r\n\r\n .parameter-item .param-icon {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n color: var(--white);\r\n margin-bottom: 12px;\r\n background: var(--badge-color);\r\n }\r\n\r\n .parameter-item .param-label {\r\n font-size: 13px;\r\n color: var(--gray-light);\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .parameter-item .param-value {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-top: 2px;\r\n }\r\n\r\n .parameter-item .param-value .highlight {\r\n color: var(--badge-color);\r\n }\r\n\r\n .parameter-item .param-desc {\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n margin-top: 4px;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ========================================\r\n CLARITY NOTE - NEW DESIGN\r\n ======================================== *\/\r\n .clarity-note {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 28px 32px;\r\n border: 1px solid var(--border);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .clarity-note:hover {\r\n border-color: var(--badge-color);\r\n box-shadow: 0 8px 30px rgba(77, 125, 209, 0.06);\r\n transform: none;\r\n }\r\n\r\n \/* Decorative Top Border *\/\r\n .clarity-note::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, var(--purple), var(--blue), var(--green));\r\n opacity: 0.6;\r\n }\r\n\r\n .clarity-note .note-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .clarity-note .note-header .note-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n background: rgba(77, 125, 209, 0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--badge-color);\r\n font-size: 18px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .clarity-note .note-header .note-title {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n }\r\n\r\n .clarity-note .note-header .note-title .highlight {\r\n color: var(--badge-color);\r\n }\r\n\r\n .clarity-note .note-body {\r\n font-size: 15px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n padding-left: 4px;\r\n }\r\n\r\n .clarity-note .note-body strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .clarity-note .note-body .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n .clarity-note .note-body .tag {\r\n display: inline-block;\r\n background: rgba(77, 125, 209, 0.08);\r\n color: var(--badge-color);\r\n font-size: 12px;\r\n font-weight: 600;\r\n padding: 2px 12px;\r\n border-radius: 100px;\r\n margin: 0 2px;\r\n }\r\n\r\n \/* ========================================\r\n ANIMATIONS\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\r\n @media (max-width: 991px) {\r\n .dialler-standard {\r\n padding: 60px 0;\r\n }\r\n\r\n .standard-content {\r\n padding: 32px 28px;\r\n }\r\n\r\n .definition-box {\r\n padding: 24px 20px;\r\n }\r\n\r\n .parameters-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .parameter-item {\r\n padding: 20px;\r\n }\r\n\r\n .clarity-note {\r\n padding: 24px 20px;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .dialler-standard {\r\n padding: 50px 0;\r\n }\r\n\r\n .dialler-standard-inner {\r\n padding: 0 20px;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 36px;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .standard-content {\r\n padding: 24px 18px;\r\n border-radius: 16px;\r\n }\r\n\r\n .definition-box {\r\n padding: 20px 16px;\r\n }\r\n\r\n .definition-box .def-title {\r\n font-size: 16px;\r\n }\r\n\r\n .definition-box .def-text {\r\n font-size: 15px;\r\n }\r\n\r\n .parameters-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n\r\n .parameter-item {\r\n padding: 18px 16px;\r\n }\r\n\r\n .parameter-item .param-value {\r\n font-size: 22px;\r\n }\r\n\r\n .clarity-note {\r\n padding: 20px 16px;\r\n }\r\n\r\n .clarity-note .note-header .note-title {\r\n font-size: 15px;\r\n }\r\n\r\n .clarity-note .note-body {\r\n font-size: 14px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .dialler-standard {\r\n padding: 40px 0;\r\n }\r\n\r\n .dialler-standard-inner {\r\n padding: 0 16px;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .section-badge {\r\n font-size: 10px;\r\n }\r\n\r\n .standard-content {\r\n padding: 18px 14px;\r\n border-radius: 14px;\r\n }\r\n\r\n .definition-box {\r\n padding: 16px 12px;\r\n }\r\n\r\n .definition-box .def-title {\r\n font-size: 15px;\r\n }\r\n\r\n .definition-box .def-text {\r\n font-size: 14px;\r\n }\r\n\r\n .parameter-item {\r\n padding: 14px 12px;\r\n }\r\n\r\n .parameter-item .param-icon {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 16px;\r\n }\r\n\r\n .parameter-item .param-value {\r\n font-size: 20px;\r\n }\r\n\r\n .parameter-item .param-label {\r\n font-size: 12px;\r\n }\r\n\r\n .parameter-item .param-desc {\r\n font-size: 13px;\r\n }\r\n\r\n .clarity-note {\r\n padding: 16px 12px;\r\n }\r\n\r\n .clarity-note .note-header .note-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n\r\n .clarity-note .note-header .note-title {\r\n font-size: 14px;\r\n }\r\n\r\n .clarity-note .note-body {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .parameter-item .param-value {\r\n font-size: 18px;\r\n }\r\n\r\n .definition-box .def-text {\r\n font-size: 13px;\r\n }\r\n\r\n .clarity-note .note-body {\r\n font-size: 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"dialler-standard\">\r\n <div class=\"dialler-standard-inner\">\r\n\r\n \r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">\r\n <span class=\"dot\"><\/span>\r\n \r\n Operational Standard\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Dialler Traffic Standard\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Infinexy's operational definition of dialler traffic to ensure network protection \r\n and service quality for all customers.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"standard-content\">\r\n\r\n \r\n <div class=\"definition-box\">\r\n <div class=\"def-title\">\r\n <i class=\"fas fa-book-open\"><\/i>\r\n Operational Definition\r\n <\/div>\r\n <p class=\"def-text\">\r\n The Infinexy Operational definition of <strong>Dialler Traffic<\/strong> is as follows:\r\n This is traffic which typically has:\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"parameters-grid\">\r\n\r\n \r\n <div class=\"parameter-item\">\r\n <div class=\"param-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <div class=\"param-label\">Average Length of Call<\/div>\r\n <div class=\"param-value\"><span class=\"highlight\">20s<\/span> \u2013 <span class=\"highlight\">60s<\/span><\/div>\r\n <div class=\"param-desc\">Under 60 seconds but above 20 seconds<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"parameter-item\">\r\n <div class=\"param-icon\">\r\n <i class=\"fas fa-percentage\"><\/i>\r\n <\/div>\r\n <div class=\"param-label\">Answer Seize Ratio<\/div>\r\n <div class=\"param-value\"><span class=\"highlight\">> 60%<\/span><\/div>\r\n <div class=\"param-desc\">Greater than 60% Answer Seize Ratio<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"clarity-note\">\r\n <div class=\"note-header\">\r\n <div class=\"note-icon\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <\/div>\r\n <div class=\"note-title\">\r\n For <span class=\"highlight\">Clarity<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"note-body\">\r\n This is the <span class=\"highlight\">Infinexy default position<\/span> to ensure that we \r\n protect the network and all Infinexy customers. Exceptions can be considered by the \r\n <strong>Managing Director Service and Operations<\/strong> with an appropriate business case; \r\n however, any traffic outside of this profile will automatically have \r\n <span class=\"highlight\">remedial action<\/span> considered.\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-fbe712d e-con-full e-flex e-con e-parent\" data-id=\"fbe712d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06f5a4a elementor-widget elementor-widget-html\" data-id=\"06f5a4a\" 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 Operational Standard<\/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 \/* Force Inter on all elements *\/\r\n body, .ops-section, .ops-inner, .ops-header, .ops-badge,\r\n .ops-title, .ops-subtitle, .ops-grid, .ops-card,\r\n .ops-card-title, .ops-card-desc, .ops-icon-wrapper,\r\n .shine, .glow-overlay, .data-flow,\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 --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 OPERATIONAL STANDARD SECTION\r\n ======================================== *\/\r\n .ops-section {\r\n padding: 20px 0 60px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .ops-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 .ops-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 .ops-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .ops-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 .ops-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 .ops-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .ops-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 .ops-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 .ops-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 \/* ===== INTRO TEXT ===== *\/\r\n .ops-intro {\r\n max-width: 900px;\r\n margin: 0 auto 40px;\r\n text-align: center;\r\n }\r\n\r\n .ops-intro p {\r\n font-size: 16px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ========================================\r\n GRID \u2013 Responsive\r\n ======================================== *\/\r\n .ops-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n \/* ========================================\r\n CARD\r\n ======================================== *\/\r\n .ops-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 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: default;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .ops-card:nth-child(1) { animation-delay: 0.05s; }\r\n .ops-card:nth-child(2) { animation-delay: 0.10s; }\r\n .ops-card:nth-child(3) { animation-delay: 0.15s; }\r\n .ops-card:nth-child(4) { animation-delay: 0.20s; }\r\n .ops-card:nth-child(5) { animation-delay: 0.25s; }\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 .ops-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 .ops-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .ops-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 line - FIXED: Only shows on hover, no default line *\/\r\n .ops-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 pointer-events: none;\r\n }\r\n\r\n .ops-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 .ops-card .ops-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 .ops-card .ops-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 .ops-card:hover .ops-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 .ops-card .ops-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 .ops-card:hover .ops-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .ops-card:hover .ops-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .ops-card .ops-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 .ops-card:hover .ops-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== CARD NUMBER ===== *\/\r\n .ops-card .card-number {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--badge-color);\r\n opacity: 0.15;\r\n margin-bottom: 4px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .ops-card .ops-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 .ops-card:hover .ops-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 .ops-card .ops-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 .ops-card:hover .ops-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .ops-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 .ops-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY ===== *\/\r\n .ops-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 .ops-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n FOOTER NOTE\r\n ======================================== *\/\r\n .ops-footer {\r\n text-align: center;\r\n padding: 28px 0 8px;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.30s;\r\n }\r\n\r\n .ops-footer p {\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n line-height: 1.7;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .ops-footer .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n \/* Desktop Large (1200px+) - 3 columns *\/\r\n @media (min-width: 1200px) {\r\n .ops-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n }\r\n\r\n \/* Desktop (992px - 1199px) - 3 columns *\/\r\n @media (max-width: 1199px) and (min-width: 992px) {\r\n .ops-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n \/* Tablet (768px - 991px) - 2 columns *\/\r\n @media (max-width: 991px) {\r\n .ops-section {\r\n padding: 70px 0 50px;\r\n }\r\n .ops-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n .ops-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n }\r\n\r\n \/* Mobile Large (576px - 767px) - 2 columns *\/\r\n @media (max-width: 767px) {\r\n .ops-section {\r\n padding: 50px 0 40px;\r\n }\r\n .ops-inner {\r\n padding: 0 20px;\r\n }\r\n .ops-header {\r\n margin-bottom: 36px;\r\n }\r\n .ops-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n .ops-subtitle {\r\n font-size: 15px;\r\n }\r\n .ops-intro p {\r\n font-size: 15px;\r\n }\r\n .ops-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n .ops-card {\r\n padding: 24px 16px 20px;\r\n border-radius: 14px;\r\n }\r\n .ops-card .ops-icon-wrapper {\r\n width: 54px;\r\n height: 54px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n .ops-card .ops-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n .ops-card .ops-card-title {\r\n font-size: 15px;\r\n }\r\n .ops-card .ops-card-desc {\r\n font-size: 13px;\r\n }\r\n .ops-footer p {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n \/* Mobile Small (up to 480px) - 2 columns (compact) *\/\r\n @media (max-width: 480px) {\r\n .ops-section {\r\n padding: 40px 0 30px;\r\n }\r\n .ops-inner {\r\n padding: 0 16px;\r\n }\r\n .ops-header {\r\n margin-bottom: 28px;\r\n }\r\n .ops-title {\r\n font-size: 24px;\r\n }\r\n .ops-subtitle {\r\n font-size: 14px;\r\n }\r\n .ops-badge {\r\n font-size: 10px;\r\n }\r\n .ops-intro p {\r\n font-size: 14px;\r\n }\r\n .ops-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n }\r\n .ops-card {\r\n padding: 18px 12px 16px;\r\n border-radius: 12px;\r\n }\r\n .ops-card .ops-icon-wrapper {\r\n width: 46px;\r\n height: 46px;\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n .ops-card .ops-icon-wrapper i {\r\n font-size: 17px;\r\n }\r\n .ops-card .ops-icon-wrapper::after {\r\n inset: -6px;\r\n filter: blur(12px);\r\n }\r\n .ops-card .ops-card-title {\r\n font-size: 13px;\r\n }\r\n .ops-card .ops-card-desc {\r\n font-size: 12px;\r\n }\r\n .ops-footer p {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n \/* iPhone SE \/ Very Small (up to 375px) - 2 columns (smallest) *\/\r\n @media (max-width: 375px) {\r\n .ops-grid {\r\n gap: 10px;\r\n }\r\n .ops-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n .ops-card .ops-icon-wrapper {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n }\r\n .ops-card .ops-icon-wrapper i {\r\n font-size: 14px;\r\n }\r\n .ops-card .ops-card-title {\r\n font-size: 12px;\r\n }\r\n .ops-card .ops-card-desc {\r\n font-size: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"ops-section\">\r\n <div class=\"ops-inner\">\r\n\r\n \r\n <div class=\"ops-header\">\r\n <div class=\"ops-badge\">\r\n <span class=\"dot\"><\/span>\r\n Operational Standard\r\n <\/div>\r\n <h2 class=\"ops-title\">\r\n Operational Standard\r\n <\/h2>\r\n <p class=\"ops-subtitle\">\r\n Infinexy reserve the right to limit (through call gapping or other operational intervention as we see fit in our sole discretion) which we feel may endanger the rest of the network. Any (but not limited to) of the following traffic patterns are not allowed:\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ops-grid\">\r\n\r\n \r\n <div class=\"ops-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=\"card-number\">01<\/div>\r\n <div class=\"ops-icon-wrapper\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <h3 class=\"ops-card-title\">Call Attempts<\/h3>\r\n <p class=\"ops-card-desc\">\r\n Large amounts of call attempts hitting the same area or number type are not allowed. \r\n No single geographic dialling code should exceed assigned CPS unless previously agreed. \r\n Large, unexpected spikes of traffic cause network monitoring fault alarms.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ops-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=\"card-number\">02<\/div>\r\n <div class=\"ops-icon-wrapper\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <h3 class=\"ops-card-title\">Time of Day<\/h3>\r\n <p class=\"ops-card-desc\">\r\n Dialler traffic will be the first type to be shed during any network faults \r\n or high traffic periods to ensure network stability and service continuity.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ops-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=\"card-number\">03<\/div>\r\n <div class=\"ops-icon-wrapper\">\r\n <i class=\"fas fa-ban\"><\/i>\r\n <\/div>\r\n <h3 class=\"ops-card-title\">Unallocated Numbers<\/h3>\r\n <p class=\"ops-card-desc\">\r\n ASRs below 40% will be deemed as suspect (e.g., Data cleansing activities). \r\n Immediate action will be taken to limit such traffic as it may indicate \r\n a breach of regulatory standards.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ops-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=\"card-number\">04<\/div>\r\n <div class=\"ops-icon-wrapper\">\r\n <i class=\"fas fa-tachometer-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"ops-card-title\">CPS Limit<\/h3>\r\n <p class=\"ops-card-desc\">\r\n Each endpoint has a defined calls per second limit (typically 10 CPS). \r\n Higher CPS can be negotiated. Sending too many calls will get a 503 \r\n response and uses unnecessary SBC processor resource.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ops-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=\"card-number\">05<\/div>\r\n <div class=\"ops-icon-wrapper\">\r\n <i class=\"fas fa-bell\"><\/i>\r\n <\/div>\r\n <h3 class=\"ops-card-title\">Network Alerts<\/h3>\r\n <p class=\"ops-card-desc\">\r\n Infinexy has a wide range of network performance alerts. Sustained low ASR \r\n sent to one Mobile Operator type will produce an alarm in the NOC. \r\n False alarms can hide other network problems and divert resources.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"ops-footer\">\r\n <p>\r\n <span class=\"highlight\">Infinexy NOC<\/span> monitors all traffic patterns 24\/7. \r\n Remedial action will be taken if any dialler pattern causes alarms or \r\n red statuses on the NOC monitors.\r\n <\/p>\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 Dialler & CLI Policy<\/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 \/* Force Inter on all elements *\/\r\n body, .policy-section, .policy-inner, .policy-header, .policy-badge,\r\n .policy-title, .policy-subtitle, .policy-grid, .policy-card,\r\n .policy-card-title, .policy-card-desc, .policy-icon-wrapper,\r\n .shine, .glow-overlay, .data-flow,\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 --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 POLICY SECTION\r\n ======================================== *\/\r\n .policy-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 .policy-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 .policy-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 .policy-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .policy-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 .policy-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 .policy-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .policy-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 .policy-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 .policy-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 CARDS GRID\r\n ======================================== *\/\r\n .policy-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n \/* ========================================\r\n CARD\r\n ======================================== *\/\r\n .policy-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 26px 28px;\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 overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .policy-card:nth-child(1) { animation-delay: 0.05s; }\r\n .policy-card:nth-child(2) { animation-delay: 0.10s; }\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 .policy-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 .policy-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .policy-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 line *\/\r\n .policy-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 .policy-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 ===== *\/\r\n .policy-card .policy-icon-wrapper {\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 margin: 0 auto 16px;\r\n font-size: 26px;\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-bg);\r\n }\r\n\r\n .policy-card .policy-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 .policy-card:hover .policy-icon-wrapper::before {\r\n opacity: 1;\r\n border-color: var(--icon-bg);\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 .policy-card .policy-icon-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n inset: -12px;\r\n border-radius: 50%;\r\n background: var(--icon-bg);\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 .policy-card:hover .policy-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .policy-card:hover .policy-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n position: relative;\r\n z-index: 1;\r\n color: var(--white);\r\n font-size: 26px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .policy-card:hover .policy-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .policy-card .policy-card-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 8px;\r\n text-align: center;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .policy-card:hover .policy-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 .policy-card .policy-card-desc {\r\n font-size: 14px;\r\n color: var(--gray-light);\r\n line-height: 1.7;\r\n text-align: left;\r\n transition: color 0.4s ease;\r\n }\r\n\r\n .policy-card:hover .policy-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n .policy-card .policy-card-desc strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .policy-card .policy-card-desc .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .policy-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 .policy-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY ===== *\/\r\n .policy-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 .policy-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n CLI PRESENTATION CARD\r\n ======================================== *\/\r\n .cli-section {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 32px 28px;\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 overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.15s;\r\n margin-top: 8px;\r\n }\r\n\r\n .cli-section::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 .cli-section:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .cli-section: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 .cli-section .cli-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .cli-section .cli-header .cli-icon {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n color: var(--white);\r\n background: var(--icon-bg);\r\n flex-shrink: 0;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .cli-section:hover .cli-icon {\r\n transform: scale(1.05) rotate(-4deg);\r\n }\r\n\r\n .cli-section .cli-header h3 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .cli-section:hover .cli-header h3 {\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 .cli-section .cli-body {\r\n padding-left: 0;\r\n }\r\n\r\n .cli-section .cli-body p {\r\n font-size: 15px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .cli-section .cli-body p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .cli-section .cli-body p strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .cli-section .cli-body p .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n \/* CLI Points *\/\r\n .cli-points {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n margin: 16px 0 8px;\r\n }\r\n\r\n .cli-point {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n padding: 14px 16px;\r\n background: #f8fafc;\r\n border-radius: 12px;\r\n border: 1px solid var(--border);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .cli-point:hover {\r\n border-color: var(--badge-color);\r\n background: var(--white);\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .cli-point i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n margin-top: 2px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .cli-point .point-text {\r\n font-size: 14px;\r\n color: var(--gray);\r\n line-height: 1.6;\r\n }\r\n\r\n .cli-point .point-text strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ========================================\r\n SHINE FOR CLI\r\n ======================================== *\/\r\n .cli-section .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 .cli-section:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n .cli-section .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 .cli-section:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n .cli-section .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 .cli-section: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 \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .policy-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .policy-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .policy-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n\r\n .cli-points {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .policy-section {\r\n padding: 50px 0;\r\n }\r\n\r\n .policy-inner {\r\n padding: 0 20px;\r\n }\r\n\r\n .policy-header {\r\n margin-bottom: 36px;\r\n }\r\n\r\n .policy-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n\r\n .policy-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .policy-card {\r\n padding: 24px 18px 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper {\r\n width: 52px;\r\n height: 52px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n\r\n .policy-card .policy-card-title {\r\n font-size: 16px;\r\n }\r\n\r\n .policy-card .policy-card-desc {\r\n font-size: 13px;\r\n }\r\n\r\n .cli-section {\r\n padding: 24px 18px 20px;\r\n }\r\n\r\n .cli-section .cli-header h3 {\r\n font-size: 18px;\r\n }\r\n\r\n .cli-section .cli-body p {\r\n font-size: 14px;\r\n }\r\n\r\n .cli-point {\r\n padding: 12px 14px;\r\n }\r\n\r\n .cli-point .point-text {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .policy-section {\r\n padding: 40px 0;\r\n }\r\n\r\n .policy-inner {\r\n padding: 0 16px;\r\n }\r\n\r\n .policy-header {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .policy-title {\r\n font-size: 24px;\r\n }\r\n\r\n .policy-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .policy-badge {\r\n font-size: 10px;\r\n }\r\n\r\n .policy-card {\r\n padding: 18px 14px 16px;\r\n border-radius: 12px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n font-size: 17px;\r\n }\r\n\r\n .policy-card .policy-card-title {\r\n font-size: 15px;\r\n }\r\n\r\n .policy-card .policy-card-desc {\r\n font-size: 12px;\r\n }\r\n\r\n .cli-section {\r\n padding: 18px 14px 16px;\r\n }\r\n\r\n .cli-section .cli-header {\r\n gap: 10px;\r\n }\r\n\r\n .cli-section .cli-header .cli-icon {\r\n width: 42px;\r\n height: 42px;\r\n font-size: 17px;\r\n }\r\n\r\n .cli-section .cli-header h3 {\r\n font-size: 16px;\r\n }\r\n\r\n .cli-section .cli-body p {\r\n font-size: 13px;\r\n }\r\n\r\n .cli-point {\r\n padding: 10px 12px;\r\n gap: 10px;\r\n }\r\n\r\n .cli-point .point-text {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .policy-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n font-size: 14px;\r\n }\r\n\r\n .policy-card .policy-card-title {\r\n font-size: 13px;\r\n }\r\n\r\n .policy-card .policy-card-desc {\r\n font-size: 11px;\r\n }\r\n\r\n .cli-section {\r\n padding: 14px 10px 12px;\r\n }\r\n\r\n .cli-section .cli-header .cli-icon {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 14px;\r\n }\r\n\r\n .cli-section .cli-header h3 {\r\n font-size: 14px;\r\n }\r\n\r\n .cli-section .cli-body p {\r\n font-size: 12px;\r\n }\r\n\r\n .cli-point .point-text {\r\n font-size: 11px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"policy-section\">\r\n <div class=\"policy-inner\">\r\n\r\n \r\n <div class=\"policy-header\">\r\n <div class=\"policy-badge\">\r\n <span class=\"dot\"><\/span>\r\n Network Policy\r\n <\/div>\r\n <h2 class=\"policy-title\">\r\n Dialler & CLI Policy<\/h2>\r\n <p class=\"policy-subtitle\">\r\n Infinexy's operational standards for dialler traffic management and CLI presentation \r\n to ensure network integrity and regulatory compliance.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"policy-grid\">\r\n\r\n \r\n <div class=\"policy-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=\"policy-icon-wrapper\">\r\n <i class=\"fas fa-trash-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"policy-card-title\">Dialler Removal Process<\/h3>\r\n <div class=\"policy-card-desc\">\r\n <p>\r\n It is quite common for customer endpoints to be provisioned as normal SIP \r\n and then used for this traffic. <strong>Infinexy's Voice Quality of Service<\/strong> \r\n department runs daily reports which will quickly identify traffic of this nature.\r\n <\/p>\r\n <p style=\"margin-top: 10px;\">\r\n The customer will be asked to stop sending this traffic but \r\n <strong>Infinexy reserve the right<\/strong> to reduce their capacity or \r\n <span class=\"highlight\">turn them off<\/span> to protect the integrity of the network.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"policy-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=\"policy-icon-wrapper\">\r\n <i class=\"fas fa-id-card\"><\/i>\r\n <\/div>\r\n <h3 class=\"policy-card-title\">CLI Presentation<\/h3>\r\n <div class=\"policy-card-desc\">\r\n <p>\r\n Infinexy offers customers flexibility in what CLI they present. \r\n The <strong>Customer Agreement<\/strong> that has to be signed prior to \r\n implementation contains a condensation of the CLI Presentation regulations.\r\n <\/p>\r\n <p style=\"margin-top: 10px;\">\r\n <strong>Infinexy's operation team<\/strong> will perform periodic audits of \r\n presentation CLIs across the network and take action to enforce these rules as required.\r\n <\/p>\r\n <p style=\"margin-top: 10px; font-size: 13px; color: var(--gray-light);\">\r\n <i class=\"fas fa-info-circle\" style=\"color: var(--badge-color);\"><\/i>\r\n Additionally, some operators within the <span class=\"highlight\">European Economic Area (\"EEA\")<\/span> \r\n surcharge calls made from outside the EEA based on presentation and\/or network CLI.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"cli-section\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n\r\n <div class=\"cli-header\">\r\n <div class=\"cli-icon\">\r\n <i class=\"fas fa-list-check\"><\/i>\r\n <\/div>\r\n <h3>CLI Presentation <span style=\"font-weight: 400; color: var(--gray-light);\">\u2014 Key Points<\/span><\/h3>\r\n <\/div>\r\n\r\n <div class=\"cli-body\">\r\n <p>\r\n The Customer Agreement contains a condensation of the \r\n <strong>CLI Presentation regulations<\/strong>. The two main points are:\r\n <\/p>\r\n\r\n <div class=\"cli-points\">\r\n <div class=\"cli-point\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"point-text\">\r\n <strong>Authorized Use:<\/strong> The allocated entity for the number being \r\n presented has authorized its use for this purpose.\r\n <\/div>\r\n <\/div>\r\n <div class=\"cli-point\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <div class=\"point-text\">\r\n <strong>No Revenue Sharing:<\/strong> The number being presented is not one \r\n to a revenue sharing number that generates an excessive call charge.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <p style=\"margin-top: 12px; font-size: 14px; color: var(--gray-light);\">\r\n <i class=\"fas fa-shield-alt\" style=\"color: var(--badge-color); margin-right: 6px;\"><\/i>\r\n Infinexy's operation team performs <strong>periodic audits<\/strong> of presentation CLIs \r\n across the network and takes action to enforce these rules as required.\r\n <\/p>\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-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>Infinexy \u00b7 Outbound Traffic & Malicious Calls Policy<\/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 \/* Force Inter on all elements *\/\r\n body, .policy-section, .policy-inner, .policy-header, .policy-badge,\r\n .policy-title, .policy-subtitle, .policy-card,\r\n .policy-card-title, .policy-card-desc, .policy-icon-wrapper,\r\n .shine, .glow-overlay, .data-flow, .param-box, .malicious-section,\r\n .malicious-cat, .badge-act,\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 --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 POLICY SECTION\r\n ======================================== *\/\r\n .policy-section {\r\n padding: 40px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .policy-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 .policy-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 .policy-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .policy-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 .policy-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 .policy-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .policy-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 .policy-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 .policy-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 OUTBOUND TRAFFIC CARD\r\n ======================================== *\/\r\n .policy-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 28px 28px;\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 overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .policy-card:nth-child(1) { animation-delay: 0.05s; }\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 .policy-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 .policy-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .policy-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 line *\/\r\n .policy-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 .policy-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 ===== *\/\r\n .policy-card .policy-icon-wrapper {\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 margin: 0 auto 16px;\r\n font-size: 26px;\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-bg);\r\n }\r\n\r\n .policy-card .policy-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 .policy-card:hover .policy-icon-wrapper::before {\r\n opacity: 1;\r\n border-color: var(--icon-bg);\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 .policy-card .policy-icon-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n inset: -12px;\r\n border-radius: 50%;\r\n background: var(--icon-bg);\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 .policy-card:hover .policy-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .policy-card:hover .policy-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n position: relative;\r\n z-index: 1;\r\n color: var(--white);\r\n font-size: 26px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .policy-card:hover .policy-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .policy-card .policy-card-title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 6px;\r\n text-align: center;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .policy-card:hover .policy-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 \/* ===== SUBTITLE ===== *\/\r\n .policy-card .policy-card-sub {\r\n font-size: 15px;\r\n color: var(--gray);\r\n text-align: center;\r\n margin-bottom: 16px;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== PARAMETER BOXES ===== *\/\r\n .param-boxes {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .param-box {\r\n background: #f8fafc;\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n border: 1px solid var(--border);\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .param-box:hover {\r\n border-color: var(--badge-color);\r\n background: var(--white);\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .param-box .param-label {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--gray-light);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .param-box .param-value {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-top: 2px;\r\n }\r\n\r\n .param-box .param-value .highlight {\r\n color: var(--badge-color);\r\n }\r\n\r\n .param-box .param-desc {\r\n font-size: 13px;\r\n color: var(--gray-light);\r\n margin-top: 2px;\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .policy-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 .policy-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n .policy-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 .policy-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n MALICIOUS CALLS SECTION\r\n ======================================== *\/\r\n .malicious-section {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 28px 28px;\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 overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.10s;\r\n }\r\n\r\n .malicious-section::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 .malicious-section:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .malicious-section: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 .malicious-section .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 .malicious-section: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 .malicious-section .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 .malicious-section:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n .malicious-section .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 .malicious-section:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n .malicious-section .malicious-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .malicious-section .malicious-header .malicious-icon {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n color: var(--white);\r\n background: var(--icon-bg);\r\n flex-shrink: 0;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .malicious-section:hover .malicious-icon {\r\n transform: scale(1.05) rotate(-4deg);\r\n }\r\n\r\n .malicious-section .malicious-header h3 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .malicious-section:hover .malicious-header h3 {\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 \/* ===== BADGE ACT - HOVER EFFECT ===== *\/\r\n .malicious-section .malicious-header .badge-act {\r\n display: inline-block;\r\n background: #dc3545;\r\n color: #fff;\r\n font-size: 10px;\r\n font-weight: 700;\r\n padding: 3px 12px;\r\n border-radius: 100px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-left: 4px;\r\n transition: all 0.4s ease;\r\n cursor: default;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n\r\n \/* Slider Effect on Badge *\/\r\n .malicious-section .malicious-header .badge-act::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 .malicious-section .malicious-header .badge-act:hover::before {\r\n transform: translateX(0);\r\n color: white;\r\n }\r\n\r\n .malicious-section .malicious-header .badge-act:hover {\r\n color: #ffffff !important;\r\n box-shadow: 0 4px 16px rgba(142, 36, 170, 0.30);\r\n }\r\n\r\n .malicious-section .malicious-body p {\r\n font-size: 15px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .malicious-section .malicious-body p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .malicious-section .malicious-body p strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .malicious-section .malicious-body p .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== MALICIOUS CATEGORIES ===== *\/\r\n .malicious-cats {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n margin-top: 16px;\r\n }\r\n\r\n .malicious-cat {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n padding: 16px 18px;\r\n background: #f8fafc;\r\n border-radius: 12px;\r\n border: 1px solid var(--border);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .malicious-cat:hover {\r\n border-color: var(--badge-color);\r\n background: var(--white);\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .malicious-cat .cat-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n color: var(--white);\r\n background: var(--icon-bg);\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .malicious-cat:hover .cat-icon {\r\n transform: scale(1.05);\r\n }\r\n\r\n .malicious-cat .cat-text h4 {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 2px;\r\n }\r\n\r\n .malicious-cat .cat-text p {\r\n font-size: 13px;\r\n color: var(--gray-light);\r\n line-height: 1.5;\r\n margin: 0;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .policy-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .policy-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n\r\n .param-boxes {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .policy-section {\r\n padding: 50px 0;\r\n }\r\n\r\n .policy-inner {\r\n padding: 0 20px;\r\n }\r\n\r\n .policy-header {\r\n margin-bottom: 36px;\r\n }\r\n\r\n .policy-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n\r\n .policy-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .policy-card {\r\n padding: 24px 18px 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper {\r\n width: 52px;\r\n height: 52px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n\r\n .policy-card .policy-card-title {\r\n font-size: 18px;\r\n }\r\n\r\n .policy-card .policy-card-sub {\r\n font-size: 14px;\r\n }\r\n\r\n .param-box {\r\n padding: 14px 16px;\r\n }\r\n\r\n .param-box .param-value {\r\n font-size: 24px;\r\n }\r\n\r\n .malicious-section {\r\n padding: 24px 18px 20px;\r\n }\r\n\r\n .malicious-section .malicious-header h3 {\r\n font-size: 18px;\r\n }\r\n\r\n .malicious-section .malicious-body p {\r\n font-size: 14px;\r\n }\r\n\r\n .malicious-cats {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .malicious-cat {\r\n padding: 14px 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .policy-section {\r\n padding: 40px 0;\r\n }\r\n\r\n .policy-inner {\r\n padding: 0 16px;\r\n }\r\n\r\n .policy-header {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .policy-title {\r\n font-size: 24px;\r\n }\r\n\r\n .policy-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .policy-badge {\r\n font-size: 10px;\r\n }\r\n\r\n .policy-card {\r\n padding: 18px 14px 16px;\r\n border-radius: 12px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n font-size: 17px;\r\n }\r\n\r\n .policy-card .policy-card-title {\r\n font-size: 16px;\r\n }\r\n\r\n .policy-card .policy-card-sub {\r\n font-size: 13px;\r\n }\r\n\r\n .param-boxes {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .param-box .param-value {\r\n font-size: 22px;\r\n }\r\n\r\n .malicious-section {\r\n padding: 18px 14px 16px;\r\n }\r\n\r\n .malicious-section .malicious-header {\r\n gap: 10px;\r\n }\r\n\r\n .malicious-section .malicious-header .malicious-icon {\r\n width: 42px;\r\n height: 42px;\r\n font-size: 17px;\r\n }\r\n\r\n .malicious-section .malicious-header h3 {\r\n font-size: 16px;\r\n }\r\n\r\n .malicious-section .malicious-header .badge-act {\r\n font-size: 9px;\r\n padding: 2px 10px;\r\n }\r\n\r\n .malicious-section .malicious-body p {\r\n font-size: 13px;\r\n }\r\n\r\n .malicious-cat {\r\n padding: 12px 14px;\r\n gap: 10px;\r\n }\r\n\r\n .malicious-cat .cat-text h4 {\r\n font-size: 13px;\r\n }\r\n\r\n .malicious-cat .cat-text p {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .policy-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .policy-card .policy-icon-wrapper i {\r\n font-size: 14px;\r\n }\r\n\r\n .policy-card .policy-card-title {\r\n font-size: 14px;\r\n }\r\n\r\n .param-box .param-value {\r\n font-size: 20px;\r\n }\r\n\r\n .malicious-section {\r\n padding: 14px 10px 12px;\r\n }\r\n\r\n .malicious-section .malicious-header .malicious-icon {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 14px;\r\n }\r\n\r\n .malicious-section .malicious-header h3 {\r\n font-size: 14px;\r\n }\r\n\r\n .malicious-section .malicious-header .badge-act {\r\n font-size: 8px;\r\n padding: 2px 8px;\r\n }\r\n\r\n .malicious-section .malicious-body p {\r\n font-size: 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"policy-section\">\r\n <div class=\"policy-inner\">\r\n\r\n \r\n <div class=\"policy-header\">\r\n <div class=\"policy-badge\">\r\n <span class=\"dot\"><\/span>\r\n Traffic Policy\r\n <\/div>\r\n <h2 class=\"policy-title\">\r\n Outbound Traffic & Malicious Calls\r\n <\/h2>\r\n <p class=\"policy-subtitle\">\r\n Infinexy's operational standards for outbound traffic management and \r\n protection against malicious call activity.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"policy-card\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n\r\n <div class=\"policy-icon-wrapper\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/div>\r\n\r\n <h3 class=\"policy-card-title\">Outbound Traffic Policy<\/h3>\r\n <p class=\"policy-card-sub\">\r\n This follows the standards outlined in the section under Dialler and CLI Standards.\r\n <\/p>\r\n\r\n <div class=\"param-boxes\">\r\n <div class=\"param-box\">\r\n <div class=\"param-label\">Average Length of Call<\/div>\r\n <div class=\"param-value\"><span class=\"highlight\">< 30s<\/span><\/div>\r\n <div class=\"param-desc\">Under 30 seconds<\/div>\r\n <\/div>\r\n <div class=\"param-box\">\r\n <div class=\"param-label\">Answer Seize Ratio<\/div>\r\n <div class=\"param-value\"><span class=\"highlight\">< 60%<\/span><\/div>\r\n <div class=\"param-desc\">Less than 60% ASR<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <p style=\"font-size: 14px; color: var(--gray); text-align: center; margin-top: 16px;\">\r\n <i class=\"fas fa-info-circle\" style=\"color: var(--badge-color);\"><\/i>\r\n Traffic which typically has an ALOC of under 30 seconds with an ASR less than 60% \r\n is <strong>not generally acceptable<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"malicious-section\">\r\n <div class=\"shine\"><\/div>\r\n <div class=\"glow-overlay\"><\/div>\r\n <div class=\"data-flow\"><\/div>\r\n\r\n <div class=\"malicious-header\">\r\n <div class=\"malicious-icon\">\r\n <i class=\"fas fa-exclamation-triangle\"><\/i>\r\n <\/div>\r\n <h3>\r\n Malicious calls\r\n <\/h3>\r\n <\/div>\r\n\r\n <div class=\"malicious-body\">\r\n <p>\r\n These, like silent and abandoned calls, are also \r\n <strong>Communications Act 2003 offence<\/strong> and carry \r\n <span class=\"highlight\">criminal liability<\/span>.\r\n <\/p>\r\n\r\n <div class=\"malicious-cats\">\r\n\r\n <div class=\"malicious-cat\">\r\n <div class=\"cat-icon\">\r\n <i class=\"fas fa-bomb\"><\/i>\r\n <\/div>\r\n <div class=\"cat-text\">\r\n <h4>SPIT Attacks<\/h4>\r\n <p>Spam over Internet Telephony \u2014 the telephony equivalent of a \r\n Distributed Denial of Service (DDOS) attack on a website.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"malicious-cat\">\r\n <div class=\"cat-icon\">\r\n <i class=\"fas fa-user-slash\"><\/i>\r\n <\/div>\r\n <div class=\"cat-text\">\r\n <h4>Annoyance Calls<\/h4>\r\n <p>Calls intended to cause annoyance or offence, which may also \r\n contain content that falls into the SPIT category.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <p style=\"margin-top: 14px; font-size: 14px; color: var(--gray-light);\">\r\n <i class=\"fas fa-shield-alt\" style=\"color: var(--badge-color); margin-right: 6px;\"><\/i>\r\n Obviously, a SPIT attack can contain content that falls into the latter category too. \r\n <strong>Both need handling in a slightly different way.<\/strong>\r\n <\/p>\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-bf085fc e-con-full e-flex e-con e-parent\" data-id=\"bf085fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5136d82 elementor-widget elementor-widget-html\" data-id=\"5136d82\" 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 SIP Peering<\/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 \/* Force Inter on all elements *\/\r\n body, .sip-section, .sip-inner, .sip-header, .sip-badge,\r\n .sip-title, .sip-subtitle, .sip-grid, .sip-card,\r\n .sip-card-title, .sip-card-desc, .sip-icon-wrapper,\r\n .shine, .glow-overlay, .data-flow,\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 --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 SIP PEERING SECTION\r\n ======================================== *\/\r\n .sip-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 .sip-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 .sip-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 .sip-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .sip-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 .sip-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 .sip-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .sip-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 .sip-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 .sip-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 SIP PEERING INTRO TEXT\r\n ======================================== *\/\r\n .sip-intro {\r\n max-width: 900px;\r\n margin: 0 auto 40px;\r\n text-align: center;\r\n }\r\n\r\n .sip-intro p {\r\n font-size: 16px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ========================================\r\n GRID \u2013 Same as Operational Standard\r\n ======================================== *\/\r\n .sip-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n \/* ========================================\r\n SIP CARD \u2013 Same as Operational Standard\r\n ======================================== *\/\r\n .sip-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 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: default;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .sip-card:nth-child(1) { animation-delay: 0.05s; }\r\n .sip-card:nth-child(2) { animation-delay: 0.10s; }\r\n .sip-card:nth-child(3) { animation-delay: 0.15s; }\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 - Same as Operational Standard *\/\r\n .sip-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 .sip-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .sip-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 line - Same as Operational Standard *\/\r\n .sip-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 .sip-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 - Same as Operational Standard ===== *\/\r\n .sip-card .sip-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: var(--icon-bg);\r\n }\r\n\r\n .sip-card .sip-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 .sip-card:hover .sip-icon-wrapper::before {\r\n opacity: 1;\r\n border-color: var(--icon-bg);\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 .sip-card .sip-icon-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n inset: -12px;\r\n border-radius: 50%;\r\n background: var(--icon-bg);\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 .sip-card:hover .sip-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .sip-card:hover .sip-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .sip-card .sip-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 .sip-card:hover .sip-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== CARD NUMBER - Same as Operational Standard ===== *\/\r\n .sip-card .card-number {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--badge-color);\r\n opacity: 0.15;\r\n margin-bottom: 4px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* ===== TITLE - Same as Operational Standard ===== *\/\r\n .sip-card .sip-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 .sip-card:hover .sip-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 - Same as Operational Standard ===== *\/\r\n .sip-card .sip-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 .sip-card:hover .sip-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n \/* ===== SHINE - Same as Operational Standard ===== *\/\r\n .sip-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 .sip-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY - Same as Operational Standard ===== *\/\r\n .sip-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 .sip-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n CAPABILITY SET - Additional Section\r\n ======================================== *\/\r\n .capability-section {\r\n margin-top: 32px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.20s;\r\n }\r\n\r\n .capability-box {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 24px 28px;\r\n border: 1px solid var(--border);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .capability-box::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, var(--purple), var(--blue));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .capability-box:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .capability-box:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.04);\r\n border-color: rgba(77, 125, 209, 0.08);\r\n }\r\n\r\n .capability-box .cap-title {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .capability-box .cap-title i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n }\r\n\r\n .capability-box .cap-desc {\r\n font-size: 14px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n .capability-box .cap-desc strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .capability-box .cap-desc .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\r\n }\r\n\r\n .capability-box .cap-tags {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n margin-top: 10px;\r\n }\r\n\r\n .capability-box .cap-tags span {\r\n background: #f1f5f9;\r\n padding: 4px 14px;\r\n border-radius: 100px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: var(--gray);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .capability-box:hover .cap-tags span {\r\n background: rgba(77, 125, 209, 0.06);\r\n color: var(--badge-color);\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 1199px) {\r\n .sip-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .sip-section {\r\n padding: 60px 0 50px;\r\n }\r\n\r\n .sip-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .sip-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n\r\n .capability-section {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .sip-section {\r\n padding: 50px 0 40px;\r\n }\r\n\r\n .sip-inner {\r\n padding: 0 20px;\r\n }\r\n\r\n .sip-header {\r\n margin-bottom: 36px;\r\n }\r\n\r\n .sip-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n\r\n .sip-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .sip-intro p {\r\n font-size: 15px;\r\n }\r\n\r\n .sip-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n\r\n .sip-card {\r\n padding: 24px 16px 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper {\r\n width: 54px;\r\n height: 54px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n\r\n .sip-card .sip-card-title {\r\n font-size: 15px;\r\n }\r\n\r\n .sip-card .sip-card-desc {\r\n font-size: 13px;\r\n }\r\n\r\n .capability-box {\r\n padding: 18px 16px;\r\n }\r\n\r\n .capability-box .cap-title {\r\n font-size: 14px;\r\n }\r\n\r\n .capability-box .cap-desc {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .sip-section {\r\n padding: 40px 0 30px;\r\n }\r\n\r\n .sip-inner {\r\n padding: 0 16px;\r\n }\r\n\r\n .sip-header {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .sip-title {\r\n font-size: 24px;\r\n }\r\n\r\n .sip-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .sip-badge {\r\n font-size: 10px;\r\n }\r\n\r\n .sip-intro p {\r\n font-size: 14px;\r\n }\r\n\r\n .sip-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .sip-card {\r\n padding: 18px 12px 16px;\r\n border-radius: 12px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper {\r\n width: 46px;\r\n height: 46px;\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper i {\r\n font-size: 17px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper::after {\r\n inset: -6px;\r\n filter: blur(12px);\r\n }\r\n\r\n .sip-card .sip-card-title {\r\n font-size: 13px;\r\n }\r\n\r\n .sip-card .sip-card-desc {\r\n font-size: 12px;\r\n }\r\n\r\n .capability-box {\r\n padding: 14px 12px;\r\n }\r\n\r\n .capability-box .cap-title {\r\n font-size: 13px;\r\n }\r\n\r\n .capability-box .cap-desc {\r\n font-size: 12px;\r\n }\r\n\r\n .capability-box .cap-tags span {\r\n font-size: 11px;\r\n padding: 3px 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .sip-grid {\r\n gap: 10px;\r\n }\r\n\r\n .sip-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .sip-card .sip-icon-wrapper i {\r\n font-size: 14px;\r\n }\r\n\r\n .sip-card .sip-card-title {\r\n font-size: 12px;\r\n }\r\n\r\n .sip-card .sip-card-desc {\r\n font-size: 10px;\r\n }\r\n\r\n .capability-box {\r\n padding: 12px 10px;\r\n }\r\n\r\n .capability-box .cap-title {\r\n font-size: 12px;\r\n }\r\n\r\n .capability-box .cap-desc {\r\n font-size: 11px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"sip-section\">\r\n <div class=\"sip-inner\">\r\n\r\n \r\n <div class=\"sip-header\">\r\n <div class=\"sip-badge\">\r\n <span class=\"dot\"><\/span>\r\n \r\n SIP Peering\r\n <\/div>\r\n <h2 class=\"sip-title\">\r\n SIP Peering\r\n <\/h2>\r\n <p class=\"sip-subtitle\">\r\n Infinexy's SIP peering framework enables seamless interconnection between enterprise \r\n and service provider networks through automated capability discovery and configuration.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-grid\">\r\n\r\n \r\n <div class=\"sip-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=\"card-number\">01<\/div>\r\n <div class=\"sip-icon-wrapper\">\r\n <i class=\"fas fa-robot\"><\/i>\r\n <\/div>\r\n <h3 class=\"sip-card-title\">Automated Peering<\/h3>\r\n <p class=\"sip-card-desc\">\r\n Automated capability discovery eliminates manual configuration and reduces \r\n the risk of errors.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-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=\"card-number\">02<\/div>\r\n <div class=\"sip-icon-wrapper\">\r\n <i class=\"fas fa-code\"><\/i>\r\n <\/div>\r\n <h3 class=\"sip-card-title\">Capability Set Document<\/h3>\r\n <p class=\"sip-card-desc\">\r\n JSON-encoded capability sets provide easy parsing by automation tools \r\n for quick deployment.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-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=\"card-number\">03<\/div>\r\n <div class=\"sip-icon-wrapper\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"sip-card-title\">Secure Interconnection<\/h3>\r\n <p class=\"sip-card-desc\">\r\n Security parameters included in the capability set ensure trusted and \r\n encrypted peering relationships.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"capability-section\">\r\n\r\n <div class=\"capability-box\">\r\n <div class=\"cap-title\">\r\n <i class=\"fas fa-cogs\"><\/i>\r\n Capability Set Parameters\r\n <\/div>\r\n <p class=\"cap-desc\">\r\n The <strong>capability set<\/strong> communicated by the service provider includes \r\n characteristics specific to signalling, media, transport, and security.\r\n <\/p>\r\n <div class=\"cap-tags\">\r\n <span>Signalling<\/span>\r\n <span>Media<\/span>\r\n <span>Transport<\/span>\r\n <span>Security<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"capability-box\">\r\n <div class=\"cap-title\">\r\n <i class=\"fas fa-sitemap\"><\/i>\r\n Reference Architecture\r\n <\/div>\r\n <p class=\"cap-desc\">\r\n The <strong>enterprise edge device<\/strong> (typically a Session Border Controller) \r\n generates an <strong>HTTPS GET request<\/strong> to the service provider's \r\n <span class=\"highlight\">Capability Server<\/span>. The server responds with a \r\n JSON-encoded <strong>capability set<\/strong> for automated configuration.\r\n <\/p>\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-c98d705 e-con-full e-flex e-con e-parent\" data-id=\"c98d705\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e286b4 elementor-widget elementor-widget-html\" data-id=\"9e286b4\" 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 Hosted PBX<\/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: #F4F7FB;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Force Inter on all elements *\/\r\n body, .pbx-section, .pbx-inner, .pbx-header, .pbx-badge,\r\n .pbx-title, .pbx-subtitle, .pbx-grid, .pbx-card,\r\n .pbx-card-title, .pbx-card-desc, .pbx-icon-wrapper,\r\n .shine, .glow-overlay, .data-flow,\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 --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 HOSTED PBX SECTION\r\n ======================================== *\/\r\n .pbx-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 .pbx-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 .pbx-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 .pbx-header {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .pbx-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 .pbx-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 .pbx-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .pbx-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 .pbx-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 .pbx-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 INTRO TEXT\r\n ======================================== *\/\r\n .pbx-intro {\r\n max-width: 900px;\r\n margin: 0 auto 40px;\r\n text-align: center;\r\n }\r\n\r\n .pbx-intro p {\r\n font-size: 16px;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ========================================\r\n GRID \u2013 3 columns\r\n ======================================== *\/\r\n .pbx-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n \/* ========================================\r\n PBX CARD\r\n ======================================== *\/\r\n .pbx-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 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: default;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .pbx-card:nth-child(1) { animation-delay: 0.05s; }\r\n .pbx-card:nth-child(2) { animation-delay: 0.10s; }\r\n .pbx-card:nth-child(3) { animation-delay: 0.15s; }\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 .pbx-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 .pbx-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .pbx-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 line *\/\r\n .pbx-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 .pbx-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 ===== *\/\r\n .pbx-card .pbx-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: var(--icon-bg);\r\n }\r\n\r\n .pbx-card .pbx-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 .pbx-card:hover .pbx-icon-wrapper::before {\r\n opacity: 1;\r\n border-color: var(--icon-bg);\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 .pbx-card .pbx-icon-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n inset: -12px;\r\n border-radius: 50%;\r\n background: var(--icon-bg);\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 .pbx-card:hover .pbx-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .pbx-card:hover .pbx-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .pbx-card .pbx-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 .pbx-card:hover .pbx-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== CARD NUMBER ===== *\/\r\n .pbx-card .card-number {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--badge-color);\r\n opacity: 0.15;\r\n margin-bottom: 4px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .pbx-card .pbx-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 .pbx-card:hover .pbx-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 .pbx-card .pbx-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 .pbx-card:hover .pbx-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .pbx-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 .pbx-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY ===== *\/\r\n .pbx-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 .pbx-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n BOTTOM FEATURES - NO RISE ON HOVER\r\n ======================================== *\/\r\n .pbx-bottom-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n margin-top: 32px;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n animation-delay: 0.20s;\r\n }\r\n\r\n .pbx-bottom-item {\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 18px 16px;\r\n border: 1px solid var(--border);\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .pbx-bottom-item::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, var(--purple), var(--blue));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .pbx-bottom-item:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n \/* NO transform: translateY() on hover *\/\r\n .pbx-bottom-item:hover {\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.04);\r\n border-color: rgba(77, 125, 209, 0.08);\r\n }\r\n\r\n .pbx-bottom-item .bottom-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 8px;\r\n font-size: 16px;\r\n color: var(--white);\r\n background: var(--icon-bg);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .pbx-bottom-item:hover .bottom-icon {\r\n transform: scale(1.05);\r\n box-shadow: 0 4px 16px rgba(77, 125, 209, 0.20);\r\n }\r\n\r\n .pbx-bottom-item .bottom-label {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .pbx-bottom-item .bottom-desc {\r\n font-size: 12px;\r\n color: var(--gray-light);\r\n margin-top: 2px;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 1199px) {\r\n .pbx-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .pbx-section {\r\n padding: 60px 0 50px;\r\n }\r\n\r\n .pbx-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .pbx-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n\r\n .pbx-bottom-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .pbx-section {\r\n padding: 50px 0 40px;\r\n }\r\n\r\n .pbx-inner {\r\n padding: 0 20px;\r\n }\r\n\r\n .pbx-header {\r\n margin-bottom: 36px;\r\n }\r\n\r\n .pbx-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n\r\n .pbx-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .pbx-intro p {\r\n font-size: 15px;\r\n }\r\n\r\n .pbx-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n\r\n .pbx-card {\r\n padding: 24px 16px 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper {\r\n width: 54px;\r\n height: 54px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n\r\n .pbx-card .pbx-card-title {\r\n font-size: 15px;\r\n }\r\n\r\n .pbx-card .pbx-card-desc {\r\n font-size: 13px;\r\n }\r\n\r\n .pbx-bottom-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n margin-top: 24px;\r\n }\r\n\r\n .pbx-bottom-item {\r\n padding: 14px 12px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-icon {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 14px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-label {\r\n font-size: 12px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-desc {\r\n font-size: 11px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .pbx-section {\r\n padding: 40px 0 30px;\r\n }\r\n\r\n .pbx-inner {\r\n padding: 0 16px;\r\n }\r\n\r\n .pbx-header {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .pbx-title {\r\n font-size: 24px;\r\n }\r\n\r\n .pbx-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .pbx-badge {\r\n font-size: 10px;\r\n }\r\n\r\n .pbx-intro p {\r\n font-size: 14px;\r\n }\r\n\r\n .pbx-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .pbx-card {\r\n padding: 18px 12px 16px;\r\n border-radius: 12px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper {\r\n width: 46px;\r\n height: 46px;\r\n font-size: 17px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper i {\r\n font-size: 17px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper::after {\r\n inset: -6px;\r\n filter: blur(12px);\r\n }\r\n\r\n .pbx-card .pbx-card-title {\r\n font-size: 13px;\r\n }\r\n\r\n .pbx-card .pbx-card-desc {\r\n font-size: 12px;\r\n }\r\n\r\n .pbx-bottom-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .pbx-bottom-item {\r\n padding: 12px 10px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-icon {\r\n width: 32px;\r\n height: 32px;\r\n font-size: 12px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-label {\r\n font-size: 11px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-desc {\r\n font-size: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .pbx-grid {\r\n gap: 10px;\r\n }\r\n\r\n .pbx-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .pbx-card .pbx-icon-wrapper i {\r\n font-size: 14px;\r\n }\r\n\r\n .pbx-card .pbx-card-title {\r\n font-size: 12px;\r\n }\r\n\r\n .pbx-card .pbx-card-desc {\r\n font-size: 10px;\r\n }\r\n\r\n .pbx-bottom-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n }\r\n\r\n .pbx-bottom-item {\r\n padding: 10px 8px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 11px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-label {\r\n font-size: 10px;\r\n }\r\n\r\n .pbx-bottom-item .bottom-desc {\r\n font-size: 9px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"pbx-section\">\r\n <div class=\"pbx-inner\">\r\n\r\n \r\n <div class=\"pbx-header\">\r\n <div class=\"pbx-badge\">\r\n <span class=\"dot\"><\/span> Hosted PBX\r\n <\/div>\r\n <h2 class=\"pbx-title\">\r\n Hosted PBX\r\n <\/h2>\r\n <p class=\"pbx-subtitle\">\r\n Cloud-based phone system that delivers enterprise-grade voice, video, and collaboration \r\n without the hardware overhead.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pbx-grid\">\r\n\r\n \r\n <div class=\"pbx-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=\"card-number\">01<\/div>\r\n <div class=\"pbx-icon-wrapper\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"pbx-card-title\">Cloud-Based Architecture<\/h3>\r\n <p class=\"pbx-card-desc\">\r\n Hosted PBX runs entirely in the cloud, eliminating the need for expensive \r\n on-premise hardware and reducing IT maintenance overhead.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pbx-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=\"card-number\">02<\/div>\r\n <div class=\"pbx-icon-wrapper\">\r\n <i class=\"fas fa-expand-arrows-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"pbx-card-title\">Scalable & Flexible<\/h3>\r\n <p class=\"pbx-card-desc\">\r\n Easily scale up or down as your business grows. Add or remove users, \r\n extensions, and features with just a few clicks.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pbx-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=\"card-number\">03<\/div>\r\n <div class=\"pbx-icon-wrapper\">\r\n <i class=\"fas fa-cogs\"><\/i>\r\n <\/div>\r\n <h3 class=\"pbx-card-title\">Enterprise-Grade Features<\/h3>\r\n <p class=\"pbx-card-desc\">\r\n Auto-attendants, call routing, voicemail-to-email, call recording, \r\n conferencing, and integration with business applications.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"pbx-bottom-grid\">\r\n\r\n <div class=\"pbx-bottom-item\">\r\n <div class=\"bottom-icon\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <\/div>\r\n <div class=\"bottom-label\">Auto-Attendant<\/div>\r\n <div class=\"bottom-desc\">Smart call routing<\/div>\r\n <\/div>\r\n\r\n <div class=\"pbx-bottom-item\">\r\n <div class=\"bottom-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"bottom-label\">Voicemail-to-Email<\/div>\r\n <div class=\"bottom-desc\">With transcription<\/div>\r\n <\/div>\r\n\r\n <div class=\"pbx-bottom-item\">\r\n <div class=\"bottom-icon\">\r\n <i class=\"fas fa-video\"><\/i>\r\n <\/div>\r\n <div class=\"bottom-label\">Video Conferencing<\/div>\r\n <div class=\"bottom-desc\">HD quality<\/div>\r\n <\/div>\r\n\r\n <div class=\"pbx-bottom-item\">\r\n <div class=\"bottom-icon\">\r\n <i class=\"fas fa-mobile-alt\"><\/i>\r\n <\/div>\r\n <div class=\"bottom-label\">Mobile Apps<\/div>\r\n <div class=\"bottom-desc\">iOS & Android<\/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-fdd0b84 e-con-full e-flex e-con e-parent\" data-id=\"fdd0b84\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13b92be elementor-widget elementor-widget-html\" data-id=\"13b92be\" 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 High Volume SIP Interconnect<\/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 \/* Force Inter on all elements *\/\r\n body, .sip-section, .sip-inner, .sip-header, .sip-badge,\r\n .sip-title, .sip-subtitle, .sip-grid, .sip-card,\r\n .sip-card-title, .sip-card-desc, .sip-icon-wrapper,\r\n .shine, .glow-overlay, .data-flow,\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 --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 SIP INTERCONNECT SECTION\r\n ======================================== *\/\r\n .sip-section {\r\n padding: 30px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .sip-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 .sip-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 .sip-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 48px;\r\n }\r\n\r\n .sip-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 .sip-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 .sip-badge i {\r\n font-size: 12px;\r\n color: var(--badge-color);\r\n }\r\n\r\n .sip-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 .sip-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 .sip-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 3 columns\r\n ======================================== *\/\r\n .sip-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n \/* ========================================\r\n CARD\r\n ======================================== *\/\r\n .sip-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: default;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .sip-card:nth-child(1) { animation-delay: 0.05s; }\r\n .sip-card:nth-child(2) { animation-delay: 0.10s; }\r\n .sip-card:nth-child(3) { animation-delay: 0.15s; }\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 .sip-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 .sip-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .sip-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 line *\/\r\n .sip-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 .sip-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 .sip-card .sip-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 .sip-card .sip-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 .sip-card:hover .sip-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 .sip-card .sip-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 .sip-card:hover .sip-icon-wrapper {\r\n transform: translateY(-2px) scale(1.02);\r\n }\r\n\r\n .sip-card:hover .sip-icon-wrapper::after {\r\n opacity: 0.15;\r\n transform: scale(1);\r\n }\r\n\r\n .sip-card .sip-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 .sip-card:hover .sip-icon-wrapper i {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== TITLE ===== *\/\r\n .sip-card .sip-card-title {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 8px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .sip-card:hover .sip-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 .sip-card .sip-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 .sip-card:hover .sip-card-desc {\r\n color: var(--gray);\r\n }\r\n\r\n \/* ===== SHINE ===== *\/\r\n .sip-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 .sip-card:hover .shine {\r\n transform: rotate(45deg) translateX(100%);\r\n }\r\n\r\n \/* ===== GLOW OVERLAY ===== *\/\r\n .sip-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 .sip-card:hover .glow-overlay {\r\n opacity: 1;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n \/* Desktop Large (1200px+) - 3 columns *\/\r\n @media (min-width: 1200px) {\r\n .sip-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n }\r\n\r\n \/* Desktop (992px - 1199px) - 3 columns *\/\r\n @media (max-width: 1199px) and (min-width: 992px) {\r\n .sip-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n \/* Tablet (768px - 991px) - 2 columns *\/\r\n @media (max-width: 991px) {\r\n .sip-section {\r\n padding: 60px 0;\r\n }\r\n .sip-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n .sip-title {\r\n font-size: clamp(30px, 4vw, 38px);\r\n }\r\n }\r\n\r\n \/* Mobile Large (576px - 767px) - 2 columns *\/\r\n @media (max-width: 767px) {\r\n .sip-section {\r\n padding: 50px 0;\r\n }\r\n .sip-inner {\r\n padding: 0 20px;\r\n }\r\n .sip-header {\r\n margin-bottom: 36px;\r\n }\r\n .sip-title {\r\n font-size: clamp(28px, 6vw, 32px);\r\n }\r\n .sip-subtitle {\r\n font-size: 15px;\r\n }\r\n .sip-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n .sip-card {\r\n padding: 22px 16px 18px;\r\n border-radius: 14px;\r\n }\r\n .sip-card .sip-icon-wrapper {\r\n width: 52px;\r\n height: 52px;\r\n font-size: 20px;\r\n margin-bottom: 12px;\r\n }\r\n .sip-card .sip-icon-wrapper i {\r\n font-size: 20px;\r\n }\r\n .sip-card .sip-card-title {\r\n font-size: 15px;\r\n }\r\n .sip-card .sip-card-desc {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n \/* Mobile Small (up to 480px) - 2 columns (compact) *\/\r\n @media (max-width: 480px) {\r\n .sip-section {\r\n padding: 40px 0;\r\n }\r\n .sip-inner {\r\n padding: 0 16px;\r\n }\r\n .sip-header {\r\n margin-bottom: 28px;\r\n }\r\n .sip-title {\r\n font-size: 24px;\r\n }\r\n .sip-subtitle {\r\n font-size: 14px;\r\n }\r\n .sip-badge {\r\n font-size: 10px;\r\n }\r\n .sip-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n }\r\n .sip-card {\r\n padding: 18px 12px 14px;\r\n border-radius: 12px;\r\n }\r\n .sip-card .sip-icon-wrapper {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 16px;\r\n margin-bottom: 10px;\r\n }\r\n .sip-card .sip-icon-wrapper i {\r\n font-size: 16px;\r\n }\r\n .sip-card .sip-icon-wrapper::after {\r\n inset: -6px;\r\n filter: blur(12px);\r\n }\r\n .sip-card .sip-card-title {\r\n font-size: 13px;\r\n }\r\n .sip-card .sip-card-desc {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n \/* iPhone SE \/ Very Small (up to 375px) - 2 columns (smallest) *\/\r\n @media (max-width: 375px) {\r\n .sip-grid {\r\n gap: 10px;\r\n }\r\n .sip-card {\r\n padding: 14px 10px 12px;\r\n border-radius: 10px;\r\n }\r\n .sip-card .sip-icon-wrapper {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 13px;\r\n margin-bottom: 8px;\r\n }\r\n .sip-card .sip-icon-wrapper i {\r\n font-size: 13px;\r\n }\r\n .sip-card .sip-card-title {\r\n font-size: 12px;\r\n }\r\n .sip-card .sip-card-desc {\r\n font-size: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"sip-section\">\r\n <div class=\"sip-inner\">\r\n\r\n \r\n <div class=\"sip-header\">\r\n <div class=\"sip-badge\">\r\n <span class=\"dot\"><\/span>\r\n SIP Services\r\n <\/div>\r\n <h2 class=\"sip-title\">\r\n High Volume SIP Interconnect\r\n <\/h2>\r\n <p class=\"sip-subtitle\">\r\n Scalable, reliable, and secure SIP interconnect solutions for carriers, \r\n enterprises, and service providers worldwide.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-grid\">\r\n\r\n \r\n <div class=\"sip-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=\"sip-icon-wrapper\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"sip-card-title\">High Volume SIP Interconnect<\/h3>\r\n <p class=\"sip-card-desc\">\r\n Carrier-grade SIP interconnect with 99.99% uptime SLA, \r\n handling millions of minutes daily with ultra-low latency.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-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=\"sip-icon-wrapper\">\r\n <i class=\"fas fa-exchange-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"sip-card-title\">SIP Peering<\/h3>\r\n <p class=\"sip-card-desc\">\r\n Direct IP peering with 500+ carriers worldwide for \r\n cost-effective, high-quality voice routing and termination.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"sip-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=\"sip-icon-wrapper\">\r\n <i class=\"fas fa-server\"><\/i>\r\n <\/div>\r\n <h3 class=\"sip-card-title\">Hosted PBX<\/h3>\r\n <p class=\"sip-card-desc\">\r\n Cloud-based Hosted PBX solutions with advanced call features, \r\n auto-attendant, call recording, and seamless integration.\r\n <\/p>\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-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 - FAQs<\/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 .contact-card, .contact-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 \/* ===== 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: 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 .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: 600px;\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 .faq-answer p strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .faq-answer p .highlight {\r\n color: var(--badge-color);\r\n font-weight: 600;\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: 700px;\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 .faq-cta .cta-desc .highlight {\r\n color: var(--badge-color);\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 CONTACT CARD\r\n ======================================== *\/\r\n .contact-card {\r\n background: #f8fafc;\r\n border-radius: 16px;\r\n padding: 24px 28px;\r\n margin-top: 24px;\r\n border: 1px solid var(--border);\r\n text-align: left;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .contact-card:hover {\r\n border-color: var(--badge-color);\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .contact-card .contact-label {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--gray-light);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .contact-card .contact-name {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n }\r\n\r\n .contact-card .contact-role {\r\n font-size: 14px;\r\n color: var(--gray);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .contact-card .contact-email {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n color: var(--badge-color);\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .contact-card .contact-email:hover {\r\n color: var(--purple);\r\n }\r\n\r\n .contact-card .contact-email i {\r\n font-size: 14px;\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 .contact-card {\r\n padding: 18px 18px;\r\n }\r\n .contact-card .contact-name {\r\n font-size: 16px;\r\n }\r\n .contact-card .contact-role {\r\n font-size: 13px;\r\n }\r\n .contact-card .contact-email {\r\n font-size: 14px;\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 .contact-card {\r\n padding: 14px 14px;\r\n }\r\n .contact-card .contact-name {\r\n font-size: 15px;\r\n }\r\n .contact-card .contact-role {\r\n font-size: 12px;\r\n }\r\n .contact-card .contact-email {\r\n font-size: 13px;\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\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-shield-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"cta-title\">SPIT Attack<\/h3>\r\n <p class=\"cta-desc\">\r\n Such an attack could compromise <strong>Infinexy's network integrity<\/strong>, \r\n therefore it is expected that the appropriate operational teams will take \r\n whatever steps necessary to guarantee the integrity of the network as they \r\n would in a failure state; once mitigated, it should be treated as any other \r\n attempt to hack or misuse our network with appropriate investigation and \r\n involvement of <span class=\"highlight\">law enforcement<\/span>.\r\n <\/p>\r\n <p class=\"cta-desc\" style=\"margin-top: -12px; font-size: 14px; color: var(--gray-light);\">\r\n Where reports of these are made, they should be directed to the \r\n <strong>Network Operations Centre<\/strong>.\r\n <\/p>\r\n\r\n \r\n <div class=\"contact-card\">\r\n <div class=\"contact-label\">Contacts<\/div>\r\n <div class=\"contact-name\">Compliance Manager<\/div>\r\n <div class=\"contact-role\">Operation and Compliances, Infinexy Technologies Ltd.<\/div>\r\n <a href=\"mailto:compliance@infinexy.net\" class=\"contact-email\">\r\n <i class=\"fas fa-envelope\"><\/i> compliance@infinexy.net\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div style=\"margin-top: 24px;\">\r\n <a href=\"mailto:compliance@infinexy.net\" class=\"cta-btn\">\r\n <span>Contact Compliance Team<\/span>\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n function toggleFAQ(element) {\r\n const item = element.closest('.faq-item');\r\n const isActive = item.classList.contains('active');\r\n\r\n \/\/ Close all other items\r\n document.querySelectorAll('.faq-item').forEach(el => {\r\n el.classList.remove('active');\r\n });\r\n\r\n \/\/ Toggle current item\r\n if (!isActive) {\r\n item.classList.add('active');\r\n }\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Infinexy – Voice Traffic Policy Home Products SIP Voice Traffic Policy This document defines Infinexy’s accepted voice traffic profile, performance parameters for diallers, and our governance for nuisance and malicious calls, for SIP endpoints connected to the Infinexy Network. Infinexy reserves the right to limit or prevent traffic that breaches the guidelines in this policy […]<\/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-1151","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1151","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=1151"}],"version-history":[{"count":97,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1151\/revisions"}],"predecessor-version":[{"id":2142,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/1151\/revisions\/2142"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/media?parent=1151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}