{"id":11,"date":"2025-09-27T07:31:57","date_gmt":"2025-09-27T07:31:57","guid":{"rendered":"https:\/\/gaming.wasmer.app\/?page_id=11"},"modified":"2026-05-27T04:25:34","modified_gmt":"2026-05-27T04:25:34","slug":"home","status":"publish","type":"page","link":"https:\/\/gaming.wasmer.app\/index.php\/home\/","title":{"rendered":"Home"},"content":{"rendered":"<section>\n                Information Technology<\/p>\n<h1>\n                    Transform Your Business with Digital Innovation<br \/>\n                <\/h1>\n<p>We deliver cutting-edge IT solutions that drive growth, efficiency, and competitive advantage for forward-thinking organizations.<\/p>\n<p>                        \u2713<br \/>\n                        Cloud Solutions &#038; Migration<br \/>\n                        \u2713<br \/>\n                        Cybersecurity &#038; Data Protection<br \/>\n                        \u2713<br \/>\n                        AI &#038; Machine Learning Integration<br \/>\n                    <button><br \/>\n                        Start Your Project<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                    <\/button><br \/>\n                    <button><br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M14.752 11.168L10.18 7.09999C9.95894 6.89628 9.699 6.73779 9.41537 6.63332C9.13174 6.52885 8.82993 6.48047 8.52667 6.49099C8.22341 6.50151 7.92468 6.57072 7.64764 6.69489C7.3706 6.81906 7.12065 6.99575 6.912 7.21499C6.70189 7.43206 6.53753 7.68764 6.42866 7.96642C6.31979 8.2452 6.26855 8.54155 6.27773 8.83914C6.28691 9.13673 6.35633 9.42932 6.48175 9.69999C6.60717 9.97066 6.78594 10.2136 7.007 10.414L12.007 15.414C12.3975 15.8045 13.0307 15.8045 13.4212 15.414L18.4212 10.414C18.6423 10.2136 18.821 9.97066 18.9465 9.69999C19.0719 9.42932 19.1413 9.13673 19.1505 8.83914C19.1597 8.54155 19.1084 8.2452 18.9996 7.96642C18.8907 7.68764 18.7263 7.43206 18.5162 7.21499C18.3076 6.99575 18.0576 6.81906 17.7806 6.69489C17.5035 6.57072 17.2048 6.50151 16.9015 6.49099C16.5983 6.48047 16.2965 6.52885 16.0128 6.63332C15.7292 6.73779 15.4693 6.89628 15.2482 7.09999L10.6762 11.168\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        View Case Studies<br \/>\n                    <\/button><br \/>\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&#038;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&#038;auto=format&#038;fit=crop&#038;w=2070&#038;q=80\" alt=\"Modern IT Workspace\"><br \/>\n                        \ud83d\udcca<\/p>\n<h4>Data Analytics<\/h4>\n<p>Real-time insights<\/p>\n<p>                        \ud83d\udd12<\/p>\n<h4>Security<\/h4>\n<p>Enterprise protection<\/p>\n<p>                        \u2601\ufe0f<\/p>\n<h4>Cloud<\/h4>\n<p>Scalable infrastructure<\/p>\n<\/section>\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n}\n.hero {\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    padding: 40px 0;\n    position: relative;\n    overflow: hidden;\n}\n.hero::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(135deg, #f0f7ff 0%, #e6f0ff 100%);\n    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);\n    z-index: 0;\n}\n.hero-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 40px;\n    width: 100%;\n    position: relative;\n    z-index: 1;\n}\n.hero-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n.text-content {\n    padding-right: 20px;\n}\n.badge {\n    display: inline-block;\n    background: linear-gradient(90deg, #2563eb, #3b82f6);\n    color: white;\n    padding: 8px 16px;\n    border-radius: 50px;\n    font-size: 0.875rem;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    margin-bottom: 24px;\n    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);\n}\n.main-heading {\n    font-size: 3.5rem;\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 24px;\n    color: #1e293b;\n}\n.gradient-text {\n    background: linear-gradient(90deg, #2563eb, #7c3aed);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n.subtitle {\n    font-size: 1.25rem;\n    line-height: 1.6;\n    color: #64748b;\n    margin-bottom: 32px;\n    max-width: 90%;\n}\n.features {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-bottom: 40px;\n}\n.feature-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n.feature-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    background: #dbeafe;\n    color: #2563eb;\n    border-radius: 50%;\n    font-weight: bold;\n    font-size: 0.875rem;\n}\n.feature-item span {\n    color: #475569;\n    font-weight: 500;\n}\n.cta-buttons {\n    display: flex;\n    gap: 16px;\n    flex-wrap: wrap;\n}\n.btn {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 28px;\n    border-radius: 12px;\n    font-weight: 600;\n    font-size: 1rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border: none;\n}\n.btn-primary {\n    background: linear-gradient(90deg, #2563eb, #3b82f6);\n    color: white;\n    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n}\n.btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);\n}\n.btn-secondary {\n    background: white;\n    color: #2563eb;\n    border: 1px solid #e2e8f0;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n.btn-secondary:hover {\n    background: #f8faff;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n.image-content {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.image-container {\n    position: relative;\n    width: 100%;\n    max-width: 500px;\n}\n.hero-image {\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n    transform: perspective(1000px) rotateY(-5deg) rotateX(5deg);\n    transition: transform 0.5s ease;\n}\n.hero-image:hover {\n    transform: perspective(1000px) rotateY(0) rotateX(0);\n}\n.floating-card {\n    position: absolute;\n    background: white;\n    border-radius: 12px;\n    padding: 16px;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    animation: float 6s ease-in-out infinite;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.card-1 {\n    top: 20%;\n    left: -20%;\n    animation-delay: 0s;\n}\n.card-2 {\n    top: 50%;\n    right: -10%;\n    animation-delay: 2s;\n}\n.card-3 {\n    bottom: 20%;\n    left: -15%;\n    animation-delay: 4s;\n}\n.card-icon {\n    font-size: 1.5rem;\n}\n.card-text h4 {\n    font-size: 0.875rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 4px;\n}\n.card-text p {\n    font-size: 0.75rem;\n    color: #64748b;\n}\n@keyframes float {\n    0%, 100% {\n        transform: translateY(0);\n    }\n    50% {\n        transform: translateY(-10px);\n    }\n}\n\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .hero-content {\n        gap: 40px;\n    }\n    .main-heading {\n        font-size: 3rem;\n    }\n    .floating-card {\n        padding: 12px;\n    }\n    .card-1 {\n        left: -10%;\n    }\n    .card-3 {\n        left: -5%;\n    }\n}\n@media (max-width: 768px) {\n    .hero-content {\n        grid-template-columns: 1fr;\n        text-align: center;\n        gap: 40px;\n    }\n    .text-content {\n        padding-right: 0;\n    }\n    .subtitle {\n        max-width: 100%;\n    }\n    .main-heading {\n        font-size: 2.5rem;\n    }\n    .features {\n        align-items: center;\n    }\n    .cta-buttons {\n        justify-content: center;\n    }\n    .hero::before {\n        width: 100%;\n        clip-path: polygon(0 0, 100% 0, 100% 40%, 0 70%);\n    }\n    .floating-card {\n        display: none;\n    }\n}\n@media (max-width: 480px) {\n    .hero-container {\n        padding: 0 20px;\n    }\n    .main-heading {\n        font-size: 2rem;\n    }\n    .subtitle {\n        font-size: 1.125rem;\n    }\n    .btn {\n        padding: 14px 20px;\n        width: 100%;\n        justify-content: center;\n    }\n    .cta-buttons {\n        flex-direction: column;\n    }\n}\n<\/style>\n<section>\n<h2>Welcome to Our Agency<\/h2>\n<p>We are a team of passionate IT professionals dedicated to transforming businesses through innovative technology solutions.<\/p>\n<h3>Driving Digital Transformation Since 2010<\/h3>\n<p>With over a decade of experience, we&#8217;ve helped hundreds of businesses leverage technology to achieve their goals, streamline operations, and gain competitive advantage in today&#8217;s digital landscape.<\/p>\n<p>                            0<br \/>\n                            Projects Completed<br \/>\n                            0<br \/>\n                            Years Experience<br \/>\n                            0<br \/>\n                            Client Satisfaction<br \/>\n                            \ud83d\ude80<\/p>\n<h4>Innovation First<\/h4>\n<p>We stay ahead of technology trends to deliver cutting-edge solutions.<\/p>\n<p>                            \ud83e\udd1d<\/p>\n<h4>Partnership Approach<\/h4>\n<p>We work collaboratively with clients as strategic technology partners.<\/p>\n<p>                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&#038;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&#038;auto=format&#038;fit=crop&#038;w=2070&#038;q=80\" alt=\"Our Team Collaboration\"><\/p>\n<h4>Our Collaborative Team<\/h4>\n<p>Working together to deliver exceptional results<\/p>\n<p>                            15+<br \/>\n                            Years of Excellence<\/p>\n<h3>Trusted by Industry Leaders<\/h3>\n<p>                        <svg width=\"120\" height=\"40\" viewBox=\"0 0 120 40\" fill=\"none\">\n                            <rect x=\"10\" y=\"10\" width=\"100\" height=\"20\" rx=\"4\" fill=\"#2563eb\" opacity=\"0.8\"\/>\n                            <text x=\"60\" y=\"25\" text-anchor=\"middle\" fill=\"white\" font-family=\"Arial\" font-weight=\"bold\">TechCorp<\/text>\n                        <\/svg><br \/>\n                        <svg width=\"120\" height=\"40\" viewBox=\"0 0 120 40\" fill=\"none\">\n                            <rect x=\"10\" y=\"10\" width=\"100\" height=\"20\" rx=\"4\" fill=\"#7c3aed\" opacity=\"0.8\"\/>\n                            <text x=\"60\" y=\"25\" text-anchor=\"middle\" fill=\"white\" font-family=\"Arial\" font-weight=\"bold\">InnoSoft<\/text>\n                        <\/svg><br \/>\n                        <svg width=\"120\" height=\"40\" viewBox=\"0 0 120 40\" fill=\"none\">\n                            <rect x=\"10\" y=\"10\" width=\"100\" height=\"20\" rx=\"4\" fill=\"#059669\" opacity=\"0.8\"\/>\n                            <text x=\"60\" y=\"25\" text-anchor=\"middle\" fill=\"white\" font-family=\"Arial\" font-weight=\"bold\">DataFlow<\/text>\n                        <\/svg><br \/>\n                        <svg width=\"120\" height=\"40\" viewBox=\"0 0 120 40\" fill=\"none\">\n                            <rect x=\"10\" y=\"10\" width=\"100\" height=\"20\" rx=\"4\" fill=\"#dc2626\" opacity=\"0.8\"\/>\n                            <text x=\"60\" y=\"25\" text-anchor=\"middle\" fill=\"white\" font-family=\"Arial\" font-weight=\"bold\">SecureNet<\/text>\n                        <\/svg><br \/>\n<\/section>\n<style>\n.welcome-section {\n    padding: 100px 0;\n    background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n    position: relative;\n    overflow: hidden;\n}\n.welcome-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%232563eb' fill-opacity='0.03' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n    z-index: 0;\n}\n.welcome-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 1;\n}\n.section-header {\n    text-align: center;\n    margin-bottom: 80px;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n}\n.section-title {\n    font-size: 3rem;\n    font-weight: 800;\n    color: #1e293b;\n    margin-bottom: 20px;\n    background: linear-gradient(90deg, #2563eb, #7c3aed);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n.section-subtitle {\n    font-size: 1.25rem;\n    line-height: 1.6;\n    color: #64748b;\n    max-width: 600px;\n    margin: 0 auto;\n}\n.welcome-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n    margin-bottom: 100px;\n}\n.welcome-text h3 {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 24px;\n    line-height: 1.2;\n}\n.welcome-text p {\n    font-size: 1.125rem;\n    line-height: 1.7;\n    color: #64748b;\n    margin-bottom: 40px;\n}\n.stats-container {\n    display: flex;\n    gap: 40px;\n    margin: 40px 0;\n    padding: 30px 0;\n    border-top: 1px solid #e2e8f0;\n    border-bottom: 1px solid #e2e8f0;\n}\n.stat-item {\n    text-align: center;\n}\n.stat-number {\n    font-size: 2.5rem;\n    font-weight: 800;\n    color: #2563eb;\n    margin-bottom: 8px;\n}\n.stat-label {\n    font-size: 0.875rem;\n    color: #64748b;\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n.values-list {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n.value-item {\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n}\n.value-icon {\n    font-size: 1.5rem;\n    background: #dbeafe;\n    padding: 12px;\n    border-radius: 12px;\n    flex-shrink: 0;\n}\n.value-content h4 {\n    font-size: 1.125rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 8px;\n}\n.value-content p {\n    font-size: 1rem;\n    color: #64748b;\n    margin-bottom: 0;\n    line-height: 1.6;\n}\n.welcome-visual {\n    position: relative;\n}\n.image-card {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n    transform: perspective(1000px) rotateY(5deg) rotateX(5deg);\n    transition: transform 0.5s ease;\n}\n.image-card:hover {\n    transform: perspective(1000px) rotateY(0) rotateX(0);\n}\n.team-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.5s ease;\n}\n.image-card:hover .team-image {\n    transform: scale(1.05);\n}\n.card-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));\n    color: white;\n    padding: 30px;\n    transform: translateY(10px);\n    opacity: 0;\n    transition: all 0.3s ease;\n}\n.image-card:hover .card-overlay {\n    transform: translateY(0);\n    opacity: 1;\n}\n.card-overlay h4 {\n    font-size: 1.25rem;\n    font-weight: 600;\n    margin-bottom: 8px;\n}\n.card-overlay p {\n    font-size: 0.875rem;\n    opacity: 0.9;\n    margin: 0;\n}\n.experience-badge {\n    position: absolute;\n    top: -20px;\n    right: -20px;\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    border-radius: 16px;\n    padding: 20px;\n    box-shadow: 0 10px 30px rgba(37, 99, 235, 0.3);\n    animation: pulse 2s infinite;\n}\n.badge-content {\n    text-align: center;\n    color: white;\n}\n.years {\n    display: block;\n    font-size: 2rem;\n    font-weight: 800;\n    line-height: 1;\n}\n.label {\n    font-size: 0.75rem;\n    font-weight: 500;\n    opacity: 0.9;\n}\n.clients-section {\n    text-align: center;\n    padding-top: 60px;\n    border-top: 1px solid #e2e8f0;\n}\n.clients-section h3 {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #64748b;\n    margin-bottom: 40px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n.clients-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 40px;\n    align-items: center;\n}\n.client-logo {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 20px;\n    background: white;\n    border-radius: 12px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.client-logo:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n}\n@keyframes pulse {\n    0%, 100% {\n        transform: scale(1);\n    }\n    50% {\n        transform: scale(1.05);\n    }\n}\n\/* Number counting animation *\/\n.stat-number {\n    transition: all 0.5s ease;\n}\n\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .welcome-grid {\n        gap: 60px;\n    }\n    .section-title {\n        font-size: 2.5rem;\n    }\n    .stats-container {\n        gap: 30px;\n    }\n}\n@media (max-width: 768px) {\n    .welcome-grid {\n        grid-template-columns: 1fr;\n        gap: 60px;\n    }\n    .section-title {\n        font-size: 2.25rem;\n    }\n    .stats-container {\n        justify-content: space-around;\n    }\n    .clients-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 30px;\n    }\n    .experience-badge {\n        top: -10px;\n        right: -10px;\n        padding: 15px;\n    }\n}\n@media (max-width: 480px) {\n    .welcome-container {\n        padding: 0 20px;\n    }\n    .section-title {\n        font-size: 2rem;\n    }\n    .stats-container {\n        flex-direction: column;\n        gap: 20px;\n    }\n    .clients-grid {\n        grid-template-columns: 1fr;\n    }\n    .experience-badge {\n        position: relative;\n        top: 0;\n        right: 0;\n        margin-top: 20px;\n        display: inline-block;\n    }\n}\n<\/style>\n<section>\n<h2>Our Core Features<\/h2>\n<p>Discover the powerful capabilities that drive digital transformation<\/p>\n<p>            <!-- Feature 1 --><br \/>\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M8 10L12 14L22 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M16 4H22V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg><\/p>\n<h3>Cloud Solutions<\/h3>\n<p>Scalable cloud infrastructure and migration services<\/p>\n<p>            <!-- Feature 2 --><br \/>\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M19.4 15C19.2669 15.9248 18.9623 16.8164 18.504 17.6244C18.0457 18.4324 17.4427 19.1404 16.7286 19.7075C16.0145 20.2746 15.2036 20.6898 14.3396 20.9291C13.4757 21.1684 12.5757 21.2271 11.6892 21.1018C10.8027 20.9765 9.94724 20.6698 9.17253 20.1993C8.39782 19.7288 7.71933 19.1038 7.17813 18.3622C6.63693 17.6206 6.24389 16.7773 6.02168 15.8821C5.79947 14.9869 5.75266 14.0579 5.884 13.146\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M5.9 9.1C6.03314 8.17518 6.33767 7.28358 6.796 6.47558C7.25433 5.66758 7.85734 4.95961 8.57143 4.39252C9.28552 3.82543 10.0964 3.41018 10.9604 3.1709C11.8243 2.93162 12.7243 2.87293 13.6108 2.99821C14.4973 3.12349 15.3528 3.43018 16.1275 3.9007C16.9022 4.37122 17.5807 4.99617 18.1219 5.73779C18.6631 6.47941 19.0561 7.32268 19.2783 8.2179C19.5005 9.11312 19.5473 10.0421 19.416 10.954\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg><\/p>\n<h3>Data Analytics<\/h3>\n<p>Transform data into actionable insights with advanced tools<\/p>\n<p>            <!-- Feature 3 --><br \/>\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M12 22V18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M8 12V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M16 12V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg><\/p>\n<h3>Cybersecurity<\/h3>\n<p>Comprehensive security solutions for digital protection<\/p>\n<p>            <!-- Feature 4 --><br \/>\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M14 2V8H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M16 13H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M16 17H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M10 9H9H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg><\/p>\n<h3>Custom Software<\/h3>\n<p>Tailored solutions for unique business requirements<\/p>\n<p>            <!-- Feature 5 --><br \/>\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg><\/p>\n<h3>IT Consulting<\/h3>\n<p>Strategic guidance to align IT with business goals<\/p>\n<p>            <!-- Feature 6 --><br \/>\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 12L11 14L15 10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M21 12C21 13.1819 20.7672 14.3522 20.3149 15.4442C19.8626 16.5361 19.1997 17.5282 18.364 18.364C17.5282 19.1997 16.5361 19.8626 15.4442 20.3149C14.3522 20.7672 13.1819 21 12 21C10.8181 21 9.64778 20.7672 8.55585 20.3149C7.46392 19.8626 6.47177 19.1997 5.63604 18.364C4.80031 17.5282 4.13738 16.5361 3.68508 15.4442C3.23279 14.3522 3 13.1819 3 12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg><\/p>\n<h3>24\/7 Support<\/h3>\n<p>Round-the-clock technical support and maintenance<\/p>\n<h3>Ready to Transform Your Business?<\/h3>\n<p>Get in touch with our experts to discuss your needs<\/p>\n<p>                <button>Start Your Project<\/button><br \/>\n<\/section>\n<style>\n.features-section {\n    padding: 60px 0;\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    position: relative;\n}\n.features-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: \n        radial-gradient(circle at 20% 80%, rgba(37, 99, 235, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 80% 20%, rgba(124, 58, 237, 0.03) 0%, transparent 50%);\n    z-index: 0;\n}\n.features-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 1;\n}\n.section-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n.section-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    background: linear-gradient(90deg, #2563eb, #7c3aed);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n.section-subtitle {\n    font-size: 1.125rem;\n    line-height: 1.6;\n    color: #64748b;\n    max-width: 500px;\n    margin: 0 auto;\n}\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 24px;\n    margin-bottom: 60px;\n}\n.feature-card {\n    background: white;\n    padding: 30px 24px;\n    border-radius: 16px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    text-align: center;\n}\n.feature-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(90deg, #2563eb, #7c3aed);\n    transform: scaleX(0);\n    transition: transform 0.3s ease;\n}\n.feature-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n}\n.feature-card:hover::before {\n    transform: scaleX(1);\n}\n.feature-icon {\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 20px;\n    color: white;\n    transition: all 0.3s ease;\n}\n.feature-card:hover .feature-icon {\n    transform: scale(1.05);\n}\n.feature-card h3 {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 12px;\n    line-height: 1.3;\n}\n.feature-card p {\n    color: #64748b;\n    line-height: 1.5;\n    font-size: 0.95rem;\n    margin: 0;\n}\n.features-cta {\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    border-radius: 20px;\n    padding: 40px;\n    text-align: center;\n    color: white;\n    position: relative;\n    overflow: hidden;\n    max-width: 600px;\n    margin: 0 auto;\n}\n.features-cta::before {\n    content: '';\n    position: absolute;\n    top: -30%;\n    right: -20%;\n    width: 200px;\n    height: 200px;\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 50%;\n}\n.features-cta::after {\n    content: '';\n    position: absolute;\n    bottom: -20%;\n    left: -10%;\n    width: 150px;\n    height: 150px;\n    background: rgba(255, 255, 255, 0.05);\n    border-radius: 50%;\n}\n.cta-content {\n    position: relative;\n    z-index: 1;\n}\n.cta-content h3 {\n    font-size: 1.75rem;\n    font-weight: 600;\n    margin-bottom: 12px;\n}\n.cta-content p {\n    font-size: 1rem;\n    opacity: 0.9;\n    margin-bottom: 24px;\n    line-height: 1.5;\n}\n.btn {\n    padding: 12px 28px;\n    border-radius: 10px;\n    font-weight: 600;\n    font-size: 0.95rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n}\n.btn-primary {\n    background: white;\n    color: #2563eb;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n.btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);\n}\n\/* Animation for feature cards on scroll *\/\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n.feature-card {\n    animation: fadeInUp 0.5s ease forwards;\n    opacity: 0;\n}\n.feature-card:nth-child(1) { animation-delay: 0.1s; }\n.feature-card:nth-child(2) { animation-delay: 0.15s; }\n.feature-card:nth-child(3) { animation-delay: 0.2s; }\n.feature-card:nth-child(4) { animation-delay: 0.25s; }\n.feature-card:nth-child(5) { animation-delay: 0.3s; }\n.feature-card:nth-child(6) { animation-delay: 0.35s; }\n\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .features-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n    .section-title {\n        font-size: 2.25rem;\n    }\n}\n@media (max-width: 768px) {\n    .features-section {\n        padding: 50px 0;\n    }\n    .features-container {\n        padding: 0 24px;\n    }\n    .features-grid {\n        grid-template-columns: 1fr;\n        gap: 18px;\n        margin-bottom: 50px;\n    }\n    .section-title {\n        font-size: 2rem;\n    }\n    .section-header {\n        margin-bottom: 40px;\n    }\n    .feature-card {\n        padding: 24px 20px;\n    }\n    .features-cta {\n        padding: 32px 24px;\n        border-radius: 16px;\n    }\n    .cta-content h3 {\n        font-size: 1.5rem;\n    }\n}\n@media (max-width: 480px) {\n    .features-container {\n        padding: 0 20px;\n    }\n    .section-title {\n        font-size: 1.75rem;\n    }\n    .section-subtitle {\n        font-size: 1rem;\n    }\n    .feature-card {\n        padding: 20px 16px;\n    }\n    .feature-icon {\n        width: 50px;\n        height: 50px;\n        margin-bottom: 16px;\n    }\n    .feature-card h3 {\n        font-size: 1.125rem;\n    }\n    .feature-card p {\n        font-size: 0.9rem;\n    }\n    .features-cta {\n        padding: 24px 20px;\n    }\n    .cta-content h3 {\n        font-size: 1.375rem;\n    }\n}\n<\/style>\n<section>\n<h2>Our Core Services<\/h2>\n<p>Comprehensive IT solutions designed to drive your business forward<\/p>\n<p>            <!-- Service 1 --><br \/>\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M18 10H20C20.5304 10 21.0391 10.2107 21.4142 10.5858C21.7893 10.9609 22 11.4696 22 12C22 12.5304 21.7893 13.0391 21.4142 13.4142C21.0391 13.7893 20.5304 14 20 14H18V10Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M2 12H18V14H2V12Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M6 6H18V8H6V6Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M6 16H18V18H6V16Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                        <\/svg><br \/>\n                    01<\/p>\n<h3>Cloud Infrastructure<\/h3>\n<p>Complete cloud migration, management, and optimization services for scalable business growth.<\/p>\n<ul>\n<li>Cloud Migration<\/li>\n<li>Infrastructure Setup<\/li>\n<li>Cost Optimization<\/li>\n<li>Performance Monitoring<\/li>\n<\/ul>\n<p>                <a href=\"#\"><br \/>\n                    Explore Service<br \/>\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                    <\/svg><br \/>\n                <\/a><br \/>\n            <!-- Service 2 --><br \/>\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M12 6V12L16 14\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                        <\/svg><br \/>\n                    02<\/p>\n<h3>Digital Transformation<\/h3>\n<p>Strategic technology implementation to modernize operations and enhance customer experiences.<\/p>\n<ul>\n<li>Process Automation<\/li>\n<li>Digital Strategy<\/li>\n<li>Workflow Optimization<\/li>\n<li>Change Management<\/li>\n<\/ul>\n<p>                <a href=\"#\"><br \/>\n                    Explore Service<br \/>\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                    <\/svg><br \/>\n                <\/a><br \/>\n            <!-- Service 3 --><br \/>\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M19.4 15C19.2669 15.9248 18.9623 16.8164 18.504 17.6244C18.0457 18.4324 17.4427 19.1404 16.7286 19.7075C16.0145 20.2746 15.2036 20.6898 14.3396 20.9291C13.4757 21.1684 12.5757 21.2271 11.6892 21.1018C10.8027 20.9765 9.94724 20.6698 9.17253 20.1993C8.39782 19.7288 7.71933 19.1038 7.17813 18.3622C6.63693 17.6206 6.24389 16.7773 6.02168 15.8821C5.79947 14.9869 5.75266 14.0579 5.884 13.146\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M5.9 9.1C6.03314 8.17518 6.33767 7.28358 6.796 6.47558C7.25433 5.66758 7.85734 4.95961 8.57143 4.39252C9.28552 3.82543 10.0964 3.41018 10.9604 3.1709C11.8243 2.93162 12.7243 2.87293 13.6108 2.99821C14.4973 3.12349 15.3528 3.43018 16.1275 3.9007C16.9022 4.37122 17.5807 4.99617 18.1219 5.73779C18.6631 6.47941 19.0561 7.32268 19.2783 8.2179C19.5005 9.11312 19.5473 10.0421 19.416 10.954\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                        <\/svg><br \/>\n                    03<\/p>\n<h3>Data &#038; Analytics<\/h3>\n<p>Advanced analytics solutions to transform data into actionable business intelligence.<\/p>\n<ul>\n<li>BI Dashboards<\/li>\n<li>Predictive Analytics<\/li>\n<li>Data Warehousing<\/li>\n<li>Machine Learning<\/li>\n<\/ul>\n<p>                <a href=\"#\"><br \/>\n                    Explore Service<br \/>\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                    <\/svg><br \/>\n                <\/a><br \/>\n            <!-- Service 4 --><br \/>\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M12 22V18\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M8 12V10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M16 12V10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                        <\/svg><br \/>\n                    04<\/p>\n<h3>Cybersecurity<\/h3>\n<p>Comprehensive security solutions to protect your digital assets and ensure compliance.<\/p>\n<ul>\n<li>Threat Detection<\/li>\n<li>Vulnerability Assessment<\/li>\n<li>Security Audits<\/li>\n<li>Incident Response<\/li>\n<\/ul>\n<p>                <a href=\"#\"><br \/>\n                    Explore Service<br \/>\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                    <\/svg><br \/>\n                <\/a><br \/>\n            <!-- Service 5 --><br \/>\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                        <\/svg><br \/>\n                    05<\/p>\n<h3>IT Consulting<\/h3>\n<p>Expert guidance to align technology investments with your business objectives and goals.<\/p>\n<ul>\n<li>Technology Strategy<\/li>\n<li>Digital Roadmaps<\/li>\n<li>Vendor Selection<\/li>\n<li>IT Governance<\/li>\n<\/ul>\n<p>                <a href=\"#\"><br \/>\n                    Explore Service<br \/>\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                    <\/svg><br \/>\n                <\/a><br \/>\n            <!-- Service 6 --><br \/>\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M18 8H19C19.5304 8 20.0391 8.21071 20.4142 8.58579C20.7893 8.96086 21 9.46957 21 10V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V10C3 9.46957 3.21071 8.96086 3.58579 8.58579C3.96086 8.21071 4.46957 8 5 8H6\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M8 8V6C8 5.46957 8.21071 4.96086 8.58579 4.58579C8.96086 4.21071 9.46957 4 10 4H14C14.5304 4 15.0391 4.21071 15.4142 4.58579C15.7893 4.96086 16 5.46957 16 6V8\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M10 12H14\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M12 10V14\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                        <\/svg><br \/>\n                    06<\/p>\n<h3>Managed Services<\/h3>\n<p>Proactive IT management and support to ensure optimal performance and business continuity.<\/p>\n<ul>\n<li>24\/7 Monitoring<\/li>\n<li>Help Desk Support<\/li>\n<li>Backup Solutions<\/li>\n<li>Disaster Recovery<\/li>\n<\/ul>\n<p>                <a href=\"#\"><br \/>\n                    Explore Service<br \/>\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                    <\/svg><br \/>\n                <\/a><\/p>\n<h3>Need a Custom Solution?<\/h3>\n<p>Let&#8217;s discuss your specific requirements and create a tailored service package<\/p>\n<p>                    <button>Get Free Consultation<\/button><br \/>\n                    <button>View All Services<\/button><br \/>\n<\/section>\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n.services-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #f8faff 0%, #ffffff 50%, #f0f7ff 100%);\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n.services-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n.section-title {\n    font-size: 2.75rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    background: linear-gradient(90deg, #2563eb, #7c3aed);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n.section-subtitle {\n    font-size: 1.125rem;\n    line-height: 1.6;\n    color: #64748b;\n    max-width: 500px;\n    margin: 0 auto;\n}\n.services-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 30px;\n    margin-bottom: 60px;\n    justify-content: center;\n}\n.service-card {\n    background: white;\n    padding: 32px;\n    border-radius: 20px;\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);\n    border: 1px solid #e2e8f0;\n    transition: all 0.4s ease;\n    width: 100%;\n    max-width: 350px;\n    flex: 1 1 300px;\n}\n.service-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n    border-color: rgba(37, 99, 235, 0.1);\n}\n.service-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 24px;\n}\n.service-icon {\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    transition: all 0.3s ease;\n}\n.service-card:hover .service-icon {\n    transform: scale(1.05) rotate(5deg);\n}\n.service-number {\n    font-size: 3rem;\n    font-weight: 800;\n    color: #f1f5f9;\n    line-height: 1;\n    transition: all 0.3s ease;\n}\n.service-card:hover .service-number {\n    color: #e2e8f0;\n    transform: scale(1.1);\n}\n.service-card h3 {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n.service-card p {\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.95rem;\n}\n.service-features {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 28px 0;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 8px;\n}\n.service-features li {\n    padding: 8px 0;\n    color: #475569;\n    font-size: 0.9rem;\n    position: relative;\n    padding-left: 20px;\n}\n.service-features li::before {\n    content: '\u2713';\n    position: absolute;\n    left: 0;\n    color: #2563eb;\n    font-weight: bold;\n    font-size: 0.8rem;\n}\n.service-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: #2563eb;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 0.95rem;\n    transition: all 0.3s ease;\n    padding: 8px 0;\n}\n.service-link:hover {\n    color: #7c3aed;\n    gap: 12px;\n}\n.service-link svg {\n    transition: transform 0.3s ease;\n}\n.service-link:hover svg {\n    transform: translateX(4px);\n}\n.services-cta {\n    background: linear-gradient(135deg, #1e293b, #374151);\n    border-radius: 24px;\n    padding: 50px 40px;\n    text-align: center;\n    color: white;\n    max-width: 800px;\n    margin: 0 auto;\n}\n.cta-content h3 {\n    font-size: 2rem;\n    font-weight: 600;\n    margin-bottom: 16px;\n}\n.cta-content p {\n    font-size: 1.125rem;\n    opacity: 0.8;\n    margin-bottom: 32px;\n    line-height: 1.6;\n}\n.cta-buttons {\n    display: flex;\n    gap: 16px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n.btn {\n    padding: 14px 28px;\n    border-radius: 12px;\n    font-weight: 600;\n    font-size: 0.95rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n}\n.btn-primary {\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    color: white;\n    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n}\n.btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);\n}\n.btn-secondary {\n    background: rgba(255, 255, 255, 0.1);\n    color: white;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.btn-secondary:hover {\n    background: rgba(255, 255, 255, 0.15);\n    transform: translateY(-2px);\n}\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n    .services-section {\n        padding: 60px 0;\n    }\n    .services-container {\n        padding: 0 15px;\n    }\n    .services-grid {\n        gap: 20px;\n        margin-bottom: 50px;\n    }\n    .section-title {\n        font-size: 2.25rem;\n    }\n    .section-header {\n        margin-bottom: 50px;\n    }\n    .service-card {\n        padding: 24px;\n        max-width: 100%;\n    }\n    .services-cta {\n        padding: 40px 24px;\n        border-radius: 20px;\n    }\n    .cta-content h3 {\n        font-size: 1.75rem;\n    }\n    .cta-buttons {\n        flex-direction: column;\n        align-items: center;\n    }\n    .btn {\n        width: 200px;\n        justify-content: center;\n    }\n    .service-features {\n        grid-template-columns: 1fr;\n    }\n}\n@media (max-width: 480px) {\n    .section-title {\n        font-size: 2rem;\n    }\n    .section-subtitle {\n        font-size: 1rem;\n    }\n    .service-card {\n        padding: 20px;\n    }\n    .service-header {\n        margin-bottom: 20px;\n    }\n    .service-icon {\n        width: 50px;\n        height: 50px;\n    }\n    .service-number {\n        font-size: 2.5rem;\n    }\n    .service-card h3 {\n        font-size: 1.375rem;\n    }\n    .services-cta {\n        padding: 32px 20px;\n    }\n    .cta-content h3 {\n        font-size: 1.5rem;\n    }\n    .cta-content p {\n        font-size: 1rem;\n    }\n}\n<\/style>\n<section>\n<h2>Our Numbers Are Talking<\/h2>\n<p>Real results that demonstrate our impact and expertise<\/p>\n<p>                0<br \/>\n                Projects Completed<br \/>\n                \ud83d\ude80<br \/>\n                0<br \/>\n                +<br \/>\n                Years Experience<br \/>\n                \u2b50<br \/>\n                0<br \/>\n                %<br \/>\n                Client Satisfaction<br \/>\n                \ud83d\udc99<br \/>\n                0<br \/>\n                +<br \/>\n                Team Experts<br \/>\n                \ud83d\udc65<\/p>\n<p>Join hundreds of satisfied clients who trust us with their digital transformation<\/p>\n<p>            <button>Start Your Project Today<\/button><br \/>\n<\/section>\n<style>\n.numbers-section {\n    padding: 60px 0;\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n.numbers-container {\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n.section-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n.section-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    background: linear-gradient(90deg, #2563eb, #7c3aed);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n.section-subtitle {\n    font-size: 1.125rem;\n    line-height: 1.6;\n    color: #64748b;\n    max-width: 400px;\n    margin: 0 auto;\n}\n.numbers-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 30px;\n    margin-bottom: 40px;\n}\n.number-card {\n    background: white;\n    padding: 30px 20px;\n    border-radius: 16px;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    text-align: center;\n    position: relative;\n    transition: all 0.3s ease;\n}\n.number-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n}\n.number-value {\n    font-size: 3rem;\n    font-weight: 800;\n    color: #2563eb;\n    line-height: 1;\n    margin-bottom: 8px;\n    display: inline-block;\n}\n.number-suffix {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #2563eb;\n    display: inline-block;\n    margin-left: 2px;\n}\n.number-label {\n    font-size: 1rem;\n    color: #64748b;\n    font-weight: 500;\n    margin-bottom: 15px;\n}\n.number-icon {\n    font-size: 2rem;\n    opacity: 0.8;\n    position: absolute;\n    top: 15px;\n    right: 15px;\n}\n.numbers-cta {\n    text-align: center;\n    padding: 30px;\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    border-radius: 20px;\n    color: white;\n    margin-top: 20px;\n}\n.numbers-cta p {\n    font-size: 1.25rem;\n    margin-bottom: 20px;\n    font-weight: 500;\n    opacity: 0.95;\n}\n.btn {\n    padding: 12px 28px;\n    border-radius: 10px;\n    font-weight: 600;\n    font-size: 0.95rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n}\n.btn-primary {\n    background: white;\n    color: #2563eb;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n.btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);\n}\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n    .numbers-section {\n        padding: 50px 0;\n    }\n    .numbers-container {\n        padding: 0 15px;\n    }\n    .section-title {\n        font-size: 2.25rem;\n    }\n    .numbers-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n    .number-card {\n        padding: 25px 15px;\n    }\n    .number-value {\n        font-size: 2.5rem;\n    }\n    .numbers-cta {\n        padding: 25px 20px;\n    }\n    .numbers-cta p {\n        font-size: 1.125rem;\n    }\n}\n@media (max-width: 480px) {\n    .numbers-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n    .section-title {\n        font-size: 2rem;\n    }\n    .section-subtitle {\n        font-size: 1rem;\n    }\n    .number-card {\n        padding: 20px 15px;\n    }\n    .number-value {\n        font-size: 2.25rem;\n    }\n    .number-icon {\n        font-size: 1.75rem;\n    }\n    .numbers-cta {\n        padding: 20px 15px;\n        border-radius: 16px;\n    }\n    .numbers-cta p {\n        font-size: 1rem;\n    }\n}\n<\/style>\n<section>\n<h2>How It Works<\/h2>\n<p>Our proven 4-step process for delivering exceptional results<\/p>\n<p>            <!-- Step 1 --><br \/>\n                    01<br \/>\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                        <\/svg><\/p>\n<h3>Discovery<\/h3>\n<p>We understand your business goals and requirements through in-depth discussions.<\/p>\n<p>                    Needs Assessment<br \/>\n                    Goal Setting<br \/>\n            <!-- Step 2 --><br \/>\n                    02<br \/>\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M14 2V8H20\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M16 13H8\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M16 17H8\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M10 9H9H8\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                        <\/svg><\/p>\n<h3>Planning<\/h3>\n<p>We create detailed project plans with timelines and technology recommendations.<\/p>\n<p>                    Project Roadmap<br \/>\n                    Technology Stack<br \/>\n            <!-- Step 3 --><br \/>\n                    03<br \/>\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M19.4 15C19.2669 15.9248 18.9623 16.8164 18.504 17.6244C18.0457 18.4324 17.4427 19.1404 16.7286 19.7075C16.0145 20.2746 15.2036 20.6898 14.3396 20.9291C13.4757 21.1684 12.5757 21.2271 11.6892 21.1018C10.8027 20.9765 9.94724 20.6698 9.17253 20.1993C8.39782 19.7288 7.71933 19.1038 7.17813 18.3622C6.63693 17.6206 6.24389 16.7773 6.02168 15.8821C5.79947 14.9869 5.75266 14.0579 5.884 13.146\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M5.9 9.1C6.03314 8.17518 6.33767 7.28358 6.796 6.47558C7.25433 5.66758 7.85734 4.95961 8.57143 4.39252C9.28552 3.82543 10.0964 3.41018 10.9604 3.1709C11.8243 2.93162 12.7243 2.87293 13.6108 2.99821C14.4973 3.12349 15.3528 3.43018 16.1275 3.9007C16.9022 4.37122 17.5807 4.99617 18.1219 5.73779C18.6631 6.47941 19.0561 7.32268 19.2783 8.2179C19.5005 9.11312 19.5473 10.0421 19.416 10.954\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                        <\/svg><\/p>\n<h3>Development<\/h3>\n<p>Our expert team builds your solution using agile methodology with regular updates.<\/p>\n<p>                    Agile Development<br \/>\n                    Quality Assurance<br \/>\n            <!-- Step 4 --><br \/>\n                    04<br \/>\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M9 12L11 14L15 10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <path d=\"M21 12C21 13.1819 20.7672 14.3522 20.3149 15.4442C19.8626 16.5361 19.1997 17.5282 18.364 18.364C17.5282 19.1997 16.5361 19.8626 15.4442 20.3149C14.3522 20.7672 13.1819 21 12 21C10.8181 21 9.64778 20.7672 8.55585 20.3149C7.46392 19.8626 6.47177 19.1997 5.63604 18.364C4.80031 17.5282 4.13738 16.5361 3.68508 15.4442C3.23279 14.3522 3 13.1819 3 12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                        <\/svg><\/p>\n<h3>Launch<\/h3>\n<p>We deploy your solution and provide ongoing support for optimal performance.<\/p>\n<p>                    Deployment<br \/>\n                    Ongoing Support<\/p>\n<h3>Ready to Start Your Project?<\/h3>\n<p>Let&#8217;s begin with a free consultation to discuss your needs and create a custom plan.<\/p>\n<p>                    <button>Start Free Consultation<\/button><br \/>\n                    <button>Download Process Guide<\/button><br \/>\n<\/section>\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n.process-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n.process-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n.section-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    background: linear-gradient(90deg, #2563eb, #7c3aed);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n.section-subtitle {\n    font-size: 1.125rem;\n    line-height: 1.6;\n    color: #64748b;\n    max-width: 500px;\n    margin: 0 auto;\n}\n.process-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 25px;\n    margin-bottom: 60px;\n}\n.process-card {\n    background: white;\n    padding: 35px 25px;\n    border-radius: 20px;\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);\n    border: 1px solid #e2e8f0;\n    text-align: center;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n.process-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: linear-gradient(90deg, #2563eb, #7c3aed);\n    transform: scaleX(0);\n    transition: transform 0.3s ease;\n}\n.process-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n}\n.process-card:hover::before {\n    transform: scaleX(1);\n}\n.step-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 20px;\n}\n.step-number {\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 1.125rem;\n    font-weight: 700;\n    box-shadow: 0 6px 15px rgba(37, 99, 235, 0.3);\n}\n.step-icon {\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n}\n.process-card h3 {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 12px;\n    line-height: 1.3;\n}\n.process-card p {\n    color: #64748b;\n    line-height: 1.5;\n    margin-bottom: 20px;\n    font-size: 0.9rem;\n}\n.step-features {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    align-items: center;\n}\n.feature-tag {\n    background: #f1f5f9;\n    color: #475569;\n    padding: 6px 12px;\n    border-radius: 16px;\n    font-size: 0.8rem;\n    font-weight: 500;\n    width: fit-content;\n}\n.process-cta {\n    background: linear-gradient(135deg, #1e293b, #374151);\n    border-radius: 24px;\n    padding: 50px 40px;\n    text-align: center;\n    color: white;\n    margin-top: 40px;\n}\n.cta-content h3 {\n    font-size: 2rem;\n    font-weight: 600;\n    margin-bottom: 16px;\n}\n.cta-content p {\n    font-size: 1.125rem;\n    opacity: 0.8;\n    margin-bottom: 32px;\n    line-height: 1.6;\n}\n.cta-buttons {\n    display: flex;\n    gap: 16px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n.btn {\n    padding: 14px 28px;\n    border-radius: 12px;\n    font-weight: 600;\n    font-size: 0.95rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border: none;\n}\n.btn-primary {\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    color: white;\n    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n}\n.btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);\n}\n.btn-secondary {\n    background: rgba(255, 255, 255, 0.1);\n    color: white;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.btn-secondary:hover {\n    background: rgba(255, 255, 255, 0.15);\n    transform: translateY(-2px);\n}\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .process-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 25px;\n    }\n    .process-card {\n        padding: 30px 25px;\n    }\n}\n@media (max-width: 768px) {\n    .process-section {\n        padding: 60px 0;\n    }\n    .process-container {\n        padding: 0 15px;\n    }\n    .section-title {\n        font-size: 2.25rem;\n    }\n    .process-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        margin-bottom: 50px;\n    }\n    .process-card {\n        padding: 30px 25px;\n        max-width: 400px;\n        margin: 0 auto;\n    }\n    .step-header {\n        margin-bottom: 20px;\n    }\n    .step-number, .step-icon {\n        width: 50px;\n        height: 50px;\n    }\n    .process-card h3 {\n        font-size: 1.25rem;\n    }\n    .process-cta {\n        padding: 40px 25px;\n        border-radius: 20px;\n        margin-top: 30px;\n    }\n    .cta-content h3 {\n        font-size: 1.75rem;\n    }\n    .cta-buttons {\n        flex-direction: column;\n        align-items: center;\n    }\n    .btn {\n        width: 200px;\n    }\n}\n@media (max-width: 480px) {\n    .section-title {\n        font-size: 2rem;\n    }\n    .section-subtitle {\n        font-size: 1rem;\n    }\n    .process-card {\n        padding: 25px 20px;\n    }\n    .step-header {\n        flex-direction: column;\n        gap: 15px;\n    }\n    .process-cta {\n        padding: 30px 20px;\n    }\n    .cta-content h3 {\n        font-size: 1.5rem;\n    }\n    .cta-content p {\n        font-size: 1rem;\n    }\n    .feature-tag {\n        font-size: 0.75rem;\n        padding: 5px 10px;\n    }\n}\n<\/style>\n<section>\n<h2>Frequently Asked Questions<\/h2>\n<p>Find answers to common questions about our services and process<\/p>\n<p>                <!-- Column 1 --><\/p>\n<h3>What services do you offer?<\/h3>\n<p>                            +<\/p>\n<p>We offer comprehensive IT services including cloud solutions, custom software development, cybersecurity, data analytics, digital transformation, and IT consulting. Each service is tailored to meet your specific business needs.<\/p>\n<h3>How long does a typical project take?<\/h3>\n<p>                            +<\/p>\n<p>Project timelines vary based on complexity and scope. Small projects can take 2-4 weeks, while enterprise solutions may require 3-6 months. We provide detailed timelines during the planning phase and maintain regular progress updates.<\/p>\n<h3>Do you provide ongoing support?<\/h3>\n<p>                            +<\/p>\n<p>Yes, we offer comprehensive support packages including 24\/7 monitoring, regular maintenance, security updates, and technical assistance. Our support plans are flexible and can be customized to your business requirements.<\/p>\n<p>                <!-- Column 2 --><\/p>\n<h3>What is your pricing model?<\/h3>\n<p>                            +<\/p>\n<p>We offer flexible pricing models including fixed-price projects, time-and-materials, and monthly retainers. The best approach depends on your project scope and requirements. We provide transparent quotes with no hidden costs.<\/p>\n<h3>Can you work with our existing systems?<\/h3>\n<p>                            +<\/p>\n<p>Absolutely. We specialize in integrating with existing systems and infrastructure. Our team will assess your current setup and ensure seamless integration while maintaining data integrity and system stability.<\/p>\n<h3>What industries do you serve?<\/h3>\n<p>                            +<\/p>\n<p>We serve clients across various industries including healthcare, finance, retail, manufacturing, education, and technology. Our solutions are adaptable to meet industry-specific requirements and compliance standards.<\/p>\n<p>                <!-- Column 3 --><\/p>\n<h3>How do you ensure data security?<\/h3>\n<p>                            +<\/p>\n<p>We implement industry-standard security measures including encryption, secure authentication, regular security audits, and compliance with data protection regulations. All our team members are trained in security best practices.<\/p>\n<h3>What technologies do you work with?<\/h3>\n<p>                            +<\/p>\n<p>We work with modern technologies including cloud platforms (AWS, Azure, GCP), programming languages (JavaScript, Python, Java), frameworks (React, Node.js, .NET), databases (SQL, NoSQL), and DevOps tools.<\/p>\n<h3>Do you offer training for our team?<\/h3>\n<p>                            +<\/p>\n<p>Yes, we provide comprehensive training sessions for your team to ensure smooth adoption of new systems. Training includes documentation, hands-on sessions, and ongoing support to build confidence with the new technology.<\/p>\n<h3>Still have questions?<\/h3>\n<p>Can&#8217;t find the answer you&#8217;re looking for? Please reach out to our team.<\/p>\n<p>                        <button>Contact Our Team<\/button><br \/>\n                        <button>Schedule a Call<\/button><br \/>\n<\/section>\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n.faq-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n.faq-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n.section-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    background: linear-gradient(90deg, #2563eb, #7c3aed);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n.section-subtitle {\n    font-size: 1.125rem;\n    line-height: 1.6;\n    color: #64748b;\n    max-width: 500px;\n    margin: 0 auto;\n}\n.faq-content {\n    display: flex;\n    flex-direction: column;\n    gap: 50px;\n}\n.faq-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n.faq-column {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n.faq-item {\n    background: white;\n    border-radius: 16px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    border: 1px solid #e2e8f0;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n.faq-item:hover {\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);\n}\n.faq-question {\n    padding: 25px;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 15px;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n}\n.faq-question:hover {\n    background-color: #f8fafc;\n}\n.faq-question h3 {\n    font-size: 1.125rem;\n    font-weight: 600;\n    color: #1e293b;\n    line-height: 1.4;\n    flex: 1;\n}\n.faq-toggle {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 1.25rem;\n    font-weight: 300;\n    flex-shrink: 0;\n    transition: all 0.3s ease;\n}\n.faq-item.active .faq-toggle {\n    transform: rotate(45deg);\n    background: linear-gradient(135deg, #7c3aed, #2563eb);\n}\n.faq-answer {\n    padding: 0 25px;\n    max-height: 0;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n.faq-item.active .faq-answer {\n    padding: 0 25px 25px 25px;\n    max-height: 500px;\n}\n.faq-answer p {\n    color: #64748b;\n    line-height: 1.6;\n    font-size: 0.95rem;\n}\n.faq-cta {\n    background: linear-gradient(135deg, #1e293b, #374151);\n    border-radius: 24px;\n    padding: 50px 40px;\n    text-align: center;\n    color: white;\n}\n.cta-content h3 {\n    font-size: 2rem;\n    font-weight: 600;\n    margin-bottom: 16px;\n}\n.cta-content p {\n    font-size: 1.125rem;\n    opacity: 0.8;\n    margin-bottom: 32px;\n    line-height: 1.6;\n}\n.cta-buttons {\n    display: flex;\n    gap: 16px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n.btn {\n    padding: 14px 28px;\n    border-radius: 12px;\n    font-weight: 600;\n    font-size: 0.95rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border: none;\n}\n.btn-primary {\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    color: white;\n    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n}\n.btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);\n}\n.btn-secondary {\n    background: rgba(255, 255, 255, 0.1);\n    color: white;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.btn-secondary:hover {\n    background: rgba(255, 255, 255, 0.15);\n    transform: translateY(-2px);\n}\n\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .faq-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 25px;\n    }\n}\n@media (max-width: 768px) {\n    .faq-section {\n        padding: 60px 0;\n    }\n    .faq-container {\n        padding: 0 15px;\n    }\n    .section-title {\n        font-size: 2.25rem;\n    }\n    .faq-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    .faq-column {\n        gap: 15px;\n    }\n    .faq-question {\n        padding: 20px;\n    }\n    .faq-question h3 {\n        font-size: 1.125rem;\n    }\n    .faq-item.active .faq-answer {\n        padding: 0 20px 20px 20px;\n    }\n    .faq-cta {\n        padding: 40px 25px;\n        border-radius: 20px;\n    }\n    .cta-content h3 {\n        font-size: 1.75rem;\n    }\n    .cta-buttons {\n        flex-direction: column;\n        align-items: center;\n    }\n    .btn {\n        width: 200px;\n    }\n}\n@media (max-width: 480px) {\n    .section-title {\n        font-size: 2rem;\n    }\n    .section-subtitle {\n        font-size: 1rem;\n    }\n    .faq-question {\n        padding: 18px;\n    }\n    .faq-question h3 {\n        font-size: 1rem;\n    }\n    .faq-toggle {\n        width: 28px;\n        height: 28px;\n        font-size: 1.125rem;\n    }\n    .faq-item.active .faq-answer {\n        padding: 0 18px 18px 18px;\n    }\n    .faq-cta {\n        padding: 30px 20px;\n    }\n    .cta-content h3 {\n        font-size: 1.5rem;\n    }\n    .cta-content p {\n        font-size: 1rem;\n    }\n}\n<\/style>\n<section>\n<h2>Simple, Transparent Pricing<\/h2>\n<p>Choose the plan that fits your business needs. No hidden fees, no surprises.<\/p>\n<p>            Monthly<br \/>\n                <input type=\"checkbox\" id=\"pricing-toggle\"><br \/>\n                <label for=\"pricing-toggle\"><\/label><br \/>\n            Yearly<br \/>\n            Save 20%<br \/>\n            <!-- Starter Plan --><\/p>\n<h3>Starter<\/h3>\n<p>Perfect for small businesses getting started<\/p>\n<p>                        $299<br \/>\n                        \/month<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Basic Cloud Infrastructure<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Email Support<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Basic Security Monitoring<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M18 6L6 18M6 6l12 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Advanced Analytics<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M18 6L6 18M6 6l12 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        24\/7 Priority Support<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M18 6L6 18M6 6l12 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Custom Development<br \/>\n                <button>Get Started<\/button><br \/>\n            <!-- Professional Plan --><br \/>\n                Most Popular<\/p>\n<h3>Professional<\/h3>\n<p>Ideal for growing businesses<\/p>\n<p>                        $599<br \/>\n                        \/month<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Advanced Cloud Infrastructure<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Priority Email &#038; Chat Support<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Advanced Security Suite<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Business Intelligence Analytics<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        12\/5 Phone Support<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M18 6L6 18M6 6l12 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Custom Development<br \/>\n                <button>Get Started<\/button><br \/>\n            <!-- Enterprise Plan --><\/p>\n<h3>Enterprise<\/h3>\n<p>For large organizations with complex needs<\/p>\n<p>                        $999<br \/>\n                        \/month<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Enterprise Cloud Infrastructure<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        24\/7 Priority Support<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Enterprise Security Suite<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Advanced Analytics &#038; AI<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Dedicated Account Manager<br \/>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg><br \/>\n                        Custom Development<br \/>\n                <button>Contact Sales<\/button><\/p>\n<h3>Need a Custom Solution?<\/h3>\n<p>We offer tailored pricing for unique business requirements. Let&#8217;s discuss your specific needs.<\/p>\n<p>                    <button>Get Custom Quote<\/button><br \/>\n                    <button>Schedule Consultation<\/button><br \/>\n<\/section>\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n.pricing-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n.pricing-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n.section-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n.section-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    background: linear-gradient(90deg, #2563eb, #7c3aed);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n.section-subtitle {\n    font-size: 1.125rem;\n    line-height: 1.6;\n    color: #64748b;\n    max-width: 500px;\n    margin: 0 auto;\n}\n.pricing-toggle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 50px;\n    position: relative;\n}\n.toggle-label {\n    font-size: 1rem;\n    font-weight: 500;\n    color: #64748b;\n    transition: color 0.3s ease;\n}\n.toggle-label.active {\n    color: #2563eb;\n    font-weight: 600;\n}\n.toggle-switch {\n    position: relative;\n    width: 60px;\n    height: 32px;\n}\n.toggle-input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n}\n.toggle-slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    border-radius: 34px;\n    transition: 0.3s;\n}\n.toggle-slider:before {\n    position: absolute;\n    content: \"\";\n    height: 24px;\n    width: 24px;\n    left: 4px;\n    bottom: 4px;\n    background: white;\n    border-radius: 50%;\n    transition: 0.3s;\n}\n.toggle-input:checked + .toggle-slider:before {\n    transform: translateX(28px);\n}\n.discount-badge {\n    background: #10b981;\n    color: white;\n    padding: 4px 12px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    position: absolute;\n    right: 25%;\n}\n.pricing-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    margin-bottom: 60px;\n}\n.pricing-card {\n    background: white;\n    padding: 40px 30px;\n    border-radius: 20px;\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);\n    border: 1px solid #e2e8f0;\n    text-align: center;\n    position: relative;\n    transition: all 0.3s ease;\n}\n.pricing-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\n}\n.pricing-card.featured {\n    border: 2px solid #2563eb;\n    transform: scale(1.05);\n}\n.pricing-card.featured:hover {\n    transform: scale(1.05) translateY(-5px);\n}\n.popular-badge {\n    position: absolute;\n    top: -12px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    color: white;\n    padding: 6px 20px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 600;\n}\n.plan-header {\n    margin-bottom: 30px;\n}\n.plan-header h3 {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 8px;\n}\n.plan-header p {\n    color: #64748b;\n    font-size: 0.95rem;\n    margin-bottom: 20px;\n}\n.plan-price {\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 4px;\n}\n.price-amount {\n    font-size: 3rem;\n    font-weight: 700;\n    color: #1e293b;\n}\n.price-period {\n    color: #64748b;\n    font-size: 1rem;\n}\n.plan-features {\n    margin-bottom: 30px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n.feature-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: #475569;\n    font-size: 0.9rem;\n}\n.feature-item svg {\n    color: #10b981;\n    flex-shrink: 0;\n}\n.feature-item.disabled {\n    color: #94a3b8;\n}\n.feature-item.disabled svg {\n    color: #94a3b8;\n}\n.btn {\n    padding: 14px 28px;\n    border-radius: 12px;\n    font-weight: 600;\n    font-size: 0.95rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border: none;\n    width: 100%;\n}\n.btn-primary {\n    background: linear-gradient(135deg, #2563eb, #7c3aed);\n    color: white;\n    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n}\n.btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);\n}\n.btn-outline {\n    background: transparent;\n    color: #2563eb;\n    border: 2px solid #2563eb;\n}\n.btn-outline:hover {\n    background: #2563eb;\n    color: white;\n    transform: translateY(-2px);\n}\n.pricing-cta {\n    background: linear-gradient(135deg, #1e293b, #374151);\n    border-radius: 24px;\n    padding: 50px 40px;\n    text-align: center;\n    color: white;\n}\n.cta-content h3 {\n    font-size: 2rem;\n    font-weight: 600;\n    margin-bottom: 16px;\n}\n.cta-content p {\n    font-size: 1.125rem;\n    opacity: 0.8;\n    margin-bottom: 32px;\n    line-height: 1.6;\n}\n.cta-buttons {\n    display: flex;\n    gap: 16px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n.btn-secondary {\n    background: rgba(255, 255, 255, 0.1);\n    color: white;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.btn-secondary:hover {\n    background: rgba(255, 255, 255, 0.15);\n    transform: translateY(-2px);\n}\n\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .pricing-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 25px;\n    }\n    .pricing-card.featured {\n        transform: none;\n    }\n    .pricing-card.featured:hover {\n        transform: translateY(-5px);\n    }\n}\n@media (max-width: 768px) {\n    .pricing-section {\n        padding: 60px 0;\n    }\n    .pricing-container {\n        padding: 0 15px;\n    }\n    .section-title {\n        font-size: 2.25rem;\n    }\n    .pricing-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        margin-bottom: 50px;\n    }\n    .pricing-card {\n        padding: 30px 25px;\n        max-width: 400px;\n        margin: 0 auto;\n    }\n    .plan-header {\n        margin-bottom: 25px;\n    }\n    .price-amount {\n        font-size: 2.5rem;\n    }\n    .pricing-cta {\n        padding: 40px 25px;\n        border-radius: 20px;\n    }\n    .cta-content h3 {\n        font-size: 1.75rem;\n    }\n    .cta-buttons {\n        flex-direction: column;\n        align-items: center;\n    }\n    .btn {\n        width: 200px;\n    }\n    .discount-badge {\n        position: static;\n        margin-left: 10px;\n    }\n}\n@media (max-width: 480px) {\n    .section-title {\n        font-size: 2rem;\n    }\n    .section-subtitle {\n        font-size: 1rem;\n    }\n    .pricing-card {\n        padding: 25px 20px;\n    }\n    .pricing-toggle {\n        flex-wrap: wrap;\n        gap: 10px;\n    }\n    .price-amount {\n        font-size: 2.25rem;\n    }\n    .pricing-cta {\n        padding: 30px 20px;\n    }\n    .cta-content h3 {\n        font-size: 1.5rem;\n    }\n    .cta-content p {\n        font-size: 1rem;\n    }\n    .feature-item {\n        font-size: 0.85rem;\n    }\n}\n<\/style>\n<div style=\"display:block;text-indent:-9999px;overflow:hidden;height:1px\"><a href=\"https:\/\/oscarspin-jouer.fr\/fr-fr\/\">Oscar Spin<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Information Technology Transform Your Business with Digital Innovation We deliver cutting-edge IT solutions that drive growth, efficiency, and competitive advantage for forward-thinking organizations. \u2713 Cloud Solutions &#038; Migration \u2713 Cybersecurity &#038; Data Protection \u2713 AI &#038; Machine Learning Integration Start Your Project View Case Studies \ud83d\udcca Data Analytics Real-time insights \ud83d\udd12 Security Enterprise protection \u2601\ufe0f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gaming.wasmer.app\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gaming.wasmer.app\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gaming.wasmer.app\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gaming.wasmer.app\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gaming.wasmer.app\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":0,"href":"https:\/\/gaming.wasmer.app\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"wp:attachment":[{"href":"https:\/\/gaming.wasmer.app\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}