{"id":189,"date":"2025-06-04T16:08:42","date_gmt":"2025-06-04T16:08:42","guid":{"rendered":"https:\/\/synthex-tech.com\/?page_id=189"},"modified":"2026-02-01T16:41:22","modified_gmt":"2026-02-01T16:41:22","slug":"cloud","status":"publish","type":"page","link":"https:\/\/synthex-tech.com\/?page_id=189","title":{"rendered":"Cloud"},"content":{"rendered":"<!-- WordPress Content with Particle Background Effect -->\n\n<div class=\"wp-block-group alignfull\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n    <!-- New Row with Particle Background -->\n    <div style=\"position: relative; padding: 80px 20px; margin: 0; border-radius: 0; overflow: hidden; background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #7e8ba3 100%); color: white; min-height: 600px;\">\n        \n        <!-- Animated Particle Background -->\n        <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1;\">\n            <!-- Floating Particles -->\n            <div style=\"position: absolute; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; top: 10%; left: 20%; animation: particleFloat1 15s linear infinite;\"><\/div>\n            <div style=\"position: absolute; width: 6px; height: 6px; background: rgba(135, 206, 250, 0.9); border-radius: 50%; top: 25%; left: 60%; animation: particleFloat2 20s linear infinite;\"><\/div>\n            <div style=\"position: absolute; width: 3px; height: 3px; background: rgba(255, 255, 255, 0.7); border-radius: 50%; top: 45%; left: 30%; animation: particleFloat3 18s linear infinite;\"><\/div>\n            <div style=\"position: absolute; width: 5px; height: 5px; background: rgba(173, 216, 230, 0.8); border-radius: 50%; top: 65%; left: 70%; animation: particleFloat1 22s linear infinite;\"><\/div>\n            <div style=\"position: absolute; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.6); border-radius: 50%; top: 80%; left: 15%; animation: particleFloat2 25s linear infinite;\"><\/div>\n            <div style=\"position: absolute; width: 7px; height: 7px; background: rgba(135, 206, 250, 0.7); border-radius: 50%; top: 35%; left: 85%; animation: particleFloat3 17s linear infinite;\"><\/div>\n            <div style=\"position: absolute; width: 3px; height: 3px; background: rgba(255, 255, 255, 0.9); border-radius: 50%; top: 55%; left: 45%; animation: particleFloat1 19s linear infinite;\"><\/div>\n            <div style=\"position: absolute; width: 5px; height: 5px; background: rgba(173, 216, 230, 0.8); border-radius: 50%; top: 75%; left: 55%; animation: particleFloat2 21s linear infinite;\"><\/div>\n            \n            <!-- Moving Light Beams -->\n            <div style=\"position: absolute; width: 200px; height: 2px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent); top: 20%; animation: lightBeam1 8s ease-in-out infinite;\"><\/div>\n            <div style=\"position: absolute; width: 150px; height: 1px; background: linear-gradient(90deg, transparent, rgba(135, 206, 250, 0.5), transparent); top: 40%; animation: lightBeam2 10s ease-in-out infinite;\"><\/div>\n            <div style=\"position: absolute; width: 180px; height: 2px; background: linear-gradient(90deg, transparent, rgba(173, 216, 230, 0.7), transparent); top: 60%; animation: lightBeam1 12s ease-in-out infinite;\"><\/div>\n            <div style=\"position: absolute; width: 120px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); top: 80%; animation: lightBeam2 9s ease-in-out infinite;\"><\/div>\n            \n            <!-- Rotating Geometric Shapes -->\n            <div style=\"position: absolute; width: 80px; height: 80px; border: 2px solid rgba(255, 255, 255, 0.3); top: 15%; right: 10%; animation: shapeRotate1 15s linear infinite; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\"><\/div>\n            <div style=\"position: absolute; width: 60px; height: 60px; border: 2px solid rgba(135, 206, 250, 0.4); bottom: 20%; left: 8%; animation: shapeRotate2 20s linear infinite reverse; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);\"><\/div>\n            <div style=\"position: absolute; width: 100px; height: 100px; border: 1px solid rgba(173, 216, 230, 0.2); top: 50%; right: 25%; animation: shapeRotate1 25s linear infinite; border-radius: 50%;\"><\/div>\n            \n            <!-- Wave Lines -->\n            <svg style=\"position: absolute; width: 100%; height: 100%; opacity: 0.3;\">\n                <path d=\"M0,50 Q300,30 600,50 T1200,50\" stroke=\"rgba(255, 255, 255, 0.5)\" stroke-width=\"1\" fill=\"none\" style=\"animation: wavePath1 10s ease-in-out infinite;\">\n                    <animate attributeName=\"d\" \n                        values=\"M0,50 Q300,30 600,50 T1200,50;\n                                M0,70 Q300,50 600,70 T1200,70;\n                                M0,50 Q300,30 600,50 T1200,50\"\n                        dur=\"10s\" \n                        repeatCount=\"indefinite\"\/>\n                <\/path>\n                <path d=\"M0,150 Q300,130 600,150 T1200,150\" stroke=\"rgba(135, 206, 250, 0.4)\" stroke-width=\"1\" fill=\"none\" style=\"animation: wavePath2 12s ease-in-out infinite;\">\n                    <animate attributeName=\"d\" \n                        values=\"M0,150 Q300,130 600,150 T1200,150;\n                                M0,170 Q300,150 600,170 T1200,170;\n                                M0,150 Q300,130 600,150 T1200,150\"\n                        dur=\"12s\" \n                        repeatCount=\"indefinite\"\/>\n                <\/path>\n                <path d=\"M0,250 Q300,230 600,250 T1200,250\" stroke=\"rgba(173, 216, 230, 0.3)\" stroke-width=\"1\" fill=\"none\" style=\"animation: wavePath1 15s ease-in-out infinite;\">\n                    <animate attributeName=\"d\" \n                        values=\"M0,250 Q300,230 600,250 T1200,250;\n                                M0,270 Q300,250 600,270 T1200,270;\n                                M0,250 Q300,230 600,250 T1200,250\"\n                        dur=\"15s\" \n                        repeatCount=\"indefinite\"\/>\n                <\/path>\n            <\/svg>\n        <\/div>\n        \n        <!-- Content Container -->\n        <div style=\"position: relative; z-index: 2; max-width: 1200px; margin: 0 auto;\">\n            <!-- Cloud Services Expertise Section -->\n            <div style=\"text-align: center; margin-bottom: 80px;\">\n                <h1 style=\"font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 700; margin-bottom: 30px; color: #ffffff; line-height: 1.1; text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\">Discover Our Cloud Expertise<\/h1>\n                <div style=\"width: 100px; height: 4px; background: linear-gradient(90deg, #87ceeb, #ffffff, #87ceeb); margin: 0 auto 40px; border-radius: 2px; opacity: 0.8;\"><\/div>\n                <p style=\"font-size: clamp(1.2rem, 2.5vw, 1.6rem); color: rgba(255, 255, 255, 0.9); max-width: 800px; margin: 0 auto 50px; line-height: 1.8; font-weight: 300;\">From enterprise architecture to advanced analytics, we deliver comprehensive cloud solutions that drive digital transformation and accelerate business growth.<\/p>\n            <\/div>\n            \n            <!-- Cloud Services Features Grid -->\n            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px;\">\n                <!-- Enterprise Architecture Card -->\n                <div class=\"cloud-feature-card\" style=\"background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; opacity: 0; transform: translateY(50px) rotateX(10deg);\">\n                    <div style=\"position: relative; height: 200px; overflow: hidden; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center;\">\n                        <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(102, 126, 234, 0.8) 0%, rgba(118, 75, 162, 0.8) 100%);\"><\/div>\n                        <div style=\"position: relative; z-index: 2; text-align: center;\">\n                            <div style=\"width: 80px; height: 80px; margin: 0 auto 20px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: pulse 2s infinite;\">\n                                <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M13 2L3 14H12L11 22L21 10H12L13 2Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div style=\"position: absolute; bottom: 20px; left: 20px; right: 20px;\">\n                            <h3 style=\"color: #ffffff; font-size: 1.4rem; font-weight: 700; margin: 0; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\">Enterprise Architecture<\/h3>\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 25px;\">\n                        <p style=\"color: rgba(255, 255, 255, 0.9); line-height: 1.6; font-size: 0.9rem; margin: 0;\">Designing scalable, robust cloud frameworks tailored to your business.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Cloud Transformation Card -->\n                <div class=\"cloud-feature-card\" style=\"background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; opacity: 0; transform: translateY(50px) rotateX(10deg);\">\n                    <div style=\"position: relative; height: 200px; overflow: hidden; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); display: flex; align-items: center; justify-content: center;\">\n                        <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(240, 147, 251, 0.8) 0%, rgba(245, 87, 108, 0.8) 100%);\"><\/div>\n                        <div style=\"position: relative; z-index: 2; text-align: center;\">\n                            <div style=\"width: 80px; height: 80px; margin: 0 auto 20px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: rotate 3s linear infinite;\">\n                                <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"white\" stroke-width=\"2\"\/>\n                                    <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"white\"\/>\n                                    <path d=\"M12 2V7M12 17V22M2 12H7M17 12H22\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div style=\"position: absolute; bottom: 20px; left: 20px; right: 20px;\">\n                            <h3 style=\"color: #ffffff; font-size: 1.4rem; font-weight: 700; margin: 0; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\">Cloud Transformation<\/h3>\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 25px;\">\n                        <p style=\"color: rgba(255, 255, 255, 0.9); line-height: 1.6; font-size: 0.9rem; margin: 0;\">Seamless migration and modernization for optimal cloud performance.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Advanced Analytics Card -->\n                <div class=\"cloud-feature-card\" style=\"background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; opacity: 0; transform: translateY(50px) rotateX(10deg);\">\n                    <div style=\"position: relative; height: 200px; overflow: hidden; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); display: flex; align-items: center; justify-content: center;\">\n                        <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(79, 172, 254, 0.8) 0%, rgba(0, 242, 254, 0.8) 100%);\"><\/div>\n                        <div style=\"position: relative; z-index: 2; text-align: center;\">\n                            <div style=\"width: 80px; height: 80px; margin: 0 auto 20px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: bounce 2s infinite;\">\n                                <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <path d=\"M14 2V8H20\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <path d=\"M12 18V12\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                    <path d=\"M9 15H15\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div style=\"position: absolute; bottom: 20px; left: 20px; right: 20px;\">\n                            <h3 style=\"color: #ffffff; font-size: 1.4rem; font-weight: 700; margin: 0; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\">Advanced Analytics<\/h3>\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 25px;\">\n                        <p style=\"color: rgba(255, 255, 255, 0.9); line-height: 1.6; font-size: 0.9rem; margin: 0;\">Leveraging data insights to drive smarter, data-driven decisions.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Software Engineering Services Card -->\n                <div class=\"cloud-feature-card\" style=\"background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; opacity: 0; transform: translateY(50px) rotateX(10deg);\">\n                    <div style=\"position: relative; height: 200px; overflow: hidden; background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); display: flex; align-items: center; justify-content: center;\">\n                        <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(250, 112, 154, 0.8) 0%, rgba(254, 225, 64, 0.8) 100%);\"><\/div>\n                        <div style=\"position: relative; z-index: 2; text-align: center;\">\n                            <div style=\"width: 80px; height: 80px; margin: 0 auto 20px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: pulse 2.5s infinite;\">\n                                <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"white\" stroke-width=\"2\"\/>\n                                    <path d=\"M9 9H15M9 12H15M9 15H11\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div style=\"position: absolute; bottom: 20px; left: 20px; right: 20px;\">\n                            <h3 style=\"color: #ffffff; font-size: 1.4rem; font-weight: 700; margin: 0; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\">Software Engineering Services<\/h3>\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 25px;\">\n                        <p style=\"color: rgba(255, 255, 255, 0.9); line-height: 1.6; font-size: 0.9rem; margin: 0;\">Covering everything from service development to data management, quality engineering, and beyond.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- DevOps Services Card -->\n                <div class=\"cloud-feature-card\" style=\"background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; opacity: 0; transform: translateY(50px) rotateX(10deg);\">\n                    <div style=\"position: relative; height: 200px; overflow: hidden; background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); display: flex; align-items: center; justify-content: center;\">\n                        <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(168, 237, 234, 0.8) 0%, rgba(254, 214, 227, 0.8) 100%);\"><\/div>\n                        <div style=\"position: relative; z-index: 2; text-align: center;\">\n                            <div style=\"width: 80px; height: 80px; margin: 0 auto 20px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: rotate 4s linear infinite;\">\n                                <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <path d=\"M2 17L12 22L22 17\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <path d=\"M2 12L12 17L22 12\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div style=\"position: absolute; bottom: 20px; left: 20px; right: 20px;\">\n                            <h3 style=\"color: #ffffff; font-size: 1.4rem; font-weight: 700; margin: 0; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\">DevOps Services<\/h3>\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 25px;\">\n                        <p style=\"color: rgba(255, 255, 255, 0.9); line-height: 1.6; font-size: 0.9rem; margin: 0;\">Implementing a DevOps and Agile strategy designed to reduce operational costs while accelerating delivery speed.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Technology Consulting Services Card -->\n                <div class=\"cloud-feature-card\" style=\"background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; opacity: 0; transform: translateY(50px) rotateX(10deg);\">\n                    <div style=\"position: relative; height: 200px; overflow: hidden; background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%); display: flex; align-items: center; justify-content: center;\">\n                        <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(255, 236, 210, 0.8) 0%, rgba(252, 182, 159, 0.8) 100%);\"><\/div>\n                        <div style=\"position: relative; z-index: 2; text-align: center;\">\n                            <div style=\"width: 80px; height: 80px; margin: 0 auto 20px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: bounce 3s infinite;\">\n                                <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <div style=\"position: absolute; bottom: 20px; left: 20px; right: 20px;\">\n                            <h3 style=\"color: #ffffff; font-size: 1.4rem; font-weight: 700; margin: 0; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\">Technology Consulting Services<\/h3>\n                        <\/div>\n                    <\/div>\n                    <div style=\"padding: 25px;\">\n                        <p style=\"color: rgba(255, 255, 255, 0.9); line-height: 1.6; font-size: 0.9rem; margin: 0;\">Empowering customers to transform their businesses through innovative technology, strategic roadmaps, and expert guidance to achieve impactful results.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <style>\n            \/* Particle Animations *\/\n            @keyframes particleFloat1 {\n                0% {\n                    transform: translate(0, 0) scale(1);\n                    opacity: 0;\n                }\n                10% {\n                    opacity: 1;\n                }\n                90% {\n                    opacity: 1;\n                }\n                100% {\n                    transform: translate(100px, -300px) scale(0.5);\n                    opacity: 0;\n                }\n            }\n            \n            @keyframes particleFloat2 {\n                0% {\n                    transform: translate(0, 0) scale(1);\n                    opacity: 0;\n                }\n                10% {\n                    opacity: 1;\n                }\n                90% {\n                    opacity: 1;\n                }\n                100% {\n                    transform: translate(-150px, -400px) scale(0.3);\n                    opacity: 0;\n                }\n            }\n            \n            @keyframes particleFloat3 {\n                0% {\n                    transform: translate(0, 0) scale(1);\n                    opacity: 0;\n                }\n                10% {\n                    opacity: 1;\n                }\n                90% {\n                    opacity: 1;\n                }\n                100% {\n                    transform: translate(120px, -350px) scale(0.7);\n                    opacity: 0;\n                }\n            }\n            \n            @keyframes lightBeam1 {\n                0%, 100% {\n                    transform: translateX(-100%);\n                    opacity: 0;\n                }\n                50% {\n                    opacity: 1;\n                }\n                100% {\n                    transform: translateX(calc(100vw + 100%));\n                    opacity: 0;\n                }\n            }\n            \n            @keyframes lightBeam2 {\n                0%, 100% {\n                    transform: translateX(100%);\n                    opacity: 0;\n                }\n                50% {\n                    opacity: 1;\n                }\n                100% {\n                    transform: translateX(calc(-100vw - 100%));\n                    opacity: 0;\n                }\n            }\n            \n            @keyframes shapeRotate1 {\n                0% {\n                    transform: rotate(0deg) scale(1);\n                }\n                50% {\n                    transform: rotate(180deg) scale(1.2);\n                }\n                100% {\n                    transform: rotate(360deg) scale(1);\n                }\n            }\n            \n            @keyframes shapeRotate2 {\n                0% {\n                    transform: rotate(0deg) scale(1);\n                }\n                50% {\n                    transform: rotate(-180deg) scale(0.8);\n                }\n                100% {\n                    transform: rotate(-360deg) scale(1);\n                }\n            }\n            \n            @keyframes wavePath1 {\n                0%, 100% {\n                    stroke-dasharray: 0 1000;\n                }\n                50% {\n                    stroke-dasharray: 1000 0;\n                }\n            }\n            \n            @keyframes wavePath2 {\n                0%, 100% {\n                    stroke-dasharray: 0 1000;\n                }\n                50% {\n                    stroke-dasharray: 1000 0;\n                }\n            }\n            \n            @keyframes cardGlow1 {\n                0%, 100% {\n                    transform: rotate(0deg) scale(1);\n                    opacity: 0.3;\n                }\n                50% {\n                    transform: rotate(180deg) scale(1.2);\n                    opacity: 0.6;\n                }\n            }\n            \n            @keyframes cardGlow2 {\n                0%, 100% {\n                    transform: rotate(0deg) scale(1);\n                    opacity: 0.3;\n                }\n                50% {\n                    transform: rotate(-180deg) scale(1.3);\n                    opacity: 0.7;\n                }\n            }\n            \n            @keyframes cardGlow3 {\n                0%, 100% {\n                    transform: rotate(0deg) scale(1);\n                    opacity: 0.3;\n                }\n                50% {\n                    transform: rotate(360deg) scale(1.1);\n                    opacity: 0.5;\n                }\n            }\n            \n            \/* Content Animations *\/\n            @keyframes fadeInUpScale {\n                0% {\n                    opacity: 0;\n                    transform: translateY(40px) scale(0.9);\n                }\n                100% {\n                    opacity: 1;\n                    transform: translateY(0) scale(1);\n                }\n            }\n            \n            @keyframes cardSlideIn {\n                0% {\n                    opacity: 0;\n                    transform: translateY(50px) rotateX(10deg);\n                }\n                100% {\n                    opacity: 1;\n                    transform: translateY(0) rotateX(0deg);\n                }\n            }\n            \n            @keyframes pulse {\n                0%, 100% {\n                    transform: scale(1);\n                    opacity: 1;\n                }\n                50% {\n                    transform: scale(1.1);\n                    opacity: 0.8;\n                }\n            }\n            \n            @keyframes rotate {\n                0% {\n                    transform: rotate(0deg);\n                }\n                100% {\n                    transform: rotate(360deg);\n                }\n            }\n            \n            @keyframes bounce {\n                0%, 20%, 50%, 80%, 100% {\n                    transform: translateY(0);\n                }\n                40% {\n                    transform: translateY(-10px);\n                }\n                60% {\n                    transform: translateY(-5px);\n                }\n            }\n            \n            .particle-section-title {\n                opacity: 0;\n                transform: translateY(40px) scale(0.9);\n                animation: fadeInUpScale 1.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n            }\n            \n            .cloud-feature-card.animate-in {\n                animation: cardSlideIn 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n            }\n            \n            .cloud-feature-card:hover {\n                transform: translateY(-10px) scale(1.02) rotateX(0deg);\n                background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%);\n                border-color: rgba(255, 255, 255, 0.4);\n                box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\n            }\n        <\/style>\n        \n        <script>\n            document.addEventListener('DOMContentLoaded', function() {\n                \/\/ Intersection Observer for scroll-triggered animations\n                const observerOptions = {\n                    threshold: 0.2,\n                    rootMargin: '0px 0px -100px 0px'\n                };\n                \n                const observer = new IntersectionObserver(function(entries) {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            entry.target.classList.add('animate-in');\n                        }\n                    });\n                }, observerOptions);\n                \n                \/\/ Observe all animated elements\n                const animatedElements = document.querySelectorAll('.particle-section-title, .chip-expertise-card, .software-feature-card, .camera-feature-card, .cloud-feature-card');\n                animatedElements.forEach(el => observer.observe(el));\n                \n                \/\/ Add interactive particle effects on mouse move\n                const container = document.querySelector('.wp-block-group.alignfull');\n                const particles = container.querySelectorAll('[style*=\"particleFloat\"]');\n                \n                container.addEventListener('mousemove', function(e) {\n                    const x = e.clientX \/ window.innerWidth;\n                    const y = e.clientY \/ window.innerHeight;\n                    \n                    particles.forEach((particle, index) => {\n                        const speed = (index + 1) * 0.5;\n                        const xOffset = (x - 0.5) * speed * 20;\n                        const yOffset = (y - 0.5) * speed * 20;\n                        \n                        const baseTransform = particle.style.transform.replace(\/translate\\([^)]*\\)\/g, '').trim();\n                        particle.style.transform = baseTransform + ` translate(${xOffset}px, ${yOffset}px)`;\n                    });\n                });\n                \n                \/\/ Add parallax effect to chip expertise cards, software feature cards, camera feature cards, and cloud feature cards\n                const chipCards = document.querySelectorAll('.chip-expertise-card');\n                const softwareCards = document.querySelectorAll('.software-feature-card');\n                const cameraCards = document.querySelectorAll('.camera-feature-card');\n                const cloudCards = document.querySelectorAll('.cloud-feature-card');\n                const allCards = [...chipCards, ...softwareCards, ...cameraCards, ...cloudCards];\n                \n                window.addEventListener('scroll', function() {\n                    const scrolled = window.pageYOffset;\n                    const rate = scrolled * -0.5;\n                    \n                    allCards.forEach((card, index) => {\n                        const cardRate = rate * (1 + index * 0.1);\n                        const baseTransform = card.style.transform.replace(\/translateY\\([^)]*\\)\/g, '').trim();\n                        card.style.transform = baseTransform + ` translateY(${cardRate * 0.1}px)`;\n                    });\n                });\n                \n                \/\/ Enhanced card interactions\n                allCards.forEach(card => {\n                    card.addEventListener('mouseenter', function() {\n                        this.style.transition = 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)';\n                    });\n                    \n                    card.addEventListener('mouseleave', function() {\n                        this.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n                    });\n                });\n            });\n        <\/script>\n    <\/div>\n<\/div>\n\n<!-- Second Row - White Background with Tech Grid Animation -->\n<div style=\"position: relative; padding: 100px 20px; margin: 0; background: #ffffff; color: #1a1a1a; overflow: hidden;\">\n    \n    <!-- Animated Tech Grid Background -->\n    <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1; opacity: 0.1;\">\n        <svg style=\"position: absolute; width: 100%; height: 100%;\">\n            <defs>\n                <pattern id=\"techGrid\" x=\"0\" y=\"0\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\">\n                    <rect x=\"0\" y=\"0\" width=\"40\" height=\"40\" fill=\"none\" stroke=\"#00d4ff\" stroke-width=\"0.5\"\/>\n                    <circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"#00d4ff\" opacity=\"0.6\">\n                        <animate attributeName=\"r\" values=\"2;4;2\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n                        <animate attributeName=\"opacity\" values=\"0.6;1;0.6\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n                    <\/circle>\n                <\/pattern>\n            <\/defs>\n            <rect width=\"100%\" height=\"100%\" fill=\"url(#techGrid)\">\n                <animateTransform attributeName=\"transform\" type=\"translate\" from=\"0 0\" to=\"40 40\" dur=\"20s\" repeatCount=\"indefinite\"\/>\n            <\/rect>\n        <\/svg>\n    <\/div>\n    \n    <!-- Floating Neural Network Elements -->\n    <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;\">\n        <!-- Neural Nodes -->\n        <div style=\"position: absolute; width: 8px; height: 8px; background: linear-gradient(45deg, #00d4ff, #0099cc); border-radius: 50%; top: 15%; left: 10%; animation: neuralPulse1 4s ease-in-out infinite; box-shadow: 0 0 20px rgba(0, 212, 255, 0.5);\"><\/div>\n        <div style=\"position: absolute; width: 6px; height: 6px; background: linear-gradient(45deg, #00d4ff, #0099cc); border-radius: 50%; top: 25%; left: 30%; animation: neuralPulse2 5s ease-in-out infinite 0.5s; box-shadow: 0 0 15px rgba(0, 212, 255, 0.4);\"><\/div>\n        <div style=\"position: absolute; width: 10px; height: 10px; background: linear-gradient(45deg, #00d4ff, #0099cc); border-radius: 50%; top: 20%; left: 50%; animation: neuralPulse1 6s ease-in-out infinite 1s; box-shadow: 0 0 25px rgba(0, 212, 255, 0.6);\"><\/div>\n        <div style=\"position: absolute; width: 7px; height: 7px; background: linear-gradient(45deg, #00d4ff, #0099cc); border-radius: 50%; top: 35%; left: 70%; animation: neuralPulse2 4.5s ease-in-out infinite 1.5s; box-shadow: 0 0 18px rgba(0, 212, 255, 0.5);\"><\/div>\n        <div style=\"position: absolute; width: 9px; height: 9px; background: linear-gradient(45deg, #00d4ff, #0099cc); border-radius: 50%; top: 30%; left: 85%; animation: neuralPulse1 5.5s ease-in-out infinite 2s; box-shadow: 0 0 22px rgba(0, 212, 255, 0.5);\"><\/div>\n        \n        <!-- Connection Lines -->\n        <svg style=\"position: absolute; width: 100%; height: 100%;\">\n            <line x1=\"10%\" y1=\"15%\" x2=\"30%\" y2=\"25%\" stroke=\"url(#neuralGradient)\" stroke-width=\"1\" opacity=\"0.3\">\n                <animate attributeName=\"stroke-dasharray\" values=\"0 100;100 0\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n            <\/line>\n            <line x1=\"30%\" y1=\"25%\" x2=\"50%\" y2=\"20%\" stroke=\"url(#neuralGradient)\" stroke-width=\"1\" opacity=\"0.3\">\n                <animate attributeName=\"stroke-dasharray\" values=\"0 100;100 0\" dur=\"3s\" repeatCount=\"indefinite\" begin=\"0.5s\"\/>\n            <\/line>\n            <line x1=\"50%\" y1=\"20%\" x2=\"70%\" y2=\"35%\" stroke=\"url(#neuralGradient)\" stroke-width=\"1\" opacity=\"0.3\">\n                <animate attributeName=\"stroke-dasharray\" values=\"0 100;100 0\" dur=\"3s\" repeatCount=\"indefinite\" begin=\"1s\"\/>\n            <\/line>\n            <line x1=\"70%\" y1=\"35%\" x2=\"85%\" y2=\"30%\" stroke=\"url(#neuralGradient)\" stroke-width=\"1\" opacity=\"0.3\">\n                <animate attributeName=\"stroke-dasharray\" values=\"0 100;100 0\" dur=\"3s\" repeatCount=\"indefinite\" begin=\"1.5s\"\/>\n            <\/line>\n            <defs>\n                <linearGradient id=\"neuralGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n                    <stop offset=\"0%\" style=\"stop-color:#00d4ff;stop-opacity:0.6\"\/>\n                    <stop offset=\"100%\" style=\"stop-color:#0099cc;stop-opacity:0.8\"\/>\n                <\/linearGradient>\n            <\/defs>\n        <\/svg>\n    <\/div>\n    \n    <!-- Content Container -->\n    <div style=\"position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; text-align: center;\">\n        <!-- Cloud Capabilities Section -->\n        <div class=\"cloud-capabilities-section-title\" style=\"opacity: 0; transform: translateY(40px) scale(0.9);\">\n            <h2 style=\"font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 700; margin-bottom: 30px; color: #1a1a1a; line-height: 1.1; background: linear-gradient(135deg, #00d4ff, #0099cc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\">Cloud Capabilities<\/h2>\n            <div style=\"width: 100px; height: 4px; background: linear-gradient(90deg, #00d4ff, #0099cc, #00d4ff); margin: 0 auto 40px; border-radius: 2px; opacity: 0.9;\"><\/div>\n            <p style=\"font-size: clamp(1.2rem, 2.5vw, 1.6rem); color: #4a4a4a; max-width: 800px; margin: 0 auto 50px; line-height: 1.8; font-weight: 300;\">Leverage our sophisticated software tools and rigorous validation frameworks to build robust, enterprise-grade solutions.<\/p>\n        <\/div>\n        \n        <!-- Cloud Capabilities Grid -->\n        <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 60px; align-items: stretch;\">\n            <!-- Software Design Services Card -->\n            <div class=\"cloud-capability-card is-layout-flow wp-block-group-is-layout-flow\" style=\"background: linear-gradient(135deg, rgba(0, 212, 255, 0.05) 0%, rgba(0, 153, 204, 0.02) 100%); border: 2px solid rgba(0, 212, 255, 0.2); backdrop-filter: blur(10px); border-radius: 20px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; opacity: 0; transform: translateY(50px) rotateX(10deg); display: flex; flex-direction: column;\">\n                <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, #00d4ff, #0099cc); opacity: 0; transition: opacity 0.4s ease; z-index: 1;\"><\/div>\n                <div style=\"position: relative; z-index: 2; padding: 20px 30px 40px 30px; display: flex; flex-direction: column; flex: 1;\">\n                    <div style=\"width: 80px; height: 80px; margin: 0 auto 25px; background: linear-gradient(135deg, #00d4ff, #0099cc); border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: iconRotate 8s linear infinite;\">\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M13 2L3 14H12L11 22L21 10H12L13 2Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 style=\"color: #1a1a1a; font-size: 1.5rem; font-weight: 700; margin-bottom: 20px; transition: color 0.4s ease;\">Software Design Services based on Public\/Private Cloud<\/h3>\n                    <p style=\"color: #6a6a6a; line-height: 1.6; font-size: 0.95rem; margin-bottom: 25px; transition: color 0.4s ease;\">Offer comprehensive cloud solutions including consulting, architecture design, customized development, migration and deployment, as well as system operation and maintenance.<\/p>\n                    <div style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: auto;\">\n                        <span style=\"background: linear-gradient(135deg, #00d4ff, #0099cc); color: white; padding: 6px 15px; border-radius: 20px; font-size: 0.8rem; font-weight: 600;\">Cloud<\/span>\n                        <span style=\"background: linear-gradient(135deg, #00d4ff, #0099cc); color: white; padding: 6px 15px; border-radius: 20px; font-size: 0.8rem; font-weight: 600;\">Design<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Industry-oriented SAAS solutions Card -->\n            <div class=\"cloud-capability-card\" style=\"background: linear-gradient(135deg, rgba(0, 212, 255, 0.05) 0%, rgba(0, 153, 204, 0.02) 100%); border: 2px solid rgba(0, 212, 255, 0.2); backdrop-filter: blur(10px); border-radius: 20px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; opacity: 0; transform: translateY(50px) rotateX(10deg); display: flex; flex-direction: column;\">\n                <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, #00d4ff, #0099cc); opacity: 0; transition: opacity 0.4s ease; z-index: 1;\"><\/div>\n                <div style=\"position: relative; z-index: 2; padding: 40px 30px; display: flex; flex-direction: column; flex: 1;\">\n                    <div style=\"width: 80px; height: 80px; margin: 0 auto 25px; background: linear-gradient(135deg, #00d4ff, #0099cc); border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: iconPulse 3s ease-in-out infinite;\">\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"white\" stroke-width=\"2\"\/>\n                            <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"white\"\/>\n                            <path d=\"M12 2V7M12 17V22M2 12H7M17 12H22\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 style=\"color: #1a1a1a; font-size: 1.5rem; font-weight: 700; margin-bottom: 20px; transition: color 0.4s ease;\">Industry-oriented SAAS solutions<\/h3>\n                    <p style=\"color: #6a6a6a; line-height: 1.6; font-size: 0.95rem; margin-bottom: 25px; transition: color 0.4s ease;\">Provide SaaS platform solutions tailored for vertical industries, delivering safety, reliability, and high performance. Our SaaS platforms and services are proven and validated through extensive commercial applications across various vertical markets.<\/p>\n                    <div style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: auto;\">\n                        <span style=\"background: linear-gradient(135deg, #00d4ff, #0099cc); color: white; padding: 6px 15px; border-radius: 20px; font-size: 0.8rem; font-weight: 600;\">SaaS<\/span>\n                        <span style=\"background: linear-gradient(135deg, #00d4ff, #0099cc); color: white; padding: 6px 15px; border-radius: 20px; font-size: 0.8rem; font-weight: 600;\">Industry<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- E2E solution for IoT customers Card -->\n            <div class=\"cloud-capability-card\" style=\"background: linear-gradient(135deg, rgba(0, 212, 255, 0.05) 0%, rgba(0, 153, 204, 0.02) 100%); border: 2px solid rgba(0, 212, 255, 0.2); backdrop-filter: blur(10px); border-radius: 20px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; opacity: 0; transform: translateY(50px) rotateX(10deg); display: flex; flex-direction: column;\">\n                <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, #00d4ff, #0099cc); opacity: 0; transition: opacity 0.4s ease; z-index: 1;\"><\/div>\n                <div style=\"position: relative; z-index: 2; padding: 40px 30px; display: flex; flex-direction: column; flex: 1;\">\n                    <div style=\"width: 80px; height: 80px; margin: 0 auto 25px; background: linear-gradient(135deg, #00d4ff, #0099cc); border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: iconSpin 6s linear infinite;\">\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M14 2V8H20\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M12 18V12\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                            <path d=\"M9 15H15\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 style=\"color: #1a1a1a; font-size: 1.5rem; font-weight: 700; margin-bottom: 20px; transition: color 0.4s ease;\">E2E solution for IoT customers<\/h3>\n                    <p style=\"color: #6a6a6a; line-height: 1.6; font-size: 0.95rem; margin-bottom: 25px; transition: color 0.4s ease;\">Offer innovative solutions in asset tracking, intelligent water purification, smart medical and wearables, and edge computing.<\/p>\n                    <div style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: auto;\">\n                        <span style=\"background: linear-gradient(135deg, #00d4ff, #0099cc); color: white; padding: 6px 15px; border-radius: 20px; font-size: 0.8rem; font-weight: 600;\">IoT<\/span>\n                        <span style=\"background: linear-gradient(135deg, #00d4ff, #0099cc); color: white; padding: 6px 15px; border-radius: 20px; font-size: 0.8rem; font-weight: 600;\">E2E<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <style>\n        \/* Neural Network Animations *\/\n        @keyframes neuralPulse1 {\n            0%, 100% {\n                transform: scale(1);\n                opacity: 0.8;\n            }\n            50% {\n                transform: scale(1.5);\n                opacity: 1;\n            }\n        }\n        \n        @keyframes neuralPulse2 {\n            0%, 100% {\n                transform: scale(1);\n                opacity: 0.6;\n            }\n            50% {\n                transform: scale(1.3);\n                opacity: 0.9;\n            }\n        }\n        \n        @keyframes iconRotate {\n            0% {\n                transform: rotate(0deg);\n            }\n            100% {\n                transform: rotate(360deg);\n            }\n        }\n        \n        @keyframes iconPulse {\n            0%, 100% {\n                transform: scale(1);\n                box-shadow: 0 0 20px rgba(0, 212, 255, 0.5);\n            }\n            50% {\n                transform: scale(1.1);\n                box-shadow: 0 0 30px rgba(0, 212, 255, 0.8);\n            }\n        }\n        \n        @keyframes iconSpin {\n            0% {\n                transform: rotate(0deg) scale(1);\n            }\n            50% {\n                transform: rotate(180deg) scale(1.1);\n            }\n            100% {\n                transform: rotate(360deg) scale(1);\n            }\n        }\n        \n        \/* Content Animations *\/\n        @keyframes fadeInUpRotate {\n            0% {\n                opacity: 0;\n                transform: translateY(40px) scale(0.9) rotateY(10deg);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0) scale(1) rotateY(0deg);\n            }\n        }\n        \n        @keyframes cardSlideInRotate {\n            0% {\n                opacity: 0;\n                transform: translateY(50px) rotateX(10deg);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0) rotateX(0deg);\n            }\n        }\n        \n        .cloud-capability-card {\n            opacity: 0;\n            transform: translateY(50px) rotateX(10deg);\n        }\n        \n        .cloud-capability-card.animate-in {\n            animation: cardSlideInRotate 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n        }\n        \n        .cloud-capability-card:nth-child(1).animate-in {\n            animation-delay: 0.1s;\n        }\n        \n        .cloud-capability-card:nth-child(2).animate-in {\n            animation-delay: 0.2s;\n        }\n        \n        .cloud-capability-card:nth-child(3).animate-in {\n            animation-delay: 0.3s;\n        }\n        \n        .cloud-capabilities-section-title {\n            opacity: 0;\n            transform: translateY(40px) scale(0.9);\n            animation: fadeInUpRotate 1.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n        }\n        \n        \/* Hover Effects *\/\n        .cloud-capability-card:hover {\n            transform: translateY(-15px) scale(1.03) rotateY(0deg);\n            border-color: #00d4ff;\n            box-shadow: 0 25px 50px rgba(0, 212, 255, 0.2);\n        }\n        \n        .cloud-capability-card:hover > div:first-child {\n            opacity: 0.1;\n        }\n        \n        .cloud-capability-card:hover h3,\n        .cloud-capability-card:hover p {\n            color: #1a1a1a;\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 1024px) {\n            .cloud-capability-card {\n                grid-column: span 1;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .cloud-capability-card {\n                grid-column: span 1;\n            }\n        }\n        \n        @media (max-width: 767px) {\n            \/* Mobile portrait mode - single column layout *\/\n            div[style*=\"grid-template-columns: repeat(3, 1fr)\"] {\n                grid-template-columns: 1fr !important;\n                gap: 30px !important;\n            }\n            \n            .cloud-capability-card {\n                grid-column: span 1 !important;\n                min-height: auto !important;\n            }\n            \n            .cloud-capability-card h3 {\n                font-size: 1.2rem !important;\n                line-height: 1.3 !important;\n            }\n            \n            .cloud-capability-card p {\n                font-size: 0.9rem !important;\n            }\n        }\n    <\/style>\n    \n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Intersection Observer for scroll-triggered animations\n            const observerOptions = {\n                threshold: 0.2,\n                rootMargin: '0px 0px -100px 0px'\n            };\n            \n            const observer = new IntersectionObserver(function(entries) {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('animate-in');\n                    }\n                });\n            }, observerOptions);\n            \n            \/\/ Observe all animated elements in this section\n            const animatedElements = document.querySelectorAll('.validation-section-title, .validation-card, .cloud-capabilities-section-title, .cloud-capability-card');\n            animatedElements.forEach(el => observer.observe(el));\n            \n            \/\/ Add interactive neural network effects\n            const techContainer = document.querySelector('[style*=\"background: #ffffff\"]');\n            const neuralNodes = techContainer.querySelectorAll('[style*=\"neuralPulse\"]');\n            \n            techContainer.addEventListener('mousemove', function(e) {\n                const x = e.clientX \/ window.innerWidth;\n                const y = e.clientY \/ window.innerHeight;\n                \n                neuralNodes.forEach((node, index) => {\n                    const speed = (index + 1) * 0.3;\n                    const xOffset = (x - 0.5) * speed * 30;\n                    const yOffset = (y - 0.5) * speed * 30;\n                    \n                    node.style.transform += ` translate(${xOffset}px, ${yOffset}px)`;\n                });\n            });\n            \n            \/\/ Enhanced card interactions\n            const validationCards = document.querySelectorAll('.validation-card');\n            const cloudCapabilityCards = document.querySelectorAll('.cloud-capability-card');\n            \n            validationCards.forEach(card => {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transition = 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)';\n                });\n                \n                card.addEventListener('mouseleave', function() {\n                    this.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n                });\n            });\n            \n            cloudCapabilityCards.forEach(card => {\n                card.addEventListener('mouseenter', function() {\n                    this.style.transition = 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)';\n                });\n                \n                card.addEventListener('mouseleave', function() {\n                    this.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n                });\n            });\n        });\n    <\/script>\n<\/div>\n\n<!-- Third Row - CTA Section with Futuristic AI Tech Style -->\n\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n    <div style=\"position: relative; padding: 60px 20px; margin: 0; background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 25%, #2d1b69 50%, #0f172a 100%); color: white; overflow: hidden;\">\n    \n    <!-- Animated AI Neural Network Background -->\n    <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1;\">\n        <!-- Digital Rain Effect -->\n        <div style=\"position: absolute; width: 100%; height: 100%; opacity: 0.15;\">\n            <svg style=\"position: absolute; width: 100%; height: 100%;\">\n                <defs>\n                    <linearGradient id=\"digitalRain\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                        <stop offset=\"0%\" style=\"stop-color:#00ff88;stop-opacity:0\"\/>\n                        <stop offset=\"50%\" style=\"stop-color:#00ff88;stop-opacity:0.8\"\/>\n                        <stop offset=\"100%\" style=\"stop-color:#00ff88;stop-opacity:0\"\/>\n                    <\/linearGradient>\n                <\/defs>\n                <!-- Vertical lines -->\n                <line x1=\"10%\" y1=\"0\" x2=\"10%\" y2=\"100%\" stroke=\"url(#digitalRain)\" stroke-width=\"1\" opacity=\"0.6\">\n                    <animate attributeName=\"y1\" values=\"0;-100\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n                    <animate attributeName=\"y2\" values=\"100;0\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n                <\/line>\n                <line x1=\"25%\" y1=\"0\" x2=\"25%\" y2=\"100%\" stroke=\"url(#digitalRain)\" stroke-width=\"1\" opacity=\"0.4\">\n                    <animate attributeName=\"y1\" values=\"0;-100\" dur=\"4s\" repeatCount=\"indefinite\"\/>\n                    <animate attributeName=\"y2\" values=\"100;0\" dur=\"4s\" repeatCount=\"indefinite\"\/>\n                <\/line>\n                <line x1=\"40%\" y1=\"0\" x2=\"40%\" y2=\"100%\" stroke=\"url(#digitalRain)\" stroke-width=\"1\" opacity=\"0.5\">\n                    <animate attributeName=\"y1\" values=\"0;-100\" dur=\"3.5s\" repeatCount=\"indefinite\"\/>\n                    <animate attributeName=\"y2\" values=\"100;0\" dur=\"3.5s\" repeatCount=\"indefinite\"\/>\n                <\/line>\n                <line x1=\"55%\" y1=\"0\" x2=\"55%\" y2=\"100%\" stroke=\"url(#digitalRain)\" stroke-width=\"1\" opacity=\"0.6\">\n                    <animate attributeName=\"y1\" values=\"0;-100\" dur=\"2.8s\" repeatCount=\"indefinite\"\/>\n                    <animate attributeName=\"y2\" values=\"100;0\" dur=\"2.8s\" repeatCount=\"indefinite\"\/>\n                <\/line>\n                <line x1=\"70%\" y1=\"0\" x2=\"70%\" y2=\"100%\" stroke=\"url(#digitalRain)\" stroke-width=\"1\" opacity=\"0.4\">\n                    <animate attributeName=\"y1\" values=\"0;-100\" dur=\"4.2s\" repeatCount=\"indefinite\"\/>\n                    <animate attributeName=\"y2\" values=\"100;0\" dur=\"4.2s\" repeatCount=\"indefinite\"\/>\n                <\/line>\n                <line x1=\"85%\" y1=\"0\" x2=\"85%\" y2=\"100%\" stroke=\"url(#digitalRain)\" stroke-width=\"1\" opacity=\"0.5\">\n                    <animate attributeName=\"y1\" values=\"0;-100\" dur=\"3.3s\" repeatCount=\"indefinite\"\/>\n                    <animate attributeName=\"y2\" values=\"100;0\" dur=\"3.3s\" repeatCount=\"indefinite\"\/>\n                <\/line>\n            <\/svg>\n        <\/div>\n        \n        <!-- Floating AI Orbs -->\n        <div style=\"position: absolute; width: 60px; height: 60px; background: radial-gradient(circle, rgba(0, 255, 136, 0.8) 0%, rgba(0, 255, 136, 0.2) 50%, transparent 70%); border-radius: 50%; top: 20%; left: 15%; animation: aiOrbFloat1 8s ease-in-out infinite;\"><\/div>\n        <div style=\"position: absolute; width: 40px; height: 40px; background: radial-gradient(circle, rgba(0, 212, 255, 0.8) 0%, rgba(0, 212, 255, 0.2) 50%, transparent 70%); border-radius: 50%; top: 60%; left: 75%; animation: aiOrbFloat2 10s ease-in-out infinite;\"><\/div>\n        <div style=\"position: absolute; width: 50px; height: 50px; background: radial-gradient(circle, rgba(147, 51, 234, 0.8) 0%, rgba(147, 51, 234, 0.2) 50%, transparent 70%); border-radius: 50%; top: 40%; left: 85%; animation: aiOrbFloat1 12s ease-in-out infinite;\"><\/div>\n        <div style=\"position: absolute; width: 35px; height: 35px; background: radial-gradient(circle, rgba(0, 255, 136, 0.8) 0%, rgba(0, 255, 136, 0.2) 50%, transparent 70%); border-radius: 50%; top: 70%; left: 25%; animation: aiOrbFloat2 9s ease-in-out infinite;\"><\/div>\n        \n        <!-- Circuit Board Pattern -->\n        <svg style=\"position: absolute; width: 100%; height: 100%; opacity: 0.1;\">\n            <defs>\n                <pattern id=\"circuitPattern\" x=\"0\" y=\"0\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\">\n                    <rect x=\"0\" y=\"0\" width=\"60\" height=\"60\" fill=\"none\" stroke=\"#00ff88\" stroke-width=\"0.5\"\/>\n                    <circle cx=\"30\" cy=\"30\" r=\"3\" fill=\"#00ff88\" opacity=\"0.6\"\/>\n                    <line x1=\"30\" y1=\"0\" x2=\"30\" y2=\"27\" stroke=\"#00ff88\" stroke-width=\"0.5\"\/>\n                    <line x1=\"30\" y1=\"33\" x2=\"30\" y2=\"60\" stroke=\"#00ff88\" stroke-width=\"0.5\"\/>\n                    <line x1=\"0\" y1=\"30\" x2=\"27\" y2=\"30\" stroke=\"#00ff88\" stroke-width=\"0.5\"\/>\n                    <line x1=\"33\" y1=\"30\" x2=\"60\" y2=\"30\" stroke=\"#00ff88\" stroke-width=\"0.5\"\/>\n                <\/pattern>\n            <\/defs>\n            <rect width=\"100%\" height=\"100%\" fill=\"url(#circuitPattern)\">\n                <animateTransform attributeName=\"transform\" type=\"translate\" from=\"0 0\" to=\"60 60\" dur=\"30s\" repeatCount=\"indefinite\"\/>\n            <\/rect>\n        <\/svg>\n    <\/div>\n    \n    <!-- Content Container -->\n    <div style=\"position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; text-align: center;\">\n        <!-- CTA Title -->\n        <div class=\"cta-section-title\" style=\"opacity: 0; transform: translateY(40px) scale(0.9);\">\n            <h2 style=\"font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 800; margin-bottom: 30px; color: #ffffff; line-height: 1.1; text-shadow: 0 0 30px rgba(0, 255, 136, 0.5);\">Discover Our Cloud Solutions<\/h2>\n            <div style=\"width: 150px; height: 4px; background: linear-gradient(90deg, #00ff88, #00d4ff, #9333ea, #00ff88); margin: 0 auto 40px; border-radius: 2px; animation: gradientShift 3s ease-in-out infinite;\"><\/div>\n            <p style=\"font-size: clamp(1.3rem, 2.5vw, 1.8rem); color: rgba(255, 255, 255, 0.9); max-width: 900px; margin: 0 auto 50px; line-height: 1.8; font-weight: 300;\">Take the next step to access cloud services and expert insights.<\/p>\n        <\/div>\n        \n        <!-- CTA Buttons -->\n        <div class=\"cta-buttons\" style=\"display: flex; justify-content: center; gap: 25px; flex-wrap: wrap; margin-top: 40px; opacity: 0; transform: translateY(30px);\">\n            <a href=\"https:\/\/synthex-tech.com\/?page_id=10\" style=\"background: linear-gradient(135deg, #00ff88, #00cc6a); color: #0a0e27; padding: 18px 45px; border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 10px 30px rgba(0, 255, 136, 0.3); position: relative; overflow: hidden; text-decoration: none; display: inline-flex; align-items: center; justify-content: center;\">\n                <span style=\"position: relative; z-index: 2;\">Contact Us<\/span>\n                <div style=\"position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: left 0.6s ease;\"><\/div>\n            <\/a>\n        <\/div>\n    <\/div>\n    \n    <style>\n        \/* AI Tech CTA Animations *\/\n        @keyframes aiOrbFloat1 {\n            0%, 100% {\n                transform: translate(0, 0) scale(1);\n                opacity: 0.6;\n            }\n            25% {\n                transform: translate(30px, -40px) scale(1.2);\n                opacity: 0.8;\n            }\n            50% {\n                transform: translate(-20px, -80px) scale(0.9);\n                opacity: 1;\n            }\n            75% {\n                transform: translate(-40px, -40px) scale(1.1);\n                opacity: 0.7;\n            }\n        }\n        \n        @keyframes aiOrbFloat2 {\n            0%, 100% {\n                transform: translate(0, 0) scale(1);\n                opacity: 0.5;\n            }\n            33% {\n                transform: translate(-40px, 30px) scale(1.3);\n                opacity: 0.9;\n            }\n            66% {\n                transform: translate(20px, -60px) scale(0.8);\n                opacity: 0.6;\n            }\n        }\n        \n        @keyframes gradientShift {\n            0%, 100% {\n                background-position: 0% 50%;\n            }\n            50% {\n                background-position: 100% 50%;\n            }\n        }\n        \n        @keyframes featureIconPulse {\n            0%, 100% {\n                transform: scale(1);\n                box-shadow: 0 0 20px rgba(0, 255, 136, 0.5);\n            }\n            50% {\n                transform: scale(1.1);\n                box-shadow: 0 0 30px rgba(0, 255, 136, 0.8);\n            }\n        }\n        \n        @keyframes featureIconSpin {\n            0% {\n                transform: rotate(0deg);\n            }\n            100% {\n                transform: rotate(360deg);\n            }\n        }\n        \n        @keyframes featureIconRotate {\n            0% {\n                transform: rotate(0deg) scale(1);\n            }\n            50% {\n                transform: rotate(180deg) scale(1.1);\n            }\n            100% {\n                transform: rotate(360deg) scale(1);\n            }\n        }\n        \n        \/* Content Animations *\/\n        @keyframes ctaFadeInUp {\n            0% {\n                opacity: 0;\n                transform: translateY(40px) scale(0.9);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0) scale(1);\n            }\n        }\n        \n        @keyframes ctaFeatureSlideIn {\n            0% {\n                opacity: 0;\n                transform: translateY(30px) scale(0.95);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0) scale(1);\n            }\n        }\n        \n        .cta-section-title {\n            opacity: 0;\n            transform: translateY(40px) scale(0.9);\n            animation: ctaFadeInUp 1.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n        }\n        \n        .cta-buttons {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        \n        .cta-buttons.animate-in {\n            animation: ctaFadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n        }\n        \n        \/* Hover Effects *\/\n        .cta-feature-card:hover {\n            transform: translateY(-10px) scale(1.02);\n            border-color: rgba(255, 255, 255, 0.6);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n        }\n        \n        .cta-feature-card:hover .icon-container {\n            transform: scale(1.1);\n        }\n        \n        .cta-buttons button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 40px rgba(0, 255, 136, 0.4);\n        }\n        \n        .cta-buttons button:hover div {\n            left: 100%;\n        }\n        \n        .cta-buttons button:nth-child(2):hover {\n            background: rgba(255, 255, 255, 0.1);\n            border-color: rgba(255, 255, 255, 0.8);\n        }\n    <\/style>\n    \n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Intersection Observer for scroll-triggered animations\n            const observerOptions = {\n                threshold: 0.2,\n                rootMargin: '0px 0px -100px 0px'\n            };\n            \n            const observer = new IntersectionObserver(function(entries) {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('animate-in');\n                    }\n                });\n            }, observerOptions);\n            \n            \/\/ Observe all animated elements in this section\n            const animatedElements = document.querySelectorAll('.cta-section-title, .cta-buttons');\n            animatedElements.forEach(el => observer.observe(el));\n            \n            \/\/ Interactive AI orb effects\n            const ctaContainer = document.querySelector('[style*=\"background: linear-gradient(135deg, #0a0e27\"]');\n            const aiOrbs = ctaContainer.querySelectorAll('[style*=\"aiOrbFloat\"]');\n            \n            ctaContainer.addEventListener('mousemove', function(e) {\n                const x = e.clientX \/ window.innerWidth;\n                const y = e.clientY \/ window.innerHeight;\n                \n                aiOrbs.forEach((orb, index) => {\n                    const speed = (index + 1) * 0.4;\n                    const xOffset = (x - 0.5) * speed * 25;\n                    const yOffset = (y - 0.5) * speed * 25;\n                    \n                    orb.style.transform += ` translate(${xOffset}px, ${yOffset}px)`;\n                });\n            });\n            \n            \/\/ Enhanced button interactions\n            const ctaButtons = document.querySelectorAll('.cta-buttons a');\n            \n            ctaButtons.forEach(button => {\n                button.addEventListener('mouseenter', function() {\n                    this.style.transition = 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)';\n                });\n                \n                button.addEventListener('mouseleave', function() {\n                    this.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n                });\n            });\n        });\n    <\/script>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Discover Our Cloud Solutions Take the next step to access cloud services and expert insights. Contact Us<\/p>\n","protected":false},"author":1,"featured_media":136,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-189","page","type-page","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/synthex-tech.com\/wp-content\/uploads\/2025\/06\/kier-in-sight-archives-3Nwt6w-KU3E-unsplash-scaled.jpg",2560,1920,false],"thumbnail":["https:\/\/synthex-tech.com\/wp-content\/uploads\/2025\/06\/kier-in-sight-archives-3Nwt6w-KU3E-unsplash-150x150.jpg",150,150,true],"medium":["https:\/\/synthex-tech.com\/wp-content\/uploads\/2025\/06\/kier-in-sight-archives-3Nwt6w-KU3E-unsplash-300x225.jpg",300,225,true],"medium_large":["https:\/\/synthex-tech.com\/wp-content\/uploads\/2025\/06\/kier-in-sight-archives-3Nwt6w-KU3E-unsplash-scaled.jpg",768,576,false],"large":["https:\/\/synthex-tech.com\/wp-content\/uploads\/2025\/06\/kier-in-sight-archives-3Nwt6w-KU3E-unsplash-1024x768.jpg",950,713,true],"1536x1536":["https:\/\/synthex-tech.com\/wp-content\/uploads\/2025\/06\/kier-in-sight-archives-3Nwt6w-KU3E-unsplash-scaled-1536x1152.jpg",1536,1152,true],"2048x2048":["https:\/\/synthex-tech.com\/wp-content\/uploads\/2025\/06\/kier-in-sight-archives-3Nwt6w-KU3E-unsplash-scaled-2048x1536.jpg",2048,1536,true],"inspiro-featured-image":["https:\/\/synthex-tech.com\/wp-content\/uploads\/2025\/06\/kier-in-sight-archives-3Nwt6w-KU3E-unsplash-2000x1500.jpg",2000,1500,true],"inspiro-loop":["https:\/\/synthex-tech.com\/wp-content\/uploads\/2025\/06\/kier-in-sight-archives-3Nwt6w-KU3E-unsplash-950x320.jpg",950,320,true],"inspiro-loop@2x":["https:\/\/synthex-tech.com\/wp-content\/uploads\/2025\/06\/kier-in-sight-archives-3Nwt6w-KU3E-unsplash-1900x640.jpg",1900,640,true]},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/synthex-tech.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Discover Our Cloud Solutions Take the next step to access cloud services and expert insights. Contact Us","_links":{"self":[{"href":"https:\/\/synthex-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/synthex-tech.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/synthex-tech.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/synthex-tech.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/synthex-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=189"}],"version-history":[{"count":6,"href":"https:\/\/synthex-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/189\/revisions"}],"predecessor-version":[{"id":738,"href":"https:\/\/synthex-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/189\/revisions\/738"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/synthex-tech.com\/index.php?rest_route=\/wp\/v2\/media\/136"}],"wp:attachment":[{"href":"https:\/\/synthex-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}