{"id":1872,"date":"2025-09-04T13:29:34","date_gmt":"2025-09-04T13:29:34","guid":{"rendered":"https:\/\/demo.zoomintoweb.com\/nexus\/?page_id=1872"},"modified":"2025-09-16T07:18:01","modified_gmt":"2025-09-16T07:18:01","slug":"software-development","status":"publish","type":"page","link":"https:\/\/demo.zoomintoweb.com\/nexus\/software-development\/","title":{"rendered":"Software Development"},"content":{"rendered":"<body>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1872\" class=\"elementor elementor-1872\">\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\/3.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>Software <br> Development<\/h1>\t\t\t\t\t\t\t<div class=\"text\">We build custom software, mobile apps, enterprise platforms, and cloud-native systems to boost efficiency, scalability, and growth.\n<\/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-30294616 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"30294616\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_fun_18\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-66d3bab5 e-con-full e-flex e-con e-child\" data-id=\"66d3bab5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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\">Custom Software Development<\/a><\/li>\n    <li><a href=\"#web-development\">Web Development<\/a><\/li>\n    <li><a href=\"#md\">Mobile App Development<\/a><\/li>\n    <li><a href=\"#md\">Cloud &amp; DevOps Services<\/a><\/li>\n    <li><a href=\"#md\">Data &amp; AI Solutions<\/a><\/li>\n    <li><a href=\"#panel-ux\">UI\/UX Design<\/a><\/li>\n    <li><a href=\"#panel-qa\">Quality Assurance &amp; Testing<\/a><\/li>\n    <li><a href=\"#panel-ent\">Enterprise Solutions<\/a><\/li>\n    <li><a href=\"#emerging-tech\">Emerging Technology Solutions<\/a><\/li>\n    <li><a href=\"#support-maintenance\">Support &amp; Maintenance<\/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\/programmer-working-with-program-code-2025-04-02-10-44-41-utc.jpg\">\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>Custom Software <br> Development<\/h2>\n        \n        <p>We build software around your business by delivering tailored solutions that perfectly fit your needs and objectives. Every application is designed to streamline processes, improve efficiency, and support long-term growth.<\/p>\n\n        <ul class=\"alt-two__list\">\n          <li><b>Tailor-made applications <\/b> \u2013 Custom-built software designed to match your unique business workflows and goals. <\/li>\n          <li><b>Legacy modernization<\/b> - Upgrade outdated systems with modern, efficient, and scalable technologies. <\/li>\n          <li><b>API development &amp; integrations<\/b> \u2013 Seamlessly connect applications and platforms for smoother operations. <\/li>\n          <li><b>Business process automation <\/b> \u2013 Automate repetitive tasks to boost productivity and reduce errors.<\/li>\n        <\/ul>\n\n        <!--<div class=\"alt-two__actions\">-->\n        <!--  <a class=\"alt-two__btn\" href=\"https:\/\/demo.zoomintoweb.com\/nexus\/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>Web Development<\/h2>\n        \n        <p>We design and develop high-performing websites that not only look great but also deliver measurable results. From responsive layouts to conversion-focused functionality, our websites are built to engage users, drive growth, and strengthen your digital presence. <\/p>\n\n        <ul class=\"alt-two__list\">\n          <li><b>Tailor-made applications <\/b> \u2013 Websites that adapt seamlessly across devices, delivering a consistent user experience everywhere. <\/li>\n          \n            <li><b>E-commerce platforms  <\/b> \u2013  Scalable and secure online stores built to maximize sales and enhance customer journeys.  <\/li>\n            \n          <li><b> CMS solutions <\/b> \u2013 Easy-to-manage content systems that give you full control and flexibility.   <\/li>\n          \n           <li><b> Web portals (customer, vendor, partner)  <\/b> \u2013 Custom portals designed to streamline interactions and improve collaboration across stakeholders.  <\/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\/web-dev.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: 100%;\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  @media (max-width: 780px) {\n      .alt-two__media img{\n    display: block;\n    width: 100%;\n    height: auto !important;\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>\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<!-- Services Section -->\n<style>\n  :root {\n    --card-bg: #ffffff;\n    --card-fg: #1f2937; \/* slate-800 *\/\n    --brand: #0d6efd;   \/* blue *\/\n    --radius: 16px;\n    --shadow: 0 6px 20px rgba(0,0,0,0.1);\n    --shadow-hover: 0 12px 28px rgba(13,110,253,0.35);\n    --transition: 300ms cubic-bezier(.2,.8,.2,1);\n  }\n\n  .services {\n    padding: 0px 14px;\n  }\n\n  .services__grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 20px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 640px) {\n    .services__grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (min-width: 1024px) {\n    .services__grid { grid-template-columns: repeat(3, 1fr); }\n  }\n\n  .service-card {\n    position: relative;\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(--transition), box-shadow var(--transition), background-color var(--transition), color var(--transition);\n    will-change: transform;\n  }\n\n  .service-card:hover {\n    background: var(--brand);\n    color: #fff;\n    transform: translateY(-6px);\n    box-shadow: var(--shadow-hover);\n  }\n\n  .service-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.18) 30%, transparent 60%);\n    transform: translateX(-100%);\n    transition: transform 600ms ease;\n    pointer-events: none;\n  }\n  .service-card:hover::after { transform: translateX(100%); }\n\n  .service-card__image {\n    aspect-ratio: 16\/9;\n    width: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .service-card__body {\n    padding: 18px 18px 22px;\n  }\n\n  .service-card h3 {\n    margin: 0 0 8px;\n    font-size: 1.15rem;\n    line-height: 1.3;\n    letter-spacing: .2px;\n  }\n\n  .service-card .tagline {\n    margin: 0 0 12px;\n    font-style: italic;\n    opacity: .9;\n  }\n\n  .service-card ul {\n    margin: 0;\n    padding: 0;\n    display: grid;\n    gap: 8px;\n    list-style: none; \/* remove default bullets *\/\n  }\n\n  .service-card li {\n    position: relative;\n    padding-left: 28px; \/* space for tick *\/\n    line-height: 1.4;\n  }\n\n  \/* Blue tick before each item *\/\n  .service-card li::before {\n    content: \"\u2714\";\n    position: absolute;\n    left: 0;\n    color: var(--brand);\n    font-weight: bold;\n  }\n\n  \/* Ensure text turns white on hover but tick stays blue *\/\n  .service-card:hover h3,\n  .service-card:hover .tagline,\n  .service-card:hover li { color: #fff; }\n\n  .service-card:hover li::before {\n    color: #fff; \/* If you want ticks white on hover, change here *\/\n    color: var(--brand); \/* keep ticks blue *\/\n  }\n<\/style>\n\n<section class=\"services\" style=\"font-family: 'Manrope', sans-serif;\">\n  <div class=\"services__grid\">\n    <!-- Card 1 -->\n    <article class=\"service-card\">\n      <img decoding=\"async\" class=\"service-card__image\" src=\"https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/09\/Mobile-App.jpg\" alt=\"Mobile app development illustration\" loading=\"lazy\">\n      <div class=\"service-card__body\">\n        <h3>Mobile App Development<\/h3>\n        <p class=\"tagline\">\u201cMobile-first experiences that connect with users.\u201d<\/p>\n        <ul>\n          <li>iOS &amp; Android apps<\/li>\n          <li>Cross-platform apps (Flutter, React Native)<\/li>\n          <li>Native app development<\/li>\n          <li>IoT &amp; wearable apps<\/li>\n        <\/ul>\n      <\/div>\n    <\/article>\n\n    <!-- Card 2 -->\n    <article class=\"service-card\">\n      <img decoding=\"async\" class=\"service-card__image\" src=\"https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/09\/Cloud.jpg\" alt=\"Cloud and DevOps illustration\" loading=\"lazy\">\n      <div class=\"service-card__body\">\n        <h3>Cloud &amp; DevOps Services<\/h3>\n        <p class=\"tagline\">\u201cScalable, secure, and cloud-powered solutions.\u201d<\/p>\n        <ul>\n          <li>Cloud migration &amp; optimization (AWS, Azure, GCP)<\/li>\n          <li>DevOps automation &amp; CI\/CD<\/li>\n          <li>Containerization (Docker, Kubernetes)<\/li>\n          <li>Cloud-native app development<\/li>\n        <\/ul>\n      <\/div>\n    <\/article>\n\n    <!-- Card 3 -->\n    <article class=\"service-card\">\n      <img decoding=\"async\" class=\"service-card__image\" src=\"https:\/\/demo.zoomintoweb.com\/nexus\/wp-content\/uploads\/2025\/09\/Data.jpg\" alt=\"Data and AI solutions illustration\" loading=\"lazy\">\n      <div class=\"service-card__body\">\n        <h3>Data &amp; AI Solutions<\/h3>\n        <p class=\"tagline\">\u201cTurn data into actionable intelligence.\u201d<\/p>\n        <ul>\n          <li>Data engineering &amp; warehousing<\/li>\n          <li>Business intelligence dashboards<\/li>\n          <li>AI &amp; machine learning models<\/li>\n          <li>NLP &amp; computer vision solutions<\/li>\n        <\/ul>\n      <\/div>\n    <\/article>\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\">UI\/UX Design<\/a>\n      <a class=\"tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-qa\" id=\"panel-qa\" data-key=\"qa\" href=\"#panel-qa\">Quality Assurance &amp; Testing<\/a>\n      <a class=\"tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-ent\" id=\"panel-ent\" data-key=\"ent\" href=\"#panel-ent\">Enterprise Solutions<\/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\/UIUX.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\">UI\/UX Design<\/h3>\n        <p class=\"panel__tagline\">\u201cWe create intuitive designs that not only delight users but also deliver seamless digital experiences. Every interaction is crafted to engage, inspire, and convert, ensuring your brand connects meaningfully with its audience. \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> User research &amp; strategy \u2013 Gain deep insights into user behaviour to shape meaningful design strategies. <\/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>Wireframing &amp; prototyping \u2013 Visualize concepts early with interactive prototypes for better decision-making. <\/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> Interface design &amp; front-end development \u2013 Build visually appealing, functional, and responsive interfaces that engage users. <\/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> Usability testing \u2013 Validate user experience through real-world testing to ensure seamless navigation and satisfaction. <\/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\/Quality-and-Testing.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\">Quality Assurance &amp; Testing<\/h3>\n        <p class=\"panel__tagline\">\u201cWe deliver software with confidence by combining rigorous testing and thorough quality validation. Every product is carefully checked for performance, security, and usability, ensuring a flawless experience for your users and peace of mind for your business. \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> Manual &amp; automated testing \u2013 Comprehensive functional checks to ensure accuracy and efficiency across all workflows. <\/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> Performance &amp; load testing \u2013 Validate stability and responsiveness under real-world traffic and usage scenarios.<\/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> Security &amp; compliance testing \u2013 Safeguard applications against vulnerabilities while meeting industry regulations.<\/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>Mobile app testing \u2013 End-to-end validation for seamless, bug-free experiences across devices and platforms.<\/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\/Enterprise-solutions-scaled.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\">Enterprise Solutions<\/h3>\n        <p class=\"panel__tagline\">\u201cWe streamline business operations by delivering scalable ERP, CRM, and tailored management systems. Our solutions are designed to optimize processes, enhance productivity, and support sustainable growth across every level of your organization. \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> ERP Development \u2013 Build scalable ERP systems to unify processes and boost 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>CRM Solutions \u2013 Enhance customer relationships with tailored, data-driven CRM platforms. <\/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> HR Management Systems \u2013 Streamline recruitment, payroll, and employee engagement with smart HR tools. <\/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>Supply Chain &amp; Healthcare Solutions \u2013 Optimize logistics, compliance, and patient care with industry-specific systems. <\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    \n    \n \n\n(function(){\n  const tabs = Array.from(document.querySelectorAll('.tablist .tab'));\n  const panels = Array.from(document.querySelectorAll('.panel[role=\"tabpanel\"]'));\n  const allLinks = Array.from(document.querySelectorAll('a[href^=\"#panel-\"]')); \/\/ includes sidebar + tabs\n  const wrap = document.getElementById('services-tabs');\n  const headerOffset = 80; \/\/ adjust if sticky header\n\n  function setActiveById(id){\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    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    const top = window.pageYOffset + wrap.getBoundingClientRect().top - (headerOffset + 10);\n    window.scrollTo({ top, behavior:'smooth' });\n  }\n\n  \/\/ handle clicks from sidebar or tab\n  allLinks.forEach(link => {\n    link.addEventListener('click', (e) => {\n      const id = link.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  });\n\n  \/\/ load from hash if present\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\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\/person-using-ar-technology-their-daily-occupation.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 deliver future-ready solutions powered by blockchain, AR\/VR, IoT, and RPA. By embracing next-generation technologies, we help businesses stay ahead of the curve and transform ideas into impactful outcomes. <\/p>\n\n        <ul class=\"alt-two__list\">\n           <li><b>Blockchain &amp; Smart Contracts<\/b> \u2013 Build secure, transparent, and tamper-proof digital ecosystems.<\/li>\n  <li><b>AR\/VR Applications<\/b> \u2013 Create immersive experiences for training, design, and customer engagement.<\/li>\n  <li><b>IoT Solutions<\/b> \u2013 Connect devices seamlessly for smarter operations and real-time insights.<\/li>\n  <li><b>Robotic Process Automation (RPA)<\/b> \u2013 Automate repetitive tasks to boost efficiency and reduce costs.<\/li>\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>Support &amp; Maintenance<\/h2>\n        \n           <p>We keep your software running seamlessly, 24\/7. With round-the-clock technical support, we ensure uninterrupted business operations, faster resolutions, and the peace of mind you need to focus on growth. <\/p>\n\n        <ul class=\"alt-two__list\">\n          <li><b>Application monitoring<\/b> \u2013 Continuous tracking to ensure smooth and reliable performance.<\/li>\n  <li><b>Regular updates &amp; enhancements<\/b> \u2013 Keeping your software current, efficient, and future-ready.<\/li>\n  <li><b>Security patching<\/b> \u2013 Protecting systems with timely fixes against vulnerabilities and threats.<\/li>\n  <li><b>Dedicated technical support<\/b> \u2013 Expert help available anytime to resolve issues quickly.<\/li>\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\/2022\/12\/news-11.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: auto;\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  \n  (function(){\n  \/\/ --- helpers ---\n  function getHeaderHeight() {\n    const sel = ['.site-header', '.header', 'header', '[data-sticky-header]'];\n    for (const s of sel) {\n      const el = document.querySelector(s);\n      if (el) {\n        const style = getComputedStyle(el);\n        if (style.position === 'fixed' || style.position === 'sticky' || el.offsetHeight > 40) {\n          return el.offsetHeight;\n        }\n      }\n    }\n    return 80;\n  }\n \n  function scrollToElement(el, headerOffset) {\n    if (!el) return;\n    const rect = el.getBoundingClientRect();\n    const top = window.pageYOffset + rect.top - headerOffset;\n    window.scrollTo({ top, behavior: 'smooth' });\n    \/\/ accessibility focus\n    el.setAttribute('tabindex', '-1');\n    el.focus({ preventScroll: true });\n    setTimeout(()=> el.removeAttribute('tabindex'), 1000);\n  }\n \n  \/\/ Try to open tabs in the page that lead to `panel` containing `target`.\n  \/\/ Supports:\n  \/\/ 1) ARIA tabs: buttons\/links with role=\"tab\" and aria-controls=\"#panelID\"\n  \/\/ 2) data-tab libraries: tab triggers with data-target=\"#panelID\" or href=\"#panelID\"\n  \/\/ 3) Bootstrap 5 if available (uses bootstrap.Tab)\n  function openContainingTabFor(targetEl) {\n    if (!targetEl) return false;\n \n    \/\/ walk up to see if it's inside an element with role=\"tabpanel\" or data-tab-panel\n    let panel = targetEl.closest('[role=\"tabpanel\"], [data-tab-panel], .tab-pane, .panel');\n    if (!panel) return false;\n \n    \/\/ If panel has an id, try to find a trigger\n    const panelId = panel.id;\n    if (!panelId) return false;\n \n    \/\/ 1) ARIA tabs (button\/link with role=\"tab\" and aria-controls)\n    const ariaTrigger = document.querySelector('[role=\"tab\"][aria-controls=\"' + panelId + '\"]');\n    if (ariaTrigger) {\n      \/\/ simulate activation: many ARIA patterns require setting aria-selected and classes\n      \/\/ prefer to .click() so frameworks\/listeners handle it\n      ariaTrigger.click();\n      return true;\n    }\n \n    \/\/ 2) generic data-target\/href triggers\n    const dataTrigger = document.querySelector('[data-target=\"#' + panelId + '\"], [href=\"#' + panelId + '\"], [data-tab=\"#' + panelId + '\"]');\n    if (dataTrigger) {\n      dataTrigger.click();\n      return true;\n    }\n \n    \/\/ 3) Bootstrap (if loaded)\n    if (typeof bootstrap !== 'undefined' && bootstrap.Tab) {\n      \/\/ find element that matches a Bootstrap tab selector\n      const bsTrigger = document.querySelector('[data-bs-toggle=\"tab\"][href=\"#' + panelId + '\"], [data-bs-toggle=\"tab\"][data-bs-target=\"#' + panelId + '\"]');\n      if (bsTrigger) {\n        try {\n          const tab = new bootstrap.Tab(bsTrigger);\n          tab.show();\n          return true;\n        } catch (err) {\n          \/\/ fallback to click\n          bsTrigger.click();\n          return true;\n        }\n      }\n    }\n \n    return false;\n  }\n \n  \/\/ --- main handler (clicks on hash links) ---\n  let headerOffset = getHeaderHeight();\n  window.addEventListener('resize', () => headerOffset = getHeaderHeight());\n \n  document.addEventListener('click', function(e) {\n    const a = e.target.closest('a[href^=\"#\"]');\n    if (!a) return;\n    const hash = a.getAttribute('href');\n    if (!hash || hash === '#') return;\n \n    const target = document.querySelector(hash);\n    if (!target) return; \/\/ no target - let default happen\n \n    e.preventDefault();\n \n    \/\/ If target is inside a tab panel, open the tab first, then scroll after a short delay\n    const opened = openContainingTabFor(target);\n    if (opened) {\n      \/\/ allow UI\/tab animation to complete; tweak 150ms if needed\n      setTimeout(() => scrollToElement(target, headerOffset), 160);\n    } else {\n      scrollToElement(target, headerOffset);\n    }\n \n    history.pushState(null, '', hash);\n  });\n \n  \/\/ --- Handle initial page load with hash (open tab + scroll) ---\n  function handleInitialHash() {\n    const hash = window.location.hash;\n    if (!hash) return;\n    const target = document.querySelector(hash);\n    if (!target) return;\n \n    \/\/ if in a tab, open it then scroll\n    const opened = openContainingTabFor(target);\n    if (opened) {\n      setTimeout(() => scrollToElement(target, headerOffset), 160);\n    } else {\n      \/\/ small timeout to wait for page layout \/ images\n      setTimeout(() => scrollToElement(target, headerOffset), 60);\n    }\n  }\n \n  \/\/ run on DOMContentLoaded\n  if (document.readyState !== 'loading') handleInitialHash();\n  else document.addEventListener('DOMContentLoaded', handleInitialHash);\n})();\n  \n  \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 Software Development We build custom software, mobile apps, enterprise platforms, and cloud-native systems to boost efficiency, scalability, and growth. GET IN TOUCH Custom Software Development Web Development Mobile App Development Cloud &amp; DevOps Services Data &amp; AI Solutions UI\/UX Design Quality Assurance &amp; Testing Enterprise Solutions Emerging Technology Solutions Support &amp; Maintenance We [&hellip;]<\/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":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-1872","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.zoomintoweb.com\/nexus\/wp-json\/wp\/v2\/pages\/1872","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.zoomintoweb.com\/nexus\/wp-json\/wp\/v2\/comments?post=1872"}],"version-history":[{"count":5,"href":"https:\/\/demo.zoomintoweb.com\/nexus\/wp-json\/wp\/v2\/pages\/1872\/revisions"}],"predecessor-version":[{"id":2750,"href":"https:\/\/demo.zoomintoweb.com\/nexus\/wp-json\/wp\/v2\/pages\/1872\/revisions\/2750"}],"wp:attachment":[{"href":"https:\/\/demo.zoomintoweb.com\/nexus\/wp-json\/wp\/v2\/media?parent=1872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}