{"id":672,"date":"2025-11-10T08:12:31","date_gmt":"2025-11-10T08:12:31","guid":{"rendered":"https:\/\/dev.cloudengin.com\/?page_id=672"},"modified":"2026-07-27T18:25:14","modified_gmt":"2026-07-27T18:25:14","slug":"sap-implementation-services","status":"publish","type":"page","link":"https:\/\/www.cloudengin.com\/?page_id=672","title":{"rendered":"SAP Implementation Services"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

SAP Solution
\nImplementation Services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Transform critical BU operations with focused SAP\u00a0
digital platforms. Solutions architected, deployed,\u00a0
managed, and secured end-to-end by CloudEngin.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tConnect With Us<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

End-to-end Lifecycle Services for SAP Systems, Products, and Application Implementations\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

SAP implementations are complex for they are long-term transformation programs. As an SAP Premium Partner, CloudEngin helps identify and implement the right mix of SAP solutions for your mission-critical digital evolution journeys. From dedicated consultations at BU-levels, architectural blueprints, custom configurations, deployments on environment of choice (private\/public\/hybrid\/multi-cloud), to full-stack automation-driven managed services and continuity management, CloudEngin maximizes your SAP outcomes to drive long term business success.<\/p><\/div><\/div>

\u00a0<\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Unveiling SAP Global Center of Excellence: \nOur End-to-end SAP Implementation & Transformation Offerings<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Proactive Monitoring & Support<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tIncident Management: <\/strong>Quick resolution of issues with minimal downtime.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tRoot Cause Analysis: <\/strong>Identifying and addressing recurring issues.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tZero-Incident Framework:<\/strong> Implementing strategies for consistent performance without disruptions.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    SAP Development & Enhancements<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t\t\t
      \n\t\t\t\t\t\t\t
    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tDevelopment:<\/strong> Using ABAP, Fiori, UI5, etc.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tApplication Development:<\/strong> Creation of custom modules and functionalities tailored to client needs.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tIntegration:<\/strong> Middleware and API-based integration with third-party applications.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
      \n\t\t\t\t\t\t\t
      \n\t\t\t\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Core SAP Implementation Services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t
      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tAssessment:<\/strong> BW\/4HANA infrastructure and migration assessments.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tGreenfield Implementations:<\/strong> SAP BW\/4HANA and SAC implementation services.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tIntegration:<\/strong> Middleware and API-based integration with third-party applications.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tBrownfield Upgrades:<\/strong> SAP BW and SAP BO upgrades.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tMigrations:<\/strong> Transition to SAP BW\/4HANA and SAP HANA.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t

        Transition to SAP BW\/4HANA and SAP HANA.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
        \n\t\t\t\t\t\t\t
          \n\t\t\t\t\t\t\t
        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tShared Services:<\/strong> Cost-effective support for multiple clients via shared resources.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tManaged Services:<\/strong> Dedicated AMS teams for SLA-based delivery.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tCo-sourcing and Augmentation:<\/strong> Collaboration models to augment client teams.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
          \n\t\t\t\t\t\t\t
          \n\t\t\t\t\t
          \n\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t

          SAP AMS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t\t\t\t
            \n\t\t\t\t\t\t\t
          • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tSAP Support:<\/strong> Incident and change management.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
          • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tSAP Maintenance:<\/strong> Preventive maintenance and SLA adherence.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
          • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tSAP Enhancements:<\/strong> Adding features and optimizing processes.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
          • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tSAP Evolution:<\/strong> Transitioning systems for future needs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
            \n\t\t\t\t\t\t\t
            \n\t\t\t\t\t
            \n\t\t
            \n\t\t\t\t
            \n\t\t\t\t\t

            Proactive Monitoring & Support<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
            \n\t\t\t\t\t\t\t
              \n\t\t\t\t\t\t\t
            • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tAssessment:<\/strong> BW\/4HANA infrastructure and migration assessments.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
            • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tGreenfield Implementations:<\/strong> SAP BW\/4HANA and SAC implementation services.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
            • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tIntegration:<\/strong> Middleware and API-based integration with third-party applications.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
            • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tBrownfield Upgrades:<\/strong> SAP BW and SAP BO upgrades.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
            • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tMigrations:<\/strong> Transition to SAP BW\/4HANA and SAP HANA.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t
              \n\t\t\t\t<\/path><\/svg>\t\t\t<\/div>\n\t\t\t
              \n\t\t\t\t<\/path><\/svg>\t\t\t<\/div>\n\t\t\t\t\t
              <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
              \n \t\t
              \n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n CloudEngin \u2014 SAP Implementation Services<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ===== Base Styles ===== *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #ffffff;\r\n color: #1e293b;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n }\r\n\r\n \/* ===== Buttons ===== *\/\r\n .btn-primary {\r\n display: inline-block;\r\n background: #2563eb;\r\n color: #ffffff !important;\r\n font-weight: 600;\r\n padding: 0.9rem 2.2rem;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: none;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-primary:visited,\r\n .btn-primary:link,\r\n .btn-primary:active {\r\n color: #ffffff !important;\r\n }\r\n\r\n .btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: translate(-50%, -50%);\r\n transition: width 0.6s, height 0.6s;\r\n }\r\n\r\n .btn-primary:hover::before {\r\n width: 300px;\r\n height: 300px;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #1d4ed8;\r\n transform: translateY(-3px) scale(1.02);\r\n box-shadow: 0 8px 25px rgba(37, 99, 235, 0.4);\r\n color: #ffffff !important;\r\n }\r\n\r\n .btn-primary:active {\r\n transform: scale(0.96);\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* ===== Reveal Animations ===== *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .reveal.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .reveal-scale {\r\n opacity: 0;\r\n transform: scale(0.9);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .reveal-scale.active {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n .delay-1 { transition-delay: 0.1s; }\r\n .delay-2 { transition-delay: 0.2s; }\r\n .delay-3 { transition-delay: 0.3s; }\r\n .delay-4 { transition-delay: 0.4s; }\r\n\r\n \/* ===== Hero Section ===== *\/\r\n .implementation-hero {\r\n padding: 5rem 0 4rem;\r\n text-align: center;\r\n background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .implementation-hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle at 30% 50%, rgba(37, 99, 235, 0.05) 0%, transparent 50%);\r\n animation: floatBg 20s ease-in-out infinite;\r\n }\r\n\r\n @keyframes floatBg {\r\n 0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n 33% { transform: translate(5%, -5%) rotate(2deg); }\r\n 66% { transform: translate(-5%, 5%) rotate(-2deg); }\r\n }\r\n\r\n .implementation-hero h1 {\r\n font-size: 4rem;\r\n font-weight: 800;\r\n letter-spacing: -0.04em;\r\n line-height: 1.1;\r\n max-width: 900px;\r\n margin: 0 auto 1rem;\r\n color: #0f172a;\r\n position: relative;\r\n animation: fadeInUp 1s ease;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .implementation-hero h1 .highlight {\r\n background: linear-gradient(135deg, #2563eb, #7c3aed, #2563eb);\r\n background-size: 200% 200%;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n animation: gradientMove 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes gradientMove {\r\n 0%, 100% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n }\r\n\r\n .implementation-hero .subtitle {\r\n font-size: 1.3rem;\r\n color: #475569;\r\n max-width: 700px;\r\n margin: 0 auto 2rem;\r\n animation: fadeInUp 1s ease 0.3s both;\r\n }\r\n\r\n \/* ===== Intro Section ===== *\/\r\n .intro-section {\r\n padding: 4rem 0 3rem;\r\n background: #ffffff;\r\n }\r\n\r\n .intro-content {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n .intro-content h2 {\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n letter-spacing: -0.03em;\r\n line-height: 1.2;\r\n margin-bottom: 1.5rem;\r\n text-align: center;\r\n }\r\n\r\n .intro-content h2 span {\r\n color: #2563eb;\r\n }\r\n\r\n .intro-content p {\r\n color: #475569;\r\n font-size: 1.1rem;\r\n line-height: 1.7;\r\n margin-bottom: 1.5rem;\r\n text-align: left;\r\n }\r\n\r\n .intro-content p strong {\r\n color: #1e293b;\r\n }\r\n\r\n \/* ===== Center of Excellence Section ===== *\/\r\n .coe-section {\r\n padding: 5rem 0;\r\n background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\r\n position: relative;\r\n }\r\n\r\n .coe-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 200px;\r\n background: radial-gradient(ellipse at 50% 0%, rgba(37, 99, 235, 0.05) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .coe-content {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .coe-content h2 {\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n letter-spacing: -0.03em;\r\n margin-bottom: 0.5rem;\r\n text-align: center;\r\n }\r\n\r\n .coe-content h2 span {\r\n color: #2563eb;\r\n }\r\n\r\n .coe-content .subtitle {\r\n text-align: center;\r\n color: #64748b;\r\n font-size: 1.1rem;\r\n margin-bottom: 3rem;\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n \/* ===== \u0423\u043b\u0443\u0447\u0448\u0435\u043d\u043d\u044b\u0439 \u0441\u043b\u0430\u0439\u0434\u0435\u0440 ===== *\/\r\n .slider-wrapper {\r\n position: relative;\r\n padding: 0 3rem;\r\n }\r\n\r\n .slider-container {\r\n overflow: hidden;\r\n border-radius: 24px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.04);\r\n }\r\n\r\n .slider-track {\r\n display: flex;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n will-change: transform;\r\n }\r\n\r\n .slider-slide {\r\n flex: 0 0 100%;\r\n padding: 2rem;\r\n }\r\n\r\n .coe-card {\r\n background: #ffffff;\r\n padding: 2.5rem 2.5rem;\r\n border-radius: 20px;\r\n border: 1px solid #f1f5f9;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n min-height: 340px;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n }\r\n\r\n .coe-card:hover {\r\n border-color: #2563eb;\r\n box-shadow: 0 12px 40px rgba(37, 99, 235, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .coe-card .card-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 1.2rem;\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .coe-card .icon-wrapper {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 16px;\r\n background: linear-gradient(135deg, #e8f0fe, #dbeafe);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.8rem;\r\n flex-shrink: 0;\r\n transition: all 0.3s;\r\n }\r\n\r\n .coe-card:hover .icon-wrapper {\r\n background: linear-gradient(135deg, #2563eb, #1d4ed8);\r\n color: #ffffff;\r\n }\r\n\r\n .coe-card .card-number {\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n color: #94a3b8;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n margin-left: auto;\r\n background: #f1f5f9;\r\n padding: 0.25rem 1rem;\r\n border-radius: 40px;\r\n }\r\n\r\n .coe-card h3 {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: #0f172a;\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .coe-card ul {\r\n list-style: none;\r\n padding: 0;\r\n flex: 1;\r\n }\r\n\r\n .coe-card ul li {\r\n padding: 0.4rem 0;\r\n padding-left: 1.5rem;\r\n position: relative;\r\n color: #475569;\r\n font-size: 0.95rem;\r\n line-height: 1.5;\r\n }\r\n\r\n .coe-card ul li::before {\r\n content: '\u25b9';\r\n position: absolute;\r\n left: 0;\r\n color: #2563eb;\r\n font-weight: 700;\r\n }\r\n\r\n \/* \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0441\u043b\u0430\u0439\u0434\u0435\u0440\u0430 *\/\r\n .slider-controls {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 2rem;\r\n margin-top: 2.5rem;\r\n }\r\n\r\n .slider-btn {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n border: 2px solid #e2e8f0;\r\n background: #ffffff;\r\n color: #1e293b;\r\n font-size: 1.3rem;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n }\r\n\r\n .slider-btn:hover {\r\n background: #2563eb;\r\n color: #ffffff;\r\n border-color: #2563eb;\r\n transform: scale(1.05);\r\n box-shadow: 0 8px 25px rgba(37, 99, 235, 0.2);\r\n }\r\n\r\n .slider-btn:active {\r\n transform: scale(0.95);\r\n }\r\n\r\n .slider-dots {\r\n display: flex;\r\n gap: 0.6rem;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .slider-dot {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background: #e2e8f0;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n padding: 0;\r\n }\r\n\r\n .slider-dot.active {\r\n background: #2563eb;\r\n transform: scale(1.2);\r\n box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);\r\n }\r\n\r\n .slider-dot:hover {\r\n background: #94a3b8;\r\n }\r\n\r\n .slider-dot.active:hover {\r\n background: #2563eb;\r\n }\r\n\r\n \/* ===== Core Services Section ===== *\/\r\n .core-section {\r\n padding: 4rem 0;\r\n background: #ffffff;\r\n }\r\n\r\n .core-content {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n .core-content h2 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n letter-spacing: -0.03em;\r\n margin-bottom: 1.5rem;\r\n text-align: center;\r\n }\r\n\r\n .core-content h2 span {\r\n color: #2563eb;\r\n }\r\n\r\n .core-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.5rem;\r\n }\r\n\r\n .core-item {\r\n background: #f8fafc;\r\n padding: 1.5rem;\r\n border-radius: 16px;\r\n border: 1px solid #f1f5f9;\r\n transition: all 0.3s;\r\n }\r\n\r\n .core-item:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.06);\r\n border-color: #2563eb;\r\n background: #ffffff;\r\n }\r\n\r\n .core-item h4 {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #2563eb;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .core-item ul {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n\r\n .core-item ul li {\r\n padding: 0.3rem 0;\r\n padding-left: 1.2rem;\r\n position: relative;\r\n color: #475569;\r\n font-size: 0.92rem;\r\n line-height: 1.5;\r\n }\r\n\r\n .core-item ul li::before {\r\n content: '\u2022';\r\n position: absolute;\r\n left: 0;\r\n color: #2563eb;\r\n font-weight: 700;\r\n }\r\n\r\n \/* ===== CTA Section ===== *\/\r\n .cta-section {\r\n padding: 5rem 0;\r\n text-align: center;\r\n background: linear-gradient(180deg, #ffffff, #f8fafc);\r\n }\r\n\r\n .cta-section h2 {\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n letter-spacing: -0.03em;\r\n max-width: 700px;\r\n margin: 0 auto 1.5rem;\r\n }\r\n\r\n .cta-section h2 span {\r\n color: #2563eb;\r\n }\r\n\r\n .cta-section p {\r\n color: #475569;\r\n font-size: 1.2rem;\r\n max-width: 600px;\r\n margin: 0 auto 2.5rem;\r\n }\r\n\r\n .cta-section .btn-primary {\r\n animation: pulse 3s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.02); }\r\n }\r\n\r\n \/* ===== Particles ===== *\/\r\n .particle {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(37, 99, 235, 0.08);\r\n animation: floatParticle 8s ease-in-out infinite;\r\n }\r\n\r\n .particle:nth-child(1) {\r\n width: 60px;\r\n height: 60px;\r\n top: 10%;\r\n left: 5%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .particle:nth-child(2) {\r\n width: 40px;\r\n height: 40px;\r\n bottom: 15%;\r\n right: 8%;\r\n animation-delay: 2s;\r\n }\r\n\r\n .particle:nth-child(3) {\r\n width: 80px;\r\n height: 80px;\r\n top: 20%;\r\n right: 15%;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatParticle {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 25% { transform: translate(30px, -20px) scale(1.1); }\r\n 50% { transform: translate(-20px, 40px) scale(0.9); }\r\n 75% { transform: translate(40px, 20px) scale(1.05); }\r\n }\r\n\r\n \/* ===== Responsive ===== *\/\r\n @media (max-width: 1024px) {\r\n .core-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n .slider-wrapper {\r\n padding: 0 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .implementation-hero h1 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .intro-content h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .coe-content h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .core-content h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .core-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cta-section h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .slider-btn {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .slider-slide {\r\n padding: 1rem;\r\n }\r\n\r\n .coe-card {\r\n padding: 1.8rem;\r\n min-height: 300px;\r\n }\r\n\r\n .coe-card .card-header {\r\n flex-wrap: wrap;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .implementation-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .implementation-hero .subtitle {\r\n font-size: 1rem;\r\n }\r\n\r\n .btn-primary {\r\n padding: 0.7rem 1.5rem;\r\n font-size: 0.9rem;\r\n width: 100%;\r\n }\r\n\r\n .coe-card {\r\n padding: 1.5rem;\r\n min-height: 280px;\r\n }\r\n\r\n .core-item {\r\n padding: 1.2rem;\r\n }\r\n\r\n .slider-controls {\r\n gap: 1rem;\r\n }\r\n\r\n .slider-dot {\r\n width: 10px;\r\n height: 10px;\r\n }\r\n\r\n .slider-wrapper {\r\n padding: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- ===== PARTICLES ===== -->\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n\r\n <!-- ===== HERO SECTION ===== -->\r\n <section class=\"implementation-hero\">\r\n <div class=\"container\">\r\n <h1>\r\n <span class=\"highlight\">SAP Solution<\/span><br>Implementation Services\r\n <\/h1>\r\n <p class=\"subtitle\">\r\n Transform critical BU operations with focused SAP digital platforms. Solutions architected, deployed, managed, and secured end-to-end by CloudEngin.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===== INTRO SECTION ===== -->\r\n <section class=\"intro-section\">\r\n <div class=\"container\">\r\n <div class=\"intro-content\">\r\n <h2 class=\"reveal\">End-to-end Lifecycle Services for <span>SAP Systems, Products, and Application Implementations<\/span><\/h2>\r\n <p class=\"reveal delay-1\">\r\n SAP implementations are complex for they are long-term transformation programs. As an <strong>SAP Premium Partner<\/strong>, CloudEngin helps identify and implement the right mix of SAP solutions for your mission-critical digital evolution journeys. From dedicated consultations at BU-levels, architectural blueprints, custom configurations, deployments on environment of choice (private\/public\/hybrid\/multi-cloud), to full-stack automation-driven managed services and continuity management, CloudEngin maximizes your SAP outcomes to drive long term business success.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===== CENTER OF EXCELLENCE SECTION (\u0423\u041b\u0423\u0427\u0428\u0415\u041d\u041d\u042b\u0419 \u0421\u041b\u0410\u0419\u0414\u0415\u0420) ===== -->\r\n <section class=\"coe-section\">\r\n <div class=\"container\">\r\n <div class=\"coe-content\">\r\n <h2 class=\"reveal\">Unveiling SAP Global Center of Excellence: <span>Our End-to-end Offerings<\/span><\/h2>\r\n <p class=\"subtitle reveal delay-1\">Comprehensive SAP implementation and transformation services tailored to your business needs<\/p>\r\n\r\n <div class=\"slider-wrapper\">\r\n <div class=\"slider-container\">\r\n <div class=\"slider-track\" id=\"sliderTrack\">\r\n <!-- Slide 1 -->\r\n <div class=\"slider-slide\">\r\n <div class=\"coe-card\">\r\n <div class=\"card-header\">\r\n <div class=\"icon-wrapper\">\ud83d\udccb<\/div>\r\n <span class=\"card-number\">01<\/span>\r\n <\/div>\r\n <h3>Assessment & Strategy<\/h3>\r\n <ul>\r\n <li>Enterprise-wide SAP landscape assessment<\/li>\r\n <li>Digital transformation roadmap development<\/li>\r\n <li>Business process optimization & re-engineering<\/li>\r\n <li>ROI & TCO analysis<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 2 -->\r\n <div class=\"slider-slide\">\r\n <div class=\"coe-card\">\r\n <div class=\"card-header\">\r\n <div class=\"icon-wrapper\">\ud83c\udfd7\ufe0f<\/div>\r\n <span class=\"card-number\">02<\/span>\r\n <\/div>\r\n <h3>Architecture & Design<\/h3>\r\n <ul>\r\n <li>Solution architecture & blueprinting<\/li>\r\n <li>Integration architecture design<\/li>\r\n <li>Infrastructure & cloud architecture<\/li>\r\n <li>Security & compliance architecture<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 3 -->\r\n <div class=\"slider-slide\">\r\n <div class=\"coe-card\">\r\n <div class=\"card-header\">\r\n <div class=\"icon-wrapper\">\u2699\ufe0f<\/div>\r\n <span class=\"card-number\">03<\/span>\r\n <\/div>\r\n <h3>Implementation & Deployment<\/h3>\r\n <ul>\r\n <li>Greenfield & brownfield implementations<\/li>\r\n <li>SAP S\/4HANA conversion & migration<\/li>\r\n <li>SAP cloud & hybrid deployments<\/li>\r\n <li>Application development & customization<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 4 -->\r\n <div class=\"slider-slide\">\r\n <div class=\"coe-card\">\r\n <div class=\"card-header\">\r\n <div class=\"icon-wrapper\">\ud83d\udd04<\/div>\r\n <span class=\"card-number\">04<\/span>\r\n <\/div>\r\n <h3>Integration & Migration<\/h3>\r\n <ul>\r\n <li>System integration & middleware<\/li>\r\n <li>Data migration & data quality management<\/li>\r\n <li>Third-party application integration<\/li>\r\n <li>APIs & microservices integration<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 5 -->\r\n <div class=\"slider-slide\">\r\n <div class=\"coe-card\">\r\n <div class=\"card-header\">\r\n <div class=\"icon-wrapper\">\ud83d\udcca<\/div>\r\n <span class=\"card-number\">05<\/span>\r\n <\/div>\r\n <h3>Monitoring & Support<\/h3>\r\n <ul>\r\n <li>24\/7 proactive system monitoring<\/li>\r\n <li>Incident management & resolution<\/li>\r\n <li>Root cause analysis<\/li>\r\n <li>Zero-incident framework implementation<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 6 -->\r\n <div class=\"slider-slide\">\r\n <div class=\"coe-card\">\r\n <div class=\"card-header\">\r\n <div class=\"icon-wrapper\">\ud83d\ude80<\/div>\r\n <span class=\"card-number\">06<\/span>\r\n <\/div>\r\n <h3>Innovation & Optimization<\/h3>\r\n <ul>\r\n <li>Continuous innovation & improvement<\/li>\r\n <li>SAP Fiori & UX modernization<\/li>\r\n <li>SAP analytics & reporting solutions<\/li>\r\n <li>AIOps & automation integration<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 7 -->\r\n <div class=\"slider-slide\">\r\n <div class=\"coe-card\">\r\n <div class=\"card-header\">\r\n <div class=\"icon-wrapper\">\ud83d\udee1\ufe0f<\/div>\r\n <span class=\"card-number\">07<\/span>\r\n <\/div>\r\n <h3>Security & Governance<\/h3>\r\n <ul>\r\n <li>SAP security architecture & GRC<\/li>\r\n <li>Compliance & audit management<\/li>\r\n <li>Identity & access management<\/li>\r\n <li>Data privacy & protection<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 8 -->\r\n <div class=\"slider-slide\">\r\n <div class=\"coe-card\">\r\n <div class=\"card-header\">\r\n <div class=\"icon-wrapper\">\ud83d\udcc8<\/div>\r\n <span class=\"card-number\">08<\/span>\r\n <\/div>\r\n <h3>Managed Services<\/h3>\r\n <ul>\r\n <li>End-to-end SAP managed services<\/li>\r\n <li>SLA-driven operations<\/li>\r\n <li>Application management & support<\/li>\r\n <li>Continuous improvement & innovation<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u043b\u0430\u0439\u0434\u0435\u0440\u043e\u043c -->\r\n <div class=\"slider-controls\">\r\n <button class=\"slider-btn\" id=\"prevBtn\" aria-label=\"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0439 \u0441\u043b\u0430\u0439\u0434\">\u2039<\/button>\r\n <div class=\"slider-dots\" id=\"sliderDots\">\r\n <button class=\"slider-dot active\" data-index=\"0\" aria-label=\"\u0421\u043b\u0430\u0439\u0434 1\"><\/button>\r\n <button class=\"slider-dot\" data-index=\"1\" aria-label=\"\u0421\u043b\u0430\u0439\u0434 2\"><\/button>\r\n <button class=\"slider-dot\" data-index=\"2\" aria-label=\"\u0421\u043b\u0430\u0439\u0434 3\"><\/button>\r\n <button class=\"slider-dot\" data-index=\"3\" aria-label=\"\u0421\u043b\u0430\u0439\u0434 4\"><\/button>\r\n <button class=\"slider-dot\" data-index=\"4\" aria-label=\"\u0421\u043b\u0430\u0439\u0434 5\"><\/button>\r\n <button class=\"slider-dot\" data-index=\"5\" aria-label=\"\u0421\u043b\u0430\u0439\u0434 6\"><\/button>\r\n <button class=\"slider-dot\" data-index=\"6\" aria-label=\"\u0421\u043b\u0430\u0439\u0434 7\"><\/button>\r\n <button class=\"slider-dot\" data-index=\"7\" aria-label=\"\u0421\u043b\u0430\u0439\u0434 8\"><\/button>\r\n <\/div>\r\n <button class=\"slider-btn\" id=\"nextBtn\" aria-label=\"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0441\u043b\u0430\u0439\u0434\">\u203a<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===== CTA SECTION ===== -->\r\n <section class=\"cta-section\">\r\n <div class=\"container\">\r\n <h2 class=\"reveal\">Rise and Transform with <span>CloudEngin<\/span><\/h2>\r\n <p class=\"reveal delay-1\">\r\n Schedule a consultation with our Cloud experts and get answers for any specific queries you may have. \r\n You can also schedule a visit to our Datacenters, or share feedback on our website and services.\r\n <\/p>\r\n <a href=\"#footer\" class=\"btn-primary reveal delay-2\">Get in Touch<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===== \u042f\u041a\u041e\u0420\u042c \u0414\u041b\u042f \u041f\u0420\u041e\u041a\u0420\u0423\u0422\u041a\u0418 ===== -->\r\n <div id=\"footer\" style=\"scroll-margin-top: 2rem; height: 1px;\"><\/div>\r\n\r\n <!-- ===== SCRIPTS ===== -->\r\n <script>\r\n \/\/ === 1. Intersection Observer for reveal animations ===\r\n const revealElements = document.querySelectorAll('.reveal, .reveal-left, .reveal-right, .reveal-scale');\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -50px 0px'\r\n });\r\n revealElements.forEach(el => revealObserver.observe(el));\r\n\r\n \/\/ === 2. Parallax effect for particles ===\r\n document.addEventListener('mousemove', (e) => {\r\n const hero = document.querySelector('.implementation-hero');\r\n if (!hero) return;\r\n \r\n const rect = hero.getBoundingClientRect();\r\n const x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n const y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n \r\n const particles = document.querySelectorAll('.particle');\r\n particles.forEach((particle, index) => {\r\n const speed = 20 + index * 10;\r\n const xOffset = x * speed;\r\n const yOffset = y * speed;\r\n particle.style.transform = `translate(${xOffset}px, ${yOffset}px)`;\r\n });\r\n });\r\n\r\n \/\/ === 3. Smooth scroll for anchor links ===\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n const targetId = this.getAttribute('href');\r\n if (targetId === '#') return;\r\n \r\n const target = document.querySelector(targetId);\r\n if (target) {\r\n e.preventDefault();\r\n target.scrollIntoView({ \r\n behavior: 'smooth', \r\n block: 'start' \r\n });\r\n }\r\n });\r\n });\r\n\r\n \/\/ === 4. Activate visible elements on load ===\r\n setTimeout(() => {\r\n revealElements.forEach(el => {\r\n const rect = el.getBoundingClientRect();\r\n if (rect.top < window.innerHeight) {\r\n el.classList.add('active');\r\n }\r\n });\r\n }, 100);\r\n\r\n \/\/ === 5. Slider functionality ===\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const track = document.getElementById('sliderTrack');\r\n const slides = track.querySelectorAll('.slider-slide');\r\n const dots = document.querySelectorAll('.slider-dot');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n let currentIndex = 0;\r\n const totalSlides = slides.length;\r\n let autoPlayInterval;\r\n\r\n function goToSlide(index) {\r\n if (index < 0) index = totalSlides - 1;\r\n if (index >= totalSlides) index = 0;\r\n currentIndex = index;\r\n track.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n \r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n }\r\n\r\n function nextSlide() {\r\n goToSlide(currentIndex + 1);\r\n }\r\n\r\n function prevSlide() {\r\n goToSlide(currentIndex - 1);\r\n }\r\n\r\n function startAutoPlay() {\r\n stopAutoPlay();\r\n autoPlayInterval = setInterval(nextSlide, 5000);\r\n }\r\n\r\n function stopAutoPlay() {\r\n if (autoPlayInterval) {\r\n clearInterval(autoPlayInterval);\r\n autoPlayInterval = null;\r\n }\r\n }\r\n\r\n prevBtn.addEventListener('click', function() {\r\n prevSlide();\r\n startAutoPlay();\r\n });\r\n\r\n nextBtn.addEventListener('click', function() {\r\n nextSlide();\r\n startAutoPlay();\r\n });\r\n\r\n dots.forEach((dot, index) => {\r\n dot.addEventListener('click', function() {\r\n goToSlide(index);\r\n startAutoPlay();\r\n });\r\n });\r\n\r\n const sliderContainer = document.querySelector('.slider-container');\r\n sliderContainer.addEventListener('mouseenter', stopAutoPlay);\r\n sliderContainer.addEventListener('mouseleave', startAutoPlay);\r\n\r\n startAutoPlay();\r\n\r\n document.addEventListener('visibilitychange', function() {\r\n if (document.hidden) {\r\n stopAutoPlay();\r\n } else {\r\n startAutoPlay();\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-dbb7e50 e-flex e-con-boxed e-con e-parent\" data-id=\"dbb7e50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7adba35 e-con-full e-flex e-con e-child\" data-id=\"7adba35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-382c533 e-con-full e-flex e-con e-child\" data-id=\"382c533\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-643d6a4 elementor-widget elementor-widget-heading\" data-id=\"643d6a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Rise and Transform with CloudEngin<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7b09f1 e-con-full e-flex e-con e-child\" data-id=\"d7b09f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9a1261 elementor-widget elementor-widget-text-editor\" data-id=\"b9a1261\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Schedule a consultation with our Cloud experts and get answers for any specific queries you may have. You can also schedule a visit to our Datacenters, or share feedback on our website and services.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c916e14 e-con-full e-flex e-con e-child\" data-id=\"c916e14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b1bca3 elementor-widget elementor-widget-heading\" data-id=\"6b1bca3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get in Touch<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1c7c00 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"a1c7c00\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"672\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"a1c7c00\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"SAP Implementation Services\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"672\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_815e145 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_815e145\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tTel\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_815e145]\" id=\"form-field-field_815e145\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Tel\" required=\"required\" pattern=\"[0-9()#&+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_169bf39 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_169bf39\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tCompany\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_169bf39]\" id=\"form-field-field_169bf39\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Company\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"5\" placeholder=\"Your Message...\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_2c751e3 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[field_2c751e3]\" id=\"form-field-field_2c751e3\" class=\"elementor-field elementor-size-sm elementor-acceptance-field\" required=\"required\">\n\t\t\t\t<label for=\"form-field-field_2c751e3\">I\u2019d like to receive more information from CloudEngin. By submitting this form, I am providing consent to receive marketing communications and I understand and agree to the usage of my corporate contact information in accordance with CloudEngin privacy statement.<\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Submit<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-138cc5b elementor-absolute elementor-widget elementor-widget-menu-anchor\" data-id=\"138cc5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"form\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SAP Solution Implementation Services Transform critical BU operations with focused SAP\u00a0digital platforms. Solutions architected, deployed,\u00a0managed, and secured end-to-end by CloudEngin. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-672","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/pages\/672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=672"}],"version-history":[{"count":19,"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/pages\/672\/revisions"}],"predecessor-version":[{"id":5124,"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/pages\/672\/revisions\/5124"}],"wp:attachment":[{"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}