Infinexy - Careers<\/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 .career-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 \/* 1. FLOATING ORBS *\/\r\n .career-banner .orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: orbFloat 8s ease-in-out infinite;\r\n }\r\n\r\n .career-banner .orb-1 {\r\n width: 200px;\r\n height: 200px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);\r\n top: -50px;\r\n right: -50px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .career-banner .orb-2 {\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);\r\n bottom: -100px;\r\n left: -100px;\r\n animation-delay: 3s;\r\n }\r\n\r\n .career-banner .orb-3 {\r\n width: 150px;\r\n height: 150px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);\r\n top: 40%;\r\n left: 60%;\r\n animation-delay: 5s;\r\n }\r\n\r\n @keyframes orbFloat {\r\n 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.6; }\r\n 50% { transform: translate(30px, -40px) scale(1.2); opacity: 1; }\r\n }\r\n\r\n \/* 2. ROTATING RING *\/\r\n .career-banner .ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.08);\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: ringSpin 20s linear infinite;\r\n }\r\n\r\n .career-banner .ring-1 {\r\n width: 400px;\r\n height: 400px;\r\n top: -100px;\r\n right: -100px;\r\n animation-duration: 25s;\r\n }\r\n\r\n .career-banner .ring-2 {\r\n width: 600px;\r\n height: 600px;\r\n bottom: -200px;\r\n left: -200px;\r\n animation-duration: 35s;\r\n animation-direction: reverse;\r\n }\r\n\r\n .career-banner .ring-3 {\r\n width: 250px;\r\n height: 250px;\r\n top: 50%;\r\n left: 70%;\r\n animation-duration: 15s;\r\n border-color: rgba(255,255,255,0.05);\r\n }\r\n\r\n .career-banner .ring::before {\r\n content: '';\r\n position: absolute;\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.2);\r\n top: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n box-shadow: 0 0 30px rgba(255,255,255,0.1);\r\n }\r\n\r\n @keyframes ringSpin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n .career-banner .shooting-star {\r\n position: absolute;\r\n width: 2px;\r\n height: 2px;\r\n background: #fff;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: shootStar 4s linear infinite;\r\n }\r\n\r\n .career-banner .shooting-star::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n right: 0;\r\n width: 60px;\r\n height: 1px;\r\n background: linear-gradient(90deg, rgba(255,255,255,0.3), transparent);\r\n transform: translateY(-50%);\r\n }\r\n\r\n .career-banner .shooting-star:nth-child(1) {\r\n top: 15%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .career-banner .shooting-star:nth-child(2) {\r\n top: 25%;\r\n right: 15%;\r\n animation-delay: 2s;\r\n animation-duration: 5s;\r\n }\r\n\r\n .career-banner .shooting-star:nth-child(3) {\r\n top: 55%;\r\n left: 5%;\r\n animation-delay: 4s;\r\n animation-duration: 3.5s;\r\n }\r\n\r\n .career-banner .shooting-star:nth-child(4) {\r\n top: 70%;\r\n right: 10%;\r\n animation-delay: 1.5s;\r\n animation-duration: 4.5s;\r\n }\r\n\r\n @keyframes shootStar {\r\n 0% { transform: translate(0, 0) scale(1); opacity: 0; }\r\n 10% { opacity: 1; }\r\n 90% { opacity: 1; }\r\n 100% { transform: translate(-200px, 200px) scale(0); opacity: 0; }\r\n }\r\n\r\n \/* 4. FLOATING PARTICLES *\/\r\n .career-banner .particle {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.05);\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: particleFloat 12s ease-in-out infinite;\r\n }\r\n\r\n .career-banner .particle:nth-child(1) {\r\n width: 4px;\r\n height: 4px;\r\n top: 10%;\r\n left: 20%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .career-banner .particle:nth-child(2) {\r\n width: 6px;\r\n height: 6px;\r\n top: 20%;\r\n right: 30%;\r\n animation-delay: 2s;\r\n }\r\n\r\n .career-banner .particle:nth-child(3) {\r\n width: 3px;\r\n height: 3px;\r\n bottom: 15%;\r\n left: 40%;\r\n animation-delay: 4s;\r\n }\r\n\r\n .career-banner .particle:nth-child(4) {\r\n width: 5px;\r\n height: 5px;\r\n bottom: 10%;\r\n right: 25%;\r\n animation-delay: 6s;\r\n }\r\n\r\n .career-banner .particle:nth-child(5) {\r\n width: 4px;\r\n height: 4px;\r\n top: 45%;\r\n left: 55%;\r\n animation-delay: 8s;\r\n }\r\n\r\n .career-banner .particle:nth-child(6) {\r\n width: 3px;\r\n height: 3px;\r\n top: 60%;\r\n right: 40%;\r\n animation-delay: 10s;\r\n }\r\n\r\n @keyframes particleFloat {\r\n 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.03; }\r\n 25% { transform: translate(80px, -60px) scale(2); opacity: 0.08; }\r\n 50% { transform: translate(-40px, 40px) scale(0.5); opacity: 0.01; }\r\n 75% { transform: translate(60px, 80px) scale(1.5); opacity: 0.06; }\r\n }\r\n\r\n \/* 5. PULSE DOTS *\/\r\n .career-banner .pulse-dot {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.04);\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: pulseDot 3s ease-in-out infinite;\r\n }\r\n\r\n .career-banner .pulse-dot:nth-child(1) {\r\n width: 12px;\r\n height: 12px;\r\n top: 8%;\r\n left: 8%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .career-banner .pulse-dot:nth-child(2) {\r\n width: 8px;\r\n height: 8px;\r\n top: 30%;\r\n right: 12%;\r\n animation-delay: 0.8s;\r\n }\r\n\r\n .career-banner .pulse-dot:nth-child(3) {\r\n width: 16px;\r\n height: 16px;\r\n bottom: 20%;\r\n left: 5%;\r\n animation-delay: 1.6s;\r\n }\r\n\r\n .career-banner .pulse-dot:nth-child(4) {\r\n width: 10px;\r\n height: 10px;\r\n bottom: 40%;\r\n right: 8%;\r\n animation-delay: 2.4s;\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { transform: scale(1); opacity: 0.05; }\r\n 50% { transform: scale(2.5); opacity: 0.15; box-shadow: 0 0 40px rgba(255,255,255,0.05); }\r\n }\r\n\r\n \/* 6. TECH SHAPES *\/\r\n .career-banner .tech-shape {\r\n position: absolute;\r\n border: 1.5px solid rgba(255,255,255,0.04);\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: techShapeFloat 15s ease-in-out infinite;\r\n }\r\n\r\n .career-banner .tech-shape:nth-child(1) {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 20px;\r\n top: 20%;\r\n right: 15%;\r\n animation-delay: 0s;\r\n transform: rotate(45deg);\r\n }\r\n\r\n .career-banner .tech-shape:nth-child(2) {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n bottom: 25%;\r\n left: 20%;\r\n animation-delay: 3s;\r\n }\r\n\r\n .career-banner .tech-shape:nth-child(3) {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n top: 55%;\r\n right: 30%;\r\n animation-delay: 6s;\r\n transform: rotate(30deg);\r\n }\r\n\r\n @keyframes techShapeFloat {\r\n 0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.04; }\r\n 33% { transform: translate(50px, -40px) rotate(15deg) scale(1.1); opacity: 0.08; }\r\n 66% { transform: translate(-30px, 30px) rotate(-8deg) scale(0.9); opacity: 0.05; }\r\n }\r\n\r\n \/* 7. GLOW PULSE RING *\/\r\n .career-banner .glow-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%);\r\n animation: glowRingPulse 5s ease-in-out infinite;\r\n }\r\n\r\n .career-banner .glow-ring:nth-child(1) {\r\n width: 350px;\r\n height: 350px;\r\n top: 10%;\r\n right: 5%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .career-banner .glow-ring:nth-child(2) {\r\n width: 450px;\r\n height: 450px;\r\n bottom: 5%;\r\n left: 5%;\r\n animation-delay: 2.5s;\r\n }\r\n\r\n @keyframes glowRingPulse {\r\n 0%, 100% { transform: scale(0.8); opacity: 0.3; }\r\n 50% { transform: scale(1.2); opacity: 0.8; }\r\n }\r\n\r\n \/* 8. GRID OVERLAY *\/\r\n .career-banner .grid-overlay {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n pointer-events: none;\r\n opacity: 0.03;\r\n background-image: \r\n linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n animation: gridMove 30s linear infinite;\r\n }\r\n\r\n @keyframes gridMove {\r\n 0% { transform: translate(0, 0); }\r\n 100% { transform: translate(50px, 50px); }\r\n }\r\n\r\n \/* ========================================\r\n BANNER INNER - FLEX LAYOUT WITH IMAGE\r\n ======================================== *\/\r\n .career-banner .banner-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n width: 100%;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n \/* Left content (text) *\/\r\n .career-banner .banner-content {\r\n flex: 1 1 55%;\r\n max-width: 680px;\r\n animation: fadeInUp 0.7s ease 0.1s forwards;\r\n opacity: 0;\r\n }\r\n\r\n \/* Right image container *\/\r\n .career-banner .banner-image {\r\n flex: 1 1 35%;\r\n max-width: 450px;\r\n margin-left: 30px;\r\n animation: fadeInUp 0.7s ease 0.2s forwards;\r\n opacity: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .career-banner .banner-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: cover;\r\n border-radius: 20px;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n }\r\n\r\n .career-banner .banner-image img:hover {\r\n transform: scale(1.02);\r\n box-shadow: 0 35px 60px -15px rgba(0, 0, 0, 0.35);\r\n }\r\n\r\n \/* ===== BREADCRUMB ===== *\/\r\n .career-banner .breadcrumb {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 13px;\r\n color: rgba(255,255,255,0.5);\r\n margin-bottom: 24px;\r\n animation: fadeInUp 0.7s ease forwards;\r\n opacity: 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .career-banner .breadcrumb a {\r\n color: rgba(255,255,255,0.6);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n font-weight: 400;\r\n }\r\n\r\n .career-banner .breadcrumb a:hover {\r\n color: rgba(255,255,255,0.9);\r\n }\r\n\r\n .career-banner .breadcrumb .separator {\r\n color: rgba(255,255,255,0.2);\r\n font-size: 10px;\r\n }\r\n\r\n .career-banner .breadcrumb .current {\r\n color: rgba(255,255,255,0.9);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== CONTENT ===== *\/\r\n .career-banner .heading {\r\n font-size: clamp(36px, 5vw, 56px);\r\n font-weight: 900;\r\n line-height: 1.08;\r\n color: #ffffff;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .career-banner .heading .highlight {\r\n background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.6));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .career-banner .description {\r\n font-size: clamp(16px, 1.1vw, 19px);\r\n line-height: 1.8;\r\n color: rgba(255,255,255,0.7);\r\n max-width: 600px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .career-banner .stats {\r\n display: flex;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n animation: fadeInUp 0.7s ease 0.2s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .career-banner .stats .stat-item {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .career-banner .stats .stat-item .number {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: #ffffff;\r\n line-height: 1.2;\r\n }\r\n\r\n .career-banner .stats .stat-item .number .highlight {\r\n background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.6));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .career-banner .stats .stat-item .label {\r\n font-size: 13px;\r\n color: rgba(255,255,255,0.5);\r\n font-weight: 400;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE - ALL SCREENS\r\n ======================================== *\/\r\n\r\n @media (min-width: 1400px) {\r\n .career-banner { padding: 120px 0 100px; min-height: 70vh; }\r\n .career-banner .heading { font-size: 62px; }\r\n .career-banner .ring-1 { width: 500px; height: 500px; }\r\n .career-banner .ring-2 { width: 700px; height: 700px; }\r\n }\r\n\r\n @media (max-width: 1399px) and (min-width: 1200px) {\r\n .career-banner { padding: 100px 0 80px; min-height: 65vh; }\r\n .career-banner .heading { font-size: 52px; }\r\n }\r\n\r\n @media (max-width: 1199px) {\r\n .career-banner { min-height: 55vh; padding: 80px 0 60px; }\r\n .career-banner .heading { font-size: clamp(36px, 4.5vw, 46px); }\r\n .career-banner .ring-2 { display: none; }\r\n .career-banner .glow-ring { display: none; }\r\n .career-banner .banner-image { flex: 1 1 40%; max-width: 400px; }\r\n .career-banner .banner-content { flex: 1 1 55%; }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .career-banner { min-height: auto; padding: 70px 0 50px; }\r\n .career-banner .banner-inner { flex-direction: column; text-align: center; }\r\n .career-banner .banner-content { max-width: 100%; flex: 1 1 100%; }\r\n .career-banner .banner-image { \r\n flex: 1 1 100%; \r\n max-width: 100%; \r\n margin-left: 0; \r\n margin-top: 40px;\r\n }\r\n .career-banner .banner-image img { max-width: 400px; margin: 0 auto; }\r\n .career-banner .description { max-width: 100%; margin-left: auto; margin-right: auto; }\r\n .career-banner .stats { justify-content: center; }\r\n .career-banner .breadcrumb { justify-content: center; }\r\n .career-banner .orb-2 { display: none; }\r\n .career-banner .ring-1 { display: none; }\r\n .career-banner .ring-3 { display: none; }\r\n .career-banner .shooting-star { display: none; }\r\n .career-banner .tech-shape { display: none; }\r\n .career-banner .grid-overlay { display: none; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .career-banner { padding: 50px 0 40px; }\r\n .career-banner .banner-inner { padding: 0 20px; }\r\n .career-banner .heading { font-size: clamp(30px, 6vw, 36px); }\r\n .career-banner .description { font-size: 15px; line-height: 1.7; }\r\n .career-banner .stats { gap: 24px; flex-direction: row; flex-wrap: wrap; justify-content: center; }\r\n .career-banner .stats .stat-item .number { font-size: 24px; }\r\n .career-banner .stats .stat-item .label { font-size: 12px; }\r\n .career-banner .breadcrumb { font-size: 12px; }\r\n .career-banner .orb-1 { width: 120px; height: 120px; }\r\n .career-banner .orb-3 { display: none; }\r\n .career-banner .particle { display: none; }\r\n .career-banner .pulse-dot { display: none; }\r\n .career-banner .banner-image img { max-width: 320px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .career-banner { padding: 40px 0 30px; }\r\n .career-banner .banner-inner { padding: 0 16px; }\r\n .career-banner .heading { font-size: 26px; }\r\n .career-banner .description { font-size: 14px; }\r\n .career-banner .stats { gap: 16px; flex-direction: row; flex-wrap: wrap; justify-content: center; }\r\n .career-banner .stats .stat-item { text-align: center; min-width: 80px; }\r\n .career-banner .stats .stat-item .number { font-size: 22px; }\r\n .career-banner .stats .stat-item .label { font-size: 11px; }\r\n .career-banner .breadcrumb { font-size: 11px; flex-wrap: wrap; }\r\n .career-banner .orb-1 { width: 80px; height: 80px; top: -30px; right: -30px; }\r\n .career-banner .banner-image img { max-width: 260px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .career-banner { padding: 30px 0 24px; }\r\n .career-banner .heading { font-size: 22px; }\r\n .career-banner .description { font-size: 13px; }\r\n .career-banner .stats .stat-item .number { font-size: 18px; }\r\n .career-banner .stats .stat-item .label { font-size: 10px; }\r\n .career-banner .breadcrumb { font-size: 10px; }\r\n .career-banner .stats { gap: 10px; }\r\n .career-banner .banner-image img { max-width: 220px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"career-banner\">\r\n\r\n \r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n <div class=\"orb orb-3\"><\/div>\r\n <div class=\"ring ring-1\"><\/div>\r\n <div class=\"ring ring-2\"><\/div>\r\n <div class=\"ring ring-3\"><\/div>\r\n <div class=\"shooting-star\"><\/div>\r\n <div class=\"shooting-star\"><\/div>\r\n <div class=\"shooting-star\"><\/div>\r\n <div class=\"shooting-star\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"pulse-dot\"><\/div>\r\n <div class=\"pulse-dot\"><\/div>\r\n <div class=\"pulse-dot\"><\/div>\r\n <div class=\"pulse-dot\"><\/div>\r\n <div class=\"tech-shape\"><\/div>\r\n <div class=\"tech-shape\"><\/div>\r\n <div class=\"tech-shape\"><\/div>\r\n <div class=\"glow-ring\"><\/div>\r\n <div class=\"glow-ring\"><\/div>\r\n <div class=\"grid-overlay\"><\/div>\r\n\r\n <div class=\"banner-inner\">\r\n\r\n \r\n <div class=\"banner-content\">\r\n\r\n \r\n <nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\r\n <a href=\"#\">Home<\/a>\r\n <span class=\"separator\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n <span class=\"current\">Careers<\/span>\r\n <\/nav>\r\n\r\n <h1 class=\"heading\">\r\n Careers <span class=\"highlight\">at Infinexy<\/span>\r\n <\/h1>\r\n\r\n <p class=\"description\">\r\n At Infinexy Technologies, we believe in building a workplace where talent thrives, innovation flourishes, and careers grow. Join our global team of passionate professionals dedicated to transforming the telecommunications industry through cutting-edge technology, collaboration, and a shared commitment to excellence. Whether you're an engineer, a sales professional, or a strategist, Infinexy offers a dynamic environment where your work makes a real impact \u2014 across borders, industries, and the future of communication.\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\">Years of Excellence<\/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 Served<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"number\"><span class=\"highlight\">500+<\/span><\/span>\r\n <span class=\"label\">Global Employees<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"banner-image\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/08\/CARRER.png\" \r\n alt=\"Careers at Infinexy\"\r\n loading=\"lazy\"\r\n \/>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d5692c e-con-full e-flex e-con e-parent\" data-id=\"9d5692c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-713c833 elementor-widget elementor-widget-html\" data-id=\"713c833\" 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 - Company Culture<\/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 COMPANY CULTURE SECTION\r\n ======================================== *\/\r\n .culture {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .culture::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 .culture-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 .section-header {\r\n text-align: center;\r\n max-width: 680px;\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-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 CULTURE CONTENT\r\n ======================================== *\/\r\n .culture-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n \/* ===== LEFT: TEXT ===== *\/\r\n .culture-text {\r\n max-width: 600px;\r\n }\r\n\r\n .culture-text .description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--gray);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .culture-text .description strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== CULTURE VALUES ===== *\/\r\n .culture-values {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px 20px;\r\n margin-top: 20px;\r\n }\r\n\r\n .culture-values .value-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n color: var(--gray);\r\n padding: 6px 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .culture-values .value-item:hover {\r\n color: var(--dark);\r\n transform: translateX(4px);\r\n }\r\n\r\n .culture-values .value-item i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n width: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== RIGHT: VISUAL ===== *\/\r\n .culture-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .culture-visual-wrapper {\r\n position: relative;\r\n width: 100%;\r\n max-width: 520px;\r\n }\r\n\r\n .culture-image {\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\r\n position: relative;\r\n background: #f8fafc;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .culture-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 20px;\r\n }\r\n\r\n .culture-image-overlay {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.05), rgba(134, 74, 186, 0.03));\r\n pointer-events: none;\r\n }\r\n\r\n \/* ===== FLOATING CARDS ===== *\/\r\n .culture-float-card {\r\n position: absolute;\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 14px 18px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n animation: floatCard 6s ease-in-out infinite;\r\n z-index: 2;\r\n }\r\n\r\n .culture-float-card .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n }\r\n\r\n .culture-float-card .card-icon.purple {\r\n background: linear-gradient(135deg, var(--purple), #a855f7);\r\n }\r\n .culture-float-card .card-icon.blue {\r\n background: linear-gradient(135deg, var(--blue), #38bdf8);\r\n }\r\n .culture-float-card .card-icon.green {\r\n background: linear-gradient(135deg, var(--green), #a3e635);\r\n }\r\n\r\n .culture-float-card .card-text {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .culture-float-card .card-text small {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 11px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .culture-float-card.card-1 {\r\n top: -15px;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .culture-float-card.card-2 {\r\n bottom: 20px;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .culture-float-card.card-3 {\r\n bottom: -15px;\r\n right: -10px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n \/* ===== ANIMATED RING ===== *\/\r\n .culture-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1.5px solid rgba(77, 125, 209, 0.06);\r\n pointer-events: none;\r\n z-index: 0;\r\n width: 120%;\r\n height: 120%;\r\n top: -10%;\r\n left: -10%;\r\n animation: spin 30s linear infinite;\r\n }\r\n\r\n .culture-ring::before {\r\n content: '';\r\n position: absolute;\r\n top: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--badge-color);\r\n box-shadow: 0 0 20px rgba(77, 125, 209, 0.2);\r\n }\r\n\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n \/* ========================================\r\n ANIMATIONS\r\n ======================================== *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .culture { padding: 60px 0; }\r\n .culture-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .culture-text { max-width: 100%; margin: 0 auto; }\r\n .culture-values { justify-content: center; max-width: 400px; margin: 20px auto 0; }\r\n .culture-values .value-item { justify-content: center; }\r\n .culture-visual-wrapper { max-width: 420px; margin: 0 auto; }\r\n .culture-float-card.card-1 { top: -10px; right: 0px; }\r\n .culture-float-card.card-2 { bottom: 10px; left: -10px; }\r\n .culture-float-card.card-3 { bottom: -10px; right: 0px; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .culture { padding: 50px 0; }\r\n .culture-inner { padding: 0 20px; }\r\n .section-title { font-size: clamp(28px, 6vw, 32px); }\r\n .culture-text .description { font-size: 15px; }\r\n .culture-values { grid-template-columns: 1fr 1fr; gap: 8px 16px; max-width: 100%; }\r\n .culture-values .value-item { font-size: 13px; padding: 4px 0; }\r\n .culture-visual-wrapper { max-width: 360px; }\r\n .culture-float-card {\r\n padding: 10px 14px;\r\n gap: 10px;\r\n }\r\n .culture-float-card .card-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n .culture-float-card .card-text { font-size: 12px; }\r\n .culture-float-card .card-text small { font-size: 10px; }\r\n .culture-float-card.card-1 { top: -5px; right: -5px; }\r\n .culture-float-card.card-2 { bottom: 5px; left: -15px; }\r\n .culture-float-card.card-3 { display: none; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .culture { padding: 40px 0; }\r\n .culture-inner { padding: 0 16px; }\r\n .section-title { font-size: 24px; }\r\n .section-badge { font-size: 10px; }\r\n .section-subtitle { font-size: 14px; }\r\n .culture-text .description { font-size: 14px; }\r\n .culture-values { grid-template-columns: 1fr; gap: 6px; }\r\n .culture-values .value-item { font-size: 13px; justify-content: flex-start; }\r\n .culture-visual-wrapper { max-width: 280px; }\r\n .culture-float-card.card-1 {\r\n top: -5px;\r\n right: -10px;\r\n padding: 8px 12px;\r\n }\r\n .culture-float-card.card-2 {\r\n bottom: 0;\r\n left: -10px;\r\n padding: 8px 12px;\r\n }\r\n .culture-float-card .card-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .culture-float-card .card-text { font-size: 10px; }\r\n .culture-float-card .card-text small { font-size: 9px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .culture-visual-wrapper { max-width: 240px; }\r\n .culture-float-card.card-1,\r\n .culture-float-card.card-2 {\r\n padding: 6px 10px;\r\n gap: 6px;\r\n }\r\n .culture-float-card .card-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n border-radius: 8px;\r\n }\r\n .culture-float-card .card-text { font-size: 9px; }\r\n .culture-float-card .card-text small { font-size: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"culture\">\r\n <div class=\"culture-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 Company Culture\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Our <span class=\"highlight\">Culture<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n We believe that a great workplace is built on trust, collaboration, and a shared passion for innovation.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"culture-grid\">\r\n\r\n \r\n <div class=\"culture-text\">\r\n\r\n <p class=\"description\">\r\n <strong>At Infinexy Technologies,<\/strong> our culture is defined by our people \u2014 curious, driven, and collaborative. We foster an environment where every voice is heard, ideas are valued, and innovation thrives. We believe in empowering our teams to take ownership, think creatively, and push the boundaries of what's possible.\r\n <\/p>\r\n\r\n <p class=\"description\" style=\"margin-bottom:0;\">\r\n Our culture is built on <strong>mutual respect, continuous learning, and a shared commitment<\/strong> to delivering excellence. Whether you're working from our offices or remotely, you'll find a supportive community that celebrates diversity, encourages growth, and champions work-life balance.\r\n <\/p>\r\n\r\n \r\n <div class=\"culture-values\">\r\n <div class=\"value-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Innovation & Creativity\r\n <\/div>\r\n <div class=\"value-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Collaboration & Teamwork\r\n <\/div>\r\n <div class=\"value-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Integrity & Transparency\r\n <\/div>\r\n <div class=\"value-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Customer-Centricity\r\n <\/div>\r\n <div class=\"value-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Continuous Learning\r\n <\/div>\r\n <div class=\"value-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Diversity & Inclusion\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"culture-visual\">\r\n <div class=\"culture-visual-wrapper\">\r\n\r\n <div class=\"culture-ring\"><\/div>\r\n\r\n <div class=\"culture-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/photo-1521737711867-e3b97375f902.jpg\"\r\n alt=\"Infinexy Company Culture\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"culture-image-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"culture-float-card card-1\">\r\n <div class=\"card-icon purple\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Collaboration\r\n <small>Stronger together<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"culture-float-card card-2\">\r\n <div class=\"card-icon blue\">\r\n <i class=\"fas fa-lightbulb\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Innovation\r\n <small>Think different<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"culture-float-card card-3\">\r\n <div class=\"card-icon green\">\r\n <i class=\"fas fa-heart\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n People First\r\n <small>Empowered teams<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a06f47a e-con-full e-flex e-con e-parent\" data-id=\"a06f47a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60f4cac elementor-widget elementor-widget-html\" data-id=\"60f4cac\" 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 - Current Openings<\/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 CURRENT OPENINGS SECTION\r\n ======================================== *\/\r\n .openings {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .openings::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 .openings-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 .section-header {\r\n text-align: center;\r\n max-width: 680px;\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 }\r\n\r\n \/* ========================================\r\n OPENINGS CONTENT\r\n ======================================== *\/\r\n .openings-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n \/* ===== LEFT: VISUAL ===== *\/\r\n .openings-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .openings-visual-wrapper {\r\n position: relative;\r\n width: 100%;\r\n max-width: 520px;\r\n }\r\n\r\n .openings-image {\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\r\n position: relative;\r\n background: #f8fafc;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .openings-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 20px;\r\n }\r\n\r\n .openings-image-overlay {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.05), rgba(134, 74, 186, 0.03));\r\n pointer-events: none;\r\n }\r\n\r\n \/* ===== FLOATING CARDS ===== *\/\r\n .openings-float-card {\r\n position: absolute;\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 14px 18px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n animation: floatCard 6s ease-in-out infinite;\r\n z-index: 2;\r\n }\r\n\r\n .openings-float-card .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n }\r\n\r\n .openings-float-card .card-icon.purple {\r\n background: linear-gradient(135deg, var(--purple), #a855f7);\r\n }\r\n .openings-float-card .card-icon.blue {\r\n background: linear-gradient(135deg, var(--blue), #38bdf8);\r\n }\r\n .openings-float-card .card-icon.green {\r\n background: linear-gradient(135deg, var(--green), #a3e635);\r\n }\r\n\r\n .openings-float-card .card-text {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .openings-float-card .card-text small {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 11px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .openings-float-card.card-1 {\r\n top: -15px;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .openings-float-card.card-2 {\r\n bottom: 20px;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .openings-float-card.card-3 {\r\n bottom: -15px;\r\n right: -10px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n \/* ===== ANIMATED RING - OFF ===== *\/\r\n .openings-ring {\r\n display: none;\r\n }\r\n\r\n \/* ===== RIGHT: TEXT ===== *\/\r\n .openings-text {\r\n max-width: 600px;\r\n }\r\n\r\n .openings-text .description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--gray);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .openings-text .description strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== OPENINGS LIST ===== *\/\r\n .openings-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-top: 20px;\r\n }\r\n\r\n .openings-list .job-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 14px 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 cursor: pointer;\r\n }\r\n\r\n .openings-list .job-item:hover {\r\n border-color: var(--badge-color);\r\n background: #ffffff;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);\r\n transform: translateX(4px);\r\n }\r\n\r\n .openings-list .job-item .job-info {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .openings-list .job-item .job-title {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .openings-list .job-item .job-location {\r\n font-size: 12px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .openings-list .job-item .job-tag {\r\n font-size: 11px;\r\n font-weight: 600;\r\n padding: 4px 14px;\r\n border-radius: 100px;\r\n background: var(--badge-color);\r\n color: #ffffff;\r\n }\r\n\r\n .openings-list .job-item .job-arrow {\r\n color: var(--gray-light);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .openings-list .job-item:hover .job-arrow {\r\n color: var(--badge-color);\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ========================================\r\n ANIMATIONS\r\n ======================================== *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .openings { padding: 60px 0; }\r\n .openings-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .openings-text { max-width: 100%; margin: 0 auto; }\r\n .openings-list .job-item { justify-content: center; flex-wrap: wrap; gap: 8px; }\r\n .openings-visual-wrapper { max-width: 420px; margin: 0 auto; }\r\n .openings-float-card.card-1 { top: -10px; right: 0px; }\r\n .openings-float-card.card-2 { bottom: 10px; left: -10px; }\r\n .openings-float-card.card-3 { bottom: -10px; right: 0px; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .openings { padding: 50px 0; }\r\n .openings-inner { padding: 0 20px; }\r\n .section-title { font-size: clamp(28px, 6vw, 32px); }\r\n .openings-text .description { font-size: 15px; }\r\n .openings-list .job-item { padding: 12px 14px; flex-direction: column; align-items: center; text-align: center; }\r\n .openings-list .job-item .job-title { font-size: 14px; }\r\n .openings-visual-wrapper { max-width: 360px; }\r\n .openings-float-card {\r\n padding: 10px 14px;\r\n gap: 10px;\r\n }\r\n .openings-float-card .card-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n .openings-float-card .card-text { font-size: 12px; }\r\n .openings-float-card .card-text small { font-size: 10px; }\r\n .openings-float-card.card-1 { top: -5px; right: -5px; }\r\n .openings-float-card.card-2 { bottom: 5px; left: -15px; }\r\n .openings-float-card.card-3 { display: none; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .openings { padding: 40px 0; }\r\n .openings-inner { padding: 0 16px; }\r\n .section-title { font-size: 24px; }\r\n .section-badge { font-size: 10px; }\r\n .section-subtitle { font-size: 14px; }\r\n .openings-text .description { font-size: 14px; }\r\n .openings-list .job-item { padding: 10px 12px; }\r\n .openings-list .job-item .job-title { font-size: 13px; }\r\n .openings-list .job-item .job-location { font-size: 11px; }\r\n .openings-list .job-item .job-tag { font-size: 10px; padding: 3px 10px; }\r\n .openings-visual-wrapper { max-width: 280px; }\r\n .openings-float-card.card-1 {\r\n top: -5px;\r\n right: -10px;\r\n padding: 8px 12px;\r\n }\r\n .openings-float-card.card-2 {\r\n bottom: 0;\r\n left: -10px;\r\n padding: 8px 12px;\r\n }\r\n .openings-float-card .card-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .openings-float-card .card-text { font-size: 10px; }\r\n .openings-float-card .card-text small { font-size: 9px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .openings-visual-wrapper { max-width: 240px; }\r\n .openings-float-card.card-1,\r\n .openings-float-card.card-2 {\r\n padding: 6px 10px;\r\n gap: 6px;\r\n }\r\n .openings-float-card .card-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n border-radius: 8px;\r\n }\r\n .openings-float-card .card-text { font-size: 9px; }\r\n .openings-float-card .card-text small { font-size: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"openings\">\r\n <div class=\"openings-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 Current Openings\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Join Our <span class=\"highlight\">Team<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Explore exciting career opportunities at Infinexy Technologies. \r\n Let's build the future of telecom together.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"openings-grid\">\r\n\r\n \r\n <div class=\"openings-visual\">\r\n <div class=\"openings-visual-wrapper\">\r\n\r\n \r\n <div class=\"openings-ring\"><\/div>\r\n\r\n <div class=\"openings-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/img126976-e1784898290213.webp\"\r\n alt=\"Current Openings - Infinexy Careers\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"openings-image-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"openings-float-card card-1\">\r\n <div class=\"card-icon purple\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Grow with Us\r\n <small>Career progression<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"openings-float-card card-2\">\r\n <div class=\"card-icon blue\">\r\n <i class=\"fas fa-globe-americas\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Global Impact\r\n <small>Work across borders<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"openings-float-card card-3\">\r\n <div class=\"card-icon green\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Great Team\r\n <small>Collaborative culture<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"openings-text\">\r\n\r\n <p class=\"description\">\r\n <strong>Join our dynamic team<\/strong> and be part of a company that values innovation, \r\n collaboration, and professional growth. We offer competitive compensation, \r\n flexible work arrangements, and opportunities to work on cutting-edge technologies \r\n that connect the world.\r\n <\/p>\r\n\r\n <p class=\"description\" style=\"margin-bottom:0;\">\r\n Below are our current open positions. If you don't see a role that fits, \r\n feel free to <strong>send your CV<\/strong> \u2014 we're always looking for talented people.\r\n <\/p>\r\n\r\n \r\n <div class=\"openings-list\">\r\n\r\n <div class=\"job-item\">\r\n <div class=\"job-info\">\r\n <span class=\"job-title\">Senior Network Engineer<\/span>\r\n <span class=\"job-location\">London, UK (Hybrid)<\/span>\r\n <\/div>\r\n <span class=\"job-tag\">Full-time<\/span>\r\n <i class=\"fas fa-arrow-right job-arrow\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"job-item\">\r\n <div class=\"job-info\">\r\n <span class=\"job-title\">Sales Director - Telecom<\/span>\r\n <span class=\"job-location\">Remote (UK \/ Europe)<\/span>\r\n <\/div>\r\n <span class=\"job-tag\">Full-time<\/span>\r\n <i class=\"fas fa-arrow-right job-arrow\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"job-item\">\r\n <div class=\"job-info\">\r\n <span class=\"job-title\">Software Engineer (VoIP\/SIP)<\/span>\r\n <span class=\"job-location\">Bangalore, India<\/span>\r\n <\/div>\r\n <span class=\"job-tag\">Full-time<\/span>\r\n <i class=\"fas fa-arrow-right job-arrow\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"job-item\">\r\n <div class=\"job-info\">\r\n <span class=\"job-title\">Customer Success Manager<\/span>\r\n <span class=\"job-location\">Remote (Global)<\/span>\r\n <\/div>\r\n <span class=\"job-tag\">Full-time<\/span>\r\n <i class=\"fas fa-arrow-right job-arrow\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"job-item\">\r\n <div class=\"job-info\">\r\n <span class=\"job-title\">Internship - Telecom Engineering<\/span>\r\n <span class=\"job-location\">London, UK<\/span>\r\n <\/div>\r\n <span class=\"job-tag\">Internship<\/span>\r\n <i class=\"fas fa-arrow-right job-arrow\"><\/i>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02b8fb1 e-con-full e-flex e-con e-parent\" data-id=\"02b8fb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c753dcc elementor-widget elementor-widget-html\" data-id=\"c753dcc\" 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 - Employee Benefits<\/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: #F8F9FB;\r\n overflow-x: hidden;\r\n }\r\n\r\n :root {\r\n --purple: #8E24AA;\r\n --blue: #009FE3;\r\n --green: #8BC34A;\r\n --orange: #FB8C00;\r\n --yellow: #FFC107;\r\n --dark: #0a1a2f;\r\n --gray: #475569;\r\n --gray-light: #94a3b8;\r\n --white: #ffffff;\r\n --badge-color: #4D7DD1;\r\n --border: #e5e7eb;\r\n }\r\n\r\n .benefits {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .benefits::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse at 20% 80%, rgba(142, 36, 170, 0.03) 0%, transparent 50%),\r\n radial-gradient(ellipse at 80% 20%, rgba(0, 159, 227, 0.03) 0%, transparent 50%);\r\n z-index: 0;\r\n }\r\n\r\n .benefits-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 text-align: center;\r\n max-width: 680px;\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 }\r\n\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .benefits-text {\r\n max-width: 600px;\r\n }\r\n\r\n .benefits-text .description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--gray);\r\n margin-bottom: 16px;\r\n }\r\n\r\n .benefits-text .description strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .benefits-list {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px 20px;\r\n margin-top: 16px;\r\n }\r\n\r\n .benefits-list .benefit-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n color: var(--gray);\r\n padding: 4px 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .benefits-list .benefit-item:hover {\r\n color: var(--dark);\r\n transform: translateX(4px);\r\n }\r\n\r\n .benefits-list .benefit-item i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n width: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .benefits-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .benefits-visual-wrapper {\r\n position: relative;\r\n width: 100%;\r\n max-width: 520px;\r\n }\r\n\r\n .benefits-image {\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\r\n position: relative;\r\n background: #f8fafc;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .benefits-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 20px;\r\n }\r\n\r\n .benefits-image-overlay {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.05), rgba(134, 74, 186, 0.03));\r\n pointer-events: none;\r\n }\r\n\r\n .benefits-float-card {\r\n position: absolute;\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 14px 18px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n animation: floatCard 6s ease-in-out infinite;\r\n z-index: 2;\r\n }\r\n\r\n .benefits-float-card .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n }\r\n\r\n .benefits-float-card .card-icon.purple {\r\n background: linear-gradient(135deg, var(--purple), #a855f7);\r\n }\r\n .benefits-float-card .card-icon.blue {\r\n background: linear-gradient(135deg, var(--blue), #38bdf8);\r\n }\r\n .benefits-float-card .card-icon.green {\r\n background: linear-gradient(135deg, var(--green), #a3e635);\r\n }\r\n\r\n .benefits-float-card .card-text {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .benefits-float-card .card-text small {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 11px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .benefits-float-card.card-1 {\r\n top: -15px;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .benefits-float-card.card-2 {\r\n bottom: 20px;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .benefits-float-card.card-3 {\r\n bottom: -15px;\r\n right: -10px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n .benefits-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1.5px solid rgba(77, 125, 209, 0.06);\r\n pointer-events: none;\r\n z-index: 0;\r\n width: 120%;\r\n height: 120%;\r\n top: -10%;\r\n left: -10%;\r\n animation: spin 30s linear infinite;\r\n }\r\n\r\n .benefits-ring::before {\r\n content: '';\r\n position: absolute;\r\n top: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--badge-color);\r\n box-shadow: 0 0 20px rgba(77, 125, 209, 0.2);\r\n }\r\n\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .benefits { padding: 60px 0; }\r\n .benefits-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .benefits-text { max-width: 100%; margin: 0 auto; }\r\n .benefits-list { justify-content: center; max-width: 400px; margin: 16px auto 0; }\r\n .benefits-list .benefit-item { justify-content: center; }\r\n .benefits-visual-wrapper { max-width: 420px; margin: 0 auto; }\r\n .benefits-float-card.card-1 { top: -10px; right: 0px; }\r\n .benefits-float-card.card-2 { bottom: 10px; left: -10px; }\r\n .benefits-float-card.card-3 { bottom: -10px; right: 0px; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .benefits { padding: 50px 0; }\r\n .benefits-inner { padding: 0 20px; }\r\n .section-title { font-size: clamp(28px, 6vw, 32px); }\r\n .benefits-text .description { font-size: 15px; }\r\n .benefits-list { grid-template-columns: 1fr 1fr; gap: 8px 16px; max-width: 100%; }\r\n .benefits-list .benefit-item { font-size: 13px; padding: 4px 0; }\r\n .benefits-visual-wrapper { max-width: 360px; }\r\n .benefits-float-card {\r\n padding: 10px 14px;\r\n gap: 10px;\r\n }\r\n .benefits-float-card .card-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n .benefits-float-card .card-text { font-size: 12px; }\r\n .benefits-float-card .card-text small { font-size: 10px; }\r\n .benefits-float-card.card-1 { top: -5px; right: -5px; }\r\n .benefits-float-card.card-2 { bottom: 5px; left: -15px; }\r\n .benefits-float-card.card-3 { display: none; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .benefits { padding: 40px 0; }\r\n .benefits-inner { padding: 0 16px; }\r\n .section-title { font-size: 24px; }\r\n .section-badge { font-size: 10px; }\r\n .section-subtitle { font-size: 14px; }\r\n .benefits-text .description { font-size: 14px; }\r\n .benefits-list { grid-template-columns: 1fr; gap: 6px; }\r\n .benefits-list .benefit-item { font-size: 13px; justify-content: flex-start; }\r\n .benefits-visual-wrapper { max-width: 280px; }\r\n .benefits-float-card.card-1 {\r\n top: -5px;\r\n right: -10px;\r\n padding: 8px 12px;\r\n }\r\n .benefits-float-card.card-2 {\r\n bottom: 0;\r\n left: -10px;\r\n padding: 8px 12px;\r\n }\r\n .benefits-float-card .card-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .benefits-float-card .card-text { font-size: 10px; }\r\n .benefits-float-card .card-text small { font-size: 9px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .benefits-visual-wrapper { max-width: 240px; }\r\n .benefits-float-card.card-1,\r\n .benefits-float-card.card-2 {\r\n padding: 6px 10px;\r\n gap: 6px;\r\n }\r\n .benefits-float-card .card-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n border-radius: 8px;\r\n }\r\n .benefits-float-card .card-text { font-size: 9px; }\r\n .benefits-float-card .card-text small { font-size: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"benefits\">\r\n <div class=\"benefits-inner\">\r\n\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">\r\n <span class=\"dot\"><\/span>\r\n Employee Benefits\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Benefits That <span class=\"highlight\">Empower You<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n We believe in taking care of our people \u2014 because when you thrive, we all thrive. \r\n Here's what you can expect when you join Infinexy.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"benefits-grid\">\r\n\r\n <div class=\"benefits-text\">\r\n\r\n <p class=\"description\">\r\n <strong>At Infinexy Technologies,<\/strong> we know that our success starts with our people. That's why we offer a comprehensive benefits package designed to support your well-being, growth, and work-life balance. From competitive compensation to flexible work arrangements, we invest in what matters most to you.\r\n <\/p>\r\n\r\n <p class=\"description\" style=\"margin-bottom:0;\">\r\n We believe in creating an environment where you can do your best work \u2014 whether that's through continuous learning, health and wellness programs, or simply having the flexibility to balance your professional and personal life. <strong>Your growth is our growth.<\/strong>\r\n <\/p>\r\n\r\n <div class=\"benefits-list\">\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Competitive Salary & Bonuses\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Flexible Working Hours\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Remote & Hybrid Options\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Health & Wellness Programs\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Professional Development\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Paid Time Off & Holidays\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Global Team Collaboration\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Innovation & Learning Culture\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"benefits-visual\">\r\n <div class=\"benefits-visual-wrapper\">\r\n\r\n <div class=\"benefits-ring\"><\/div>\r\n\r\n <div class=\"benefits-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/img96622326.webp\"\r\n alt=\"Employee Benefits - Infinexy Careers\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"benefits-image-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"benefits-float-card card-1\">\r\n <div class=\"card-icon purple\">\r\n <i class=\"fas fa-heart\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Health & Wellness\r\n <small>You matter<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefits-float-card card-2\">\r\n <div class=\"card-icon blue\">\r\n <i class=\"fas fa-laptop-house\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Work from Anywhere\r\n <small>Flexible culture<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefits-float-card card-3\">\r\n <div class=\"card-icon green\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Grow & Thrive\r\n <small>Learn every day<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d23afdf e-con-full e-flex e-con e-parent\" data-id=\"d23afdf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-144cbce elementor-widget elementor-widget-html\" data-id=\"144cbce\" 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 - Internship Program<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\"\/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif !important;\r\n background: #f8fafc;\r\n overflow-x: hidden;\r\n }\r\n\r\n :root {\r\n --purple: #8E24AA;\r\n --blue: #009FE3;\r\n --green: #8BC34A;\r\n --orange: #FB8C00;\r\n --yellow: #FFC107;\r\n --dark: #0a1a2f;\r\n --gray: #475569;\r\n --gray-light: #94a3b8;\r\n --white: #ffffff;\r\n --badge-color: #4D7DD1;\r\n --border: #e5e7eb;\r\n }\r\n\r\n .internship {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .internship::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse at 20% 80%, rgba(142, 36, 170, 0.03) 0%, transparent 50%),\r\n radial-gradient(ellipse at 80% 20%, rgba(0, 159, 227, 0.03) 0%, transparent 50%);\r\n z-index: 0;\r\n }\r\n\r\n .internship-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 text-align: center;\r\n max-width: 680px;\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 }\r\n\r\n .internship-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .internship-grid > .internship-visual {\r\n order: 1;\r\n }\r\n .internship-grid > .internship-text {\r\n order: 2;\r\n }\r\n\r\n .internship-text {\r\n max-width: 600px;\r\n }\r\n\r\n .internship-text .description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--gray);\r\n margin-bottom: 16px;\r\n }\r\n\r\n .internship-text .description strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .internship-list {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px 20px;\r\n margin-top: 16px;\r\n }\r\n\r\n .internship-list .internship-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n color: var(--gray);\r\n padding: 4px 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .internship-list .internship-item:hover {\r\n color: var(--dark);\r\n transform: translateX(4px);\r\n }\r\n\r\n .internship-list .internship-item i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n width: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .internship-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .internship-visual-wrapper {\r\n position: relative;\r\n width: 100%;\r\n max-width: 520px;\r\n }\r\n\r\n .internship-image {\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\r\n position: relative;\r\n background: #f8fafc;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .internship-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 20px;\r\n }\r\n\r\n .internship-image-overlay {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.05), rgba(134, 74, 186, 0.03));\r\n pointer-events: none;\r\n }\r\n\r\n .internship-float-card {\r\n position: absolute;\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 14px 18px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n animation: floatCard 6s ease-in-out infinite;\r\n z-index: 2;\r\n }\r\n\r\n .internship-float-card .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n }\r\n\r\n .internship-float-card .card-icon.purple {\r\n background: linear-gradient(135deg, var(--purple), #a855f7);\r\n }\r\n .internship-float-card .card-icon.blue {\r\n background: linear-gradient(135deg, var(--blue), #38bdf8);\r\n }\r\n .internship-float-card .card-icon.green {\r\n background: linear-gradient(135deg, var(--green), #a3e635);\r\n }\r\n\r\n .internship-float-card .card-text {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .internship-float-card .card-text small {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 11px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .internship-float-card.card-1 {\r\n top: -15px;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .internship-float-card.card-2 {\r\n bottom: 20px;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .internship-float-card.card-3 {\r\n bottom: -15px;\r\n right: -10px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n \/* Ring removed - deleted *\/\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 @media (max-width: 991px) {\r\n .internship { padding: 60px 0; }\r\n .internship-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .internship-grid > .internship-visual { order: 1; }\r\n .internship-grid > .internship-text { order: 2; }\r\n .internship-text { max-width: 100%; margin: 0 auto; }\r\n .internship-list { justify-content: center; max-width: 400px; margin: 16px auto 0; }\r\n .internship-list .internship-item { justify-content: center; }\r\n .internship-visual-wrapper { max-width: 420px; margin: 0 auto; }\r\n .internship-float-card.card-1 { top: -10px; right: 0px; }\r\n .internship-float-card.card-2 { bottom: 10px; left: -10px; }\r\n .internship-float-card.card-3 { bottom: -10px; right: 0px; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .internship { padding: 50px 0; }\r\n .internship-inner { padding: 0 20px; }\r\n .section-title { font-size: clamp(28px, 6vw, 32px); }\r\n .internship-text .description { font-size: 15px; }\r\n .internship-list { grid-template-columns: 1fr 1fr; gap: 8px 16px; max-width: 100%; }\r\n .internship-list .internship-item { font-size: 13px; padding: 4px 0; }\r\n .internship-visual-wrapper { max-width: 360px; }\r\n .internship-float-card {\r\n padding: 10px 14px;\r\n gap: 10px;\r\n }\r\n .internship-float-card .card-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n .internship-float-card .card-text { font-size: 12px; }\r\n .internship-float-card .card-text small { font-size: 10px; }\r\n .internship-float-card.card-1 { top: -5px; right: -5px; }\r\n .internship-float-card.card-2 { bottom: 5px; left: -15px; }\r\n .internship-float-card.card-3 { display: none; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .internship { padding: 40px 0; }\r\n .internship-inner { padding: 0 16px; }\r\n .section-title { font-size: 24px; }\r\n .section-badge { font-size: 10px; }\r\n .section-subtitle { font-size: 14px; }\r\n .internship-text .description { font-size: 14px; }\r\n .internship-list { grid-template-columns: 1fr; gap: 6px; }\r\n .internship-list .internship-item { font-size: 13px; justify-content: flex-start; }\r\n .internship-visual-wrapper { max-width: 280px; }\r\n .internship-float-card.card-1 {\r\n top: -5px;\r\n right: -10px;\r\n padding: 8px 12px;\r\n }\r\n .internship-float-card.card-2 {\r\n bottom: 0;\r\n left: -10px;\r\n padding: 8px 12px;\r\n }\r\n .internship-float-card .card-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .internship-float-card .card-text { font-size: 10px; }\r\n .internship-float-card .card-text small { font-size: 9px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .internship-visual-wrapper { max-width: 240px; }\r\n .internship-float-card.card-1,\r\n .internship-float-card.card-2 {\r\n padding: 6px 10px;\r\n gap: 6px;\r\n }\r\n .internship-float-card .card-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n border-radius: 8px;\r\n }\r\n .internship-float-card .card-text { font-size: 9px; }\r\n .internship-float-card .card-text small { font-size: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"internship\">\r\n <div class=\"internship-inner\">\r\n\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">\r\n <span class=\"dot\"><\/span>\r\n Internship Program\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Launch Your <span class=\"highlight\">Career<\/span> With Us\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Gain hands-on experience, learn from industry experts, and build a foundation for a successful career in technology and telecommunications.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"internship-grid\">\r\n\r\n <div class=\"internship-visual\">\r\n <div class=\"internship-visual-wrapper\">\r\n\r\n <div class=\"internship-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/img559642.webp\"\r\n alt=\"Internship Program - Infinexy Careers\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"internship-image-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"internship-float-card card-1\">\r\n <div class=\"card-icon purple\">\r\n <i class=\"fas fa-graduation-cap\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Learn & Grow\r\n <small>Real-world experience<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"internship-float-card card-2\">\r\n <div class=\"card-icon blue\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Mentorship\r\n <small>Learn from experts<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"internship-float-card card-3\">\r\n <div class=\"card-icon green\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Career Launchpad\r\n <small>Build your future<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"internship-text\">\r\n\r\n <p class=\"description\">\r\n <strong>Infinexy's Internship Program<\/strong> is designed for ambitious students and recent graduates who want to make an impact. Join us and gain practical experience in a fast-paced, innovative environment where your ideas are valued and your growth is our priority.\r\n <\/p>\r\n\r\n <p class=\"description\" style=\"margin-bottom:0;\">\r\n As an intern at Infinexy, you'll work on real projects, collaborate with experienced professionals, and develop the skills you need to launch your career. <strong>We invest in your future \u2014 because you are the future of technology.<\/strong>\r\n <\/p>\r\n\r\n <div class=\"internship-list\">\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Paid Internship\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Hands-on Experience\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Mentorship Program\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Flexible Duration\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Work on Live Projects\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Career Development\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Networking Opportunities\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Performance-Based Offers\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5715085 e-con-full e-flex e-con e-parent\" data-id=\"5715085\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dae435 elementor-widget elementor-widget-html\" data-id=\"1dae435\" 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 - Careers<\/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 CAREERS SECTION\r\n ======================================== *\/\r\n .careers {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .careers::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 .careers-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 .section-header {\r\n text-align: center;\r\n max-width: 680px;\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-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 CAREERS CONTENT\r\n ======================================== *\/\r\n .careers-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n \/* ===== LEFT: TEXT ===== *\/\r\n .careers-text {\r\n max-width: 600px;\r\n }\r\n\r\n .careers-text .description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--gray);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .careers-text .description strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== APPLY ONLINE ===== *\/\r\n .apply-section {\r\n margin-top: 28px;\r\n padding-top: 28px;\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .apply-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 14px 36px;\r\n font-size: 15px;\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 .apply-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 .apply-btn:hover::before {\r\n transform: translateX(0);\r\n }\r\n\r\n .apply-btn:hover {\r\n color: var(--white);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(142, 36, 170, 0.35);\r\n }\r\n\r\n .apply-btn i {\r\n font-size: 16px;\r\n transition: transform 0.3s ease;\r\n color: var(--white);\r\n }\r\n\r\n .apply-btn:hover i {\r\n transform: translateX(4px);\r\n }\r\n\r\n .apply-btn span {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== RIGHT: VISUAL ===== *\/\r\n .careers-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .careers-visual-wrapper {\r\n position: relative;\r\n width: 100%;\r\n max-width: 520px;\r\n }\r\n\r\n .careers-image {\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\r\n position: relative;\r\n background: #f8fafc;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .careers-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 20px;\r\n }\r\n\r\n .careers-image-overlay {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.05), rgba(134, 74, 186, 0.03));\r\n pointer-events: none;\r\n }\r\n\r\n \/* ===== FLOATING CARDS ===== *\/\r\n .careers-float-card {\r\n position: absolute;\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 14px 18px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n animation: floatCard 6s ease-in-out infinite;\r\n z-index: 2;\r\n }\r\n\r\n .careers-float-card .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n }\r\n\r\n .careers-float-card .card-icon.purple {\r\n background: linear-gradient(135deg, var(--purple), #a855f7);\r\n }\r\n .careers-float-card .card-icon.blue {\r\n background: linear-gradient(135deg, var(--blue), #38bdf8);\r\n }\r\n .careers-float-card .card-icon.green {\r\n background: linear-gradient(135deg, var(--green), #a3e635);\r\n }\r\n\r\n .careers-float-card .card-text {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .careers-float-card .card-text small {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 11px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .careers-float-card.card-1 {\r\n top: -15px;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .careers-float-card.card-2 {\r\n bottom: 20px;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .careers-float-card.card-3 {\r\n bottom: -15px;\r\n right: -10px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n \/* ===== ANIMATED RING ===== *\/\r\n .careers-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1.5px solid rgba(77, 125, 209, 0.06);\r\n pointer-events: none;\r\n z-index: 0;\r\n width: 120%;\r\n height: 120%;\r\n top: -10%;\r\n left: -10%;\r\n animation: spin 30s linear infinite;\r\n }\r\n\r\n .careers-ring::before {\r\n content: '';\r\n position: absolute;\r\n top: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--badge-color);\r\n box-shadow: 0 0 20px rgba(77, 125, 209, 0.2);\r\n }\r\n\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n \/* ========================================\r\n ANIMATIONS\r\n ======================================== *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .careers { padding: 60px 0; }\r\n .careers-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .careers-text { max-width: 100%; margin: 0 auto; }\r\n .apply-section { text-align: center; }\r\n .apply-btn { justify-content: center; }\r\n .careers-visual-wrapper { max-width: 420px; margin: 0 auto; }\r\n .careers-float-card.card-1 { top: -10px; right: 0px; }\r\n .careers-float-card.card-2 { bottom: 10px; left: -10px; }\r\n .careers-float-card.card-3 { bottom: -10px; right: 0px; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .careers { padding: 50px 0; }\r\n .careers-inner { padding: 0 20px; }\r\n .section-title { font-size: clamp(28px, 6vw, 32px); }\r\n .careers-text .description { font-size: 15px; }\r\n .apply-btn { padding: 12px 28px; font-size: 14px; width: 100%; max-width: 300px; }\r\n .careers-visual-wrapper { max-width: 360px; }\r\n .careers-float-card {\r\n padding: 10px 14px;\r\n gap: 10px;\r\n }\r\n .careers-float-card .card-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n .careers-float-card .card-text { font-size: 12px; }\r\n .careers-float-card .card-text small { font-size: 10px; }\r\n .careers-float-card.card-1 { top: -5px; right: -5px; }\r\n .careers-float-card.card-2 { bottom: 5px; left: -15px; }\r\n .careers-float-card.card-3 { display: none; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .careers { padding: 40px 0; }\r\n .careers-inner { padding: 0 16px; }\r\n .section-title { font-size: 24px; }\r\n .section-badge { font-size: 10px; }\r\n .section-subtitle { font-size: 14px; }\r\n .careers-text .description { font-size: 14px; }\r\n .apply-btn { padding: 10px 20px; font-size: 13px; max-width: 260px; }\r\n .careers-visual-wrapper { max-width: 280px; }\r\n .careers-float-card.card-1 {\r\n top: -5px;\r\n right: -10px;\r\n padding: 8px 12px;\r\n }\r\n .careers-float-card.card-2 {\r\n bottom: 0;\r\n left: -10px;\r\n padding: 8px 12px;\r\n }\r\n .careers-float-card .card-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .careers-float-card .card-text { font-size: 10px; }\r\n .careers-float-card .card-text small { font-size: 9px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .careers-visual-wrapper { max-width: 240px; }\r\n .careers-float-card.card-1,\r\n .careers-float-card.card-2 {\r\n padding: 6px 10px;\r\n gap: 6px;\r\n }\r\n .careers-float-card .card-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n border-radius: 8px;\r\n }\r\n .careers-float-card .card-text { font-size: 9px; }\r\n .careers-float-card .card-text small { font-size: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"careers\">\r\n <div class=\"careers-inner\">\r\n\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">\r\n <span class=\"dot\"><\/span>\r\n Careers\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Build Your Career with Us\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Join a team of innovators, problem-solvers, and technology enthusiasts \r\n who are shaping the future of telecom.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"careers-grid\">\r\n\r\n <div class=\"careers-text\">\r\n\r\n <p class=\"description\">\r\n <strong>At Infinexy Technologies,<\/strong> we believe that great technology \r\n starts with great people. We are always looking for talented professionals \r\n who are passionate about innovation, collaboration, and making an impact.\r\n <\/p>\r\n\r\n <p class=\"description\" style=\"margin-bottom:0;\">\r\n Whether you are a seasoned expert or just starting your career, \r\n we offer opportunities to grow, learn, and contribute to meaningful projects \r\n that connect the world.\r\n <\/p>\r\n\r\n \r\n <div class=\"apply-section\">\r\n <a href=\"mailto:teamhr@infinexy.net\" class=\"apply-btn\">\r\n <span>Apply Online<\/span>\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"careers-visual\">\r\n <div class=\"careers-visual-wrapper\">\r\n\r\n <div class=\"careers-ring\"><\/div>\r\n\r\n <div class=\"careers-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/img236397425.webp\"\r\n alt=\"Infinexy Careers - Join Our Team\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"careers-image-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"careers-float-card card-1\">\r\n <div class=\"card-icon purple\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Innovate\r\n <small>Cutting-edge tech<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"careers-float-card card-2\">\r\n <div class=\"card-icon blue\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Collaborate\r\n <small>Global team<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"careers-float-card card-3\">\r\n <div class=\"card-icon green\">\r\n <i class=\"fas fa-graduation-cap\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Grow\r\n <small>Learn & develop<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Infinexy – Careers Home Careers Careers at Infinexy At Infinexy Technologies, we believe in building a workplace where talent thrives, innovation flourishes, and careers grow. Join our global team of passionate professionals dedicated to transforming the telecommunications industry through cutting-edge technology, collaboration, and a shared commitment to excellence. Whether you’re an engineer, a sales professional, […]<\/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-890","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/890","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=890"}],"version-history":[{"count":38,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/890\/revisions"}],"predecessor-version":[{"id":2209,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/890\/revisions\/2209"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/media?parent=890"}],"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 - Careers<\/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 .career-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 \/* 1. FLOATING ORBS *\/\r\n .career-banner .orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: orbFloat 8s ease-in-out infinite;\r\n }\r\n\r\n .career-banner .orb-1 {\r\n width: 200px;\r\n height: 200px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);\r\n top: -50px;\r\n right: -50px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .career-banner .orb-2 {\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);\r\n bottom: -100px;\r\n left: -100px;\r\n animation-delay: 3s;\r\n }\r\n\r\n .career-banner .orb-3 {\r\n width: 150px;\r\n height: 150px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);\r\n top: 40%;\r\n left: 60%;\r\n animation-delay: 5s;\r\n }\r\n\r\n @keyframes orbFloat {\r\n 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.6; }\r\n 50% { transform: translate(30px, -40px) scale(1.2); opacity: 1; }\r\n }\r\n\r\n \/* 2. ROTATING RING *\/\r\n .career-banner .ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.08);\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: ringSpin 20s linear infinite;\r\n }\r\n\r\n .career-banner .ring-1 {\r\n width: 400px;\r\n height: 400px;\r\n top: -100px;\r\n right: -100px;\r\n animation-duration: 25s;\r\n }\r\n\r\n .career-banner .ring-2 {\r\n width: 600px;\r\n height: 600px;\r\n bottom: -200px;\r\n left: -200px;\r\n animation-duration: 35s;\r\n animation-direction: reverse;\r\n }\r\n\r\n .career-banner .ring-3 {\r\n width: 250px;\r\n height: 250px;\r\n top: 50%;\r\n left: 70%;\r\n animation-duration: 15s;\r\n border-color: rgba(255,255,255,0.05);\r\n }\r\n\r\n .career-banner .ring::before {\r\n content: '';\r\n position: absolute;\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.2);\r\n top: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n box-shadow: 0 0 30px rgba(255,255,255,0.1);\r\n }\r\n\r\n @keyframes ringSpin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n .career-banner .shooting-star {\r\n position: absolute;\r\n width: 2px;\r\n height: 2px;\r\n background: #fff;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: shootStar 4s linear infinite;\r\n }\r\n\r\n .career-banner .shooting-star::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n right: 0;\r\n width: 60px;\r\n height: 1px;\r\n background: linear-gradient(90deg, rgba(255,255,255,0.3), transparent);\r\n transform: translateY(-50%);\r\n }\r\n\r\n .career-banner .shooting-star:nth-child(1) {\r\n top: 15%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .career-banner .shooting-star:nth-child(2) {\r\n top: 25%;\r\n right: 15%;\r\n animation-delay: 2s;\r\n animation-duration: 5s;\r\n }\r\n\r\n .career-banner .shooting-star:nth-child(3) {\r\n top: 55%;\r\n left: 5%;\r\n animation-delay: 4s;\r\n animation-duration: 3.5s;\r\n }\r\n\r\n .career-banner .shooting-star:nth-child(4) {\r\n top: 70%;\r\n right: 10%;\r\n animation-delay: 1.5s;\r\n animation-duration: 4.5s;\r\n }\r\n\r\n @keyframes shootStar {\r\n 0% { transform: translate(0, 0) scale(1); opacity: 0; }\r\n 10% { opacity: 1; }\r\n 90% { opacity: 1; }\r\n 100% { transform: translate(-200px, 200px) scale(0); opacity: 0; }\r\n }\r\n\r\n \/* 4. FLOATING PARTICLES *\/\r\n .career-banner .particle {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.05);\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: particleFloat 12s ease-in-out infinite;\r\n }\r\n\r\n .career-banner .particle:nth-child(1) {\r\n width: 4px;\r\n height: 4px;\r\n top: 10%;\r\n left: 20%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .career-banner .particle:nth-child(2) {\r\n width: 6px;\r\n height: 6px;\r\n top: 20%;\r\n right: 30%;\r\n animation-delay: 2s;\r\n }\r\n\r\n .career-banner .particle:nth-child(3) {\r\n width: 3px;\r\n height: 3px;\r\n bottom: 15%;\r\n left: 40%;\r\n animation-delay: 4s;\r\n }\r\n\r\n .career-banner .particle:nth-child(4) {\r\n width: 5px;\r\n height: 5px;\r\n bottom: 10%;\r\n right: 25%;\r\n animation-delay: 6s;\r\n }\r\n\r\n .career-banner .particle:nth-child(5) {\r\n width: 4px;\r\n height: 4px;\r\n top: 45%;\r\n left: 55%;\r\n animation-delay: 8s;\r\n }\r\n\r\n .career-banner .particle:nth-child(6) {\r\n width: 3px;\r\n height: 3px;\r\n top: 60%;\r\n right: 40%;\r\n animation-delay: 10s;\r\n }\r\n\r\n @keyframes particleFloat {\r\n 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.03; }\r\n 25% { transform: translate(80px, -60px) scale(2); opacity: 0.08; }\r\n 50% { transform: translate(-40px, 40px) scale(0.5); opacity: 0.01; }\r\n 75% { transform: translate(60px, 80px) scale(1.5); opacity: 0.06; }\r\n }\r\n\r\n \/* 5. PULSE DOTS *\/\r\n .career-banner .pulse-dot {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.04);\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: pulseDot 3s ease-in-out infinite;\r\n }\r\n\r\n .career-banner .pulse-dot:nth-child(1) {\r\n width: 12px;\r\n height: 12px;\r\n top: 8%;\r\n left: 8%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .career-banner .pulse-dot:nth-child(2) {\r\n width: 8px;\r\n height: 8px;\r\n top: 30%;\r\n right: 12%;\r\n animation-delay: 0.8s;\r\n }\r\n\r\n .career-banner .pulse-dot:nth-child(3) {\r\n width: 16px;\r\n height: 16px;\r\n bottom: 20%;\r\n left: 5%;\r\n animation-delay: 1.6s;\r\n }\r\n\r\n .career-banner .pulse-dot:nth-child(4) {\r\n width: 10px;\r\n height: 10px;\r\n bottom: 40%;\r\n right: 8%;\r\n animation-delay: 2.4s;\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { transform: scale(1); opacity: 0.05; }\r\n 50% { transform: scale(2.5); opacity: 0.15; box-shadow: 0 0 40px rgba(255,255,255,0.05); }\r\n }\r\n\r\n \/* 6. TECH SHAPES *\/\r\n .career-banner .tech-shape {\r\n position: absolute;\r\n border: 1.5px solid rgba(255,255,255,0.04);\r\n pointer-events: none;\r\n z-index: 0;\r\n animation: techShapeFloat 15s ease-in-out infinite;\r\n }\r\n\r\n .career-banner .tech-shape:nth-child(1) {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 20px;\r\n top: 20%;\r\n right: 15%;\r\n animation-delay: 0s;\r\n transform: rotate(45deg);\r\n }\r\n\r\n .career-banner .tech-shape:nth-child(2) {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n bottom: 25%;\r\n left: 20%;\r\n animation-delay: 3s;\r\n }\r\n\r\n .career-banner .tech-shape:nth-child(3) {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n top: 55%;\r\n right: 30%;\r\n animation-delay: 6s;\r\n transform: rotate(30deg);\r\n }\r\n\r\n @keyframes techShapeFloat {\r\n 0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.04; }\r\n 33% { transform: translate(50px, -40px) rotate(15deg) scale(1.1); opacity: 0.08; }\r\n 66% { transform: translate(-30px, 30px) rotate(-8deg) scale(0.9); opacity: 0.05; }\r\n }\r\n\r\n \/* 7. GLOW PULSE RING *\/\r\n .career-banner .glow-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%);\r\n animation: glowRingPulse 5s ease-in-out infinite;\r\n }\r\n\r\n .career-banner .glow-ring:nth-child(1) {\r\n width: 350px;\r\n height: 350px;\r\n top: 10%;\r\n right: 5%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .career-banner .glow-ring:nth-child(2) {\r\n width: 450px;\r\n height: 450px;\r\n bottom: 5%;\r\n left: 5%;\r\n animation-delay: 2.5s;\r\n }\r\n\r\n @keyframes glowRingPulse {\r\n 0%, 100% { transform: scale(0.8); opacity: 0.3; }\r\n 50% { transform: scale(1.2); opacity: 0.8; }\r\n }\r\n\r\n \/* 8. GRID OVERLAY *\/\r\n .career-banner .grid-overlay {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n pointer-events: none;\r\n opacity: 0.03;\r\n background-image: \r\n linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n animation: gridMove 30s linear infinite;\r\n }\r\n\r\n @keyframes gridMove {\r\n 0% { transform: translate(0, 0); }\r\n 100% { transform: translate(50px, 50px); }\r\n }\r\n\r\n \/* ========================================\r\n BANNER INNER - FLEX LAYOUT WITH IMAGE\r\n ======================================== *\/\r\n .career-banner .banner-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n width: 100%;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n \/* Left content (text) *\/\r\n .career-banner .banner-content {\r\n flex: 1 1 55%;\r\n max-width: 680px;\r\n animation: fadeInUp 0.7s ease 0.1s forwards;\r\n opacity: 0;\r\n }\r\n\r\n \/* Right image container *\/\r\n .career-banner .banner-image {\r\n flex: 1 1 35%;\r\n max-width: 450px;\r\n margin-left: 30px;\r\n animation: fadeInUp 0.7s ease 0.2s forwards;\r\n opacity: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .career-banner .banner-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: cover;\r\n border-radius: 20px;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n }\r\n\r\n .career-banner .banner-image img:hover {\r\n transform: scale(1.02);\r\n box-shadow: 0 35px 60px -15px rgba(0, 0, 0, 0.35);\r\n }\r\n\r\n \/* ===== BREADCRUMB ===== *\/\r\n .career-banner .breadcrumb {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 13px;\r\n color: rgba(255,255,255,0.5);\r\n margin-bottom: 24px;\r\n animation: fadeInUp 0.7s ease forwards;\r\n opacity: 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .career-banner .breadcrumb a {\r\n color: rgba(255,255,255,0.6);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n font-weight: 400;\r\n }\r\n\r\n .career-banner .breadcrumb a:hover {\r\n color: rgba(255,255,255,0.9);\r\n }\r\n\r\n .career-banner .breadcrumb .separator {\r\n color: rgba(255,255,255,0.2);\r\n font-size: 10px;\r\n }\r\n\r\n .career-banner .breadcrumb .current {\r\n color: rgba(255,255,255,0.9);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== CONTENT ===== *\/\r\n .career-banner .heading {\r\n font-size: clamp(36px, 5vw, 56px);\r\n font-weight: 900;\r\n line-height: 1.08;\r\n color: #ffffff;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .career-banner .heading .highlight {\r\n background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.6));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .career-banner .description {\r\n font-size: clamp(16px, 1.1vw, 19px);\r\n line-height: 1.8;\r\n color: rgba(255,255,255,0.7);\r\n max-width: 600px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .career-banner .stats {\r\n display: flex;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n animation: fadeInUp 0.7s ease 0.2s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .career-banner .stats .stat-item {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .career-banner .stats .stat-item .number {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: #ffffff;\r\n line-height: 1.2;\r\n }\r\n\r\n .career-banner .stats .stat-item .number .highlight {\r\n background: linear-gradient(135deg, #ffffff, rgba(255,255,255,0.6));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .career-banner .stats .stat-item .label {\r\n font-size: 13px;\r\n color: rgba(255,255,255,0.5);\r\n font-weight: 400;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE - ALL SCREENS\r\n ======================================== *\/\r\n\r\n @media (min-width: 1400px) {\r\n .career-banner { padding: 120px 0 100px; min-height: 70vh; }\r\n .career-banner .heading { font-size: 62px; }\r\n .career-banner .ring-1 { width: 500px; height: 500px; }\r\n .career-banner .ring-2 { width: 700px; height: 700px; }\r\n }\r\n\r\n @media (max-width: 1399px) and (min-width: 1200px) {\r\n .career-banner { padding: 100px 0 80px; min-height: 65vh; }\r\n .career-banner .heading { font-size: 52px; }\r\n }\r\n\r\n @media (max-width: 1199px) {\r\n .career-banner { min-height: 55vh; padding: 80px 0 60px; }\r\n .career-banner .heading { font-size: clamp(36px, 4.5vw, 46px); }\r\n .career-banner .ring-2 { display: none; }\r\n .career-banner .glow-ring { display: none; }\r\n .career-banner .banner-image { flex: 1 1 40%; max-width: 400px; }\r\n .career-banner .banner-content { flex: 1 1 55%; }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .career-banner { min-height: auto; padding: 70px 0 50px; }\r\n .career-banner .banner-inner { flex-direction: column; text-align: center; }\r\n .career-banner .banner-content { max-width: 100%; flex: 1 1 100%; }\r\n .career-banner .banner-image { \r\n flex: 1 1 100%; \r\n max-width: 100%; \r\n margin-left: 0; \r\n margin-top: 40px;\r\n }\r\n .career-banner .banner-image img { max-width: 400px; margin: 0 auto; }\r\n .career-banner .description { max-width: 100%; margin-left: auto; margin-right: auto; }\r\n .career-banner .stats { justify-content: center; }\r\n .career-banner .breadcrumb { justify-content: center; }\r\n .career-banner .orb-2 { display: none; }\r\n .career-banner .ring-1 { display: none; }\r\n .career-banner .ring-3 { display: none; }\r\n .career-banner .shooting-star { display: none; }\r\n .career-banner .tech-shape { display: none; }\r\n .career-banner .grid-overlay { display: none; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .career-banner { padding: 50px 0 40px; }\r\n .career-banner .banner-inner { padding: 0 20px; }\r\n .career-banner .heading { font-size: clamp(30px, 6vw, 36px); }\r\n .career-banner .description { font-size: 15px; line-height: 1.7; }\r\n .career-banner .stats { gap: 24px; flex-direction: row; flex-wrap: wrap; justify-content: center; }\r\n .career-banner .stats .stat-item .number { font-size: 24px; }\r\n .career-banner .stats .stat-item .label { font-size: 12px; }\r\n .career-banner .breadcrumb { font-size: 12px; }\r\n .career-banner .orb-1 { width: 120px; height: 120px; }\r\n .career-banner .orb-3 { display: none; }\r\n .career-banner .particle { display: none; }\r\n .career-banner .pulse-dot { display: none; }\r\n .career-banner .banner-image img { max-width: 320px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .career-banner { padding: 40px 0 30px; }\r\n .career-banner .banner-inner { padding: 0 16px; }\r\n .career-banner .heading { font-size: 26px; }\r\n .career-banner .description { font-size: 14px; }\r\n .career-banner .stats { gap: 16px; flex-direction: row; flex-wrap: wrap; justify-content: center; }\r\n .career-banner .stats .stat-item { text-align: center; min-width: 80px; }\r\n .career-banner .stats .stat-item .number { font-size: 22px; }\r\n .career-banner .stats .stat-item .label { font-size: 11px; }\r\n .career-banner .breadcrumb { font-size: 11px; flex-wrap: wrap; }\r\n .career-banner .orb-1 { width: 80px; height: 80px; top: -30px; right: -30px; }\r\n .career-banner .banner-image img { max-width: 260px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .career-banner { padding: 30px 0 24px; }\r\n .career-banner .heading { font-size: 22px; }\r\n .career-banner .description { font-size: 13px; }\r\n .career-banner .stats .stat-item .number { font-size: 18px; }\r\n .career-banner .stats .stat-item .label { font-size: 10px; }\r\n .career-banner .breadcrumb { font-size: 10px; }\r\n .career-banner .stats { gap: 10px; }\r\n .career-banner .banner-image img { max-width: 220px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"career-banner\">\r\n\r\n \r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n <div class=\"orb orb-3\"><\/div>\r\n <div class=\"ring ring-1\"><\/div>\r\n <div class=\"ring ring-2\"><\/div>\r\n <div class=\"ring ring-3\"><\/div>\r\n <div class=\"shooting-star\"><\/div>\r\n <div class=\"shooting-star\"><\/div>\r\n <div class=\"shooting-star\"><\/div>\r\n <div class=\"shooting-star\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"pulse-dot\"><\/div>\r\n <div class=\"pulse-dot\"><\/div>\r\n <div class=\"pulse-dot\"><\/div>\r\n <div class=\"pulse-dot\"><\/div>\r\n <div class=\"tech-shape\"><\/div>\r\n <div class=\"tech-shape\"><\/div>\r\n <div class=\"tech-shape\"><\/div>\r\n <div class=\"glow-ring\"><\/div>\r\n <div class=\"glow-ring\"><\/div>\r\n <div class=\"grid-overlay\"><\/div>\r\n\r\n <div class=\"banner-inner\">\r\n\r\n \r\n <div class=\"banner-content\">\r\n\r\n \r\n <nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\r\n <a href=\"#\">Home<\/a>\r\n <span class=\"separator\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n <span class=\"current\">Careers<\/span>\r\n <\/nav>\r\n\r\n <h1 class=\"heading\">\r\n Careers <span class=\"highlight\">at Infinexy<\/span>\r\n <\/h1>\r\n\r\n <p class=\"description\">\r\n At Infinexy Technologies, we believe in building a workplace where talent thrives, innovation flourishes, and careers grow. Join our global team of passionate professionals dedicated to transforming the telecommunications industry through cutting-edge technology, collaboration, and a shared commitment to excellence. Whether you're an engineer, a sales professional, or a strategist, Infinexy offers a dynamic environment where your work makes a real impact \u2014 across borders, industries, and the future of communication.\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\">Years of Excellence<\/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 Served<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"number\"><span class=\"highlight\">500+<\/span><\/span>\r\n <span class=\"label\">Global Employees<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"banner-image\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/08\/CARRER.png\" \r\n alt=\"Careers at Infinexy\"\r\n loading=\"lazy\"\r\n \/>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d5692c e-con-full e-flex e-con e-parent\" data-id=\"9d5692c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-713c833 elementor-widget elementor-widget-html\" data-id=\"713c833\" 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 - Company Culture<\/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 COMPANY CULTURE SECTION\r\n ======================================== *\/\r\n .culture {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .culture::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 .culture-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 .section-header {\r\n text-align: center;\r\n max-width: 680px;\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-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 CULTURE CONTENT\r\n ======================================== *\/\r\n .culture-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n \/* ===== LEFT: TEXT ===== *\/\r\n .culture-text {\r\n max-width: 600px;\r\n }\r\n\r\n .culture-text .description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--gray);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .culture-text .description strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== CULTURE VALUES ===== *\/\r\n .culture-values {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px 20px;\r\n margin-top: 20px;\r\n }\r\n\r\n .culture-values .value-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n color: var(--gray);\r\n padding: 6px 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .culture-values .value-item:hover {\r\n color: var(--dark);\r\n transform: translateX(4px);\r\n }\r\n\r\n .culture-values .value-item i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n width: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== RIGHT: VISUAL ===== *\/\r\n .culture-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .culture-visual-wrapper {\r\n position: relative;\r\n width: 100%;\r\n max-width: 520px;\r\n }\r\n\r\n .culture-image {\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\r\n position: relative;\r\n background: #f8fafc;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .culture-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 20px;\r\n }\r\n\r\n .culture-image-overlay {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.05), rgba(134, 74, 186, 0.03));\r\n pointer-events: none;\r\n }\r\n\r\n \/* ===== FLOATING CARDS ===== *\/\r\n .culture-float-card {\r\n position: absolute;\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 14px 18px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n animation: floatCard 6s ease-in-out infinite;\r\n z-index: 2;\r\n }\r\n\r\n .culture-float-card .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n }\r\n\r\n .culture-float-card .card-icon.purple {\r\n background: linear-gradient(135deg, var(--purple), #a855f7);\r\n }\r\n .culture-float-card .card-icon.blue {\r\n background: linear-gradient(135deg, var(--blue), #38bdf8);\r\n }\r\n .culture-float-card .card-icon.green {\r\n background: linear-gradient(135deg, var(--green), #a3e635);\r\n }\r\n\r\n .culture-float-card .card-text {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .culture-float-card .card-text small {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 11px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .culture-float-card.card-1 {\r\n top: -15px;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .culture-float-card.card-2 {\r\n bottom: 20px;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .culture-float-card.card-3 {\r\n bottom: -15px;\r\n right: -10px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n \/* ===== ANIMATED RING ===== *\/\r\n .culture-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1.5px solid rgba(77, 125, 209, 0.06);\r\n pointer-events: none;\r\n z-index: 0;\r\n width: 120%;\r\n height: 120%;\r\n top: -10%;\r\n left: -10%;\r\n animation: spin 30s linear infinite;\r\n }\r\n\r\n .culture-ring::before {\r\n content: '';\r\n position: absolute;\r\n top: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--badge-color);\r\n box-shadow: 0 0 20px rgba(77, 125, 209, 0.2);\r\n }\r\n\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n \/* ========================================\r\n ANIMATIONS\r\n ======================================== *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .culture { padding: 60px 0; }\r\n .culture-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .culture-text { max-width: 100%; margin: 0 auto; }\r\n .culture-values { justify-content: center; max-width: 400px; margin: 20px auto 0; }\r\n .culture-values .value-item { justify-content: center; }\r\n .culture-visual-wrapper { max-width: 420px; margin: 0 auto; }\r\n .culture-float-card.card-1 { top: -10px; right: 0px; }\r\n .culture-float-card.card-2 { bottom: 10px; left: -10px; }\r\n .culture-float-card.card-3 { bottom: -10px; right: 0px; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .culture { padding: 50px 0; }\r\n .culture-inner { padding: 0 20px; }\r\n .section-title { font-size: clamp(28px, 6vw, 32px); }\r\n .culture-text .description { font-size: 15px; }\r\n .culture-values { grid-template-columns: 1fr 1fr; gap: 8px 16px; max-width: 100%; }\r\n .culture-values .value-item { font-size: 13px; padding: 4px 0; }\r\n .culture-visual-wrapper { max-width: 360px; }\r\n .culture-float-card {\r\n padding: 10px 14px;\r\n gap: 10px;\r\n }\r\n .culture-float-card .card-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n .culture-float-card .card-text { font-size: 12px; }\r\n .culture-float-card .card-text small { font-size: 10px; }\r\n .culture-float-card.card-1 { top: -5px; right: -5px; }\r\n .culture-float-card.card-2 { bottom: 5px; left: -15px; }\r\n .culture-float-card.card-3 { display: none; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .culture { padding: 40px 0; }\r\n .culture-inner { padding: 0 16px; }\r\n .section-title { font-size: 24px; }\r\n .section-badge { font-size: 10px; }\r\n .section-subtitle { font-size: 14px; }\r\n .culture-text .description { font-size: 14px; }\r\n .culture-values { grid-template-columns: 1fr; gap: 6px; }\r\n .culture-values .value-item { font-size: 13px; justify-content: flex-start; }\r\n .culture-visual-wrapper { max-width: 280px; }\r\n .culture-float-card.card-1 {\r\n top: -5px;\r\n right: -10px;\r\n padding: 8px 12px;\r\n }\r\n .culture-float-card.card-2 {\r\n bottom: 0;\r\n left: -10px;\r\n padding: 8px 12px;\r\n }\r\n .culture-float-card .card-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .culture-float-card .card-text { font-size: 10px; }\r\n .culture-float-card .card-text small { font-size: 9px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .culture-visual-wrapper { max-width: 240px; }\r\n .culture-float-card.card-1,\r\n .culture-float-card.card-2 {\r\n padding: 6px 10px;\r\n gap: 6px;\r\n }\r\n .culture-float-card .card-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n border-radius: 8px;\r\n }\r\n .culture-float-card .card-text { font-size: 9px; }\r\n .culture-float-card .card-text small { font-size: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"culture\">\r\n <div class=\"culture-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 Company Culture\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Our <span class=\"highlight\">Culture<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n We believe that a great workplace is built on trust, collaboration, and a shared passion for innovation.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"culture-grid\">\r\n\r\n \r\n <div class=\"culture-text\">\r\n\r\n <p class=\"description\">\r\n <strong>At Infinexy Technologies,<\/strong> our culture is defined by our people \u2014 curious, driven, and collaborative. We foster an environment where every voice is heard, ideas are valued, and innovation thrives. We believe in empowering our teams to take ownership, think creatively, and push the boundaries of what's possible.\r\n <\/p>\r\n\r\n <p class=\"description\" style=\"margin-bottom:0;\">\r\n Our culture is built on <strong>mutual respect, continuous learning, and a shared commitment<\/strong> to delivering excellence. Whether you're working from our offices or remotely, you'll find a supportive community that celebrates diversity, encourages growth, and champions work-life balance.\r\n <\/p>\r\n\r\n \r\n <div class=\"culture-values\">\r\n <div class=\"value-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Innovation & Creativity\r\n <\/div>\r\n <div class=\"value-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Collaboration & Teamwork\r\n <\/div>\r\n <div class=\"value-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Integrity & Transparency\r\n <\/div>\r\n <div class=\"value-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Customer-Centricity\r\n <\/div>\r\n <div class=\"value-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Continuous Learning\r\n <\/div>\r\n <div class=\"value-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Diversity & Inclusion\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"culture-visual\">\r\n <div class=\"culture-visual-wrapper\">\r\n\r\n <div class=\"culture-ring\"><\/div>\r\n\r\n <div class=\"culture-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/photo-1521737711867-e3b97375f902.jpg\"\r\n alt=\"Infinexy Company Culture\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"culture-image-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"culture-float-card card-1\">\r\n <div class=\"card-icon purple\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Collaboration\r\n <small>Stronger together<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"culture-float-card card-2\">\r\n <div class=\"card-icon blue\">\r\n <i class=\"fas fa-lightbulb\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Innovation\r\n <small>Think different<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"culture-float-card card-3\">\r\n <div class=\"card-icon green\">\r\n <i class=\"fas fa-heart\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n People First\r\n <small>Empowered teams<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a06f47a e-con-full e-flex e-con e-parent\" data-id=\"a06f47a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60f4cac elementor-widget elementor-widget-html\" data-id=\"60f4cac\" 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 - Current Openings<\/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 CURRENT OPENINGS SECTION\r\n ======================================== *\/\r\n .openings {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .openings::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 .openings-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 .section-header {\r\n text-align: center;\r\n max-width: 680px;\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 }\r\n\r\n \/* ========================================\r\n OPENINGS CONTENT\r\n ======================================== *\/\r\n .openings-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n \/* ===== LEFT: VISUAL ===== *\/\r\n .openings-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .openings-visual-wrapper {\r\n position: relative;\r\n width: 100%;\r\n max-width: 520px;\r\n }\r\n\r\n .openings-image {\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\r\n position: relative;\r\n background: #f8fafc;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .openings-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 20px;\r\n }\r\n\r\n .openings-image-overlay {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.05), rgba(134, 74, 186, 0.03));\r\n pointer-events: none;\r\n }\r\n\r\n \/* ===== FLOATING CARDS ===== *\/\r\n .openings-float-card {\r\n position: absolute;\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 14px 18px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n animation: floatCard 6s ease-in-out infinite;\r\n z-index: 2;\r\n }\r\n\r\n .openings-float-card .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n }\r\n\r\n .openings-float-card .card-icon.purple {\r\n background: linear-gradient(135deg, var(--purple), #a855f7);\r\n }\r\n .openings-float-card .card-icon.blue {\r\n background: linear-gradient(135deg, var(--blue), #38bdf8);\r\n }\r\n .openings-float-card .card-icon.green {\r\n background: linear-gradient(135deg, var(--green), #a3e635);\r\n }\r\n\r\n .openings-float-card .card-text {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .openings-float-card .card-text small {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 11px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .openings-float-card.card-1 {\r\n top: -15px;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .openings-float-card.card-2 {\r\n bottom: 20px;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .openings-float-card.card-3 {\r\n bottom: -15px;\r\n right: -10px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n \/* ===== ANIMATED RING - OFF ===== *\/\r\n .openings-ring {\r\n display: none;\r\n }\r\n\r\n \/* ===== RIGHT: TEXT ===== *\/\r\n .openings-text {\r\n max-width: 600px;\r\n }\r\n\r\n .openings-text .description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--gray);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .openings-text .description strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== OPENINGS LIST ===== *\/\r\n .openings-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-top: 20px;\r\n }\r\n\r\n .openings-list .job-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 14px 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 cursor: pointer;\r\n }\r\n\r\n .openings-list .job-item:hover {\r\n border-color: var(--badge-color);\r\n background: #ffffff;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);\r\n transform: translateX(4px);\r\n }\r\n\r\n .openings-list .job-item .job-info {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .openings-list .job-item .job-title {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .openings-list .job-item .job-location {\r\n font-size: 12px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .openings-list .job-item .job-tag {\r\n font-size: 11px;\r\n font-weight: 600;\r\n padding: 4px 14px;\r\n border-radius: 100px;\r\n background: var(--badge-color);\r\n color: #ffffff;\r\n }\r\n\r\n .openings-list .job-item .job-arrow {\r\n color: var(--gray-light);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .openings-list .job-item:hover .job-arrow {\r\n color: var(--badge-color);\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ========================================\r\n ANIMATIONS\r\n ======================================== *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .openings { padding: 60px 0; }\r\n .openings-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .openings-text { max-width: 100%; margin: 0 auto; }\r\n .openings-list .job-item { justify-content: center; flex-wrap: wrap; gap: 8px; }\r\n .openings-visual-wrapper { max-width: 420px; margin: 0 auto; }\r\n .openings-float-card.card-1 { top: -10px; right: 0px; }\r\n .openings-float-card.card-2 { bottom: 10px; left: -10px; }\r\n .openings-float-card.card-3 { bottom: -10px; right: 0px; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .openings { padding: 50px 0; }\r\n .openings-inner { padding: 0 20px; }\r\n .section-title { font-size: clamp(28px, 6vw, 32px); }\r\n .openings-text .description { font-size: 15px; }\r\n .openings-list .job-item { padding: 12px 14px; flex-direction: column; align-items: center; text-align: center; }\r\n .openings-list .job-item .job-title { font-size: 14px; }\r\n .openings-visual-wrapper { max-width: 360px; }\r\n .openings-float-card {\r\n padding: 10px 14px;\r\n gap: 10px;\r\n }\r\n .openings-float-card .card-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n .openings-float-card .card-text { font-size: 12px; }\r\n .openings-float-card .card-text small { font-size: 10px; }\r\n .openings-float-card.card-1 { top: -5px; right: -5px; }\r\n .openings-float-card.card-2 { bottom: 5px; left: -15px; }\r\n .openings-float-card.card-3 { display: none; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .openings { padding: 40px 0; }\r\n .openings-inner { padding: 0 16px; }\r\n .section-title { font-size: 24px; }\r\n .section-badge { font-size: 10px; }\r\n .section-subtitle { font-size: 14px; }\r\n .openings-text .description { font-size: 14px; }\r\n .openings-list .job-item { padding: 10px 12px; }\r\n .openings-list .job-item .job-title { font-size: 13px; }\r\n .openings-list .job-item .job-location { font-size: 11px; }\r\n .openings-list .job-item .job-tag { font-size: 10px; padding: 3px 10px; }\r\n .openings-visual-wrapper { max-width: 280px; }\r\n .openings-float-card.card-1 {\r\n top: -5px;\r\n right: -10px;\r\n padding: 8px 12px;\r\n }\r\n .openings-float-card.card-2 {\r\n bottom: 0;\r\n left: -10px;\r\n padding: 8px 12px;\r\n }\r\n .openings-float-card .card-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .openings-float-card .card-text { font-size: 10px; }\r\n .openings-float-card .card-text small { font-size: 9px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .openings-visual-wrapper { max-width: 240px; }\r\n .openings-float-card.card-1,\r\n .openings-float-card.card-2 {\r\n padding: 6px 10px;\r\n gap: 6px;\r\n }\r\n .openings-float-card .card-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n border-radius: 8px;\r\n }\r\n .openings-float-card .card-text { font-size: 9px; }\r\n .openings-float-card .card-text small { font-size: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"openings\">\r\n <div class=\"openings-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 Current Openings\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Join Our <span class=\"highlight\">Team<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Explore exciting career opportunities at Infinexy Technologies. \r\n Let's build the future of telecom together.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"openings-grid\">\r\n\r\n \r\n <div class=\"openings-visual\">\r\n <div class=\"openings-visual-wrapper\">\r\n\r\n \r\n <div class=\"openings-ring\"><\/div>\r\n\r\n <div class=\"openings-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/img126976-e1784898290213.webp\"\r\n alt=\"Current Openings - Infinexy Careers\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"openings-image-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"openings-float-card card-1\">\r\n <div class=\"card-icon purple\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Grow with Us\r\n <small>Career progression<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"openings-float-card card-2\">\r\n <div class=\"card-icon blue\">\r\n <i class=\"fas fa-globe-americas\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Global Impact\r\n <small>Work across borders<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"openings-float-card card-3\">\r\n <div class=\"card-icon green\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Great Team\r\n <small>Collaborative culture<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"openings-text\">\r\n\r\n <p class=\"description\">\r\n <strong>Join our dynamic team<\/strong> and be part of a company that values innovation, \r\n collaboration, and professional growth. We offer competitive compensation, \r\n flexible work arrangements, and opportunities to work on cutting-edge technologies \r\n that connect the world.\r\n <\/p>\r\n\r\n <p class=\"description\" style=\"margin-bottom:0;\">\r\n Below are our current open positions. If you don't see a role that fits, \r\n feel free to <strong>send your CV<\/strong> \u2014 we're always looking for talented people.\r\n <\/p>\r\n\r\n \r\n <div class=\"openings-list\">\r\n\r\n <div class=\"job-item\">\r\n <div class=\"job-info\">\r\n <span class=\"job-title\">Senior Network Engineer<\/span>\r\n <span class=\"job-location\">London, UK (Hybrid)<\/span>\r\n <\/div>\r\n <span class=\"job-tag\">Full-time<\/span>\r\n <i class=\"fas fa-arrow-right job-arrow\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"job-item\">\r\n <div class=\"job-info\">\r\n <span class=\"job-title\">Sales Director - Telecom<\/span>\r\n <span class=\"job-location\">Remote (UK \/ Europe)<\/span>\r\n <\/div>\r\n <span class=\"job-tag\">Full-time<\/span>\r\n <i class=\"fas fa-arrow-right job-arrow\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"job-item\">\r\n <div class=\"job-info\">\r\n <span class=\"job-title\">Software Engineer (VoIP\/SIP)<\/span>\r\n <span class=\"job-location\">Bangalore, India<\/span>\r\n <\/div>\r\n <span class=\"job-tag\">Full-time<\/span>\r\n <i class=\"fas fa-arrow-right job-arrow\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"job-item\">\r\n <div class=\"job-info\">\r\n <span class=\"job-title\">Customer Success Manager<\/span>\r\n <span class=\"job-location\">Remote (Global)<\/span>\r\n <\/div>\r\n <span class=\"job-tag\">Full-time<\/span>\r\n <i class=\"fas fa-arrow-right job-arrow\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"job-item\">\r\n <div class=\"job-info\">\r\n <span class=\"job-title\">Internship - Telecom Engineering<\/span>\r\n <span class=\"job-location\">London, UK<\/span>\r\n <\/div>\r\n <span class=\"job-tag\">Internship<\/span>\r\n <i class=\"fas fa-arrow-right job-arrow\"><\/i>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02b8fb1 e-con-full e-flex e-con e-parent\" data-id=\"02b8fb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c753dcc elementor-widget elementor-widget-html\" data-id=\"c753dcc\" 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 - Employee Benefits<\/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: #F8F9FB;\r\n overflow-x: hidden;\r\n }\r\n\r\n :root {\r\n --purple: #8E24AA;\r\n --blue: #009FE3;\r\n --green: #8BC34A;\r\n --orange: #FB8C00;\r\n --yellow: #FFC107;\r\n --dark: #0a1a2f;\r\n --gray: #475569;\r\n --gray-light: #94a3b8;\r\n --white: #ffffff;\r\n --badge-color: #4D7DD1;\r\n --border: #e5e7eb;\r\n }\r\n\r\n .benefits {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .benefits::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse at 20% 80%, rgba(142, 36, 170, 0.03) 0%, transparent 50%),\r\n radial-gradient(ellipse at 80% 20%, rgba(0, 159, 227, 0.03) 0%, transparent 50%);\r\n z-index: 0;\r\n }\r\n\r\n .benefits-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 text-align: center;\r\n max-width: 680px;\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 }\r\n\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .benefits-text {\r\n max-width: 600px;\r\n }\r\n\r\n .benefits-text .description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--gray);\r\n margin-bottom: 16px;\r\n }\r\n\r\n .benefits-text .description strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .benefits-list {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px 20px;\r\n margin-top: 16px;\r\n }\r\n\r\n .benefits-list .benefit-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n color: var(--gray);\r\n padding: 4px 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .benefits-list .benefit-item:hover {\r\n color: var(--dark);\r\n transform: translateX(4px);\r\n }\r\n\r\n .benefits-list .benefit-item i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n width: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .benefits-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .benefits-visual-wrapper {\r\n position: relative;\r\n width: 100%;\r\n max-width: 520px;\r\n }\r\n\r\n .benefits-image {\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\r\n position: relative;\r\n background: #f8fafc;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .benefits-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 20px;\r\n }\r\n\r\n .benefits-image-overlay {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.05), rgba(134, 74, 186, 0.03));\r\n pointer-events: none;\r\n }\r\n\r\n .benefits-float-card {\r\n position: absolute;\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 14px 18px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n animation: floatCard 6s ease-in-out infinite;\r\n z-index: 2;\r\n }\r\n\r\n .benefits-float-card .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n }\r\n\r\n .benefits-float-card .card-icon.purple {\r\n background: linear-gradient(135deg, var(--purple), #a855f7);\r\n }\r\n .benefits-float-card .card-icon.blue {\r\n background: linear-gradient(135deg, var(--blue), #38bdf8);\r\n }\r\n .benefits-float-card .card-icon.green {\r\n background: linear-gradient(135deg, var(--green), #a3e635);\r\n }\r\n\r\n .benefits-float-card .card-text {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .benefits-float-card .card-text small {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 11px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .benefits-float-card.card-1 {\r\n top: -15px;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .benefits-float-card.card-2 {\r\n bottom: 20px;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .benefits-float-card.card-3 {\r\n bottom: -15px;\r\n right: -10px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n .benefits-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1.5px solid rgba(77, 125, 209, 0.06);\r\n pointer-events: none;\r\n z-index: 0;\r\n width: 120%;\r\n height: 120%;\r\n top: -10%;\r\n left: -10%;\r\n animation: spin 30s linear infinite;\r\n }\r\n\r\n .benefits-ring::before {\r\n content: '';\r\n position: absolute;\r\n top: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--badge-color);\r\n box-shadow: 0 0 20px rgba(77, 125, 209, 0.2);\r\n }\r\n\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .benefits { padding: 60px 0; }\r\n .benefits-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .benefits-text { max-width: 100%; margin: 0 auto; }\r\n .benefits-list { justify-content: center; max-width: 400px; margin: 16px auto 0; }\r\n .benefits-list .benefit-item { justify-content: center; }\r\n .benefits-visual-wrapper { max-width: 420px; margin: 0 auto; }\r\n .benefits-float-card.card-1 { top: -10px; right: 0px; }\r\n .benefits-float-card.card-2 { bottom: 10px; left: -10px; }\r\n .benefits-float-card.card-3 { bottom: -10px; right: 0px; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .benefits { padding: 50px 0; }\r\n .benefits-inner { padding: 0 20px; }\r\n .section-title { font-size: clamp(28px, 6vw, 32px); }\r\n .benefits-text .description { font-size: 15px; }\r\n .benefits-list { grid-template-columns: 1fr 1fr; gap: 8px 16px; max-width: 100%; }\r\n .benefits-list .benefit-item { font-size: 13px; padding: 4px 0; }\r\n .benefits-visual-wrapper { max-width: 360px; }\r\n .benefits-float-card {\r\n padding: 10px 14px;\r\n gap: 10px;\r\n }\r\n .benefits-float-card .card-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n .benefits-float-card .card-text { font-size: 12px; }\r\n .benefits-float-card .card-text small { font-size: 10px; }\r\n .benefits-float-card.card-1 { top: -5px; right: -5px; }\r\n .benefits-float-card.card-2 { bottom: 5px; left: -15px; }\r\n .benefits-float-card.card-3 { display: none; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .benefits { padding: 40px 0; }\r\n .benefits-inner { padding: 0 16px; }\r\n .section-title { font-size: 24px; }\r\n .section-badge { font-size: 10px; }\r\n .section-subtitle { font-size: 14px; }\r\n .benefits-text .description { font-size: 14px; }\r\n .benefits-list { grid-template-columns: 1fr; gap: 6px; }\r\n .benefits-list .benefit-item { font-size: 13px; justify-content: flex-start; }\r\n .benefits-visual-wrapper { max-width: 280px; }\r\n .benefits-float-card.card-1 {\r\n top: -5px;\r\n right: -10px;\r\n padding: 8px 12px;\r\n }\r\n .benefits-float-card.card-2 {\r\n bottom: 0;\r\n left: -10px;\r\n padding: 8px 12px;\r\n }\r\n .benefits-float-card .card-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .benefits-float-card .card-text { font-size: 10px; }\r\n .benefits-float-card .card-text small { font-size: 9px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .benefits-visual-wrapper { max-width: 240px; }\r\n .benefits-float-card.card-1,\r\n .benefits-float-card.card-2 {\r\n padding: 6px 10px;\r\n gap: 6px;\r\n }\r\n .benefits-float-card .card-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n border-radius: 8px;\r\n }\r\n .benefits-float-card .card-text { font-size: 9px; }\r\n .benefits-float-card .card-text small { font-size: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"benefits\">\r\n <div class=\"benefits-inner\">\r\n\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">\r\n <span class=\"dot\"><\/span>\r\n Employee Benefits\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Benefits That <span class=\"highlight\">Empower You<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n We believe in taking care of our people \u2014 because when you thrive, we all thrive. \r\n Here's what you can expect when you join Infinexy.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"benefits-grid\">\r\n\r\n <div class=\"benefits-text\">\r\n\r\n <p class=\"description\">\r\n <strong>At Infinexy Technologies,<\/strong> we know that our success starts with our people. That's why we offer a comprehensive benefits package designed to support your well-being, growth, and work-life balance. From competitive compensation to flexible work arrangements, we invest in what matters most to you.\r\n <\/p>\r\n\r\n <p class=\"description\" style=\"margin-bottom:0;\">\r\n We believe in creating an environment where you can do your best work \u2014 whether that's through continuous learning, health and wellness programs, or simply having the flexibility to balance your professional and personal life. <strong>Your growth is our growth.<\/strong>\r\n <\/p>\r\n\r\n <div class=\"benefits-list\">\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Competitive Salary & Bonuses\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Flexible Working Hours\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Remote & Hybrid Options\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Health & Wellness Programs\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Professional Development\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Paid Time Off & Holidays\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Global Team Collaboration\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Innovation & Learning Culture\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"benefits-visual\">\r\n <div class=\"benefits-visual-wrapper\">\r\n\r\n <div class=\"benefits-ring\"><\/div>\r\n\r\n <div class=\"benefits-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/img96622326.webp\"\r\n alt=\"Employee Benefits - Infinexy Careers\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"benefits-image-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"benefits-float-card card-1\">\r\n <div class=\"card-icon purple\">\r\n <i class=\"fas fa-heart\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Health & Wellness\r\n <small>You matter<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefits-float-card card-2\">\r\n <div class=\"card-icon blue\">\r\n <i class=\"fas fa-laptop-house\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Work from Anywhere\r\n <small>Flexible culture<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefits-float-card card-3\">\r\n <div class=\"card-icon green\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Grow & Thrive\r\n <small>Learn every day<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d23afdf e-con-full e-flex e-con e-parent\" data-id=\"d23afdf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-144cbce elementor-widget elementor-widget-html\" data-id=\"144cbce\" 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 - Internship Program<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\"\/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif !important;\r\n background: #f8fafc;\r\n overflow-x: hidden;\r\n }\r\n\r\n :root {\r\n --purple: #8E24AA;\r\n --blue: #009FE3;\r\n --green: #8BC34A;\r\n --orange: #FB8C00;\r\n --yellow: #FFC107;\r\n --dark: #0a1a2f;\r\n --gray: #475569;\r\n --gray-light: #94a3b8;\r\n --white: #ffffff;\r\n --badge-color: #4D7DD1;\r\n --border: #e5e7eb;\r\n }\r\n\r\n .internship {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .internship::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse at 20% 80%, rgba(142, 36, 170, 0.03) 0%, transparent 50%),\r\n radial-gradient(ellipse at 80% 20%, rgba(0, 159, 227, 0.03) 0%, transparent 50%);\r\n z-index: 0;\r\n }\r\n\r\n .internship-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 text-align: center;\r\n max-width: 680px;\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 }\r\n\r\n .internship-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .internship-grid > .internship-visual {\r\n order: 1;\r\n }\r\n .internship-grid > .internship-text {\r\n order: 2;\r\n }\r\n\r\n .internship-text {\r\n max-width: 600px;\r\n }\r\n\r\n .internship-text .description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--gray);\r\n margin-bottom: 16px;\r\n }\r\n\r\n .internship-text .description strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .internship-list {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px 20px;\r\n margin-top: 16px;\r\n }\r\n\r\n .internship-list .internship-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n color: var(--gray);\r\n padding: 4px 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .internship-list .internship-item:hover {\r\n color: var(--dark);\r\n transform: translateX(4px);\r\n }\r\n\r\n .internship-list .internship-item i {\r\n color: var(--badge-color);\r\n font-size: 16px;\r\n width: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .internship-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .internship-visual-wrapper {\r\n position: relative;\r\n width: 100%;\r\n max-width: 520px;\r\n }\r\n\r\n .internship-image {\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\r\n position: relative;\r\n background: #f8fafc;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .internship-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 20px;\r\n }\r\n\r\n .internship-image-overlay {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.05), rgba(134, 74, 186, 0.03));\r\n pointer-events: none;\r\n }\r\n\r\n .internship-float-card {\r\n position: absolute;\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 14px 18px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n animation: floatCard 6s ease-in-out infinite;\r\n z-index: 2;\r\n }\r\n\r\n .internship-float-card .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n }\r\n\r\n .internship-float-card .card-icon.purple {\r\n background: linear-gradient(135deg, var(--purple), #a855f7);\r\n }\r\n .internship-float-card .card-icon.blue {\r\n background: linear-gradient(135deg, var(--blue), #38bdf8);\r\n }\r\n .internship-float-card .card-icon.green {\r\n background: linear-gradient(135deg, var(--green), #a3e635);\r\n }\r\n\r\n .internship-float-card .card-text {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .internship-float-card .card-text small {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 11px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .internship-float-card.card-1 {\r\n top: -15px;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .internship-float-card.card-2 {\r\n bottom: 20px;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .internship-float-card.card-3 {\r\n bottom: -15px;\r\n right: -10px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n \/* Ring removed - deleted *\/\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 @media (max-width: 991px) {\r\n .internship { padding: 60px 0; }\r\n .internship-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .internship-grid > .internship-visual { order: 1; }\r\n .internship-grid > .internship-text { order: 2; }\r\n .internship-text { max-width: 100%; margin: 0 auto; }\r\n .internship-list { justify-content: center; max-width: 400px; margin: 16px auto 0; }\r\n .internship-list .internship-item { justify-content: center; }\r\n .internship-visual-wrapper { max-width: 420px; margin: 0 auto; }\r\n .internship-float-card.card-1 { top: -10px; right: 0px; }\r\n .internship-float-card.card-2 { bottom: 10px; left: -10px; }\r\n .internship-float-card.card-3 { bottom: -10px; right: 0px; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .internship { padding: 50px 0; }\r\n .internship-inner { padding: 0 20px; }\r\n .section-title { font-size: clamp(28px, 6vw, 32px); }\r\n .internship-text .description { font-size: 15px; }\r\n .internship-list { grid-template-columns: 1fr 1fr; gap: 8px 16px; max-width: 100%; }\r\n .internship-list .internship-item { font-size: 13px; padding: 4px 0; }\r\n .internship-visual-wrapper { max-width: 360px; }\r\n .internship-float-card {\r\n padding: 10px 14px;\r\n gap: 10px;\r\n }\r\n .internship-float-card .card-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n .internship-float-card .card-text { font-size: 12px; }\r\n .internship-float-card .card-text small { font-size: 10px; }\r\n .internship-float-card.card-1 { top: -5px; right: -5px; }\r\n .internship-float-card.card-2 { bottom: 5px; left: -15px; }\r\n .internship-float-card.card-3 { display: none; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .internship { padding: 40px 0; }\r\n .internship-inner { padding: 0 16px; }\r\n .section-title { font-size: 24px; }\r\n .section-badge { font-size: 10px; }\r\n .section-subtitle { font-size: 14px; }\r\n .internship-text .description { font-size: 14px; }\r\n .internship-list { grid-template-columns: 1fr; gap: 6px; }\r\n .internship-list .internship-item { font-size: 13px; justify-content: flex-start; }\r\n .internship-visual-wrapper { max-width: 280px; }\r\n .internship-float-card.card-1 {\r\n top: -5px;\r\n right: -10px;\r\n padding: 8px 12px;\r\n }\r\n .internship-float-card.card-2 {\r\n bottom: 0;\r\n left: -10px;\r\n padding: 8px 12px;\r\n }\r\n .internship-float-card .card-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .internship-float-card .card-text { font-size: 10px; }\r\n .internship-float-card .card-text small { font-size: 9px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .internship-visual-wrapper { max-width: 240px; }\r\n .internship-float-card.card-1,\r\n .internship-float-card.card-2 {\r\n padding: 6px 10px;\r\n gap: 6px;\r\n }\r\n .internship-float-card .card-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n border-radius: 8px;\r\n }\r\n .internship-float-card .card-text { font-size: 9px; }\r\n .internship-float-card .card-text small { font-size: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"internship\">\r\n <div class=\"internship-inner\">\r\n\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">\r\n <span class=\"dot\"><\/span>\r\n Internship Program\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Launch Your <span class=\"highlight\">Career<\/span> With Us\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Gain hands-on experience, learn from industry experts, and build a foundation for a successful career in technology and telecommunications.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"internship-grid\">\r\n\r\n <div class=\"internship-visual\">\r\n <div class=\"internship-visual-wrapper\">\r\n\r\n <div class=\"internship-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/img559642.webp\"\r\n alt=\"Internship Program - Infinexy Careers\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"internship-image-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"internship-float-card card-1\">\r\n <div class=\"card-icon purple\">\r\n <i class=\"fas fa-graduation-cap\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Learn & Grow\r\n <small>Real-world experience<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"internship-float-card card-2\">\r\n <div class=\"card-icon blue\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Mentorship\r\n <small>Learn from experts<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"internship-float-card card-3\">\r\n <div class=\"card-icon green\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Career Launchpad\r\n <small>Build your future<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"internship-text\">\r\n\r\n <p class=\"description\">\r\n <strong>Infinexy's Internship Program<\/strong> is designed for ambitious students and recent graduates who want to make an impact. Join us and gain practical experience in a fast-paced, innovative environment where your ideas are valued and your growth is our priority.\r\n <\/p>\r\n\r\n <p class=\"description\" style=\"margin-bottom:0;\">\r\n As an intern at Infinexy, you'll work on real projects, collaborate with experienced professionals, and develop the skills you need to launch your career. <strong>We invest in your future \u2014 because you are the future of technology.<\/strong>\r\n <\/p>\r\n\r\n <div class=\"internship-list\">\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Paid Internship\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Hands-on Experience\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Mentorship Program\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Flexible Duration\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Work on Live Projects\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Career Development\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Networking Opportunities\r\n <\/div>\r\n <div class=\"internship-item\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n Performance-Based Offers\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5715085 e-con-full e-flex e-con e-parent\" data-id=\"5715085\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dae435 elementor-widget elementor-widget-html\" data-id=\"1dae435\" 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 - Careers<\/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 CAREERS SECTION\r\n ======================================== *\/\r\n .careers {\r\n padding: 50px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .careers::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 .careers-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 .section-header {\r\n text-align: center;\r\n max-width: 680px;\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-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 CAREERS CONTENT\r\n ======================================== *\/\r\n .careers-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n \/* ===== LEFT: TEXT ===== *\/\r\n .careers-text {\r\n max-width: 600px;\r\n }\r\n\r\n .careers-text .description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--gray);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .careers-text .description strong {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== APPLY ONLINE ===== *\/\r\n .apply-section {\r\n margin-top: 28px;\r\n padding-top: 28px;\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .apply-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 14px 36px;\r\n font-size: 15px;\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 .apply-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 .apply-btn:hover::before {\r\n transform: translateX(0);\r\n }\r\n\r\n .apply-btn:hover {\r\n color: var(--white);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(142, 36, 170, 0.35);\r\n }\r\n\r\n .apply-btn i {\r\n font-size: 16px;\r\n transition: transform 0.3s ease;\r\n color: var(--white);\r\n }\r\n\r\n .apply-btn:hover i {\r\n transform: translateX(4px);\r\n }\r\n\r\n .apply-btn span {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== RIGHT: VISUAL ===== *\/\r\n .careers-visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .careers-visual-wrapper {\r\n position: relative;\r\n width: 100%;\r\n max-width: 520px;\r\n }\r\n\r\n .careers-image {\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\r\n position: relative;\r\n background: #f8fafc;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .careers-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 20px;\r\n }\r\n\r\n .careers-image-overlay {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, rgba(77, 125, 209, 0.05), rgba(134, 74, 186, 0.03));\r\n pointer-events: none;\r\n }\r\n\r\n \/* ===== FLOATING CARDS ===== *\/\r\n .careers-float-card {\r\n position: absolute;\r\n background: var(--white);\r\n border-radius: 14px;\r\n padding: 14px 18px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n animation: floatCard 6s ease-in-out infinite;\r\n z-index: 2;\r\n }\r\n\r\n .careers-float-card .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: var(--white);\r\n flex-shrink: 0;\r\n }\r\n\r\n .careers-float-card .card-icon.purple {\r\n background: linear-gradient(135deg, var(--purple), #a855f7);\r\n }\r\n .careers-float-card .card-icon.blue {\r\n background: linear-gradient(135deg, var(--blue), #38bdf8);\r\n }\r\n .careers-float-card .card-icon.green {\r\n background: linear-gradient(135deg, var(--green), #a3e635);\r\n }\r\n\r\n .careers-float-card .card-text {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n }\r\n\r\n .careers-float-card .card-text small {\r\n display: block;\r\n font-weight: 400;\r\n font-size: 11px;\r\n color: var(--gray-light);\r\n }\r\n\r\n .careers-float-card.card-1 {\r\n top: -15px;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .careers-float-card.card-2 {\r\n bottom: 20px;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .careers-float-card.card-3 {\r\n bottom: -15px;\r\n right: -10px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n\r\n \/* ===== ANIMATED RING ===== *\/\r\n .careers-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1.5px solid rgba(77, 125, 209, 0.06);\r\n pointer-events: none;\r\n z-index: 0;\r\n width: 120%;\r\n height: 120%;\r\n top: -10%;\r\n left: -10%;\r\n animation: spin 30s linear infinite;\r\n }\r\n\r\n .careers-ring::before {\r\n content: '';\r\n position: absolute;\r\n top: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--badge-color);\r\n box-shadow: 0 0 20px rgba(77, 125, 209, 0.2);\r\n }\r\n\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n \/* ========================================\r\n ANIMATIONS\r\n ======================================== *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 991px) {\r\n .careers { padding: 60px 0; }\r\n .careers-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .careers-text { max-width: 100%; margin: 0 auto; }\r\n .apply-section { text-align: center; }\r\n .apply-btn { justify-content: center; }\r\n .careers-visual-wrapper { max-width: 420px; margin: 0 auto; }\r\n .careers-float-card.card-1 { top: -10px; right: 0px; }\r\n .careers-float-card.card-2 { bottom: 10px; left: -10px; }\r\n .careers-float-card.card-3 { bottom: -10px; right: 0px; }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .careers { padding: 50px 0; }\r\n .careers-inner { padding: 0 20px; }\r\n .section-title { font-size: clamp(28px, 6vw, 32px); }\r\n .careers-text .description { font-size: 15px; }\r\n .apply-btn { padding: 12px 28px; font-size: 14px; width: 100%; max-width: 300px; }\r\n .careers-visual-wrapper { max-width: 360px; }\r\n .careers-float-card {\r\n padding: 10px 14px;\r\n gap: 10px;\r\n }\r\n .careers-float-card .card-icon {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 15px;\r\n }\r\n .careers-float-card .card-text { font-size: 12px; }\r\n .careers-float-card .card-text small { font-size: 10px; }\r\n .careers-float-card.card-1 { top: -5px; right: -5px; }\r\n .careers-float-card.card-2 { bottom: 5px; left: -15px; }\r\n .careers-float-card.card-3 { display: none; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .careers { padding: 40px 0; }\r\n .careers-inner { padding: 0 16px; }\r\n .section-title { font-size: 24px; }\r\n .section-badge { font-size: 10px; }\r\n .section-subtitle { font-size: 14px; }\r\n .careers-text .description { font-size: 14px; }\r\n .apply-btn { padding: 10px 20px; font-size: 13px; max-width: 260px; }\r\n .careers-visual-wrapper { max-width: 280px; }\r\n .careers-float-card.card-1 {\r\n top: -5px;\r\n right: -10px;\r\n padding: 8px 12px;\r\n }\r\n .careers-float-card.card-2 {\r\n bottom: 0;\r\n left: -10px;\r\n padding: 8px 12px;\r\n }\r\n .careers-float-card .card-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 12px;\r\n }\r\n .careers-float-card .card-text { font-size: 10px; }\r\n .careers-float-card .card-text small { font-size: 9px; }\r\n }\r\n\r\n @media (max-width: 375px) {\r\n .careers-visual-wrapper { max-width: 240px; }\r\n .careers-float-card.card-1,\r\n .careers-float-card.card-2 {\r\n padding: 6px 10px;\r\n gap: 6px;\r\n }\r\n .careers-float-card .card-icon {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 10px;\r\n border-radius: 8px;\r\n }\r\n .careers-float-card .card-text { font-size: 9px; }\r\n .careers-float-card .card-text small { font-size: 8px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"careers\">\r\n <div class=\"careers-inner\">\r\n\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">\r\n <span class=\"dot\"><\/span>\r\n Careers\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Build Your Career with Us\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Join a team of innovators, problem-solvers, and technology enthusiasts \r\n who are shaping the future of telecom.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"careers-grid\">\r\n\r\n <div class=\"careers-text\">\r\n\r\n <p class=\"description\">\r\n <strong>At Infinexy Technologies,<\/strong> we believe that great technology \r\n starts with great people. We are always looking for talented professionals \r\n who are passionate about innovation, collaboration, and making an impact.\r\n <\/p>\r\n\r\n <p class=\"description\" style=\"margin-bottom:0;\">\r\n Whether you are a seasoned expert or just starting your career, \r\n we offer opportunities to grow, learn, and contribute to meaningful projects \r\n that connect the world.\r\n <\/p>\r\n\r\n \r\n <div class=\"apply-section\">\r\n <a href=\"mailto:teamhr@infinexy.net\" class=\"apply-btn\">\r\n <span>Apply Online<\/span>\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"careers-visual\">\r\n <div class=\"careers-visual-wrapper\">\r\n\r\n <div class=\"careers-ring\"><\/div>\r\n\r\n <div class=\"careers-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-content\/uploads\/2026\/07\/img236397425.webp\"\r\n alt=\"Infinexy Careers - Join Our Team\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"careers-image-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"careers-float-card card-1\">\r\n <div class=\"card-icon purple\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Innovate\r\n <small>Cutting-edge tech<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"careers-float-card card-2\">\r\n <div class=\"card-icon blue\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Collaborate\r\n <small>Global team<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"careers-float-card card-3\">\r\n <div class=\"card-icon green\">\r\n <i class=\"fas fa-graduation-cap\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n Grow\r\n <small>Learn & develop<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Infinexy – Careers Home Careers Careers at Infinexy At Infinexy Technologies, we believe in building a workplace where talent thrives, innovation flourishes, and careers grow. Join our global team of passionate professionals dedicated to transforming the telecommunications industry through cutting-edge technology, collaboration, and a shared commitment to excellence. Whether you’re an engineer, a sales professional, […]<\/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-890","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/890","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=890"}],"version-history":[{"count":38,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/890\/revisions"}],"predecessor-version":[{"id":2209,"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/pages\/890\/revisions\/2209"}],"wp:attachment":[{"href":"https:\/\/w3webhelp.in\/sample\/Infinexy\/wp-json\/wp\/v2\/media?parent=890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}