PageSourceSearch

https://lumasclouds.com/

html lumasclouds.com collected 2026-10-03 21:15:53 UTC 295,057 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="__variable_f367f3 __variable_c70c06"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/0484562807a97172-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/4c285fdca692ea22-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/7db6c35d839a711c-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/8888a3826f4a3af4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/b957ea75a84b6ea7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/eafabf029ad39a43-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/015c62f6ebb3568e.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/9cb740b9d9dd81b3.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-3acfbbfb2fbb7460.js"/>
1<script src="/_next/static/chunks/4288-45f72aed534842ea.js" async=""></script>
1<script src="/_next/static/chunks/7706-f3f342852880ef7c.js" async=""></script>
1<script src="/_next/static/chunks/7544-5fbacee08a1dfd8f.js" async=""></script>
1<script src="/_next/static/chunks/1142-2d3d20ab73ef0d84.js" async=""></script>
1<script src="/_next/static/chunks/2993-a0d504d418f67aae.js" async=""></script>
1<script src="/_next/static/chunks/1561-1f7427e2c77b0529.js" async=""></script>
1<script src="/_next/static/chunks/9248-fe4f25255067ac5e.js" async=""></script>
1<script src="/_next/static/chunks/5495-64fc8874e4880417.js" async=""></script>
1<script src="/_next/static/chunks/main-app-fd8aa82051003255.js" async=""></script>
1<script src="/_next/static/chunks/662-0e9d9fd9c1ddbcf8.js" async=""></script>
1<script src="/_next/static/chunks/3439-d5e173f11b3e8730.js" async=""></script>
1<script src="/_next/static/chunks/5755-a68df59fca59f6fd.js" async=""></script>
1<script src="/_next/static/chunks/4264-516fd02b85c9c8d7.js" async=""></script>
1<script src="/_next/static/chunks/8481-2a27d6efc9c60045.js" async=""></script>
1<script src="/_next/static/chunks/4277-33eb5d1436f9096c.js" async=""></script>
1<script src="/_next/static/chunks/6874-a32189b0916ebdd0.js" async=""></script>
1<script src="/_next/static/chunks/6766-0c0ee9bf5d00eb2b.js" async=""></script>
1<script src="/_next/static/chunks/8097-4ca409ee30369347.js" async=""></script>
1<script src="/_next/static/chunks/6179-18d9b728f85b2632.js" async=""></script>
1<script src="/_next/static/chunks/5093-c3d5b73d318aadb4.js" async=""></script>
1<script src="/_next/static/chunks/6454-db8dbb19cfd1f7ae.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-2761f26fe8b539c7.js" async=""></script>
1<script src="/_next/static/chunks/app/not-found-898910894090479c.js" async=""></script>
1<script src="/_next/static/chunks/531-7fbf3438dd6d1512.js" async=""></script>
1<script src="/_next/static/chunks/app/page-50db719c2e4f863a.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-P475K68W9C" as="script"/><link rel="preload" href="https://checkout.razorpay.com/v1/checkout.js" as="script"/><meta name="next-size-adjust" content=""/><noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1512969043019743&amp;ev=PageView&amp;noscript=1" alt=""/></noscript>
1<script>(self.__next_s=self.__next_s||[]).push(["https://checkout.razorpay.com/v1/checkout.js",{}])</script>
1<title>Lumas Clouds - Empowering Your Cloud Journey</title><meta name="description" content="Delivering innovative, efficient, and scalable cloud solutions while empowering the next generation of professionals through technical education and job readiness."/><meta name="author" content="Lumas Clouds Team"/><meta name="keywords" content="cloud services,cloud infrastructure,technical training,AWS,full-stack development,staff augmentation,cloud computing,cloud solutions,professional development,IT training,cloud consulting"/><meta name="creator" content="Lumas Clouds"/><meta name="publisher" content="Lumas Clouds"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><link rel="canonical" href="https://lumasclouds.com"/><meta name="format-detection" content="telephone=no, address=no, email=no"/><meta name="google-site-verification" content="add-your-google-site-verification-here"/><meta property="og:title" content="Lumas Clouds - Empowering Your Cloud Journey"/><meta property="og:description" content="Delivering innovative, efficient, and scalable cloud solutions while empowering the next generation of professionals through technical education and job readiness."/><meta property="og:url" content="https://lumasclouds.com"/><meta property="og:site_name" content="Lumas Clouds"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://lumasclouds.com/images/logo2.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Lumas Clouds Logo"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="@lumascloud"/><meta name="twitter:title" content="Lumas Clouds - Empowering Your Cloud Journey"/><meta name="twitter:description" content="Delivering innovative, efficient, and scalable cloud solutions while empowering the next generation of professionals."/><meta name="twitter:image" content="https://lumasclouds.com/images/logo2.jpg"/><link rel="shortcut icon" href="/images/logo.png"/><link rel="icon" href="/images/logo.png"/><link rel="apple-touch-icon" href="/images/logo.png"/>
1<script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body><div hidden=""><!--$--><!--/$--></div>
vendor: 67 bytes, line 1
1<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1GTM-MHTRF3FH
vendor: 82 bytes, line 1
1" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1<nav class="sticky top-0 w-full z-[9999] transition-all duration-700 ease-out bg-transparent"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><div class="flex items-center justify-between h-16"></div></div></nav><main class="relative"><div class="relative overflow-hidden"><div class="h-full bg-gradient-to-br from-[#0f172a] via-[#1e293b] to-[#0ea5e9] relative w-full min-h-screen flex items-center justify-center overflow-hidden px-2 py-8"><div class="absolute left-0 top-20 m-auto h-14 w-px rounded-full bg-gradient-to-t from-cyan-400 via-fuchsia-500 to-transparent opacity-60" style="transform:translateX(10px) translateY(-200px)"></div><div class="absolute left-0 top-20 m-auto h-14 w-px rounded-full bg-gradient-to-t from-cyan-400 via-fuchsia-500 to-transparent opacity-60" style="transform:translateX(600px) translateY(-200px)"></div><div class="absolute left-0 top-20 m-auto w-px rounded-full bg-gradient-to-t from-cyan-400 via-fuchsia-500 to-transparent opacity-60 h-6" style="transform:translateX(100px) translateY(-200px)"></div><div class="absolute left-0 top-20 m-auto h-14 w-px rounded-full bg-gradient-to-t from-cyan-400 via-fuchsia-500 to-transparent opacity-60" style="transform:translateX(400px) translateY(-200px)"></div><div class="absolute left-0 top-20 m-auto w-px rounded-full bg-gradient-to-t from-cyan-400 via-fuchsia-500 to-transparent opacity-60 h-20" style="transform:translateX(800px) translateY(-200px)"></div><div class="absolute left-0 top-20 m-auto w-px rounded-full bg-gradient-to-t from-cyan-400 via-fuchsia-500 to-transparent opacity-60 h-12" style="transform:translateX(1000px) translateY(-200px)"></div><div class="absolute left-0 top-20 m-auto w-px rounded-full bg-gradient-to-t from-cyan-400 via-fuchsia-500 to-transparent opacity-60 h-6" style="transform:translateX(1200px) translateY(-200px)"></div><div class="relative z-10 w-full max-w-7xl mx-auto"><div class="relative overflow-hidden"><div class="flex transition-transform duration-500 ease-in-out" style="transform:translateX(-0%)"><div class="w-full flex-shrink-0 flex flex-col md:flex-row items-center justify-between gap-6 md:gap-16 py-4 md:py-8 px-4 md:px-8 min-h-[350px] md:min-h-[400px]"><div class="flex-1 text-center md:text-left order-2 md:order-1"><h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold mb-3 md:mb-4 text-white leading-tight" style="text-shadow:0 2px 16px #0a1440, 0 0 8px #000">Built <!-- -->in <span class="text-blue-400">India.<!-- --> </span>Trusted <!-- -->Worldwide. </h1><p class="text-base sm:text-lg md:text-xl lg:text-2xl font-semibold text-blue-200 mb-2 leading-relaxed" style="text-shadow:0 2px 12px #0a1440">We Don&#x27;t Follow Cloud Trends. We Set Them.</p><p class="text-sm sm:text-base md:text-lg font-bold text-blue-400 mt-3 md:mt-4 leading-relaxed" style="text-shadow:0 2px 8px #0a1440">We are now an AWS Advanced Tier Partner</p></div><div class="flex-1 flex flex-col  rounded-xl items-center justify-center order-1 md:order-2 mb-4 md:mb-0"><div class="flex items-center justify-center rounded-xl p-4 md:p-6 w-full h-full sm:w-[400px] sm:h-[400px] md:w-[400px] md:h-[400px] lg:w-[500px] lg:h-[500px]"><img alt="AWS Partner" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="object-contain w-full h-full mx-auto" style="color:transparent" src="/images/AWS-logo.png"/></div></div></div><div class="w-full flex-shrink-0 flex flex-col md:flex-row items-center justify-between gap-6 md:gap-16 py-4 md:py-8 px-4 md:px-8 min-h-[350px] md:min-h-[400px]"><div class="flex-1 text-center md:text-left order-2 md:order-1"><h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold mb-3 md:mb-4 text-white leading-tight" style="text-shadow:0 2px 16px #0a1440, 0 0 8px #000"><span class="text-blue-400">Odoo<!-- --> </span>Solutions <!-- -->Experts. <!-- -->Enterprise <!-- -->Ready. </h1><p class="text-base sm:text-lg md:text-xl lg:text-2xl font-semibold text-blue-200 mb-2 leading-relaxed" style="text-shadow:0 2px 12px #0a1440">Your business, powered by Odoo. We Make It Happen.</p><p class="text-sm sm:text-base md:text-lg font-bold text-blue-400 mt-3 md:mt-4 leading-relaxed" style="text-shadow:0 2px 8px #0a1440">Certified Odoo Partner with Premium Support</p></div><div class="flex-1 flex flex-col  rounded-xl items-center justify-center order-1 md:order-2 mb-4 md:mb-0"><div class="flex items-center justify-center rounded-xl p-4 md:p-6 w-full h-full sm:w-[400px] sm:h-[400px] md:w-[400px] md:h-[400px] lg:w-[500px] lg:h-[500px]"><img alt="Odoo Partner" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="object-contain w-full h-full mx-auto" style="color:transparent" src="/images/odoo_logo2.png"/></div></div></div><div class="w-full flex-shrink-0 flex flex-col md:flex-row items-center justify-between gap-6 md:gap-16 py-4 md:py-8 px-4 md:px-8 min-h-[350px] md:min-
1h-[400px]"><div class="flex-1 text-center md:text-left order-2 md:order-1"><h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold mb-3 md:mb-4 text-white leading-tight" style="text-shadow:0 2px 16px #0a1440, 0 0 8px #000"><span class="text-blue-400">Google<!-- --> </span>Cloud <!-- -->Innovators. <!-- -->Future <!-- -->Forward. </h1><p class="text-base sm:text-lg md:text-xl lg:text-2xl font-semibold text-blue-200 mb-2 leading-relaxed" style="text-shadow:0 2px 12px #0a1440">Scale smarter with Google Cloud. We Lead The Way.</p><p class="text-sm sm:text-base md:text-lg font-bold text-blue-400 mt-3 md:mt-4 leading-relaxed" style="text-shadow:0 2px 8px #0a1440">Recognized Google Cloud Partner with Expertise</p></div><div class="flex-1 flex flex-col  rounded-xl items-center justify-center order-1 md:order-2 mb-4 md:mb-0"><div class="flex items-center justify-center rounded-xl p-4 md:p-6 w-full h-full sm:w-[400px] sm:h-[400px] md:w-[400px] md:h-[400px] lg:w-[500px] lg:h-[500px]"><img alt="Google Partner" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="object-contain w-full h-full mx-auto" style="color:transparent" src="/images/Google-logo.png"/></div></div></div><div class="w-full flex-shrink-0 flex flex-col md:flex-row items-center justify-between gap-6 md:gap-16 py-4 md:py-8 px-4 md:px-8 min-h-[350px] md:min-h-[400px]"><div class="flex-1 text-center md:text-left order-2 md:order-1"><h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold mb-3 md:mb-4 text-white leading-tight" style="text-shadow:0 2px 16px #0a1440, 0 0 8px #000"><span class="text-blue-400">Microsoft<!-- --> </span>Cloud <!-- -->Solutions. <!-- -->Trusted <!-- -->Partner. </h1><p class="text-base sm:text-lg md:text-xl lg:text-2xl font-semibold text-blue-200 mb-2 leading-relaxed" style="text-shadow:0 2px 12px #0a1440">Empowering your business with Microsoft. We Deliver Results.</p><p class="text-sm sm:text-base md:text-lg font-bold text-blue-400 mt-3 md:mt-4 leading-relaxed" style="text-shadow:0 2px 8px #0a1440">Official Microsoft Partner with Advanced Specialization</p></div><div class="flex-1 flex flex-col  rounded-xl items-center justify-center order-1 md:order-2 mb-4 md:mb-0"><div class="flex items-center justify-center rounded-xl p-4 md:p-6 w-full h-full sm:w-[400px] sm:h-[400px] md:w-[400px] md:h-[400px] lg:w-[500px] lg:h-[500px]"><img alt="Microsoft Partner" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="object-contain w-full h-full mx-auto" style="color:transparent" src="/images/microsoft-logo.png"/></div></div></div></div><button class="absolute left-1 md:left-2 top-1/2 -translate-y-1/2 bg-black/40 hover:bg-black/70 text-white rounded-full w-8 h-8 md:w-10 md:h-10 flex items-center justify-center z-20" aria-label="Previous slide">←</button><button class="absolute right-1 md:right-2 top-1/2 -translate-y-1/2 bg-black/40 hover:bg-black/70 text-white rounded-full w-8 h-8 md:w-10 md:h-10 flex items-center justify-center z-20" aria-label="Next slide">→</button><div class="absolute bottom-2 md:bottom-4 left-1/2 -translate-x-1/2 flex gap-1 md:gap-2 z-20"><button class="w-2 h-2 md:w-3 md:h-3 rounded-full bg-blue-400 transition-colors" aria-label="Go to slide 1"></button><button class="w-2 h-2 md:w-3 md:h-3 rounded-full bg-white/40 transition-colors" aria-label="Go to slide 2"></button><button class="w-2 h-2 md:w-3 md:h-3 rounded-full bg-white/40 transition-colors" aria-label="Go to slide 3"></button><button class="w-2 h-2 md:w-3 md:h-3 rounded-full bg-white/40 transition-colors" aria-label="Go to slide 4"></button></div></div></div><div class="absolute bottom-0 w-full inset-x-0 pointer-events-none" style="box-shadow:0 0 24px rgba(34, 42, 53, 0.06), 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(34, 42, 53, 0.04), 0 0 4px rgba(34, 42, 53, 0.08), 0 16px 68px rgba(47, 48, 55, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) inset"></div></div><section class="relative py-16 md:py-32 overflow-hidden bg-gray-950"><div class="absolute inset-0 bg-gradient-to-br from-gray-950 via-gray-900 to-black"></div><div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-cloud-500/20 via-cloud-600/40 to-cloud-500/20"></div><div class="absolute -left-64 -top-64 w-96 h-96 bg-cloud-500/10 rounded-full blur-3xl op
1acity-50"></div><div class="absolute -right-64 -bottom-64 w-96 h-96 bg-cloud-600/10 rounded-full blur-3xl opacity-50"></div><div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-96 h-96 bg-gradient-to-r from-cloud-500/5 to-cloud-600/5 rounded-full blur-3xl opacity-0"></div><div class="container relative mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-10 md:mb-16"><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-4 bg-clip-text text-cloud-gradient bg-gradient-to-r from-cloud-400 via-purple-400 to-cloud-500" style="opacity:0;transform:translateY(20px)">Our Impact in Numbers</h2><p class="text-gray-300 text-base md:text-lg max-w-2xl mx-auto" style="opacity:0;transform:translateY(20px)">Delivering exceptional results through innovation and dedication</p></div><div class="grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-8" style="opacity:0"><div class="relative group" style="opacity:0;transform:translateY(20px) scale(0.9)"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/20 via-purple-600/20 to-blue-500/20 rounded-lg blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10"></div><div class="rounded-lg border text-card-foreground relative h-full overflow-hidden bg-gray-900/80 backdrop-blur-sm border-gray-700/50 hover:border-blue-500/80 hover:bg-gray-800/95 transition-all duration-500 shadow-xl hover:shadow-2xl hover:shadow-blue-500/30 group-hover:shadow-blue-500/50"><div class="p-4 md:p-6"><div class="flex justify-center mb-4 md:mb-6">
1<div class="p-2 md:p-4 rounded-xl md:rounded-2xl bg-gradient-to-br from-blue-500/20 to-purple-600/20 text-blue-400 border border-blue-500/30 group-hover:border-blue-400/60 group-hover:bg-gradient-to-br group-hover:from-blue-500/30 group-hover:to-purple-600/30 transition-all duration-500 group-hover:shadow-lg group-hover:shadow-blue-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up h-6 w-6 md:h-8 md:w-8"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div></div><div class="text-2xl md:text-3xl lg:text-4xl font-bold text-blue-400 mb-2 md:mb-3 text-center group-hover:text-blue-300 transition-colors duration-300" style="opacity:0;transform:scale(0.5)">0</div><div class="text-base md:text-xl font-semibold text-white mb-1 md:mb-2 text-center group-hover:text-blue-100 transition-colors duration-300" style="opacity:0">Uptime SLA</div><p class="text-sm md:text-base text-gray-300 text-center group-hover:text-gray-200 transition-colors duration-300" style="opacity:0">Ensuring your business never stops</p><div class="absolute inset-0 rounded-lg border-2 border-transparent group-hover:border-blue-500/30 transition-all duration-500 opacity-0 group-hover:opacity-100"></div><div class="absolute inset-0 bg-gradient-to-r from-transparent via-blue-500/10 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"></div></div></div></div><div class="relative group" style="opacity:0;transform:translateY(20px) scale(0.9)"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/20 via-purple-600/20 to-blue-500/20 rounded-lg blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10"></div><div class="rounded-lg border text-card-foreground relative h-full overflow-hidden bg-gray-900/80 backdrop-blur-sm border-gray-700/50 hover:border-blue-500/80 hover:bg-gray-800/95 transition-all duration-500 shadow-xl hover:shadow-2xl hover:shadow-blue-500/30 group-hover:shadow-blue-500/50"><div class="p-4 md:p-6"><div class="flex justify-center mb-4 md:mb-6">
1<div class="p-2 md:p-4 rounded-xl md:rounded-2xl bg-gradient-to-br from-blue-500/20 to-purple-600/20 text-blue-400 border border-blue-500/30 group-hover:border-blue-400/60 group-hover:bg-gradient-to-br group-hover:from-blue-500/30 group-hover:to-purple-600/30 transition-all duration-500 group-hover:shadow-lg group-hover:shadow-blue-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket h-6 w-6 md:h-8 md:w-8"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div></div><div class="text-2xl md:text-3xl lg:text-4xl font-bold text-blue-400 mb-2 md:mb-3 text-center group-hover:text-blue-300 transition-colors duration-300" style="opacity:0;transform:scale(0.5)">0</div><div class="text-base md:text-xl font-semibold text-white mb-1 md:mb-2 text-center group-hover:text-blue-100 transition-colors duration-300" style="opacity:0">Projects Delivered</div><p class="text-sm md:text-base text-gray-300 text-center group-hover:text-gray-200 transition-colors duration-300" style="opacity:0">Successfully completed projects</p><div class="absolute inset-0 rounded-lg border-2 border-transparent group-hover:border-blue-500/30 transition-all duration-500 opacity-0 group-hover:opacity-100"></div><div class="absolute inset-0 bg-gradient-to-r from-transparent via-blue-500/10 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"></div></div></div></div><div class="relative group" style="opacity:0;transform:translateY(20px) scale(0.9)"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/20 via-purple-600/20 to-blue-500/20 rounded-lg blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10"></div><div class="rounded-lg border text-card-foreground relative h-full overflow-hidden bg-gray-900/80 backdrop-blur-sm border-gray-700/50 hover:border-blue-500/80 hover:bg-gray-800/95 transition-all duration-500 shadow-xl hover:shadow-2xl hover:shadow-blue-500/30 group-hover:shadow-blue-500/50"><div class="p-4 md:p-6"><div class="flex justify-center mb-4 md:mb-6">
1<div class="p-2 md:p-4 rounded-xl md:rounded-2xl bg-gradient-to-br from-blue-500/20 to-purple-600/20 text-blue-400 border border-blue-500/30 group-hover:border-blue-400/60 group-hover:bg-gradient-to-br group-hover:from-blue-500/30 group-hover:to-purple-600/30 transition-all duration-500 group-hover:shadow-lg group-hover:shadow-blue-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-6 w-6 md:h-8 md:w-8"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div><div class="text-2xl md:text-3xl lg:text-4xl font-bold text-blue-400 mb-2 md:mb-3 text-center group-hover:text-blue-300 transition-colors duration-300" style="opacity:0;transform:scale(0.5)">0</div><div class="text-base md:text-xl font-semibold text-white mb-1 md:mb-2 text-center group-hover:text-blue-100 transition-colors duration-300" style="opacity:0">Students Trained</div><p class="text-sm md:text-base text-gray-300 text-center group-hover:text-gray-200 transition-colors duration-300" style="opacity:0">Students trained in cloud computing</p><div class="absolute inset-0 rounded-lg border-2 border-transparent group-hover:border-blue-500/30 transition-all duration-500 opacity-0 group-hover:opacity-100"></div><div class="absolute inset-0 bg-gradient-to-r from-transparent via-blue-500/10 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"></div></div></div></div><div class="relative group" style="opacity:0;transform:translateY(20px) scale(0.9)"><div class="absolute inset-0 bg-gradient-to-r from-blue-500/20 via-purple-600/20 to-blue-500/20 rounded-lg blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10"></div><div class="rounded-lg border text-card-foreground relative h-full overflow-hidden bg-gray-900/80 backdrop-blur-sm border-gray-700/50 hover:border-blue-500/80 hover:bg-gray-800/95 transition-all duration-500 shadow-xl hover:shadow-2xl hover:shadow-blue-500/30 group-hover:shadow-blue-500/50"><div class="p-4 md:p-6"><div class="flex justify-center mb-4 md:mb-6">
1<div class="p-2 md:p-4 rounded-xl md:rounded-2xl bg-gradient-to-br from-blue-500/20 to-purple-600/20 text-blue-400 border border-blue-500/30 group-hover:border-blue-400/60 group-hover:bg-gradient-to-br group-hover:from-blue-500/30 group-hover:to-purple-600/30 transition-all duration-500 group-hover:shadow-lg group-hover:shadow-blue-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-6 w-6 md:h-8 md:w-8"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div><div class="text-2xl md:text-3xl lg:text-4xl font-bold text-blue-400 mb-2 md:mb-3 text-center group-hover:text-blue-300 transition-colors duration-300" style="opacity:0;transform:scale(0.5)">0</div><div class="text-base md:text-xl font-semibold text-white mb-1 md:mb-2 text-center group-hover:text-blue-100 transition-colors duration-300" style="opacity:0">Expert Support</div><p class="text-sm md:text-base text-gray-300 text-center group-hover:text-gray-200 transition-colors duration-300" style="opacity:0">Always here when you need us</p><div class="absolute inset-0 rounded-lg border-2 border-transparent group-hover:border-blue-500/30 transition-all duration-500 opacity-0 group-hover:opacity-100"></div><div class="absolute inset-0 bg-gradient-to-r from-transparent via-blue-500/10 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"></div></div></div></div></div></div></section><section class="py-16 relative overflow-hidden" style="background-color:#03050C"><div class="absolute inset-0" style="background-color:#03050C"></div><div class="container mx-auto px-4 relative z-10"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Our Lumas Clouds Services</h2><p class="text-xl text-gray-300 max-w-4xl mx-auto leading-relaxed">From initial implementation to ongoing support, we provide end-to-end Lumas Clouds solutions that transform your business operations.</p></div><div class="relative"><button class="absolute left-0 top-1/2 -translate-y-1/2 z-20 bg-white/10 backdrop-blur-sm hover:bg-white/20 border border-white/20 text-white shadow-lg rounded-full p-3 transition-all duration-300 hover:scale-110 -ml-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-6 h-6"><path d="m15 18-6-6 6-6"></path></svg></button><button class="absolute right-0 top-1/2 -translate-y-1/2 z-20 bg-white/10 backdrop-blur-sm hover:bg-white/20 border border-white/20 text-white shadow-lg rounded-full p-3 transition-all duration-300 hover:scale-110 -mr-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-6 h-6"><path d="m9 18 6-6-6-6"></path></svg></button><div class="overflow-hidden py-6 rounded-2xl"><div class="flex transition-transform duration-500 ease-in-out" style="transform:translateX(-0%)"><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud h-8 w-8"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Consultancy Services</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Expert guidance to design, migrate, and optimize your cloud strategy for maximum business value.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cloud Architecture Design</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Migration Planning &amp; Execution</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cost Optimization Strategies</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Security &amp; Compliance Advisory</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">AI/ML Integration &amp; Enablement</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones h-8 w-8"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Managed Services</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Ensure seamless cloud operations with 24/7 monitoring, support, and maintenance for improved performance and uptime.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">24/7 Infrastructure Monitoring</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Proactive Maintenance</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Performance Optimization</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Incident Response</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Backup &amp; Recovery</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator h-8 w-8"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Billing Services</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Transparent and efficient cloud billing solutions with detailed cost tracking and 1-2% savings on billing transfers.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Detailed Cost Tracking</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Budget Forecasting</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">1-2% Billing Savings</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cost Optimization</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Transparent Reporting</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-8 w-8"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Training Services</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Empower your team with hands-on cloud training and upskilling in modern cloud technologies.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">DevOps Training</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">AWS Certification</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Security Best Practices</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">AI/ML Technologies</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Hands-on Workshops</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-8 w-8"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Staff Augmentation</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Access skilled cloud professionals to extend your team and accelerate delivery without long-term commitments.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cloud Engineers</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">DevOps Specialists</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Solution Architects</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Project Managers</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Flexible Engagement</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud h-8 w-8"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Consultancy Services</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Expert guidance to design, migrate, and optimize your cloud strategy for maximum business value.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cloud Architecture Design</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Migration Planning &amp; Execution</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cost Optimization Strategies</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Security &amp; Compliance Advisory</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">AI/ML Integration &amp; Enablement</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones h-8 w-8"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Managed Services</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Ensure seamless cloud operations with 24/7 monitoring, support, and maintenance for improved performance and uptime.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">24/7 Infrastructure Monitoring</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Proactive Maintenance</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Performance Optimization</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Incident Response</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Backup &amp; Recovery</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator h-8 w-8"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Billing Services</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">
1Transparent and efficient cloud billing solutions with detailed cost tracking and 1-2% savings on billing transfers.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Detailed Cost Tracking</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Budget Forecasting</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">1-2% Billing Savings</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cost Optimization</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Transparent Reporting</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-8 w-8"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Training Services</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Empower your team with hands-on cloud training and upskilling in modern cloud technologies.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">DevOps Training</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">AWS Certification</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Security Best Practices</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">AI/ML Technologies</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Hands-on Workshops</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-8 w-8"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Staff Augmentation</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Access skilled cloud professionals to extend your team and accelerate delivery without long-term commitments.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cloud Engineers</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">DevOps Specialists</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Solution Architects</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Project Managers</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Flexible Engagement</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud h-8 w-8"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Consultancy Services</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Expert guidance to design, migrate, and optimize your cloud strategy for maximum business value.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cloud Architecture Design</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Migration Planning &amp; Execution</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cost Optimization Strategies</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Security &amp; Compliance Advisory</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">AI/ML Integration &amp; Enablement</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones h-8 w-8"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Managed Services</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Ensure seamless cloud operations with 24/7 monitoring, support, and maintenance for improved performance and uptime.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">24/7 Infrastructure Monitoring</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Proactive Maintenance</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Performance Optimization</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Incident Response</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Backup &amp; Recovery</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator h-8 w-8"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Billing Services</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Transparent and efficient cloud billing solutions with detailed cost tracking and 1-2% savings on billing transfers.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Detailed Cost Tracking</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Budget Forecasting</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">1-2% Billing Savings</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cost Optimization</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Transparent Reporting</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-8 w-8"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Training Services</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Empower your team with hands-on cloud training and upskilling in modern cloud technologies.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">DevOps Training</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">AWS Certification</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Security Best Practices</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">AI/ML Technologies</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Hands-on Workshops</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-8 w-8"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Staff Augmentation</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Access skilled cloud professionals to extend your team and accelerate delivery without long-term commitments.</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cloud Engineers</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">DevOps Specialists</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Solution Architects</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Project Managers</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Flexible Engagement</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div></div></div></div><div class="flex justify-center mt-12 space-x-3"><button class="relative w-4 h-4 rounded-full transition-all duration-500 scale-125" style="background-color:#0274B0"><div class="absolute inset-0 rounded-full animate-ping" style="background-color:rgba(2, 116, 176, 0.6)"></div></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button></div></div></section><section class="w-full py-20 bg-gradient-to-br from-gray-900 via-gray-800 to-slate-900"><div class="container mx-auto px-4"><div class="text-center mb-12"><h2 class="text-4xl md:text-5xl font-bold mb-4 text-gradient">Your First Setup - On Us</h2><p class="text-gray-300 text-lg max-w-2xl mx-auto">Start your cloud journey with confidence, zero risk, and expert support</p></div><div class="grid md:grid-cols-3 gap-8 mt-12"><div class="border bg-card text-card-foreground shadow-sm bg-gradient-to-br from-gray-900 via-gray-800 to-slate-900 border-blue-500/20 p-6 rounded-xl hover:transform hover:scale-105 transition-all duration-300"><div class="space-y-4"><div class="h-12 w-12 rounded-full bg-blue-500/20 flex items-center justify-center mb-6"><svg class="w-6 h-6 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg></div><h3 class="text-xl font-bold text-white">First Implementation – Absolutely Free</h3><p class="text-gray-400">Kickstart your cloud journey with a fully supported initial setup — all at zero cost.</p></div></div><div class="border bg-card text-card-foreground shadow-sm bg-gradient-to-br from-gray-900 via-gray-800 to-slate-900 border-blue-500/20 p-6 rounded-xl hover:transform hover:scale-105 transition-all duration-300"><div class="space-y-4"><div class="h-12 w-12 rounded-full bg-blue-500/20 flex items-center justify-center mb-6"><svg class="w-6 h-6 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div><h3 class="text-xl font-bold text-white">Free Proof of Concept (POC) – 1 Month</h3><p class="text-gray-400">Run a 1-month proof of concept (POC) to test your cloud setup, fully supported by our expert team.</p></div></div><div class="border bg-card text-card-foreground shadow-sm bg-gradient-to-br from-gray-900 via-gray-800 to-slate-900 border-blue-500/20 p-6 rounded-xl hover:transform hover:scale-105 transition-all duration-300"><div class="space-y-4"><div class="h-12 w-12 rounded-full bg-blue-500/20 flex items-center justify-center mb-6"><svg class="w-6 h-6 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg></div><h3 class="text-xl font-bold text-white">Move In with Confidence</h3><p class="text-gray-400">Move your infrastructure to AWS with our guidance, and explore our managed services with no initial commitment.</p></div></div></div></div></section><div class="jsx-1c9af12427e42db5 max-w-8xl lg:block hidden bg-gradient-to-b from-blue-50 via-cyan-50 to-sky-50 py-8"><div class="jsx-1c9af12427e42db5 text-center mb-6 px-4"><h2 class="jsx-1c9af12427e42db5 text-4xl font-bold text-blue-800 relative inline-block group">Our Cloud Workflow<div class="jsx-1c9af12427e42db5 absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-blue-500 via-cyan-500 to-sky-500 transform scale-x-0 transition-transform group-hover:scale-x-100"></div></h2><p class="jsx-1c9af12427e42db5 text-blue-600 mt-2">Follow our cloud deployment process</p></div><div class="jsx-1c9af12427e42db5 relative w-full mx-auto h-[400px] overflow-hidden px-4"><div class="jsx-1c9af12427e42db5 absolute w-full h-full"><svg viewBox="0 0 1000 350" preserveAspectRatio="none" class="jsx-1c9af12427e42db5 w-full h-full"><defs class="jsx-1c9af12427e42db5"><path id="carMotionPath" d="M 0,180 C 100,80 200,80 300,180 C 400,280 600,280 700,180 C 800,80 900,80 1000,180" class="jsx-1c9af12427e42db5"></path></defs><path d="M 0,180 C 100,80 200,80 300,180 C 400,280 600,280 700,180 C 800,80 900,80 1000,180" fill="none" stroke="#60A5FA" stroke-width="25" stroke-linecap="round" class="jsx-1c9af12427e42db5 road-path"></path><path d="M 0,180 C 100,80 200,80 300,180 C 400,280 600,280 700,180 C 800,80 900,80 1000,180" fill="none" stroke="white" stroke-width="2" stroke-dasharray="15,15" stroke-linecap="round" class="jsx-1c9af12427e42db5"></path><g transform="scale(0.3)" class="jsx-1c9af12427e42db5"><animateMotion dur="5s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="0s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#b91c1c" stroke="#991b1b" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#ef4444" stroke="#dc2626" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5">
1<animateMotion dur="5.3s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="0.6s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#1e40af" stroke="#991b1b" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#3b82f6" stroke="#dc2626" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5"><animateMotion dur="5.6s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="1.2s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#047857" stroke="#991b1b" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#10b981" stroke="#dc2626" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5"><animateMotion dur="5.9s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="1.7999999999999998s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#b45309" stroke="#991b1b" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#f59e0b" stroke="#dc2626" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5">
1<animateMotion dur="6.2s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="2.4s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#581c87" stroke="#991b1b" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#8b5cf6" stroke="#dc2626" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5"><animateMotion dur="6.5s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="3s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#be185d" stroke="#991b1b" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#ec4899" stroke="#dc2626" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5"><animateMotion dur="6.8s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="3.5999999999999996s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#0e7490" stroke="#991b1b" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#06b6d4" stroke="#dc2626" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5">
1<animateMotion dur="7.1s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="4.2s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#3f3f46" stroke="#991b1b" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#71717a" stroke="#dc2626" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5"><animateMotion dur="6s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="0s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#1e40af" stroke="#1e3a8a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#3b82f6" stroke="#2563eb" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5"><animateMotion dur="6.3s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="0.7s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#047857" stroke="#1e3a8a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#10b981" stroke="#2563eb" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5">
1<animateMotion dur="6.6s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="1.4s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#b45309" stroke="#1e3a8a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#f59e0b" stroke="#2563eb" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5"><animateMotion dur="6.9s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="2.0999999999999996s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#581c87" stroke="#1e3a8a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#8b5cf6" stroke="#2563eb" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5"><animateMotion dur="7.2s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="2.8s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#be185d" stroke="#1e3a8a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#ec4899" stroke="#2563eb" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5">
1<animateMotion dur="7.5s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="3.5s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#0e7490" stroke="#1e3a8a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#06b6d4" stroke="#2563eb" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g><g transform="scale(0.3)" class="jsx-1c9af12427e42db5"><animateMotion dur="7.8s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="4.199999999999999s" class="jsx-1c9af12427e42db5"><mpath href="#carMotionPath" class="jsx-1c9af12427e42db5"></mpath></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.3)" opacity="0.5" class="jsx-1c9af12427e42db5"></ellipse><path d="M -35,0 C -30,-3 -25,-5 0,-5 C 25,-5 30,-3 35,0 L 35,5 L -35,5 Z" fill="#3f3f46" stroke="#1e3a8a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -33,-3 C -30,-8 -15,-12 0,-12 C 15,-12 30,-8 33,-3 C 33,-2 33,-1 33,0 L -33,0 C -33,-1 -33,-2 -33,-3 Z" fill="#71717a" stroke="#2563eb" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><circle cx="-20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><circle cx="20" cy="5" r="5" fill="#18181b" stroke="#27272a" stroke-width="0.5" class="jsx-1c9af12427e42db5"></circle><path d="M -18,-8 L -12,-25 L 12,-25 L 18,-8 Z" fill="#0f172a" stroke="#020617" stroke-width="0.5" class="jsx-1c9af12427e42db5"></path><path d="M -17,-8.5 L -11,-24 L 11,-24 L 17,-8.5 Z" fill="#93c5fd" stroke="none" class="jsx-1c9af12427e42db5"></path><rect x="-32" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect><rect x="29" y="-2" width="3" height="2" fill="#fef9c3" class="jsx-1c9af12427e42db5"></rect></g></svg></div><div class="absolute top-[-20px] left-[5%]" style="opacity:0;transform:translateY(15px)"><div class="jsx-1c9af12427e42db5 relative flex flex-col items-center"><div class="jsx-1c9af12427e42db5 h-10 w-1.5 bg-blue-300 rounded-full shadow-md"></div><div class="jsx-1c9af12427e42db5 bg-blue-400 w-10 h-10 rounded-full shadow-lg flex items-center justify-center mb-1.5 mt-1 relative border-2 border-white"><span class="jsx-1c9af12427e42db5 text-white text-base">🏗️</span></div><div class="jsx-1c9af12427e42db5 bg-white px-2.5 py-1.5 rounded-full shadow-lg"><p class="jsx-1c9af12427e42db5 text-blue-500 font-medium text-sm text-center">Infrastructure Setup</p></div></div></div><div class="absolute bottom-[40px] left-[20%]" style="opacity:0;transform:translateY(-15px)"><div class="jsx-1c9af12427e42db5 relative flex flex-col items-center"><div class="jsx-1c9af12427e42db5 bg-white px-2.5 py-1.5 rounded-full shadow-lg mb-1.5"><p class="jsx-1c9af12427e42db5 text-cyan-500 font-medium text-sm text-center">Configuration</p></div><div class="jsx-1c9af12427e42db5 bg-cyan-400 w-10 h-10 rounded-full shadow-lg flex items-center justify-center mt-1 mb-1.5 relative border-2 border-white"><span class="jsx-1c9af12427e42db5 text-white text-base">⚙️</span></div><div class="jsx-1c9af12427e42db5 h-16 w-1.5 bg-cyan-300 rounded-full shadow-md"></div></div></div><div class="absolute top-[60px] left-[40%]" style="opacity:0;transform:translateY(15px)"><div class="jsx-1c9af12427e42db5 relative flex flex-col items-center"><div class="jsx-1c9af12427e42db5 h-16 w-1.5 bg-emerald-300 rounded-full shadow-md"></div><div class="jsx-1c9af12427e42db5 bg-emerald-400 w-10 h-10 rounded-full shadow-lg flex items-center justify-center mb-1.5 mt-1 relative border-2 border-white"><span class="jsx-1c9af12427e42db5 text-white text-base">🔒</span></div><div class="jsx-1c9af12427e42db5 bg-white px-2.5 py-1.5 rounded-full shadow-lg"><p class="jsx-1c9af12427e42db5 text-emerald-500 font-medium text-sm text-center">Security Setup</p></div></div></div><div class="absolute bottom-[-30px] left-[57%]" style="opacity:0;transform:translateY(-15px)"><div class="jsx-1c9af12427e42db5 relative flex flex-col items-center"><div class="jsx-1c9af12427e42db5 bg-white px-2.5 py-1.5 rounded-full shadow-lg mb-1.5"><p class="jsx-1c9af12427e42db5 text-sky-500 font-medium text-sm text-center">Containerization</p></div>
1<div class="jsx-1c9af12427e42db5 bg-sky-400 w-9 h-9 rounded-full shadow-lg flex items-center justify-center mt-1 mb-1.5 relative border-2 border-white"><span class="jsx-1c9af12427e42db5 text-white text-base">🐳</span></div><div class="jsx-1c9af12427e42db5 h-12 w-1.5 bg-sky-300 rounded-full shadow-md"></div></div></div><div class="absolute top-[5px] left-[68%]" style="opacity:0;transform:translateY(15px)"><div class="jsx-1c9af12427e42db5 relative flex flex-col items-center"><div class="jsx-1c9af12427e42db5 h-7 w-1.5 bg-indigo-300 rounded-full shadow-md"></div><div class="jsx-1c9af12427e42db5 bg-indigo-400 w-9 h-9 rounded-full shadow-lg flex items-center justify-center mb-1.5 mt-1 relative border-2 border-white"><span class="jsx-1c9af12427e42db5 text-white text-base">🚀</span></div><div class="jsx-1c9af12427e42db5 bg-white px-2.5 py-1.5 rounded-full shadow-lg"><p class="jsx-1c9af12427e42db5 text-indigo-500 font-medium text-sm text-center">Deployment</p></div></div></div><div class="absolute bottom-[30px] left-[85%]" style="opacity:0;transform:translateY(-15px)"><div class="jsx-1c9af12427e42db5 relative flex flex-col items-center"><div class="jsx-1c9af12427e42db5 bg-white px-2.5 py-1.5 rounded-full shadow-lg mb-1.5"><p class="jsx-1c9af12427e42db5 text-violet-500 font-medium text-sm text-center">Monitoring</p></div><div class="jsx-1c9af12427e42db5 bg-violet-400 w-10 h-10 rounded-full shadow-lg flex items-center justify-center mt-1 mb-1.5 relative border-2 border-white"><span class="jsx-1c9af12427e42db5 text-white text-base">📊</span></div><div class="jsx-1c9af12427e42db5 h-16 w-1.5 bg-violet-300 rounded-full shadow-md"></div></div></div></div></div><div style="background:linear-gradient(180deg, #f3f8fd 0%, #e6f1fa 100%);padding:1rem 0" class="jsx-fc77c13cbd944f78 w-full lg:hidden block"><div class="jsx-fc77c13cbd944f78 text-center mb-3 px-2"><h2 style="color:#2563eb" class="jsx-fc77c13cbd944f78 text-2xl font-bold">Our Cloud Workflow</h2><p style="color:#2563eb" class="jsx-fc77c13cbd944f78 mt-1 text-xs">Follow our cloud deployment process</p></div><div class="jsx-fc77c13cbd944f78 relative w-full mx-auto h-[200px] overflow-visible px-1"><div class="jsx-fc77c13cbd944f78 absolute w-full h-full"><svg viewBox="0 0 300 120" preserveAspectRatio="none" class="jsx-fc77c13cbd944f78 w-full h-full"><path id="roadPath" d="M 0,60 C 30,30 60,30 90,60 C 120,90 180,90 210,60 C 240,30 270,30 300,60" fill="none" stroke="#4da3fa" stroke-width="13" stroke-linecap="round" class="jsx-fc77c13cbd944f78 road-path"></path><path id="whiteLine" d="M 0,60 C 30,30 60,30 90,60 C 120,90 180,90 210,60 C 240,30 270,30 300,60" fill="none" stroke="white" stroke-width="3" stroke-dasharray="16,10" stroke-linecap="round" class="jsx-fc77c13cbd944f78"></path><g transform="scale(0.20)" class="jsx-fc77c13cbd944f78"><animateMotion dur="4s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="0s" path="M 0,60 C 30,30 60,30 90,60 C 120,90 180,90 210,60 C 240,30 270,30 300,60" class="jsx-fc77c13cbd944f78"></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.18)" opacity="0.5" class="jsx-fc77c13cbd944f78"></ellipse><rect x="-28" y="0" width="56" height="8" rx="4" fill="#4da3fa" class="jsx-fc77c13cbd944f78"></rect><rect x="-22" y="-12" width="44" height="14" rx="7" fill="#2196f3" class="jsx-fc77c13cbd944f78"></rect><circle cx="-15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><circle cx="15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><rect x="-16" y="-10" width="32" height="8" rx="3" fill="#e0f2fe" class="jsx-fc77c13cbd944f78"></rect></g><g transform="scale(0.20)" class="jsx-fc77c13cbd944f78"><animateMotion dur="4.4s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="0.7s" path="M 0,60 C 30,30 60,30 90,60 C 120,90 180,90 210,60 C 240,30 270,30 300,60" class="jsx-fc77c13cbd944f78"></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.18)" opacity="0.5" class="jsx-fc77c13cbd944f78"></ellipse><rect x="-28" y="0" width="56" height="8" rx="4" fill="#00bcd4" class="jsx-fc77c13cbd944f78"></rect><rect x="-22" y="-12" width="44" height="14" rx="7" fill="#06b6d4" class="jsx-fc77c13cbd944f78"></rect><circle cx="-15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><circle cx="15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><rect x="-16" y="-10" width="32" height="8" rx="3" fill="#e0f2fe" class="jsx-fc77c13cbd944f78"></rect></g><g transform="scale(0.20)" class="jsx-fc77c13cbd944f78">
1<animateMotion dur="4.8s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="1.4s" path="M 0,60 C 30,30 60,30 90,60 C 120,90 180,90 210,60 C 240,30 270,30 300,60" class="jsx-fc77c13cbd944f78"></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.18)" opacity="0.5" class="jsx-fc77c13cbd944f78"></ellipse><rect x="-28" y="0" width="56" height="8" rx="4" fill="#34d399" class="jsx-fc77c13cbd944f78"></rect><rect x="-22" y="-12" width="44" height="14" rx="7" fill="#22c55e" class="jsx-fc77c13cbd944f78"></rect><circle cx="-15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><circle cx="15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><rect x="-16" y="-10" width="32" height="8" rx="3" fill="#e0f2fe" class="jsx-fc77c13cbd944f78"></rect></g><g transform="scale(0.20)" class="jsx-fc77c13cbd944f78"><animateMotion dur="5.2s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="2.0999999999999996s" path="M 0,60 C 30,30 60,30 90,60 C 120,90 180,90 210,60 C 240,30 270,30 300,60" class="jsx-fc77c13cbd944f78"></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.18)" opacity="0.5" class="jsx-fc77c13cbd944f78"></ellipse><rect x="-28" y="0" width="56" height="8" rx="4" fill="#a78bfa" class="jsx-fc77c13cbd944f78"></rect><rect x="-22" y="-12" width="44" height="14" rx="7" fill="#8b5cf6" class="jsx-fc77c13cbd944f78"></rect><circle cx="-15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><circle cx="15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><rect x="-16" y="-10" width="32" height="8" rx="3" fill="#e0f2fe" class="jsx-fc77c13cbd944f78"></rect></g><g transform="scale(0.20)" class="jsx-fc77c13cbd944f78"><animateMotion dur="5.6s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="2.8s" path="M 0,60 C 30,30 60,30 90,60 C 120,90 180,90 210,60 C 240,30 270,30 300,60" class="jsx-fc77c13cbd944f78"></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.18)" opacity="0.5" class="jsx-fc77c13cbd944f78"></ellipse><rect x="-28" y="0" width="56" height="8" rx="4" fill="#f59e42" class="jsx-fc77c13cbd944f78"></rect><rect x="-22" y="-12" width="44" height="14" rx="7" fill="#fbbf24" class="jsx-fc77c13cbd944f78"></rect><circle cx="-15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><circle cx="15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><rect x="-16" y="-10" width="32" height="8" rx="3" fill="#e0f2fe" class="jsx-fc77c13cbd944f78"></rect></g><g transform="scale(0.20)" class="jsx-fc77c13cbd944f78"><animateMotion dur="6s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="3.5s" path="M 0,60 C 30,30 60,30 90,60 C 120,90 180,90 210,60 C 240,30 270,30 300,60" class="jsx-fc77c13cbd944f78"></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.18)" opacity="0.5" class="jsx-fc77c13cbd944f78"></ellipse><rect x="-28" y="0" width="56" height="8" rx="4" fill="#6366f1" class="jsx-fc77c13cbd944f78"></rect><rect x="-22" y="-12" width="44" height="14" rx="7" fill="#818cf8" class="jsx-fc77c13cbd944f78"></rect><circle cx="-15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><circle cx="15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><rect x="-16" y="-10" width="32" height="8" rx="3" fill="#e0f2fe" class="jsx-fc77c13cbd944f78"></rect></g><g transform="scale(0.20)" class="jsx-fc77c13cbd944f78"><animateMotion dur="6.4s" repeatCount="indefinite" rotate="auto" keyTimes="0;1" calcMode="linear" begin="4.199999999999999s" path="M 0,60 C 30,30 60,30 90,60 C 120,90 180,90 210,60 C 240,30 270,30 300,60" class="jsx-fc77c13cbd944f78"></animateMotion><ellipse cx="0" cy="10" rx="35" ry="6" fill="rgba(0,0,0,0.18)" opacity="0.5" class="jsx-fc77c13cbd944f78"></ellipse><rect x="-28" y="0" width="56" height="8" rx="4" fill="#e57373" class="jsx-fc77c13cbd944f78"></rect><rect x="-22" y="-12" width="44" height="14" rx="7" fill="#ef4444" class="jsx-fc77c13cbd944f78"></rect><circle cx="-15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><circle cx="15" cy="8" r="5" fill="#22223b" class="jsx-fc77c13cbd944f78"></circle><rect x="-16" y="-10" width="32" height="8" rx="3" fill="#e0f2fe" class="jsx-fc77c13cbd944f78"></rect></g></svg></div><div class="absolute top-[-10px] left-[5%] flex flex-col items-center" style="opacity:0;transform:translateY(10px)"><div style="background:#fff;border:2px solid #e0e7ef" class="jsx-fc77c13cbd944f78 w-8 h-8 rounded-full flex items-center justify-center shadow-lg"><span style="font-size:16px;background:#4da3fa;border-radius:50%;padding:3px" class="jsx-fc77c13cbd944f78">🛠️</span></div><div style="background:#fff;color:#2196f3;box-shadow:0 2px 8px #e0e7ef" class="jsx-fc77c13cbd944f78 mt-1 px-2 py-0.5 rounded-full shadow text-xs font-medium">Infra</div></div>
1<div class="absolute bottom-[10px] left-[20%] flex flex-col items-center" style="opacity:0;transform:translateY(-10px)"><div style="background:#fff;border:2px solid #e0e7ef" class="jsx-fc77c13cbd944f78 w-8 h-8 rounded-full flex items-center justify-center shadow-lg"><span style="font-size:16px;background:#00bcd4;border-radius:50%;padding:3px" class="jsx-fc77c13cbd944f78">⚙️</span></div><div style="background:#fff;color:#00bcd4;box-shadow:0 2px 8px #e0e7ef" class="jsx-fc77c13cbd944f78 mt-1 px-2 py-0.5 rounded-full shadow text-xs font-medium">Config</div></div><div class="absolute top-[20px] left-[40%] flex flex-col items-center" style="opacity:0;transform:translateY(10px)"><div style="background:#fff;border:2px solid #e0e7ef" class="jsx-fc77c13cbd944f78 w-8 h-8 rounded-full flex items-center justify-center shadow-lg"><span style="font-size:16px;background:#34d399;border-radius:50%;padding:3px" class="jsx-fc77c13cbd944f78">🔒</span></div><div style="background:#fff;color:#22c55e;box-shadow:0 2px 8px #e0e7ef" class="jsx-fc77c13cbd944f78 mt-1 px-2 py-0.5 rounded-full shadow text-xs font-medium">Security</div></div><div class="absolute bottom-[-5px] left-[57%] flex flex-col items-center" style="opacity:0;transform:translateY(-10px)"><div style="background:#fff;border:2px solid #e0e7ef" class="jsx-fc77c13cbd944f78 w-8 h-8 rounded-full flex items-center justify-center shadow-lg"><span style="font-size:16px;background:#38bdf8;border-radius:50%;padding:3px" class="jsx-fc77c13cbd944f78">🐳</span></div><div style="background:#fff;color:#38bdf8;box-shadow:0 2px 8px #e0e7ef" class="jsx-fc77c13cbd944f78 mt-1 px-2 py-0.5 rounded-full shadow text-xs font-medium">Container</div></div><div class="absolute top-[5px] left-[70%] flex flex-col items-center" style="opacity:0;transform:translateY(10px)"><div style="background:#fff;border:2px solid #e0e7ef" class="jsx-fc77c13cbd944f78 w-8 h-8 rounded-full flex items-center justify-center shadow-lg"><span style="font-size:16px;background:#a78bfa;border-radius:50%;padding:3px" class="jsx-fc77c13cbd944f78">🚀</span></div><div style="background:#fff;color:#6366f1;box-shadow:0 2px 8px #e0e7ef" class="jsx-fc77c13cbd944f78 mt-1 px-2 py-0.5 rounded-full shadow text-xs font-medium">Deploy</div></div><div class="absolute bottom-[10px] left-[85%] flex flex-col items-center" style="opacity:0;transform:translateY(-10px)"><div style="background:#fff;border:2px solid #e0e7ef" class="jsx-fc77c13cbd944f78 w-8 h-8 rounded-full flex items-center justify-center shadow-lg"><span style="font-size:16px;background:#c084fc;border-radius:50%;padding:3px" class="jsx-fc77c13cbd944f78">📊</span></div><div style="background:#fff;color:#a21caf;box-shadow:0 2px 8px #e0e7ef" class="jsx-fc77c13cbd944f78 mt-1 px-2 py-0.5 rounded-full shadow text-xs font-medium">Monitor</div></div></div></div><div class=" mx-auto px-4 py-16 bg-gradient-to-br from-[#0f172a] via-[#1e293b] to-[#0ea5e9]"><div class="container mx-auto"><div class="text-center pb-20"><h2 class="text-2xl md:text-4xl font-semibold text-cloud-400 mb-4">AWS Cloud Engineer Workshop</h2><p class="text-blue-200 text-sm md:text-lg">Our training programs are designed to help you gain hands-on experience with our industry-leading workshop programs mentored by experts with 8+ years of experience</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"><div class="rounded-lg text-card-foreground group hover:shadow-xl transition-all duration-300 border-0 shadow-lg bg-[#1e293b]/90 backdrop-blur border-cloud-400/20 hover:border-cloud-400/40 hover:shadow-cloud-400/20"><div class="flex flex-col justify-between h-full"><div class=""><div class="flex flex-col space-y-1.5 p-6 text-center pb-3"><div class="w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center mx-auto mb-3 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud w-6 h-6 text-white"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div><h3 class="tracking-tight text-lg font-bold text-white">
1Cloud Infrastructure</h3><p class="text-blue-200 text-sm">Hands-on experience with cloud computing and infrastructure management</p></div><div class="p-6 pt-0"><div class="space-y-2"><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3 h-3 text-cloud-400"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span>8+ Years Expert Mentor</span></div><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-green-400"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>2 Months Duration</span></div><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3 h-3 text-purple-400"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span>Online Mode</span></div><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-3 h-3 text-orange-400"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg><span>Industry Certification</span></div></div><div class="mt-4"><h4 class="font-semibold text-white mb-2 text-sm">What You&#x27;ll Learn:</h4><ul class="space-y-1"><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>AWS/Azure/GCP Hands-on Projects</li><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>Infrastructure as Code Practice</li><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>Container Orchestration Experience</li><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>Real-world Cloud Security Implementation</li></ul></div></div></div><div class="flex items-center p-6 pt-4"><div class="w-full space-y-3"><a href="/internship"><button class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary hover:bg-primary/90 h-10 px-4 w-full bg-gradient-to-r from-cloud-400 to-blue-500 hover:from-cloud-500 hover:to-blue-600 text-white py-2">Explore More</button></a></div></div></div></div><div class="rounded-lg text-card-foreground group hover:shadow-xl transition-all duration-300 border-0 shadow-lg bg-[#1e293b]/90 backdrop-blur border-cloud-400/20 hover:border-cloud-400/40 hover:shadow-cloud-400/20"><div class="flex flex-col justify-between h-full"><div class=""><div class="flex flex-col space-y-1.5 p-6 text-center pb-3"><div class="w-12 h-12 bg-yellow-500 rounded-full flex items-center justify-center mx-auto mb-3 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud-cog w-6 h-6 text-white"><circle cx="12" cy="17" r="3"></circle><path d="M4.2 15.1A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.2"></path><path d="m15.7 18.4-.9-.3"></path><path d="m9.2 15.9-.9-.3"></path><path d="m10.6 20.7.3-.9"></path><path d="m13.1 14.2.3-.9"></path><path d="m13.6 20.7-.4-1"></path><path d="m10.8 14.3-.4-1"></path><path d="m8.3 18.6 1-.4"></path><path d="m14.7 15.8 1-.4"></path></svg></div><h3 class="tracking-tight text-lg font-bold text-white">DevOps</h3><p class="text-blue-200 text-sm">Practical experience with DevOps tools and practices</p></div><div class="p-6 pt-0"><div class="space-y-2"><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3 h-3 text-cloud-400"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span>8+ Years Expert Mentor</span></div><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-green-400"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>2 Months Duration</span></div><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3 h-3 text-purple-400"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span>Online Mode</span></div><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-3 h-3 text-orange-400"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg><span>Industry Certification</span></div></div><div class="mt-4"><h4 class="font-semibold text-white mb-2 text-sm">What You&#x27;ll Learn:</h4><ul class="space-y-1"><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>CI/CD Pipeline Development</li><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>
1Infrastructure Automation Projects</li><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>Scripting &amp; Programming Practice</li><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>Monitoring &amp; Alerting Systems</li></ul></div></div></div><div class="flex items-center p-6 pt-4"><div class="w-full space-y-3"><a href="/internship"><button class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary hover:bg-primary/90 h-10 px-4 w-full bg-gradient-to-r from-cloud-400 to-blue-500 hover:from-cloud-500 hover:to-blue-600 text-white py-2">Explore More</button></a></div></div></div></div><div class="rounded-lg text-card-foreground group hover:shadow-xl transition-all duration-300 border-0 shadow-lg bg-[#1e293b]/90 backdrop-blur border-cloud-400/20 hover:border-cloud-400/40 hover:shadow-cloud-400/20"><div class="flex flex-col justify-between h-full"><div class=""><div class="flex flex-col space-y-1.5 p-6 text-center pb-3"><div class="w-12 h-12 bg-purple-500 rounded-full flex items-center justify-center mx-auto mb-3 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code w-6 h-6 text-white"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></div><h3 class="tracking-tight text-lg font-bold text-white">Full Stack</h3><p class="text-blue-200 text-sm">End-to-end web development with modern technologies</p></div><div class="p-6 pt-0"><div class="space-y-2"><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3 h-3 text-cloud-400"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span>8+ Years Expert Mentor</span></div><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-green-400"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>2 Months Duration</span></div><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3 h-3 text-purple-400"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span>Online Mode</span></div><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-3 h-3 text-orange-400"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg><span>Industry Certification</span></div></div><div class="mt-4"><h4 class="font-semibold text-white mb-2 text-sm">What You&#x27;ll Learn:</h4><ul class="space-y-1"><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>Frontend &amp; Backend Development</li><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>Database Design &amp; Management</li><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>API Development &amp; Integration</li><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>Deployment Practices</li></ul></div></div></div><div class="flex items-center p-6 pt-4"><div class="w-full space-y-3"><a href="/internship"><button class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary hover:bg-primary/90 h-10 px-4 w-full bg-gradient-to-r from-cloud-400 to-blue-500 hover:from-cloud-500 hover:to-blue-600 text-white py-2">Explore More</button></a></div></div></div></div><div class="rounded-lg text-card-foreground group hover:shadow-xl transition-all duration-300 border-0 shadow-lg bg-[#1e293b]/90 backdrop-blur border-cloud-400/20 hover:border-cloud-400/40 hover:shadow-cloud-400/20"><div class="flex flex-col justify-between h-full"><div class=""><div class="flex flex-col space-y-1.5 p-6 text-center pb-3"><div class="w-12 h-12 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-3 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain w-6 h-6 text-white"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg></div><h3 class="tracking-tight text-lg font-bold text-white">
1AI/ML</h3><p class="text-blue-200 text-sm">Machine learning and artificial intelligence implementation</p></div><div class="p-6 pt-0"><div class="space-y-2"><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3 h-3 text-cloud-400"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span>8+ Years Expert Mentor</span></div><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 text-green-400"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span>2 Months Duration</span></div><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3 h-3 text-purple-400"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span>Online Mode</span></div><div class="flex items-center gap-2 text-xs text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-3 h-3 text-orange-400"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg><span>Industry Certification</span></div></div><div class="mt-4"><h4 class="font-semibold text-white mb-2 text-sm">What You&#x27;ll Learn:</h4><ul class="space-y-1"><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>Machine Learning Algorithms</li><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>Deep Learning &amp; Neural Networks</li><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>Data Preprocessing &amp; Analysis</li><li class="flex items-start gap-2 text-xs text-blue-200"><div class="w-1 h-1 bg-cloud-400 rounded-full mt-1.5 flex-shrink-0"></div>Model Deployment &amp; Production</li></ul></div></div></div><div class="flex items-center p-6 pt-4"><div class="w-full space-y-3"><a href="/internship"><button class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary hover:bg-primary/90 h-10 px-4 w-full bg-gradient-to-r from-cloud-400 to-blue-500 hover:from-cloud-500 hover:to-blue-600 text-white py-2">Explore More</button></a></div></div></div></div></div></div></div><section class="py-16 relative overflow-hidden" style="background-color:#03050C"><div class="absolute inset-0" style="background-color:#03050C"></div><div class="container mx-auto px-4 relative z-10"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-6xl font-bold text-white mb-6">Why Choose Lumas Clouds?</h2><p class="text-xl text-gray-300 max-w-4xl mx-auto leading-relaxed">Experience comprehensive cloud solutions designed for modern businesses and future professionals</p></div><div class="relative"><button class="absolute left-0 top-1/2 -translate-y-1/2 z-20 bg-white/10 backdrop-blur-sm hover:bg-white/20 border border-white/20 text-white shadow-lg rounded-full p-3 transition-all duration-300 hover:scale-110 -ml-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-6 h-6"><path d="m15 18-6-6 6-6"></path></svg></button><button class="absolute right-0 top-1/2 -translate-y-1/2 z-20 bg-white/10 backdrop-blur-sm hover:bg-white/20 border border-white/20 text-white shadow-lg rounded-full p-3 transition-all duration-300 hover:scale-110 -mr-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-6 h-6"><path d="m9 18 6-6-6-6"></path></svg></button><div class="overflow-hidden py-6 rounded-2xl"><div class="flex transition-transform duration-500 ease-in-out" style="transform:translateX(-0%)"><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud h-8 w-8"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Multi-Cloud Expertise</h3><p class="text-gray-300 leading-relaxed">Expertise across various cloud platforms while maintaining our core strength in AWS, ensuring flexibility and adaptability.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">AWS Expertise</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Multi-Cloud Support</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cloud Migration</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cost Optimization</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield h-8 w-8"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">
1End-to-End Solutions</h3><p class="text-gray-300 leading-relaxed">Optimized cloud solutions with round-the-clock support, ensuring seamless migration and infrastructure management.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Security Audits</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Compliance Tools</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Data Protection</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Identity Management</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-8 w-8"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Technical Education</h3><p class="text-gray-300 leading-relaxed">Bridge the gap between academia and industry by equipping undergraduates with technical skills for employability.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Industry Skills</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Job Readiness</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Certification Programs</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Hands-on Training</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket h-8 w-8"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Innovation Driven</h3><p class="text-gray-300 leading-relaxed">Expand into full-stack development, staff augmentation, and product development with cutting-edge solutions.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Custom Development</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">API Integration</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Mobile Apps</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Web Applications</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud h-8 w-8"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">DevOps Excellence</h3><p class="text-gray-300 leading-relaxed">Streamline your development and operations with modern DevOps practices and automation tools.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">CI/CD Pipelines</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">
1Infrastructure as Code</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Monitoring &amp; Logging</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Performance Optimization</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield h-8 w-8"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Data Analytics</h3><p class="text-gray-300 leading-relaxed">Transform your business with powerful data analytics and business intelligence solutions.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Data Warehousing</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Business Intelligence</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Machine Learning</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Predictive Analytics</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-8 w-8"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Staff Augmentation</h3><p class="text-gray-300 leading-relaxed">Scale your team with skilled professionals for short-term or long-term project needs.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Expert Developers</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Project Managers</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">QA Engineers</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">DevOps Specialists</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket h-8 w-8"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">24/7 Support</h3><p class="text-gray-300 leading-relaxed">Round-the-clock technical support and maintenance to keep your systems running smoothly.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Technical Support</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">System Monitoring</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">
1Emergency Response</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Proactive Maintenance</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud h-8 w-8"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Multi-Cloud Expertise</h3><p class="text-gray-300 leading-relaxed">Expertise across various cloud platforms while maintaining our core strength in AWS, ensuring flexibility and adaptability.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">AWS Expertise</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Multi-Cloud Support</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cloud Migration</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cost Optimization</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield h-8 w-8"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">
1End-to-End Solutions</h3><p class="text-gray-300 leading-relaxed">Optimized cloud solutions with round-the-clock support, ensuring seamless migration and infrastructure management.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Security Audits</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Compliance Tools</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Data Protection</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Identity Management</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-8 w-8"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Technical Education</h3><p class="text-gray-300 leading-relaxed">Bridge the gap between academia and industry by equipping undergraduates with technical skills for employability.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Industry Skills</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Job Readiness</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Certification Programs</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Hands-on Training</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket h-8 w-8"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Innovation Driven</h3><p class="text-gray-300 leading-relaxed">Expand into full-stack development, staff augmentation, and product development with cutting-edge solutions.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Custom Development</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">API Integration</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Mobile Apps</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Web Applications</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud h-8 w-8"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">DevOps Excellence</h3><p class="text-gray-300 leading-relaxed">Streamline your development and operations with modern DevOps practices and automation tools.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">CI/CD Pipelines</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">
1Infrastructure as Code</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Monitoring &amp; Logging</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Performance Optimization</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield h-8 w-8"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Data Analytics</h3><p class="text-gray-300 leading-relaxed">Transform your business with powerful data analytics and business intelligence solutions.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Data Warehousing</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Business Intelligence</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Machine Learning</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Predictive Analytics</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-8 w-8"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Staff Augmentation</h3><p class="text-gray-300 leading-relaxed">Scale your team with skilled professionals for short-term or long-term project needs.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Expert Developers</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Project Managers</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">QA Engineers</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">DevOps Specialists</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket h-8 w-8"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">24/7 Support</h3><p class="text-gray-300 leading-relaxed">Round-the-clock technical support and maintenance to keep your systems running smoothly.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Technical Support</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">System Monitoring</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">
1Emergency Response</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Proactive Maintenance</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud h-8 w-8"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Multi-Cloud Expertise</h3><p class="text-gray-300 leading-relaxed">Expertise across various cloud platforms while maintaining our core strength in AWS, ensuring flexibility and adaptability.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">AWS Expertise</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Multi-Cloud Support</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cloud Migration</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cost Optimization</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield h-8 w-8"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">
1End-to-End Solutions</h3><p class="text-gray-300 leading-relaxed">Optimized cloud solutions with round-the-clock support, ensuring seamless migration and infrastructure management.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Security Audits</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Compliance Tools</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Data Protection</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Identity Management</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-8 w-8"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Technical Education</h3><p class="text-gray-300 leading-relaxed">Bridge the gap between academia and industry by equipping undergraduates with technical skills for employability.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Industry Skills</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Job Readiness</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Certification Programs</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Hands-on Training</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket h-8 w-8"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Innovation Driven</h3><p class="text-gray-300 leading-relaxed">Expand into full-stack development, staff augmentation, and product development with cutting-edge solutions.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Custom Development</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">API Integration</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Mobile Apps</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Web Applications</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud h-8 w-8"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">DevOps Excellence</h3><p class="text-gray-300 leading-relaxed">Streamline your development and operations with modern DevOps practices and automation tools.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">CI/CD Pipelines</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">
1Infrastructure as Code</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Monitoring &amp; Logging</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Performance Optimization</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield h-8 w-8"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Data Analytics</h3><p class="text-gray-300 leading-relaxed">Transform your business with powerful data analytics and business intelligence solutions.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Data Warehousing</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Business Intelligence</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Machine Learning</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Predictive Analytics</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-8 w-8"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">Staff Augmentation</h3><p class="text-gray-300 leading-relaxed">Scale your team with skilled professionals for short-term or long-term project needs.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Expert Developers</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Project Managers</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">QA Engineers</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">DevOps Specialists</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-2xl p-6 md:p-7 lg:p-8" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-16 h-16 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center text-white mb-6 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket h-8 w-8"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white mb-4 transition-all duration-300 hover:text-blue-300">24/7 Support</h3><p class="text-gray-300 leading-relaxed">Round-the-clock technical support and maintenance to keep your systems running smoothly.</p><div class="space-y-3 mt-6"><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Technical Support</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">System Monitoring</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">
1Emergency Response</span></div><div class="flex items-start text-sm text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-2 h-2 rounded-full mr-3 mt-2 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Proactive Maintenance</span></div></div><div class="w-full h-1 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full mt-6 opacity-20"></div></div></div></div></div></div></div><div class="flex justify-center mt-12 space-x-3"><button class="relative w-4 h-4 rounded-full transition-all duration-500 scale-125" style="background-color:#0274B0"><div class="absolute inset-0 rounded-full animate-ping" style="background-color:rgba(2, 116, 176, 0.6)"></div></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button></div></div></section><section class="py-24 relative bg-gradient-to-br from-gray-50 via-gray-100 to-gray-200"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16"><h2 class="text-3xl md:text-5xl font-display font-bold text-cloud-gradient mb-6">Our Vision &amp; Mission</h2></div><div class="grid lg:grid-cols-2 gap-12"><div><div class="bg-card text-card-foreground group relative overflow-hidden rounded-2xl border-2 border-cloud-300 bg-gradient-to-br from-white to-cloud-50 transition-all duration-500 scale-[1.02] shadow-[0_8px_30px_rgb(0,0,0,0.12)] before:absolute before:inset-0 before:-z-10 before:bg-gradient-to-r before:from-cloud-100/50 before:via-cloud-200/50 before:to-cloud-300/50 before:opacity-100"><div class="flex flex-col space-y-1.5 p-6"><div class="flex items-center mb-4"><div class="p-4 rounded-2xl bg-gradient-to-br from-cloud-100 to-cloud-200 text-cloud-600 mr-4 shadow-lg transform group-hover:scale-110 transition-transform duration-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target h-8 w-8 group-hover:animate-pulse"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><h3 class="tracking-tight text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-gray-800 to-gray-600">Our Vision</h3></div></div><div class="p-6 pt-0"><p class="text-gray-600 text-lg leading-relaxed font-medium">To become a global leader in cloud solutions and IT services by delivering innovative, efficient, and scalable solutions while empowering the next generation of professionals through technical education and job readiness.</p></div></div></div><div><div class="bg-card text-card-foreground group relative overflow-hidden rounded-2xl border-2 border-cloud-300 bg-gradient-to-br from-white to-cloud-50 transition-all duration-500 scale-[1.02] shadow-[0_8px_30px_rgb(0,0,0,0.12)] before:absolute before:inset-0 before:-z-10 before:bg-gradient-to-r before:from-cloud-100/50 before:via-cloud-200/50 before:to-cloud-300/50 before:opacity-100"><div class="flex flex-col space-y-1.5 p-6"><div class="flex items-center mb-4"><div class="p-4 rounded-2xl bg-gradient-to-br from-cloud-100 to-cloud-200 text-cloud-600 mr-4 shadow-lg transform group-hover:scale-110 transition-transform duration-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket h-8 w-8 group-hover:animate-pulse"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><h3 class="tracking-tight text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-gray-800 to-gray-600">Our Mission</h3></div></div><div class="p-6 pt-0"><div class="space-y-6 text-gray-600"><div class="flex items-start group/item hover:transform hover:translate-x-2 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-6 w-6 text-cloud-500 mr-3 mt-1 flex-shrink-0 group-hover/item:text-cloud-600 group-hover/item:scale-110 transition-all duration-300"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><div>
1<strong class="block text-gray-800 mb-1">Customer-Centric Approach</strong><span class="text-gray-600">Provide optimized, end-to-end cloud solutions with round-the-clock support</span></div></div><div class="flex items-start group/item hover:transform hover:translate-x-2 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-6 w-6 text-cloud-500 mr-3 mt-1 flex-shrink-0 group-hover/item:text-cloud-600 group-hover/item:scale-110 transition-all duration-300"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><div><strong class="block text-gray-800 mb-1">Empower Through Education</strong><span class="text-gray-600">Bridge the gap between academia and industry</span></div></div><div class="flex items-start group/item hover:transform hover:translate-x-2 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-6 w-6 text-cloud-500 mr-3 mt-1 flex-shrink-0 group-hover/item:text-cloud-600 group-hover/item:scale-110 transition-all duration-300"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><div><strong class="block text-gray-800 mb-1">Drive Innovation</strong><span class="text-gray-600">Expand into full-stack development and cutting-edge solutions</span></div></div><div class="flex items-start group/item hover:transform hover:translate-x-2 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-6 w-6 text-cloud-500 mr-3 mt-1 flex-shrink-0 group-hover/item:text-cloud-600 group-hover/item:scale-110 transition-all duration-300"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><div><strong class="block text-gray-800 mb-1">Multi-Cloud Expertise</strong><span class="text-gray-600">Build expertise across various cloud platforms</span></div></div></div></div></div></div></div></div></section><section class="py-16 relative overflow-hidden" style="background-color:#03050C"><div class="absolute inset-0" style="background-color:#03050C"></div><div class="container mx-auto px-4 relative z-10"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Our Core Values</h2><p class="text-xl text-gray-300 max-w-4xl mx-auto leading-relaxed">The principles that guide our mission to deliver exceptional cloud solutions and build lasting partnerships with our clients.</p></div><div class="relative"><button class="absolute left-0 top-1/2 -translate-y-1/2 z-20 bg-white/10 backdrop-blur-sm hover:bg-white/20 border border-white/20 text-white shadow-lg rounded-full p-3 transition-all duration-300 hover:scale-110 -ml-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-6 h-6"><path d="m15 18-6-6 6-6"></path></svg></button><button class="absolute right-0 top-1/2 -translate-y-1/2 z-20 bg-white/10 backdrop-blur-sm hover:bg-white/20 border border-white/20 text-white shadow-lg rounded-full p-3 transition-all duration-300 hover:scale-110 -mr-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-6 h-6"><path d="m9 18 6-6-6-6"></path></svg></button><div class="overflow-hidden py-6 rounded-2xl"><div class="flex transition-transform duration-500 ease-in-out" style="transform:translateX(-0%)"><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-400 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-8 w-8"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Innovation</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Continuously evolve to provide creative and forward-thinking solutions that push the boundaries of what&#x27;s possible</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cutting-edge technology adoption</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Creative problem-solving approaches</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Future-focused development strategies</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-400 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-700 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target h-8 w-8"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Customer Focus</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Deliver exceptional service with an unwavering commitment to customer success and satisfaction</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">24/7 dedicated support</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Personalized solution design</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Continuous feedback integration</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-700 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-600 to-blue-800 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award h-8 w-8"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Excellence</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Strive for the highest quality in every aspect of our work, from code to customer service</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Industry-leading quality standards</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Rigorous testing and validation</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Continuous improvement processes</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-600 to-blue-800 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-700 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-8 w-8"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Collaboration</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Foster a culture of teamwork and mutual respect to achieve shared goals and collective success</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cross-functional team integration</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Open communication channels</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Shared knowledge and expertise</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-700 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-400 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-8 w-8"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Integrity</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Uphold honesty and transparency in all our dealings, building trust through authentic relationships</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Transparent business practices</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Ethical decision making</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Honest communication always</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-400 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-600 to-blue-800 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-8 w-8"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Learning &amp; Growth</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Emphasize skill development and knowledge sharing to empower our team and clients for the future</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Continuous learning programs</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Knowledge sharing initiatives</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Career development support</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-600 to-blue-800 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-400 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-8 w-8"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Innovation</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Continuously evolve to provide creative and forward-thinking solutions that push the boundaries of what&#x27;s possible</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cutting-edge technology adoption</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Creative problem-solving approaches</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Future-focused development strategies</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-400 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-700 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target h-8 w-8"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Customer Focus</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Deliver exceptional service with an unwavering commitment to customer success and satisfaction</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">24/7 dedicated support</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Personalized solution design</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Continuous feedback integration</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-700 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-600 to-blue-800 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award h-8 w-8"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Excellence</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Strive for the highest quality in every aspect of our work, from code to customer service</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Industry-leading quality standards</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Rigorous testing and validation</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Continuous improvement processes</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-600 to-blue-800 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-700 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-8 w-8"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Collaboration</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Foster a culture of teamwork and mutual respect to achieve shared goals and collective success</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cross-functional team integration</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Open communication channels</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Shared knowledge and expertise</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-700 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-400 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-8 w-8"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Integrity</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Uphold honesty and transparency in all our dealings, building trust through authentic relationships</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Transparent business practices</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Ethical decision making</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Honest communication always</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-400 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-600 to-blue-800 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-8 w-8"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Learning &amp; Growth</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Emphasize skill development and knowledge sharing to empower our team and clients for the future</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Continuous learning programs</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Knowledge sharing initiatives</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Career development support</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-600 to-blue-800 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-400 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-8 w-8"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Innovation</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Continuously evolve to provide creative and forward-thinking solutions that push the boundaries of what&#x27;s possible</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cutting-edge technology adoption</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Creative problem-solving approaches</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Future-focused development strategies</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-400 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-700 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target h-8 w-8"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Customer Focus</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Deliver exceptional service with an unwavering commitment to customer success and satisfaction</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">24/7 dedicated support</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Personalized solution design</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Continuous feedback integration</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-700 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-600 to-blue-800 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award h-8 w-8"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Excellence</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Strive for the highest quality in every aspect of our work, from code to customer service</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Industry-leading quality standards</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Rigorous testing and validation</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Continuous improvement processes</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-600 to-blue-800 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-500 to-blue-700 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-8 w-8"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Collaboration</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Foster a culture of teamwork and mutual respect to achieve shared goals and collective success</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Cross-functional team integration</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Open communication channels</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Shared knowledge and expertise</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-500 to-blue-700 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-400 to-blue-600 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-8 w-8"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Integrity</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Uphold honesty and transparency in all our dealings, building trust through authentic relationships</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200">
1<div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Transparent business practices</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Ethical decision making</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Honest communication always</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-400 to-blue-600 rounded-full mt-4 opacity-20"></div></div></div></div><div class="flex-shrink-0 px-2 md:px-3 lg:px-4 w-full"><div class="relative overflow-hidden h-full backdrop-blur-xl border transition-all duration-300 transform hover:-translate-y-2 hover:scale-105 hover:shadow-2xl rounded-xl p-4 md:p-5 lg:p-6" style="background-color:rgba(2, 116, 176, 0.1);border-color:rgba(2, 116, 176, 0.2)"><div class="absolute inset-0 opacity-5" style="background:linear-gradient(135deg, rgba(2, 116, 176, 0.1), transparent)"></div><div class="relative z-10 w-12 h-12 rounded-lg bg-gradient-to-r from-blue-600 to-blue-800 flex items-center justify-center text-white mb-4 shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"><div class="scale-75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-8 w-8"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div></div><div class="relative z-10"><h3 class="text-lg md:text-xl font-bold text-white mb-3 transition-all duration-300 hover:text-blue-300 leading-tight">Learning &amp; Growth</h3><p class="text-gray-300 leading-relaxed text-sm mb-4">Emphasize skill development and knowledge sharing to empower our team and clients for the future</p><div class="space-y-2"><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Continuous learning programs</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Knowledge sharing initiatives</span></div><div class="flex items-start text-xs text-gray-300 transition-all duration-300 hover:text-blue-200"><div class="w-1.5 h-1.5 rounded-full mr-2 mt-1.5 flex-shrink-0 transition-all duration-300 hover:scale-125" style="background:linear-gradient(135deg, #0274B0, rgba(2, 116, 176, 0.7))"></div><span class="leading-relaxed">Career development support</span></div></div><div class="w-full h-0.5 bg-gradient-to-r from-blue-600 to-blue-800 rounded-full mt-4 opacity-20"></div></div></div></div></div></div></div><div class="flex justify-center mt-12 space-x-3"><button class="relative w-4 h-4 rounded-full transition-all duration-500 scale-125" style="background-color:#0274B0"><div class="absolute inset-0 rounded-full animate-ping" style="background-color:rgba(2, 116, 176, 0.6)"></div></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button><button class="relative w-4 h-4 rounded-full transition-all duration-500 opacity-50" style="background-color:rgba(2, 116, 176, 0.5)"></button></div></div></section><section class="py-24 relative bg-white"><div class="absolute inset-0 bg-gradient-to-r from-cloud-100/50 via-cloud-50/50 to-cloud-100/50"></div><div class="container mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10"><div><h2 class="text-2xl md:text-4xl lg:text-5xl font-display font-bold text-cloud-gradient mb-4 md:mb-6">Ready to Transform Your Cloud Journey?</h2><p class="text-lg md:text-xl text-gray-600 mb-6 md:mb-8 max-w-2xl mx-auto">Join businesses and professionals who trust Lumas Clouds for their cloud infrastru
1cture and technical education needs.</p><div class="flex flex-col sm:flex-row gap-4 justify-center"><div><a class="inline-flex items-center justify-center whitespace-nowrap font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-primary-foreground hover:bg-primary/90 h-11 rounded-md bg-cloud-gradient hover:shadow-cloud-glow transform transition-all duration-300 text-base md:text-lg px-6 md:px-8 py-4 md:py-6" href="/contact">Get Started Today</a></div><div><a class="inline-flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-background hover:text-accent-foreground h-11 rounded-md border-cloud-300 text-cloud-700 hover:bg-cloud-50 hover:border-cloud-400 text-base md:text-lg px-6 md:px-8 py-4 md:py-6" href="/about">Learn More</a></div></div></div></div></section></div><!--$--><!--/$--></main><footer class="relative bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 text-white overflow-hidden"><div class="absolute inset-0 bg-[url(&#x27;https://images.pexels.com/photos/3184302/pexels-photo-3184302.jpeg&#x27;)] bg-cover bg-center opacity-5"></div><div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 to-gray-800/80"></div><div class="absolute top-20 left-10 w-32 h-32 bg-cloud-500/10 rounded-full blur-xl"></div><div class="absolute bottom-20 right-10 w-48 h-48 bg-cloud-400/10 rounded-full blur-xl"></div><div class="relative z-10"><div class="container mx-auto px-4 sm:px-6 lg:px-8 pt-16 pb-8"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-8 mb-12"><div class="lg:col-span-2"><a class="flex items-center space-x-2 mb-6 group" href="/"><div class="relative"><img alt="Lumas Clouds Logo" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="object-contain" style="color:transparent" src="/images/logo.png"/><div class="absolute inset-0 h-8 w-8 bg-cloud-500/20 rounded-full blur-xl"></div></div><span class="text-2xl font-display font-bold text-cloud-gradient">Lumas Clouds</span></a><p class="text-gray-300 mb-6 leading-relaxed">Empowering your cloud journey with innovative solutions, comprehensive training, and expert support. Transform your business with our cutting-edge cloud services.</p><div class="space-y-6"><a target="_blank" rel="noopener noreferrer" class="hover:text-cloud-300 transition-colors duration-300" href="mailto:[email protected]"><div class="flex items-center text-gray-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4 mr-3 text-cloud-400"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><span>[email protected]</span></div></a></div></div><div><h3 class="text-lg font-semibold mb-6 text-white">Services</h3><ul class="space-y-3"><li><a class="text-gray-300 hover:text-cloud-300 transition-colors duration-300 text-sm inline-block" href="/features">Cloud Solutions</a></li><li><a class="text-gray-300 hover:text-cloud-300 transition-colors duration-300 text-sm inline-block" href="/features">Technical Training</a></li><li><a class="text-gray-300 hover:text-cloud-300 transition-colors duration-300 text-sm inline-block" href="/features">Full-Stack Development</a></li><li><a class="text-gray-300 hover:text-cloud-300 transition-colors duration-300 text-sm inline-block" href="/features">Staff Augmentation</a></li><li><a class="text-gray-300 hover:text-cloud-300 transition-colors duration-300 text-sm inline-block" href="/features">Infrastructure Management</a></li></ul></div><div><h3 class="text-lg font-semibold mb-6 text-white">Company</h3><ul class="space-y-3"><li><a class="text-gray-300 hover:text-cloud-300 transition-colors duration-300 text-sm inline-block" href="/about">About Us</a></li><li><a class="text-gray-300 hover:text-cloud-300 transition-colors duration-300 text-sm inline-block" href="/about">Our Team</a></li><li><a class="text-gray-300 hover:text-cloud-300 transition-colors duration-300 text-sm inline-block" href="/contact">Careers</a></li><li><a class="text-gray-300 hover:text-cloud-300 transition-colors duration-300 text-sm inline-block" href="/blog">Blog</a></li></ul></div><div><h3 class="text-lg font-semibold mb-6 text-white">Company</h3><ul class="space-y-3"><li><a class="text-gray-300 hover:text-cloud-300 transition-colors duration-300 text-sm inline-block" href="/contact">Help Center</a></li><li><a class="text-gray-300 hover:text-cloud-300 transition-colors duration-300 text-sm inline-block" href="/contact">Contact Support</a></li><li><a class="text-gray-300 hover:text-cloud-300 transition-colors duration-300 text-sm inline-block" href="/legal/Cancellation-and-Refund">Cancellation and Refund</a></li><li><a class="text-gray-300 hover:text-cloud-300 transition-colors duration-300 text-sm inline-block" href="/legal/Shipping-and-Delivery">Shipping and Delivery</a></li></ul></div><div><h3 class="text-lg font-semibold mb-6 text-white">Stay Updated</h3><p class="text-gray-300 mb-4 text-sm">Subscribe to our newsletter for the latest updates and insights.</p><form class="space-y-3"><div><input type="email" class="flex h-10 w-full rounded-md border px-3 py-2 text-sm r
1ing-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 bg-gray-800/50 border-gray-600 text-white placeholder:text-gray-400 focus:border-cloud-400 transition-all duration-300" placeholder="Enter your email" value=""/></div><div><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none text-primary-foreground hover:bg-primary/90 h-9 rounded-md px-3 w-full bg-cloud-gradient hover:shadow-cloud-glow transition-all duration-300 disabled:opacity-50" type="submit">Subscribe</button></div></form></div></div><div class="bg-gray-700 mb-8"></div><div class="mb-8"><h3 class="text-lg font-semibold mb-6 text-white text-center">Our Offices</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="bg-gray-800/30 rounded-lg p-6 border border-gray-700/50 hover:border-cloud-500/50 transition-all duration-300"><h4 class="text-lg font-medium text-cloud-400 mb-4 flex items-center">India Office</h4><div class="space-y-3"><a target="_blank" rel="noopener noreferrer" class="hover:text-cloud-300 transition-colors duration-300" href="tel:+919033039399"><div class="flex items-center text-gray-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4 mr-3 text-cloud-400"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span>+91 9033039399</span></div></a><a target="_blank" rel="noopener noreferrer" class="hover:text-cloud-300 transition-colors duration-300" href="https://g.co/kgs/1BzPQyM"><div class="flex items-start text-gray-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-4 w-4 mr-3 mt-1 text-cloud-400 flex-shrink-0"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span class="text-sm leading-relaxed">B/V Tapovan to DCIS circle, 200, Sardar Patel Ring Rd, Chandkheda, Ahmedabad, Gujarat 382421</span></div></a></div></div><div class="bg-gray-800/30 rounded-lg p-6 border border-gray-700/50 hover:border-cloud-500/50 transition-all duration-300"><h4 class="text-lg font-medium text-cloud-400 mb-4 flex items-center">UK Office</h4><div class="space-y-3"><a target="_blank" rel="noopener noreferrer" class="hover:text-cloud-300 transition-colors duration-300" href="tel:+447447197593"><div class="flex items-center text-gray-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4 mr-3 text-cloud-400"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span> +44 7447 197593</span></div></a><a target="_blank" rel="noopener noreferrer" class="hover:text-cloud-300 transition-colors duration-300" href="https://maps.app.goo.gl/rmKG7kjnRyupqmpy6"><div class="flex items-start text-gray-300"><span class="text-sm leading-relaxed"></span></div></a></div></div></div></div><div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0"><div class="flex items-center text-gray-400 text-sm"><span> <!-- -->2026<!-- -->  Lumas Clouds. All rights reserved.</span></div><div class="flex items-center space-x-6"><div><a class="text-gray-400 hover:text-cloud-300 transition-colors duration-300 text-sm" href="/legal/terms-of-service">Terms of Service</a></div><div><a class="text-gray-400 hover:text-cloud-300 transition-colors duration-300 text-sm" href="/legal/privacy-policy">Privacy Policy</a></div><div><a class="text-gray-400 hover:text-cloud-300 transition-colors duration-300 text-sm" href="/legal/cookie-policy">Cookie Policy</a></div></div><div class="flex items-center space-x-4"><a href="https://www.linkedin.com/company/lumasclouds/" aria-label="LinkedIn" class="p-2 rounded-lg bg-gray-800/50 text-gray-400 hover:text-white hover:bg-cloud-600 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin h-5 w-5"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://www.instagram.com/lumascloud/profilecard/?igsh=MXFwdDB3dG82Y20z" aria-label="Instagram" class="p-2 rounded-lg bg-gray-800/50 text-gray-400 hover:text-white hover:bg-cloud-600 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-5 w-5"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://www.facebook.com/share/1GyLFZ5bWU/" aria-label="Facebook" class="p-2 rounded-lg bg-gray-800/50 text-gray-400 hover:text-white hover:bg-cloud-600 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-5 w-5"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a></div></div></div><div class="fixed bottom-16 right-6 z-50"><button class="inline-flex items-center justify-center whitespace-nowrap text-sm r
1ing-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-primary/90 h-10 px-6 py-3 bg-cloud-gradient hover:shadow-cloud-glow rounded-full shadow-lg transition-all duration-300 group text-white font-medium">Contact Us</button></div></div></footer><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div>
1<script src="/_next/static/chunks/webpack-3acfbbfb2fbb7460.js" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[69243,[\"662\",\"static/chunks/662-0e9d9fd9c1ddbcf8.js\",\"3439\",\"static/chunks/3439-d5e173f11b3e8730.js\",\"5755\",\"static/chunks/5755-a68df59fca59f6fd.js\",\"4264\",\"static/chunks/4264-516fd02b85c9c8d7.js\",\"8481\",\"static/chunks/8481-2a27d6efc9c60045.js\",\"4277\",\"static/chunks/4277-33eb5d1436f9096c.js\",\"6874\",\"static/chunks/6874-a32189b0916ebdd0.js\",\"6766\",\"static/chunks/6766-0c0ee9bf5d00eb2b.js\",\"8097\",\"static/chunks/8097-4ca409ee30369347.js\",\"6179\",\"static/chunks/6179-18d9b728f85b2632.js\",\"5093\",\"static/chunks/5093-c3d5b73d318aadb4.js\",\"6454\",\"static/chunks/6454-db8dbb19cfd1f7ae.js\",\"7177\",\"static/chunks/app/layout-2761f26fe8b539c7.js\"],\"\"]\n3:I[91573,[\"662\",\"static/chunks/662-0e9d9fd9c1ddbcf8.js\",\"3439\",\"static/chunks/3439-d5e173f11b3e8730.js\",\"5755\",\"static/chunks/5755-a68df59fca59f6fd.js\",\"4264\",\"static/chunks/4264-516fd02b85c9c8d7.js\",\"8481\",\"static/chunks/8481-2a27d6efc9c60045.js\",\"4277\",\"static/chunks/4277-33eb5d1436f9096c.js\",\"6874\",\"static/chunks/6874-a32189b0916ebdd0.js\",\"6766\",\"static/chunks/6766-0c0ee9bf5d00eb2b.js\",\"8097\",\"static/chunks/8097-4ca409ee30369347.js\",\"6179\",\"static/chunks/6179-18d9b728f85b2632.js\",\"5093\",\"static/chunks/5093-c3d5b73d318aadb4.js\",\"6454\",\"static/chunks/6454-db8dbb19cfd1f7ae.js\",\"7177\",\"static/chunks/app/layout-2761f26fe8b539c7.js\"],\"default\"]\n4:I[87555,[],\"\"]\n5:I[31295,[],\"\"]\n6:I[20404,[\"662\",\"static/chunks/662-0e9d9fd9c1ddbcf8.js\",\"3439\",\"static/chunks/3439-d5e173f11b3e8730.js\",\"5755\",\"static/chunks/5755-a68df59fca59f6fd.js\",\"4264\",\"static/chunks/4264-516fd02b85c9c8d7.js\",\"8481\",\"static/chunks/8481-2a27d6efc9c60045.js\",\"4277\",\"static/chunks/4277-33eb5d1436f9096c.js\",\"6874\",\"static/chunks/6874-a32189b0916ebdd0.js\",\"4345\",\"static/chunks/app/not-found-898910894090479c.js\"],\"default\"]\n7:I[19010,[\"662\",\"static/chunks/662-0e9d9fd9c1ddbcf8.js\",\"3439\",\"static/chunks/3439-d5e173f11b3e8730.js\",\"5755\",\"static/chunks/5755-a68df59fca59f6fd.js\",\"4264\",\"static/chunks/4264-516fd02b85c9c8d7.js\",\"8481\",\"static/chunks/8481-2a27d6efc9c60045.js\",\"4277\",\"static/chunks/4277-33eb5d14"])</script>
1<script>self.__next_f.push([1,"36f9096c.js\",\"6874\",\"static/chunks/6874-a32189b0916ebdd0.js\",\"6766\",\"static/chunks/6766-0c0ee9bf5d00eb2b.js\",\"8097\",\"static/chunks/8097-4ca409ee30369347.js\",\"6179\",\"static/chunks/6179-18d9b728f85b2632.js\",\"5093\",\"static/chunks/5093-c3d5b73d318aadb4.js\",\"6454\",\"static/chunks/6454-db8dbb19cfd1f7ae.js\",\"7177\",\"static/chunks/app/layout-2761f26fe8b539c7.js\"],\"default\"]\n8:I[65038,[\"662\",\"static/chunks/662-0e9d9fd9c1ddbcf8.js\",\"3439\",\"static/chunks/3439-d5e173f11b3e8730.js\",\"5755\",\"static/chunks/5755-a68df59fca59f6fd.js\",\"4264\",\"static/chunks/4264-516fd02b85c9c8d7.js\",\"8481\",\"static/chunks/8481-2a27d6efc9c60045.js\",\"4277\",\"static/chunks/4277-33eb5d1436f9096c.js\",\"6874\",\"static/chunks/6874-a32189b0916ebdd0.js\",\"6766\",\"static/chunks/6766-0c0ee9bf5d00eb2b.js\",\"8097\",\"static/chunks/8097-4ca409ee30369347.js\",\"6179\",\"static/chunks/6179-18d9b728f85b2632.js\",\"5093\",\"static/chunks/5093-c3d5b73d318aadb4.js\",\"6454\",\"static/chunks/6454-db8dbb19cfd1f7ae.js\",\"7177\",\"static/chunks/app/layout-2761f26fe8b539c7.js\"],\"Toaster\"]\n9:I[90894,[],\"ClientPageRoot\"]\na:I[42331,[\"662\",\"static/chunks/662-0e9d9fd9c1ddbcf8.js\",\"3439\",\"static/chunks/3439-d5e173f11b3e8730.js\",\"5755\",\"static/chunks/5755-a68df59fca59f6fd.js\",\"4264\",\"static/chunks/4264-516fd02b85c9c8d7.js\",\"8481\",\"static/chunks/8481-2a27d6efc9c60045.js\",\"4277\",\"static/chunks/4277-33eb5d1436f9096c.js\",\"6874\",\"static/chunks/6874-a32189b0916ebdd0.js\",\"6766\",\"static/chunks/6766-0c0ee9bf5d00eb2b.js\",\"531\",\"static/chunks/531-7fbf3438dd6d1512.js\",\"8974\",\"static/chunks/app/page-50db719c2e4f863a.js\"],\"default\"]\nd:I[59665,[],\"OutletBoundary\"]\n10:I[74911,[],\"AsyncMetadataOutlet\"]\n12:I[59665,[],\"ViewportBoundary\"]\n14:I[59665,[],\"MetadataBoundary\"]\n16:I[26614,[],\"\"]\n:HL[\"/_next/static/media/0484562807a97172-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/4c285fdca692ea22-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/7db6c35d839a711c-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/8888a3826f4a3af4-"])</script>
1<script>self.__next_f.push([1,"s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/b957ea75a84b6ea7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/eafabf029ad39a43-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/015c62f6ebb3568e.css\",\"style\"]\n:HL[\"/_next/static/css/9cb740b9d9dd81b3.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"OyYBwQqJH9jaOCLlpHBUM\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/015c62f6ebb3568e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/9cb740b9d9dd81b3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_f367f3 __variable_c70c06\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"$L2\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-P475K68W9C\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L2\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            window.dataLayer = window.dataLayer || [];\\n            function gtag(){dataLayer.push(arguments);}\\n            gtag('js', new Date());\\n            gtag('config', 'G-P475K68W9C');\\n          \"}],[\"$\",\"$L2\",null,{\"id\":\"google-tag-manager\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\n            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\n            j=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;j.src=\\n            'https://www.googletagmanager.com/gtm.js?id='
1+i+dl;f.parentNode.insertBefore(j,f);\\n            })(window,document,'script','dataLayer','GTM-MHTRF3FH');\\n          \"}],[\"$\",\"$L2\",null,{\"id\":\"facebook-pixel\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            !function(f,b,e,v,n,t,s)\\n            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\\n            n.callMethod.apply(n,arguments):n.queue.push(arguments)};\\n            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\\n            n.queue=[];t=b.createElement(e);t.async=!0;\\n            t.src=v;s=b.getElementsByTagName(e)[0];\\n            s.parentNode.insertBefore(t,s)}(window, document,'script',\\n            'https://connect.facebook.net/en_US/fbevents.js');\\n            fbq('init', '1512969043019743');\\n            fbq('track', 'PageView');\\n          \"}],[\"$\",\"noscript\",null,{\"children\":[\"$\",\"img\",null,{\"height\":\"1\",\"width\":\"1\",\"style\":{\"display\":\"none\"},\"src\":\"https://www.facebook.com/tr?id=1512969043019743\u0026ev=PageView\u0026noscript=1\",\"alt\":\"\"}]}],[\"$\",\"$L2\",null,{\"src\":\"https://checkout.razorpay.com/v1/checkout.js\",\"strategy\":\"beforeInteractive\"}]]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"noscript\",null,{\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.googletagmanager.com/ns.html?id=GTM-MHTRF3FH\",\"height\":\"0\",\"width\":\"0\",\"style\":{\"display\":\"none\",\"visibility\":\"hidden\"}}]}],[\"$\",\"$L3\",null,{}],[\"$\",\"main\",null,{\"className\":\"relative\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L6\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}]]}]]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L9\",null,{\"Component\":\"$a\",\"searchParams\":{},\"params\":{},\"promises\":[\"$@b\",\"$@c\"]}],null,[\"$\",\"$Ld\",null,{\"children\":[\"$Le\",\"$Lf\",[\"$\",\"$L10\",null,{\"promise\":\"$@11\"}]]}]]}],{},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"vQhcukmI9fH6sm4d36PWKv\",{\"children\":[[\"$\",\"$L12\",null,{\"children\":\"$L13\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$L14\",null,{\"children\":\"$L15\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$16\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"17:\"$Sreact.suspense\"\n18:I[74911,[],\"AsyncMetadata\"]\nb:{}\nc:{}\n15:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$17\",null,{\"fallback\":null,\"children\":[\"$\",\"$L18\",null,{\"promise\":\"$@19\"}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"f:null\n"])</script>
1<script>self.__next_f.push([1,"13:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\ne:null\n"])</script>
1<script>self.__next_f.push([1,"11:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Lumas Clouds - Empowering Your Cloud Journey\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Delivering innovative, efficient, and scalable cloud solutions while empowering the next generation of professionals through technical education and job readiness.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Lumas Clouds Team\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"cloud services,cloud infrastructure,technical training,AWS,full-stack development,staff augmentation,cloud computing,cloud solutions,professional development,IT training,cloud consulting\"}],[\"$\",\"meta\",\"4\",{\"name\":\"creator\",\"content\":\"Lumas Clouds\"}],[\"$\",\"meta\",\"5\",{\"name\":\"publisher\",\"content\":\"Lumas Clouds\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"7\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"8\",{\"rel\":\"canonical\",\"href\":\"https://lumasclouds.com\"}],[\"$\",\"meta\",\"9\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"10\",{\"name\":\"google-site-verification\",\"content\":\"add-your-google-site-verification-here\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:title\",\"content\":\"Lumas Clouds - Empowering Your Cloud Journey\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:description\",\"content\":\"Delivering innovative, efficient, and scalable cloud solutions while empowering the next generation of professionals through technical education and job readiness.\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:url\",\"content\":\"https://lumasclouds.com\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:site_name\",\"content\":\"Lumas Clouds\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image\",\"content\":\"https://lumasclouds.com/images/logo2.jpg\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image:alt\",\"content\":\"Lumas Clouds Logo\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:creator\",\"content\":\"@lumascloud\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:title\",\"content\":\"Lumas Clouds - Empowering Your Cloud Journey\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:description\",\"content\":\"Delivering innovative, efficient, and scalable cloud solutions while empowering the next generation of professionals.\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image\",\"content\":\"https://lumasclouds.com/images/logo2.jpg\"}],[\"$\",\"link\",\"26\",{\"rel\":\"shortcut icon\",\"href\":\"/images/logo.png\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/images/logo.png\"}],[\"$\",\"link\",\"28\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/logo.png\"}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"19:{\"metadata\":\"$11:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.