{"id":2089,"date":"2025-09-05T10:57:01","date_gmt":"2025-09-05T10:57:01","guid":{"rendered":"https:\/\/demo.zoomintoweb.com\/nexus\/?page_id=2089"},"modified":"2025-09-09T08:26:53","modified_gmt":"2025-09-09T08:26:53","slug":"it-consulting","status":"publish","type":"page","link":"https:\/\/demo.zoomintoweb.com\/nexus\/it-consulting\/","title":{"rendered":"IT Consulting"},"content":{"rendered":"<body>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2089\" class=\"elementor elementor-2089\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae04095 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ae04095\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5b07e6c\" data-id=\"5b07e6c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5e77395 elementor-widget elementor-widget-colaz_tm_slider\" data-id=\"5e77395\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"services-slider\" data-widget_type=\"colaz_tm_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\n    <!-- Main Slider Four -->\n    <section class=\"main-slider-four\">\n\t\t<div class=\"main-slider-carousel owl-theme owl-carousel\">\n\t\t\t\t\t\t<!-- Slide 01 -->\n\t\t\t<div class=\"slide\">\n\t\t\t\t<div class=\"image-layer\" style=\"background-image:url(https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/08\/1.png)\"><\/div>\t\t\t\t\t\t\t\t<div class=\"auto-container\">\n\t\t\t\t\t\n\t\t\t\t\t<!-- Content Column -->\n\t\t\t\t\t<div class=\"content-box\">\n\t\t\t\t\t\t<div class=\"box-inner\">\n\t\t\t\t\t\t\t<div class=\"title\">OUR SERVICES<\/div>\t\t\t\t\t\t\t<h1>IT Consulting<\/h1>\t\t\t\t\t\t\t<div class=\"text\">We help businesses align technology with strategy by providing expert guidance, optimized solutions, and future-ready roadmaps to drive growth and efficiency.<\/div>\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t                            <div class=\"button-box\">\n\t\t\t\t\t\t\t\t<a class=\"btn-style-nine theme-btn\" href=\"https:\/\/demo.zoomintoweb.com\/nexus\/contact\/\"><span class=\"txt\">Get In Touch<\/span><\/a>\n\t\t\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\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<!-- End Slide 01 -->\n\t\t\t\t\t<\/div>\n    <\/section>\n    <!-- End Main Slider Section -->\n      \n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-4cd195b e-con-full e-flex e-con e-parent\" data-id=\"4cd195b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c1b7f67 e-con-full e-flex e-con e-child\" data-id=\"c1b7f67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5c9f04 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"d5c9f04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  ul.services-list {\n    padding-left: 20px; \/* keep bullets visible *\/\n    margin: 0;\n    width: 300px;\n    list-style: disc; \/* show default bullets *\/\n  }\n\n  ul.services-list li {\n    margin: 8px 0;\n    padding: 12px 20px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n  }\n\n  ul.services-list li:hover {\n    background: #2596be; \/* Blue background *\/\n    color: #fff;         \/* White text *\/\n  }\n\n  ul.services-list li a {\n    text-decoration: none;\n    color: inherit;  \/* inherit color for hover effect *\/\n    display: block;\n  }\n<\/style>\n\n<section style=\"\">\n  <ul class=\"services-list\">\n    <li><a href=\"#custom-software\">Technology Strategy &amp;\nAdvisory<\/a><\/li>\n    <li><a href=\"#web-development\">Infrastructure &amp; Cloud Consulting<\/a><\/li>\n    <li><a href=\"#md\">Cybersecurity Consulting<\/a><\/li>\n    <li><a href=\"#md\">Enterprise Applications &amp; ERP Consulting<\/a><\/li>\n    <li><a href=\"#md\">Data &amp; Analytics Consulting<\/a><\/li>\n    <li><a href=\"#panel-ux\">Digital Workplace &amp; Collaboration<\/a><\/li>\n    <li><a href=\"#panel-qa\">IT Service Management (ITSM)<\/a><\/li>\n    <li><a href=\"#panel-ent\">Project Management &amp; PMO Consulting<\/a><\/li>\n    <li><a href=\"#emerging-tech\">Emerging Technology Solutions<\/a><\/li>\n    <li><a href=\"#support-maintenance\">Managed IT Advisory<\/a><\/li>\n  <\/ul>\n<\/section>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12dd1b3 e-con-full e-flex e-con e-child\" data-id=\"12dd1b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed7d1bd elementor-widget elementor-widget-html\" data-id=\"ed7d1bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== Alternating Two Sections (drop-in) ===== -->\n\n<section class=\"alt-two\" style=\"font-family: 'Manrope', sans-serif;\">\n  <!-- Section 1: Custom Software Development \u00b7 Image Left -->\n  <div class=\"alt-two__card\">\n    <div class=\"alt-two__grid\">\n      <figure class=\"alt-two__media alt-two__reveal from-left\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/09\/1.jpg\" alt=\"Custom software development\">\n      <\/figure>\n      <div class=\"alt-two__content alt-two__reveal from-right\" id=\"custom-software\">\n        <p class=\"alt-two__eyebrow\">We Deliver <\/p>\n        <h2>Technology Strategy &amp; <br> Advisory <\/h2>\n        \n        <p>We help businesses align technology with their long-term vision by offering expert guidance on digital transformation, IT infrastructure, and process optimization.<\/p>\n\n        <ul class=\"alt-two__list\">\n          <li><b>IT roadmap &amp; digital transformation <\/b> \u2013 Designing a clear technology roadmap that accelerates digital transformation and drives business efficiency.  <\/li>\n          <li><b>Cloud adoption &amp; migration strategy<\/b> - Guiding seamless cloud adoption with secure, scalable, and cost-effective migration strategies. <\/li>\n          <li><b>Cost optimization &amp; ROI planning<\/b> - Identifying opportunities to reduce IT costs while maximizing long-term returns on investment.  <\/li>\n          <li><b>Vendor &amp; software selection <\/b> \u2013 Helping you choose the right vendors and software solutions tailored to your business needs. <\/li>\n        <\/ul>\n\n        <!--<div class=\"alt-two__actions\">-->\n        <!--  <a class=\"alt-two__btn\" href=\"#contact\" aria-label=\"Get in touch about custom software\">Get in touch<\/a>-->\n        <!--<\/div>-->\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Section 2: Web Development \u00b7 Image Right (desktop), Image first on mobile -->\n  <div class=\"alt-two__card alt-two__card--reverse\" id=\"web-development\">\n    <div class=\"alt-two__grid\">\n      <div class=\"alt-two__content alt-two__reveal from-left\">\n        <p class=\"alt-two__eyebrow\">We Deliver <\/p>\n        <h2>Infrastructure &amp; Cloud Consulting <\/h2>\n        \n        <p>We help businesses design, optimise, and manage IT infrastructure for scalability, security, and performance. Our cloud consulting services ensure smooth migration, cost efficiency, and seamless integration across leading platforms like AWS, Azure, and Google Cloud.  <\/p>\n\n        <ul class=\"alt-two__list\">\n          <li><b>Infrastructure assessment &amp; optimization <\/b> \u2013 Evaluate your current IT infrastructure to identify gaps and implement strategies for improved performance, reliability, and cost efficiency.  <\/li>\n          \n            <li><b>Cloud architecture design (AWS, Azure, GCP)   <\/b> \u2013  Build secure, scalable, and tailored cloud solutions using leading providers to align with your business needs.   <\/li>\n            \n          <li><b> Hybrid &amp; multi-cloud strategies  <\/b> \u2013 Enable flexibility and resilience with integrated hybrid and multi-cloud environments that reduce dependency on a single provider.    <\/li>\n          \n           <li><b> Data center modernization &amp; migration  <\/b> \u2013 Transform legacy data centers into agile, cloud-ready systems with smooth migration and minimal downtime.   <\/li>\n          \n        <\/ul>\n\n        <!--<div class=\"alt-two__actions\">-->\n        <!--  <a class=\"alt-two__btn\" href=\"#contact\" aria-label=\"Get in touch about web development\">Get in touch<\/a>-->\n        <!--<\/div>-->\n      <\/div>\n\n      <figure class=\"alt-two__media alt-two__reveal from-right\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/09\/2.jpg\" alt=\"Web development services\">\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/* ===== Scoped styles for .alt-two only ===== *\/\n  .alt-two{\n    --card: #f9fafb;\n    --text: #111827;\n    --muted: #6b7280;\n    --accent: #2596be !important; \/* tick + button color *\/\n    --radius: 16px;\n    --gap: clamp(1rem, 3vw, 2rem);\n    --container: min(1100px, 92vw);\n    --shadow: 0 8px 24px rgba(0,0,0,.08);\n    --dur: .7s;\n    --ease: cubic-bezier(.22,.61,.36,1);\n    color: var(--text);\n  }\n\n  .alt-two__card{\n    width: var(--container);\n    margin: clamp(24px, 6vh, 48px) auto;\n    background: var(--card);\n    border: 1px solid #e5e7eb;\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    overflow: hidden;\n  }\n\n  .alt-two__grid{\n      width: 90%;\n    display: grid;\n    grid-template-columns: 1.05fr 1fr;\n    gap: var(--gap);\n    align-items: center;\n    padding: clamp(18px, 3vw, 28px);\n  }\n  .alt-two__card--reverse .alt-two__grid{\n    grid-template-columns: 1fr 1.05fr; \/* image right on desktop *\/\n  }\n\n  \/* Media + image handling *\/\n  .alt-two__media{\n    border-radius: calc(var(--radius) - 6px);\n    overflow: hidden;\n    background: #fff;\n    box-shadow: var(--shadow);\n  }\n  .alt-two__media img{\n    display: block;\n    width: 100%;\n    height: auto;\n    aspect-ratio: 16\/10;\n    object-fit: cover;\n  }\n  \n\n\n\n  \/* Content *\/\n  .alt-two__content .alt-two__eyebrow{\n    color: var(--accent);\n    font-weight: 700;\n    font-size: .8rem;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    margin: 0 0 .25rem;\n  }\n  .alt-two__content h2{\n    margin: .2rem 0 .6rem;\n    font-size: clamp(1.35rem, 2.1vw, 1.9rem);\n    line-height: 1.25;\n  }\n  .alt-two__content p{\n    margin: 0 0 1rem;\n    color: var(--muted);\n    line-height: 1.7;\n  }\n\n  \/* Blue tick list *\/\n  .alt-two__list{\n    list-style: none;\n    margin: 0 0 1.1rem;\n    padding: 0;\n    color: var(--muted);\n  }\n  .alt-two__list li{\n    position: relative;\n    padding-left: 1.6rem;\n    margin: .4rem 0;\n  }\n  .alt-two__list li::before{\n    content: \"\u2714\";\n    position: absolute;\n    left: 0;\n    top: 0.1rem;\n    font-weight: 800;\n    color: var(--accent); \/* blue tick *\/\n    line-height: 1;\n  }\n\n  .alt-two__actions{\n    display:flex; gap:.6rem; flex-wrap:wrap;\n  }\n\n  \/* Link-styled button *\/\n  .alt-two__btn,\n  .alt-two__btn:link,\n  .alt-two__btn:visited,\n  .alt-two__btn:active{\n    display: inline-block;\n    text-decoration: none;\n    border: none;\n    padding: .8rem 1.1rem;\n    border-radius: 999px;\n    background: #2596be !important;\n    color: #fff;\n    font-weight: 600;\n    cursor: pointer;\n    transition: transform .15s var(--ease), box-shadow .15s var(--ease), background .2s;\n    box-shadow: 0 8px 20px rgba(37,99,235,.18);\n  }\n  .alt-two__btn:hover{ background:#1d4ed8; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(37,99,235,.22); }\n\n  \/* ===== Mobile: image first, content after (both sections) ===== *\/\n  @media (max-width: 900px){\n    .alt-two__grid{\n      grid-template-columns: 1fr;\n      gap: clamp(14px, 4vw, 18px);\n      padding: clamp(14px, 4vw, 22px);\n    }\n    \/* Ensure image appears first on BOTH sections on mobile *\/\n    .alt-two__media{ order: -1; }\n\n    \/* Comfortable touch targets *\/\n    .alt-two__btn{ width: 100%; text-align: center; }\n    .alt-two__content h2{ font-size: clamp(1.25rem, 5vw, 1.6rem); }\n    .alt-two__content p, .alt-two__list{ font-size: 0.98rem; }\n  }\n\n  \/* Reveal animation *\/\n  .alt-two__reveal{\n    opacity: 0;\n    transform: translateY(16px);\n    transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);\n  }\n  .alt-two__reveal.from-left{ transform: translateX(-24px); }\n  .alt-two__reveal.from-right{ transform: translateX(24px); }\n  .alt-two__reveal.in-view{\n    opacity: 1 !important;\n    transform: translateX(0) translateY(0) !important;\n  }\n  @media (prefers-reduced-motion: reduce){\n    .alt-two__reveal{ transition: none; opacity: 1; transform: none !important; }\n    .alt-two__btn{ transition: none; }\n  }\n  \/* --- Mobile polish for section 2 (and consistency for both) --- *\/\n@media (max-width: 900px){\n  \/* Single column for all cards *\/\n  .alt-two__grid{\n    grid-template-columns: 1fr !important;\n    align-items: start;\n    gap: clamp(12px, 4vw, 18px);\n    padding: clamp(14px, 4vw, 22px);\n  }\n\n  \/* Image first for BOTH sections on mobile *\/\n  .alt-two__media{\n    order: -1;\n    margin: 0;                \/* remove odd gaps *\/\n    border-radius: 12px;      \/* a touch softer on mobile *\/\n  }\n\n  \/* Make animations vertical-only in single column *\/\n  .alt-two__reveal.from-left,\n  .alt-two__reveal.from-right{\n    transform: translateY(16px);   \/* no horizontal slide on mobile *\/\n  }\n\n  \/* Comfortable text sizing and full-width button *\/\n  .alt-two__content h2{ font-size: clamp(1.22rem, 5vw, 1.55rem); }\n  .alt-two__content p, .alt-two__list{ font-size: .98rem; }\n  .alt-two__btn{ width: 100%; text-align: center; }\n}\n\n\/* Prevent tiny horizontal scroll caused by transforms *\/\n.alt-two{ overflow-x: hidden; }\n.alt-two, .alt-two *{ box-sizing: border-box; }\n\n<\/style>\n\n<script>i\n  \/\/ Trigger reveals; also mark what's already visible on load\n  (function(){\n    const els = document.querySelectorAll('.alt-two .alt-two__reveal');\n    const markVisible = () => {\n      els.forEach(el => {\n        const rect = el.getBoundingClientRect();\n        if (rect.top < window.innerHeight * 0.85) el.classList.add('in-view');\n      });\n    };\n    const io = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting){\n          entry.target.classList.add('in-view');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: \"0px 0px -5% 0px\" });\n\n    els.forEach(el => io.observe(el));\n    if (document.readyState !== 'loading') markVisible();\n    else document.addEventListener('DOMContentLoaded', markVisible);\n  })();\n<\/script>\n<!-- ===== \/Alternating Two Sections ===== -->\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea1fb6e elementor-widget elementor-widget-html\" data-id=\"ea1fb6e\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"md\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Compact Services (image-forward, compressed content) \u2014 updated -->\n<style>\n  :root{\n    --card-bg:#ffffff;\n    --card-fg:#0f1724;\n    --brand:#0d6efd;\n    --radius:14px;\n    --shadow:0 8px 26px rgba(4,10,25,0.08);\n    --shadow-hover:0 18px 40px rgba(13,110,253,0.16);\n    --trans:300ms cubic-bezier(.2,.8,.2,1);\n  }\n\n  .services {\n    padding: 28px 12px;\n    font-family: \"Manrope\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n  }\n\n  .services__grid {\n    max-width:1200px;\n    margin:0 auto;\n    display:grid;\n    gap:18px;\n    grid-template-columns:1fr;\n  }\n  @media (min-width:640px){ .services__grid{ grid-template-columns: repeat(2,1fr); } }\n  @media (min-width:1024px){ .services__grid{ grid-template-columns: repeat(3,1fr); } }\n\n  \/* Card *\/\n  .service-card{\n    background:var(--card-bg);\n    color:var(--card-fg);\n    border-radius:var(--radius);\n    overflow:hidden;\n    box-shadow:var(--shadow);\n    transition:transform var(--trans), box-shadow var(--trans);\n    display:flex;\n    flex-direction:column;\n    min-height: 340px; \/* keeps cards consistent *\/\n  }\n  .service-card:hover{\n    background: var(--brand);\n    transform: translateY(-6px);\n    box-shadow:var(--shadow-hover);\n  }\n\n.service-card:hover .tagline{\n    \n    color:white !important;\n}\n\n.service-card:hover ul li{\n    \n    color:white !important;\n}\n\n  \/* Image area (hero) *\/\n  .service-card__media{\n    position:relative;\n    overflow:hidden;\n    height:220px;              \/* larger visual area *\/\n    flex: 0 0 auto;\n  }\n  .service-card__media img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n    transition: transform 600ms ease;\n    will-change: transform;\n  }\n  .service-card:hover .service-card__media img{ transform: scale(1.06); }\n\n  \/* soft gradient overlay for legibility *\/\n  .service-card__media::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background: linear-gradient(180deg, rgba(12,18,25,0.10) 0%, rgba(12,18,25,0.46) 70%);\n    pointer-events:none;\n    transition: background 300ms ease;\n  }\n\n  \/* Title placed inside image for stronger visual impact *\/\n  .service-card__title {\n    position:absolute;\n    left:16px;\n    bottom:14px;\n    z-index:2;\n    color:#fff;\n    font-weight:700;\n    font-size:1.05rem;\n    line-height:1.1;\n    text-shadow:0 6px 18px rgba(0,0,0,0.45);\n    margin:0;\n    padding:4px 8px;\n    border-radius:8px;\n    background: linear-gradient(90deg, rgba(0,0,0,0.18), rgba(0,0,0,0.08));\n    backdrop-filter: blur(4px);\n  }\n\n  \/* Sweeping highlight on hover (subtle) *\/\n  .service-card__media::before{\n    content:\"\";\n    position:absolute;\n    left:-60%;\n    top:-30%;\n    width:40%;\n    height:180%;\n    background: linear-gradient(120deg, rgba(255,255,255,0.06), rgba(255,255,255,0.01));\n    transform: rotate(12deg);\n    transition: transform 700ms ease, left 700ms ease;\n    pointer-events:none;\n  }\n  .service-card:hover .service-card__media::before{ left:120%; transform: rotate(12deg); }\n\n  \/* Body: compressed and tighter *\/\n  .service-card__body{\n    padding:14px 14px 18px;\n    display:flex;\n    flex-direction:column;\n    gap:10px;\n    flex:1 1 auto;\n  }\n\n  .service-card .tagline{\n    margin:0;\n    font-size:0.95rem;\n    color: #334155;\n    line-height:1.35;\n    display:-webkit-box;\n    -webkit-line-clamp:2; \/* clamp to 2 lines *\/\n    -webkit-box-orient:vertical;\n    overflow:hidden;\n    text-overflow:ellipsis;\n  }\n\n  \/* compact list \u2014 SINGLE column and visible bullets *\/\n  .service-card ul{\n    margin:0;\n    padding-left: 20px;    \/* show standard bullets *\/\n    list-style: disc;\n    display:block;         \/* single column always *\/\n    gap:8px;\n  }\n\n  .service-card li{\n    padding-left:0;        \/* no extra left padding, keep bullets visible *\/\n    font-size:0.95rem;\n    color:#475569;\n    position:relative;\n    line-height:1.4;\n    margin-bottom:6px;\n  }\n\n  \/* Remove custom checkmark pseudo element (old style) \u2014 ensure no residual rules *\/\n  .service-card li::before { content: none; }\n\n  \/* small visual polish on mobile *\/\n  @media (max-width:420px){\n    .service-card__media{ height:180px; }\n    .service-card{ min-height:320px; }\n  }\n<\/style>\n\n<section class=\"services\">\n  <div class=\"services__grid\">\n\n    <!-- Card 1 -->\n    <article class=\"service-card\">\n      <div class=\"service-card__media\">\n        <img decoding=\"async\" src=\"https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/09\/3.jpg\" alt=\"Cybersecurity\" loading=\"lazy\">\n        <h3 class=\"service-card__title\">Cybersecurity Consulting<\/h3>\n      <\/div>\n\n      <div class=\"service-card__body\">\n        <p class=\"tagline\">Protect systems with end-to-end security: risk assessments, IAM, compliance and incident response.<\/p>\n        <ul>\n          <li>Security risk assessments<\/li>\n          <li>Identity &amp; access management<\/li>\n          <li>Compliance (HIPAA, GDPR, PCI-DSS)<\/li>\n          <li>Incident response &amp; recovery<\/li>\n        <\/ul>\n      <\/div>\n    <\/article>\n\n    <!-- Card 2 -->\n    <article class=\"service-card\">\n      <div class=\"service-card__media\">\n        <img decoding=\"async\" src=\"https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/09\/4.jpg\" alt=\"Enterprise Apps\" loading=\"lazy\">\n        <h3 class=\"service-card__title\">Enterprise Apps &amp; ERP<\/h3>\n      <\/div>\n\n      <div class=\"service-card__body\">\n        <p class=\"tagline\">Streamline operations with tailored ERP and enterprise solutions \u2014 implementation to optimization.<\/p>\n        <ul>\n          <li>ERP implementation &amp; optimization<\/li>\n          <li>CRM consulting &amp; customization<\/li>\n          <li>App portfolio management<\/li>\n          <li>Legacy modernization<\/li>\n        <\/ul>\n      <\/div>\n    <\/article>\n\n    <!-- Card 3 -->\n    <article class=\"service-card\">\n      <div class=\"service-card__media\">\n        <img decoding=\"async\" src=\"https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/09\/5.jpg\" alt=\"Data and Analytics\" loading=\"lazy\">\n        <h3 class=\"service-card__title\">Data &amp; Analytics<\/h3>\n      <\/div>\n\n      <div class=\"service-card__body\">\n        <p class=\"tagline\">Turn data into decisions \u2014 strategy, analytics, AI\/ML and big-data architectures for measurable outcomes.<\/p>\n        <ul>\n          <li>Data strategy &amp; governance<\/li>\n          <li>Business intelligence &amp; dashboards<\/li>\n          <li>Advanced analytics &amp; AI\/ML<\/li>\n          <li>Big-data architecture<\/li>\n        <\/ul>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3e9d63 elementor-widget elementor-widget-html\" data-id=\"e3e9d63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"tabs-section\" style=\"font-family: 'Manrope', sans-serif;\">\n  <style>\n    :root{\n      --brand:#2596be;\n      --fg:#1f2937;\n      --bg:#ffffff;\n      --muted:#6b7280;\n      --radius:14px;\n      --shadow:0 8px 24px rgba(0,0,0,.08);\n      --transition:220ms cubic-bezier(.2,.8,.2,1);\n      --scroll-offset:80px; \/* adjust to your sticky header height *\/\n    }\n\n    html{ scroll-behavior:smooth; }\n\n    \/* ensure hidden panels don't take space *\/\n    [hidden]{ display:none !important; }\n\n    .tabs-wrap{\n      max-width:1100px;\n      margin:0 auto;\n      padding:24px 16px;\n    }\n\n    \/* Tablist *\/\n    .tablist{\n      display:flex;\n      gap:10px;\n      background:#f5f7fb;\n      border-radius:12px;\n      padding:8px;\n      flex-wrap:nowrap;\n      overflow:auto hidden; \/* mobile scroll *\/\n      scrollbar-width:thin;\n      -webkit-overflow-scrolling:touch;\n      position:sticky;\n      top:0;                 \/* keep tabs visible while scrolling *\/\n      z-index:5;\n    }\n    .tablist::-webkit-scrollbar{height:8px}\n    .tablist::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:999px}\n\n    .tab{\n      appearance:none;border:0;background:#fff;color:var(--fg);\n      padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600;\n      white-space:nowrap;\n      transition:background var(--transition), color var(--transition),\n                 transform var(--transition), box-shadow var(--transition);\n      box-shadow:0 1px 0 rgba(0,0,0,.04) inset;\n      flex:0 0 auto;\n      text-decoration:none; \/* for <a> tabs *\/\n    }\n    .tab:hover{ background:var(--brand); color:#fff; transform:translateY(-1px); box-shadow:0 6px 18px rgba(13,110,253,.3) }\n    .tab.is-active{ background:var(--brand); color:#fff; box-shadow:0 8px 22px rgba(13,110,253,.35) }\n    .tab:focus-visible{ outline:3px solid rgba(13,110,253,.5); outline-offset:2px }\n\n    \/* Panel area *\/\n    .panel{ \n      margin-top:16px; \n      background:var(--bg); \n      border-radius:var(--radius); \n      box-shadow:var(--shadow); \n      overflow:hidden;\n      scroll-margin-top: calc(var(--scroll-offset) + 12px); \/* if you ever jump to a panel directly *\/\n    }\n    .panel-grid{ display:grid; grid-template-columns:1fr }\n    @media (min-width:900px){ .panel-grid{ grid-template-columns:1.1fr 1fr } } \/* image left, text right *\/\n\n    .panel__media{ min-height:240px; background:#e9eef9 }\n    .panel__media img{ width:100%; height:100%; object-fit:cover; display:block }\n\n    .panel__body{ padding:22px 22px 26px }\n    .panel__eyebrow{ color:var(--muted); text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; margin:0 0 6px; font-weight:700 }\n    .panel__title{ margin:0 0 8px; font-size:1.6rem; line-height:1.25; color:var(--fg) }\n    .panel__tagline{ margin:0 0 14px; font-style:italic; color:#374151 }\n\n    \/* Blue tick list *\/\n    .checklist{ list-style:none; padding:0; margin:0; display:grid; gap:8px }\n    .checklist li{ display:flex; align-items:flex-start; gap:10px; line-height:1.45; color:#111827 }\n    .tick{ flex:0 0 18px; width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; color:var(--brand); margin-top:2px }\n\n    \/* Soft tint for panel (kept subtle; no text color change) *\/\n    .panel.is-colored{\n      background:linear-gradient(180deg, rgba(13,110,253,.08), transparent 160px), var(--bg);\n    }\n\n    \/* Mobile stacking *\/\n    @media (max-width:899px){ .panel__media{ order:1 } .panel__body{ order:2 } }\n  <\/style>\n\n  <div class=\"tabs-wrap\" id=\"services-tabs\">\n    <!-- Tabs (3 only) -->\n    <div class=\"tablist\" role=\"tablist\" aria-label=\"Services\">\n      <a class=\"tab is-active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"panel-ux\" id=\"panel-ux\" data-key=\"ux\" href=\"#panel-ux\">Digital Workplace &amp; Collaboration<\/a>\n      <a class=\"tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-qa\" id=\"panel-qa\" data-key=\"qa\" href=\"#panel-qa\">IT Service Management (ITSM)<\/a>\n      <a class=\"tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-ent\" id=\"panel-ent\" data-key=\"ent\" href=\"#panel-ent\">Project Management &amp; PMO Consulting<\/a>\n    <\/div>\n\n    <!-- Panels: show only the first (others hidden) -->\n    <div class=\"panel panel-grid is-colored\" id=\"panel-ux\" role=\"tabpanel\" aria-labelledby=\"tab-ux\">\n      <figure class=\"panel__media\">\n        <img decoding=\"async\" src=\"https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/09\/6.jpg\" alt=\"UI\/UX design illustration\" loading=\"lazy\">\n      <\/figure>\n      <div class=\"panel__body\">\n        <p class=\"panel__eyebrow\">We Deliver<\/p>\n        <h3 class=\"panel__title\">Digital Workplace &amp; Collaboration <\/h3>\n        <p class=\"panel__tagline\">\u201cWe enable modern workplaces by integrating secure digital tools and platforms that enhance communication, teamwork, and productivity. From cloud-based collaboration suites to remote work solutions, we help organizations create seamless, connected, and efficient work environments.  \u201d<\/p>\n        <ul class=\"checklist\">\n          <li><span class=\"tick\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span> Microsoft 365 &amp; Google Workspace optimization \u2013 Streamline workflows and maximize productivity with tailored setup, integration, and adoption of leading cloud-based productivity suites.  <\/li>\n          <li><span class=\"tick\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Virtual desktop infrastructure (VDI) \u2013 Enable secure, scalable, and flexible access to work environments from anywhere, ensuring business continuity and mobility.  <\/li>\n          <li><span class=\"tick\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span> Collaboration tools (Teams, Slack, Zoom) \u2013 Enhance teamwork and communication with seamless integration and training on industry-leading collaboration platforms.  <\/li>\n          <li><span class=\"tick\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span> Remote work enablement \u2013 Build secure, reliable frameworks that support hybrid and remote workforces without compromising performance or data security  <\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel panel-grid\" id=\"panel-qa\" role=\"tabpanel\" aria-labelledby=\"tab-qa\" hidden>\n      <figure class=\"panel__media\">\n        <img decoding=\"async\" src=\"https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/09\/7.jpg\" alt=\"Quality assurance and testing illustration\" loading=\"lazy\">\n      <\/figure>\n      <div class=\"panel__body\">\n        <p class=\"panel__eyebrow\">We Deliver<\/p>\n        <h3 class=\"panel__title\">IT Service Management (ITSM) <\/h3>\n        <p class=\"panel__tagline\">\u201cIT Service Management (ITSM) focuses on aligning IT services with business needs to deliver maximum value. From streamlining service delivery to improving incident response and problem management, ITSM ensures efficiency, reliability, and continuous improvement across your IT operations. \u201d<\/p>\n        <ul class=\"checklist\">\n          <li><span class=\"tick\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\"><polyline fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>ITIL &amp; ServiceNow consulting \u2013 Expert guidance on implementing ITIL best practices and leveraging ServiceNow to improve service delivery and IT governance.  <\/li>\n          <li><span class=\"tick\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\"><polyline fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span> Process automation &amp; workflow design \u2013 Streamlining repetitive IT processes with automation and designing efficient workflows for faster resolution and productivity. <\/li>\n          <li><span class=\"tick\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\"><polyline fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span> Change, incident &amp; problem management \u2013 Ensuring smooth handling of IT changes while minimizing disruptions through structured incident and problem management. <\/li>\n          <li><span class=\"tick\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\"><polyline fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>IT operations maturity assessments \u2013 Evaluating the current state of IT operations and providing actionable insights to enhance efficiency, resilience, and scalability. <\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel panel-grid\" id=\"panel-ent\" role=\"tabpanel\" aria-labelledby=\"tab-ent\" hidden>\n      <figure class=\"panel__media\">\n        <img decoding=\"async\" src=\"https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/09\/8.jpg\" alt=\"Enterprise solutions illustration\" loading=\"lazy\">\n      <\/figure>\n      <div class=\"panel__body\">\n        <p class=\"panel__eyebrow\">We Deliver<\/p>\n        <h3 class=\"panel__title\">Project Management &amp; PMO Consulting<\/h3>\n        <p class=\"panel__tagline\">\u201cWe help organizations deliver projects on time, within scope, and budget by setting up robust project governance frameworks. Our PMO consulting ensures alignment with business goals, improved resource utilisation, and consistent project success. \u201d<\/p>\n        <ul class=\"checklist\">\n          <li><span class=\"tick\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\"><polyline fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span> Project portfolio management (PPM): Align projects with business priorities, optimise resources, and maximise ROI across your entire portfolio.  <\/li>\n          <li><span class=\"tick\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\"><polyline fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Agile, Scrum &amp; DevOps transformation: Enable faster delivery, adaptability, and collaboration through modern methodologies and frameworks. <\/li>\n          <li><span class=\"tick\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\"><polyline fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span> PMO setup &amp; governance: Establish structured processes, reporting, and governance models to ensure project consistency and efficiency.  <\/li>\n          <li><span class=\"tick\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\"><polyline fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Program &amp; risk management: Oversee complex initiatives while proactively identifying, assessing, and mitigating risks for smoother outcomes.  <\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const tabs = Array.from(document.querySelectorAll('.tablist .tab'));\n      const panels = Array.from(document.querySelectorAll('.panel[role=\"tabpanel\"]'));\n      const headerOffset = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--scroll-offset'))||0;\n      const wrap = document.getElementById('services-tabs');\n\n      function setActiveById(id){\n        \/\/ toggle tabs\n        tabs.forEach(t => {\n          const active = t.getAttribute('href') === '#'+id;\n          t.classList.toggle('is-active', active);\n          t.setAttribute('aria-selected', String(active));\n        });\n        \/\/ toggle panels\n        panels.forEach(p => {\n          const active = p.id === id;\n          p.hidden = !active;\n          p.classList.toggle('is-colored', active);\n        });\n      }\n\n      function scrollToTabs(){\n        \/\/ scroll the tab bar into view (not the hidden panel area)\n        const top = window.pageYOffset + wrap.getBoundingClientRect().top - (headerOffset + 10);\n        window.scrollTo({ top, behavior:'smooth' });\n      }\n\n      \/\/ Click: select panel (no stacking) + update hash + scroll to tabs\n      tabs.forEach(tab => {\n        tab.addEventListener('click', (e) => {\n          const id = tab.getAttribute('href').slice(1);\n          if(!document.getElementById(id)) return;\n          e.preventDefault();\n          history.pushState(null,'','#'+id);\n          setActiveById(id);\n          scrollToTabs();\n        });\n        tab.addEventListener('keydown', e => {\n          if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); tab.click(); }\n        });\n      });\n\n      \/\/ On load \/ hash change: show only the requested panel\n      function hydrateFromHash(){\n        const id = (location.hash || '#panel-ux').slice(1);\n        if(document.getElementById(id)) setActiveById(id);\n      }\n      window.addEventListener('hashchange', hydrateFromHash);\n      hydrateFromHash();\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20ca5ab elementor-widget elementor-widget-html\" data-id=\"20ca5ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== Alternating Two Sections (Emerging & Support) ===== -->\n<section class=\"alt-two\" style=\"font-family: 'Manrope', sans-serif;\">\n  <!-- Section 1: Emerging Technology Solutions \u00b7 Image Left -->\n  <div class=\"alt-two__card\">\n    <div class=\"alt-two__grid\">\n      <figure class=\"alt-two__media alt-two__reveal from-left\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/09\/9.jpg\" alt=\"Emerging technologies like blockchain, AR\/VR, IoT and RPA\">\n      <\/figure>\n\n      <!-- ID added here for scrolling -->\n      <div class=\"alt-two__content alt-two__reveal from-right\" id=\"emerging-tech\">\n        <p class=\"alt-two__eyebrow\">We Deliver<\/p>\n        <h2>Emerging Technology Solutions<\/h2>\n        \n        <p>We help businesses stay ahead by exploring and implementing next-generation technologies that unlock new opportunities. From blockchain and AR\/VR to IoT and automation, our experts guide you in adopting the right innovations to drive long-term growth and efficiency.  <\/p>\n\n        <ul class=\"alt-two__list\">\n           <li><b>AI &amp; machine learning strategy<\/b> \u2013 Build intelligent models and algorithms to automate processes, enhance decision-making, and deliver actionable insights tailored to your business goals.<\/li>  \n<li><b>Blockchain use case development<\/b> \u2013 Identify and implement blockchain solutions that improve transparency, security, and efficiency across industries such as finance, supply chain, and healthcare.<\/li>  \n<li><b>IoT consulting &amp; smart solutions<\/b> \u2013 Design and deploy IoT ecosystems that connect devices, streamline operations, and enable real-time monitoring and control.<\/li>  \n<li><b>AR\/VR &amp; metaverse adoption<\/b> \u2013 Leverage immersive technologies to create engaging experiences in training, design, collaboration, and customer interaction.<\/li>  \n\n        <\/ul>\n\n        <!--<div class=\"alt-two__actions\">-->\n        <!--  <a class=\"alt-two__btn\" href=\"#contact\" aria-label=\"Get in touch about emerging technology solutions\">Get in touch<\/a>-->\n        <!--<\/div>-->\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Section 2: Support & Maintenance \u00b7 Image Right (desktop), image first on mobile -->\n  <div class=\"alt-two__card alt-two__card--reverse\">\n    <div class=\"alt-two__grid\">\n      <!-- ID added here for scrolling -->\n      <div class=\"alt-two__content alt-two__reveal from-left\" id=\"support-maintenance\">\n        <p class=\"alt-two__eyebrow\">We Deliver<\/p>\n      \n        <h2>Managed IT Advisory <\/h2>\n        \n        <p>Managed IT Advisory provides businesses with expert guidance to optimise their IT infrastructure, align technology with business objectives, and ensure long-term efficiency. With continuous monitoring and strategic insights, it helps reduce risks, control costs, and drive innovation. <\/p>\n\n        <ul class=\"alt-two__list\">\n         <li><b>Outsourced CIO\/CTO services<\/b> \u2013 Get strategic technology leadership without the overhead of a full-time executive, guiding IT decisions to align with business goals.<\/li>  \n<li><b>IT budgeting &amp; forecasting<\/b> \u2013 Develop accurate, forward-looking budgets and forecasts to optimize IT spending while maximizing ROI.<\/li>  \n<li><b>IT compliance &amp; audit readiness<\/b> \u2013 Ensure your IT environment meets regulatory standards and is always prepared for audits with proactive compliance support.<\/li>  \n<li><b>Vendor &amp; contract management<\/b> \u2013 Streamline vendor relationships and contract negotiations to reduce risks and improve overall efficiency.<\/li>  \n\n        <\/ul>\n\n        <!--<div class=\"alt-two__actions\">-->\n        <!--  <a class=\"alt-two__btn\" href=\"#contact\" aria-label=\"Get in touch about support and maintenance\">Get in touch<\/a>-->\n        <!--<\/div>-->\n      <\/div>\n\n      <figure class=\"alt-two__media alt-two__reveal from-right\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/09\/10.jpg\" alt=\"Support and maintenance services\">\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- ===== \/Alternating Two Sections (Emerging & Support) ===== -->\n\n<!-- Optional: offset so anchors don't hide behind sticky header -->\n<style>\n  #emerging-tech, #support-maintenance { scroll-margin-top: 80px; } \/* tweak if your header is taller *\/\n<\/style>\n<style>\n  \/* ===== Scoped styles for .alt-two only ===== *\/\n  .alt-two{\n    --card: #f9fafb;\n    --text: #111827;\n    --muted: #6b7280;\n    --accent: #2563eb; \/* tick + button color *\/\n    --radius: 16px;\n    --gap: clamp(1rem, 3vw, 2rem);\n    --container: min(1100px, 92vw);\n    --shadow: 0 8px 24px rgba(0,0,0,.08);\n    --dur: .7s;\n    --ease: cubic-bezier(.22,.61,.36,1);\n    color: var(--text);\n  }\n\n  .alt-two__card{\n    width: var(--container);\n    margin: clamp(24px, 6vh, 48px) auto;\n    background: var(--card);\n    border: 1px solid #e5e7eb;\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    overflow: hidden;\n  }\n\n  .alt-two__grid{\n    display: grid;\n    grid-template-columns: 1.05fr 1fr;\n    gap: var(--gap);\n    align-items: center;\n    padding: clamp(18px, 3vw, 28px);\n  }\n  .alt-two__card--reverse .alt-two__grid{\n    grid-template-columns: 1fr 1.05fr; \/* image right on desktop *\/\n  }\n\n  \/* Media + image handling *\/\n  .alt-two__media{\n    border-radius: calc(var(--radius) - 6px);\n    overflow: hidden;\n    background: #fff;\n    box-shadow: var(--shadow);\n  }\n  .alt-two__media img{\n    display: block;\n    width: 100%;\n    height: 500px !important;\n    aspect-ratio: 16\/10;\n    object-fit: cover;\n  }\n\n  \/* Content *\/\n  .alt-two__content .alt-two__eyebrow{\n    color: var(--accent);\n    font-weight: 700;\n    font-size: .8rem;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    margin: 0 0 .25rem;\n  }\n  .alt-two__content h2{\n    margin: .2rem 0 .6rem;\n    font-size: clamp(1.35rem, 2.1vw, 1.9rem);\n    line-height: 1.25;\n  }\n  .alt-two__content p{\n    margin: 0 0 1rem;\n    color: var(--muted);\n    line-height: 1.7;\n  }\n\n  \/* Blue tick list *\/\n  .alt-two__list{\n    list-style: none;\n    margin: 0 0 1.1rem;\n    padding: 0;\n    color: var(--muted);\n  }\n  .alt-two__list li{\n    position: relative;\n    padding-left: 1.6rem;\n    margin: .4rem 0;\n  }\n  .alt-two__list li::before{\n    content: \"\u2714\";\n    position: absolute;\n    left: 0;\n    top: 0.1rem;\n    font-weight: 800;\n    color: var(--accent); \/* blue tick *\/\n    line-height: 1;\n  }\n\n  .alt-two__actions{\n    display:flex; gap:.6rem; flex-wrap:wrap;\n  }\n\n  \/* Link-styled button *\/\n  .alt-two__btn,\n  .alt-two__btn:link,\n  .alt-two__btn:visited,\n  .alt-two__btn:active{\n    display: inline-block;\n    text-decoration: none;\n    border: none;\n    padding: .8rem 1.1rem;\n    border-radius: 999px;\n    background: var(--accent);\n    color: #fff;\n    font-weight: 600;\n    cursor: pointer;\n    transition: transform .15s var(--ease), box-shadow .15s var(--ease), background .2s;\n    box-shadow: 0 8px 20px rgba(37,99,235,.18);\n  }\n  .alt-two__btn:hover{ background:#1d4ed8; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(37,99,235,.22); }\n\n  \/* ===== Mobile: image first, content after (both sections) ===== *\/\n  @media (max-width: 900px){\n    .alt-two__grid{\n      grid-template-columns: 1fr;\n      gap: clamp(14px, 4vw, 18px);\n      padding: clamp(14px, 4vw, 22px);\n    }\n    \/* Ensure image appears first on BOTH sections on mobile *\/\n    .alt-two__media{ order: -1; }\n\n    \/* Comfortable touch targets *\/\n    .alt-two__btn{ width: 100%; text-align: center; }\n    .alt-two__content h2{ font-size: clamp(1.25rem, 5vw, 1.6rem); }\n    .alt-two__content p, .alt-two__list{ font-size: 0.98rem; }\n  }\n\n  \/* Reveal animation *\/\n  .alt-two__reveal{\n    opacity: 0;\n    transform: translateY(16px);\n    transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);\n  }\n  .alt-two__reveal.from-left{ transform: translateX(-24px); }\n  .alt-two__reveal.from-right{ transform: translateX(24px); }\n  .alt-two__reveal.in-view{\n    opacity: 1 !important;\n    transform: translateX(0) translateY(0) !important;\n  }\n  @media (prefers-reduced-motion: reduce){\n    .alt-two__reveal{ transition: none; opacity: 1; transform: none !important; }\n    .alt-two__btn{ transition: none; }\n  }\n  \/* --- Mobile polish for section 2 (and consistency for both) --- *\/\n@media (max-width: 900px){\n  \/* Single column for all cards *\/\n  .alt-two__grid{\n    grid-template-columns: 1fr !important;\n    align-items: start;\n    gap: clamp(12px, 4vw, 18px);\n    padding: clamp(14px, 4vw, 22px);\n  }\n\n  \/* Image first for BOTH sections on mobile *\/\n  .alt-two__media{\n    order: -1;\n    margin: 0;                \/* remove odd gaps *\/\n    border-radius: 12px;      \/* a touch softer on mobile *\/\n  }\n\n  \/* Make animations vertical-only in single column *\/\n  .alt-two__reveal.from-left,\n  .alt-two__reveal.from-right{\n    transform: translateY(16px);   \/* no horizontal slide on mobile *\/\n  }\n\n  \/* Comfortable text sizing and full-width button *\/\n  .alt-two__content h2{ font-size: clamp(1.22rem, 5vw, 1.55rem); }\n  .alt-two__content p, .alt-two__list{ font-size: .98rem; }\n  .alt-two__btn{ width: 100%; text-align: center; }\n}\n\n\/* Prevent tiny horizontal scroll caused by transforms *\/\n.alt-two{ overflow-x: hidden; }\n.alt-two, .alt-two *{ box-sizing: border-box; }\n\n<\/style>\n\n<script>\n  \/\/ Trigger reveals; also mark what's already visible on load\n  (function(){\n    const els = document.querySelectorAll('.alt-two .alt-two__reveal');\n    const markVisible = () => {\n      els.forEach(el => {\n        const rect = el.getBoundingClientRect();\n        if (rect.top < window.innerHeight * 0.85) el.classList.add('in-view');\n      });\n    };\n    const io = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting){\n          entry.target.classList.add('in-view');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: \"0px 0px -5% 0px\" });\n\n    els.forEach(el => io.observe(el));\n    if (document.readyState !== 'loading') markVisible();\n    else document.addEventListener('DOMContentLoaded', markVisible);\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/body>","protected":false},"excerpt":{"rendered":"<p>OUR SERVICES IT Consulting We help businesses align technology with strategy by providing expert guidance, optimized solutions, and future-ready roadmaps to drive growth and efficiency. Get In Touch Technology Strategy &amp; Advisory Infrastructure &amp; Cloud Consulting Cybersecurity Consulting Enterprise Applications &amp; ERP Consulting Data &amp; Analytics Consulting Digital Workplace &amp; Collaboration IT Service Management (ITSM) [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-2089","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.zoomintoweb.com\/nexus\/wp-json\/wp\/v2\/pages\/2089","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.zoomintoweb.com\/nexus\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.zoomintoweb.com\/nexus\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.zoomintoweb.com\/nexus\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.zoomintoweb.com\/nexus\/wp-json\/wp\/v2\/comments?post=2089"}],"version-history":[{"count":5,"href":"https:\/\/demo.zoomintoweb.com\/nexus\/wp-json\/wp\/v2\/pages\/2089\/revisions"}],"predecessor-version":[{"id":2601,"href":"https:\/\/demo.zoomintoweb.com\/nexus\/wp-json\/wp\/v2\/pages\/2089\/revisions\/2601"}],"wp:attachment":[{"href":"https:\/\/demo.zoomintoweb.com\/nexus\/wp-json\/wp\/v2\/media?parent=2089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}