{"id":31,"date":"2023-10-31T10:31:50","date_gmt":"2023-10-31T10:31:50","guid":{"rendered":"https:\/\/monichron.co.za\/monichron\/?page_id=31"},"modified":"2026-08-05T19:31:02","modified_gmt":"2026-08-05T19:31:02","slug":"about-us","status":"publish","type":"page","link":"https:\/\/monichron.co.za\/index.php\/about-us\/","title":{"rendered":"Monichron: Pioneering Excellence in Transformative IT Solutions"},"content":{"rendered":"\n<div class=\"wp-block-group alignwide has-zeever-primary-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 id=\"company-overview\" class=\"wp-block-heading is-style-lineseparator zeever-animate zeever-move-right zeever-delay-1 has-zeever-third-color has-text-color\">Company Overview<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"has-zeever-border-color has-text-color wp-block-paragraph\">Monichron is a leading IT consultancy firm specializing in delivering comprehensive technology solutions for businesses across diverse industries. With a strong emphasis on innovation and client satisfaction, we offer expertise in business intelligence, enterprise resource planning (ERP), database management, and integrations. Committed to excellence, we work closely with our clients to understand their unique challenges and provide tailored solutions that drive operational efficiency and sustainable growth. Our dedicated team of professionals are focused on being the catalyst for our clients&#8217; digital transformation, empowering them to achieve their business objectives in an ever-evolving technological landscape<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"700\" src=\"https:\/\/monichron.co.za\/wp-content\/uploads\/2023\/10\/monichronBBBlue-1.png\" alt=\"\" class=\"wp-image-8\" style=\"border-top-left-radius:25px;border-bottom-right-radius:25px;width:200px\" srcset=\"https:\/\/monichron.co.za\/wp-content\/uploads\/2023\/10\/monichronBBBlue-1.png 700w, https:\/\/monichron.co.za\/wp-content\/uploads\/2023\/10\/monichronBBBlue-1-300x300.png 300w, https:\/\/monichron.co.za\/wp-content\/uploads\/2023\/10\/monichronBBBlue-1-150x150.png 150w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  .team-section{\n    --ink-deep:#0B0F1F; --accent:#2F8FE8; --accent-deep:#1C6FC4; --accent-light:#8fc4f7;\n    position:relative;background:var(--ink-deep);\n    font-family:'Inter',system-ui,-apple-system,sans-serif;\n    padding:130px 24px 150px;overflow:hidden;\n  }\n  .team-section::before{\n    content:'';position:absolute;inset:0;\n    background:radial-gradient(ellipse 70% 50% at 50% 15%, rgba(47,143,232,0.16), transparent 70%);\n    pointer-events:none;\n  }\n  .team-inner{position:relative;max-width:1200px;margin:0 auto;}\n\n  .team-intro{max-width:640px;margin:0 auto 70px;text-align:center;}\n  .team__eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:16px;}\n  .team__eyebrow .rule{width:40px;height:3px;background:var(--accent);border-radius:2px;}\n  .team__eyebrow span{font-size:0.78rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent-light);}\n  .team-heading{color:#fff;font-size:2rem;font-weight:800;margin:0 0 14px;letter-spacing:-0.01em;}\n  .team-sub{color:rgba(255,255,255,0.6);font-size:0.98rem;line-height:1.6;margin:0;}\n\n  .team-row{margin-bottom:34px;}\n  .team-row:last-child{margin-bottom:0;}\n\n  .founding-row .team-grid{\n    max-width:920px;margin:0 auto;\n    grid-template-columns:repeat(3, 1fr);\n  }\n  .team-grid{\n    display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));\n    gap:34px;\n  }\n\n  \/* ---- liquid glass card ---- *\/\n  .team-card{\n    position:relative;border-radius:24px;isolation:isolate;\n    background:\n      linear-gradient(155deg, rgba(255,255,255,0.16), rgba(255,255,255,0.03) 55%, rgba(47,143,232,0.05)),\n      rgba(255,255,255,0.05);\n    border:1px solid rgba(255,255,255,0.2);\n    backdrop-filter:blur(28px) saturate(190%);\n    -webkit-backdrop-filter:blur(28px) saturate(190%);\n    box-shadow:\n      0 30px 70px -26px rgba(0,0,0,0.75),\n      inset 0 1px 0 rgba(255,255,255,0.4),\n      inset 0 0 26px rgba(255,255,255,0.035);\n    padding:38px 26px 30px;text-align:center;overflow:hidden;\n    opacity:0;transform:translateY(22px);\n    transition:opacity 0.6s ease, transform 0.6s cubic-bezier(.22,1,.36,1),\n               box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease;\n  }\n  .team-card::before{\n    content:'';position:absolute;inset:0;z-index:-1;\n    background:radial-gradient(130% 65% at 18% -12%, rgba(255,255,255,0.3), transparent 62%);\n    pointer-events:none;\n  }\n  .team-card.is-visible{opacity:1;transform:translateY(0);}\n  .team-card:hover{\n    border-color:rgba(47,143,232,0.45);\n    box-shadow:\n      0 34px 80px -24px rgba(47,143,232,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.5),\n      inset 0 0 32px rgba(255,255,255,0.05);\n    transform:translateY(-5px);\n  }\n\n  .team-sparkle{\n    position:absolute;width:3px;height:3px;border-radius:50%;\n    background:var(--accent-light);opacity:0;pointer-events:none;\n    animation:team-sparkle-pulse 1.9s ease-in-out infinite;\n    animation-play-state:paused;\n  }\n  .team-card.is-founding:hover .team-sparkle{animation-play-state:running;}\n  .team-sparkle:nth-child(1){top:12%;left:10%;animation-delay:0s;}\n  .team-sparkle:nth-child(2){top:20%;right:12%;animation-delay:0.5s;}\n  .team-sparkle:nth-child(3){bottom:22%;left:16%;animation-delay:1s;}\n  @keyframes team-sparkle-pulse{\n    0%,100%{ opacity:0;transform:scale(0.5); }\n    50%{ opacity:0.65;transform:scale(1.1); }\n  }\n\n  \/* ---- CEO: distinct, elevated treatment ---- *\/\n  .team-card.is-ceo{padding-top:44px;}\n  .team-card.is-ceo .team-avatar{\n    width:98px;height:98px;font-size:1.5rem;\n    box-shadow:0 0 0 6px rgba(47,143,232,0.18), 0 8px 22px rgba(47,143,232,0.32);\n  }\n  .team-card.is-ceo:hover .team-avatar{box-shadow:0 0 0 8px rgba(47,143,232,0.26), 0 10px 26px rgba(47,143,232,0.4);}\n  .ceo-crown{\n    position:absolute;bottom:-2px;right:-2px;width:26px;height:26px;border-radius:50%;\n    background:var(--ink-deep);border:1px solid rgba(47,143,232,0.5);\n    display:flex;align-items:center;justify-content:center;\n    box-shadow:0 3px 8px rgba(0,0,0,0.4);\n  }\n  .ceo-crown svg{width:13px;height:13px;fill:var(--accent-light);}\n\n  .team-avatar-wrap{position:relative;display:inline-block;margin:0 auto 20px;}\n\n  .team-avatar{\n    width:82px;height:82px;border-radius:50%;\n    display:flex;align-items:center;justify-content:center;\n    background:linear-gradient(135deg, var(--accent), var(--accent-deep));\n    color:#fff;font-weight:800;font-size:1.35rem;letter-spacing:0.02em;\n    box-shadow:0 0 0 5px rgba(47,143,232,0.14);\n    transition:box-shadow 0.3s ease, transform 0.3s ease;\n  }\n  .team-card:hover .team-avatar{box-shadow:0 0 0 7px rgba(47,143,232,0.22);transform:scale(1.04);}\n\n  .team-name{color:#fff;font-size:1.06rem;font-weight:800;margin:0 0 6px;letter-spacing:-0.01em;}\n  .team-role{\n    display:inline-block;color:var(--accent-light);font-size:0.7rem;font-weight:700;\n    letter-spacing:0.06em;text-transform:uppercase;margin:0 0 16px;\n  }\n  .team-card.is-ceo .team-role{font-size:0.74rem;}\n  .team-bio{color:rgba(255,255,255,0.62);font-size:0.87rem;line-height:1.62;margin:0;}\n\n  @media (max-width:860px){\n    .founding-row .team-grid{grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));}\n  }\n  @media (max-width:560px){\n    .team-section{padding:90px 20px 100px;}\n    .team-heading{font-size:1.6rem;}\n    .team-grid{gap:28px;}\n    .team-row{margin-bottom:56px;}\n  }\n\n  @media (prefers-reduced-motion:reduce){\n    .team-card{transition:none !important;opacity:1 !important;transform:none !important;}\n    .team-sparkle{animation:none !important;opacity:0 !important;}\n  }\n<\/style>\n\n<section class=\"team-section\" id=\"teamSection\">\n  <div class=\"team-inner\">\n    <div class=\"team-intro\">\n      <div class=\"team__eyebrow\"><div class=\"rule\"><\/div><span>Our People<\/span><\/div>\n      <h2 class=\"team-heading\">Meet the Team<\/h2>\n      <p class=\"team-sub\">The people behind the systems \u2014 a team of consultants, developers, and analysts dedicated to your business&#8217;s informational health.<\/p>\n    <\/div>\n\n    <div class=\"team-row founding-row\">\n      <div class=\"team-grid\" id=\"foundingGrid\"><\/div>\n    <\/div>\n\n    <div class=\"team-row\">\n      <div class=\"team-grid\" id=\"teamGrid\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var CROWN_ICON = '<svg viewBox=\"0 0 24 24\"><path d=\"M3 8l4 3 5-6 5 6 4-3-2 10H5L3 8zm2.5 12h13v2h-13v-2z\"\/><\/svg>';\n\n  var FOUNDING = [\n    { name:\"Martin De Jager\", role:\"CEO\", ceo:true,\n      bio:\"The visionary CEO, leading Monichron with dynamic foresight, propelling the company towards industry excellence through innovative strategies and client-centric approaches.\" },\n    { name:\"Claire Shuttleworth\", role:\"Senior Data Analyst\",\n      bio:\"Deciphers complex data sets, providing crucial insights for informed decision-making and driving data-centric project success.\" },\n    { name:\"Jeremy Park\", role:\"Senior Full Stack Developer\",\n      bio:\"Brings extensive technical expertise, delivering dynamic and efficient digital solutions for our clients.\" }\n  ];\n\n  var TEAM = [\n    { name:\"Demilade Osikoya\", role:\"Senior BI\/D365 Dynamics\/PowerApps Developer\",\n      bio:\"Builds and extends Dynamics 365 and Power Platform solutions, turning business data into the reports and apps teams rely on daily.\" },\n    { name:\"Arthur Lephale\", role:\"Senior SAP Consultant\",\n      bio:\"Brings deep SAP expertise to configuration, integration and support, keeping core business processes running smoothly on the platform.\" },\n    { name:\"Muyuwa Bamise\", role:\"Senior .NET\/Dynamics365\",\n      bio:\"Dedicated to creating robust, scalable enterprise solutions that enhance business processes through innovative software design.\" },\n    { name:\"Gerrie Olivier\", role:\"PowerBI Analyst\/Developer\",\n      bio:\"Skilled in converting complex data into actionable insights through dynamic reports and dashboards, driving informed business decisions.\" },\n    { name:\"Alexi Smith\", role:\"IT Consultant\",\n      bio:\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\" },\n    { name:\"Eugene Claasen\", role:\"IT Consultant\",\n      bio:\"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute.\" },\n    { name:\"John Gurovich\", role:\"IT Consultant\",\n      bio:\"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint.\" },\n    { name:\"Jordan Watts\", role:\"IT Consultant\",\n      bio:\"Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum sed ut.\" },\n    { name:\"William De Klerk\", role:\"IT Consultant\",\n      bio:\"Brings fresh perspectives to data management, offering practical insights that drive informed business decisions and sustainable growth.\" },\n    { name:\"Lucas St John\", role:\"IT Consultant\",\n      bio:\"Specialises in data management and integration, delivering tailored strategies that unlock business potential and foster sustainable growth.\" },\n    { name:\"Storm Lindecke\", role:\"IT Consultant\",\n      bio:\"A detail-oriented consultant specialising in efficient ERP integration, providing seamless solutions that enhance operational efficiency.\" },\n    { name:\"Connor Whyte\", role:\"IT Consultant\",\n      bio:\"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.\" }\n  ];\n\n  function initials(name){\n    var parts = name.trim().split(\/\\s+\/);\n    var first = parts[0] ? parts[0][0] : '';\n    var last = parts.length > 1 ? parts[parts.length - 1][0] : '';\n    return (first + last).toUpperCase();\n  }\n\n  function buildCard(m, isFounding){\n    var card = document.createElement('div');\n    card.className = 'team-card' + (isFounding ? ' is-founding' : '') + (m.ceo ? ' is-ceo' : '');\n\n    var sparklesHTML = isFounding\n      ? '<span class=\"team-sparkle\"><\/span><span class=\"team-sparkle\"><\/span><span class=\"team-sparkle\"><\/span>'\n      : '';\n    var crownHTML = m.ceo ? '<span class=\"ceo-crown\">' + CROWN_ICON + '<\/span>' : '';\n\n    card.innerHTML =\n      sparklesHTML +\n      '<div class=\"team-avatar-wrap\"><div class=\"team-avatar\">' + initials(m.name) + '<\/div>' + crownHTML + '<\/div>' +\n      '<h3 class=\"team-name\">' + m.name + '<\/h3>' +\n      '<span class=\"team-role\">' + m.role + '<\/span>' +\n      '<div class=\"team-bio\"><p>' + m.bio + '<\/p><\/div>';\n    return card;\n  }\n\n  var foundingGrid = document.getElementById('foundingGrid');\n  var teamGrid = document.getElementById('teamGrid');\n\n  FOUNDING.forEach(function(m){ foundingGrid.appendChild(buildCard(m, true)); });\n  TEAM.forEach(function(m){ teamGrid.appendChild(buildCard(m, false)); });\n\n  var allCards = document.querySelectorAll('.team-card');\n\n  if('IntersectionObserver' in window){\n    var seen = false;\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting && !seen){\n          seen = true;\n          allCards.forEach(function(card, i){\n            setTimeout(function(){ card.classList.add('is-visible'); }, i * 60);\n          });\n          io.disconnect();\n        }\n      });\n    }, {threshold:0.1});\n    io.observe(document.getElementById('teamSection'));\n  } else {\n    allCards.forEach(function(c){ c.classList.add('is-visible'); });\n  }\n})();\n<\/script>\n\n\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Industries \u2014 Connected Strip<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --ink:#161B33;\n    --ink-soft:#4B5268;\n    --ink-deep:#0B0F1F;\n    --accent:#2F8FE8;\n    --accent-deep:#1C6FC4;\n  }\n\n  *{box-sizing:border-box;}\n\n  body{\n    margin:0;\n    font-family:'Inter',system-ui,-apple-system,sans-serif;\n    background:#fff;\n    color:var(--ink);\n    overflow-x:hidden; \/* guards against the full-bleed trick's 100vw causing a horizontal scrollbar on some browsers *\/\n  }\n\n  .industries{\n    max-width:1200px;\n    margin:0 auto;\n    padding:72px 24px 88px;\n  }\n\n  .industries__eyebrow{\n    display:flex;\n    align-items:center;\n    gap:14px;\n    margin-bottom:16px;\n  }\n  .industries__eyebrow .rule{\n    width:40px;\n    height:3px;\n    background:var(--accent);\n    border-radius:2px;\n  }\n  .industries__eyebrow span{\n    font-size:0.78rem;\n    font-weight:700;\n    letter-spacing:0.12em;\n    text-transform:uppercase;\n    color:var(--accent-deep);\n  }\n\n  .industries h2{\n    font-size:2.25rem;\n    font-weight:800;\n    margin:0 0 20px;\n    letter-spacing:-0.01em;\n  }\n\n  .industries__intro{\n    font-size:1.05rem;\n    line-height:1.7;\n    color:var(--ink-soft);\n    max-width:820px;\n    margin:0 0 44px;\n  }\n\n  \/* ---- The connected strip ---- *\/\n  \/* Full-bleed: breaks out of .industries' max-width\/padding to span the\n     full viewport width, regardless of the parent container's constraints. *\/\n  .strip{\n    position:relative;\n    display:flex;\n    width:100vw;\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n    height:560px;\n    overflow:hidden;\n    background:var(--ink-deep);\n  }\n\n  .panel{\n    position:relative;\n    flex:1 1 0%;\n    min-width:0;\n    cursor:pointer;\n    outline:none;\n    display:block;\n    text-decoration:none;\n    color:#fff;\n    transition:flex-grow 0.75s cubic-bezier(.22,1,.36,1);\n  }\n\n  .panel__img{\n    position:absolute;\n    inset:0;\n    background-size:cover;\n    background-position:center;\n    z-index:0;\n    transition:transform 0.75s cubic-bezier(.22,1,.36,1), filter 0.6s ease;\n  }\n\n  .panel:hover .panel__img,\n  .panel:focus-visible .panel__img{\n    transform:scale(1.05);\n  }\n\n  \/* siblings mute slightly while one panel is active, for focus *\/\n  .strip:has(.panel:hover) .panel:not(:hover) .panel__img,\n  .strip:has(.panel:focus-visible) .panel:not(:focus-visible) .panel__img{\n    filter:blur(3px) brightness(0.72) saturate(0.85);\n  }\n\n  \/* shared dark scrim for text legibility, always present, deepens on hover *\/\n  .panel__scrim{\n    position:absolute;\n    inset:0;\n    z-index:1;\n    background:linear-gradient(180deg, rgba(8,12,26,0) 34%, rgba(6,9,20,0.88) 100%);\n    transition:background 0.5s ease;\n  }\n  .panel:hover .panel__scrim,\n  .panel:focus-visible .panel__scrim{\n    background:linear-gradient(190deg, rgba(8,12,26,0.05) 10%, rgba(6,9,20,0.55) 48%, rgba(5,8,18,0.95) 100%);\n  }\n\n  .panel__content{\n    position:absolute;\n    inset:0;\n    z-index:3;\n    display:flex;\n    flex-direction:column;\n    justify-content:flex-end;\n    padding:clamp(16px, 3vw, 26px) clamp(16px, 3vw, 26px) clamp(18px, 3.5vw, 30px);\n  }\n\n  .panel__tag{\n    display:inline-flex;\n    width:fit-content;\n    font-size:0.72rem;\n    font-weight:600;\n    letter-spacing:0.08em;\n    text-transform:uppercase;\n    color:#bcd8fb;\n    opacity:0.9;\n    margin-bottom:10px;\n    transition:opacity 0.3s ease, transform 0.4s ease;\n    white-space:nowrap;\n  }\n\n  \/* heading wraps to a max of two lines with an ellipsis safety net,\n     so it can never spill past the panel's edge no matter how narrow it gets *\/\n  .panel__heading{\n    font-size:clamp(1.05rem, 1.7vw, 1.7rem);\n    font-weight:800;\n    line-height:1.15;\n    margin:0;\n    letter-spacing:-0.01em;\n    display:-webkit-box;\n    -webkit-line-clamp:2;\n    -webkit-box-orient:vertical;\n    overflow:hidden;\n    white-space:normal;\n    overflow-wrap:break-word;\n    hyphens:auto;\n    transition:transform 0.5s cubic-bezier(.22,1,.36,1);\n  }\n\n  .panel__sub{\n    font-size:0.92rem;\n    font-weight:600;\n    color:var(--accent);\n    margin:10px 0 0;\n    opacity:0;\n    max-height:0;\n    transform:translateY(6px);\n    transition:opacity 0.35s ease, transform 0.4s ease;\n  }\n\n  .panel__desc{\n    font-size:0.88rem;\n    line-height:1.55;\n    color:rgba(255,255,255,0.86);\n    margin:8px 0 0;\n    max-width:360px;\n    max-height:0;\n    opacity:0;\n    overflow:hidden;\n    transform:translateY(8px);\n    transition:opacity 0.4s ease 0.08s, transform 0.45s ease 0.08s, max-height 0.5s ease;\n  }\n\n  .panel__arrow{\n    position:absolute;\n    top:22px;\n    right:22px;\n    width:32px;\n    height:32px;\n    border-radius:50%;\n    background:rgba(255,255,255,0.14);\n    border:1px solid rgba(255,255,255,0.25);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    z-index:2;\n    transition:background 0.3s ease, transform 0.45s cubic-bezier(.22,1,.36,1), border-color 0.3s ease, opacity 0.3s ease;\n  }\n  .panel__arrow svg{\n    width:13px;\n    height:13px;\n    stroke:#fff;\n  }\n\n  \/* ---- hover state on the active panel ---- *\/\n  .panel:hover,\n  .panel:focus-visible{\n    flex-grow:2.6;\n  }\n  .panel:hover .panel__heading,\n  .panel:focus-visible .panel__heading{\n    transform:translateY(-2px);\n  }\n  .panel:hover .panel__sub,\n  .panel:focus-visible .panel__sub{\n    opacity:1;\n    max-height:36px;\n    transform:translateY(0);\n  }\n  .panel:hover .panel__desc,\n  .panel:focus-visible .panel__desc{\n    opacity:1;\n    max-height:140px;\n    transform:translateY(0);\n  }\n  .panel:hover .panel__arrow,\n  .panel:focus-visible .panel__arrow{\n    background:var(--accent);\n    border-color:var(--accent);\n    transform:rotate(45deg);\n  }\n\n  \/* ---- neighbors compress while a sibling is active ---- *\/\n  .strip:has(.panel:hover) .panel:not(:hover),\n  .strip:has(.panel:focus-visible) .panel:not(:focus-visible){\n    flex-grow:0.55;\n  }\n  .strip:has(.panel:hover) .panel:not(:hover) .panel__tag,\n  .strip:has(.panel:focus-visible) .panel:not(:focus-visible) .panel__tag{\n    opacity:0.55;\n  }\n  .strip:has(.panel:hover) .panel:not(:hover) .panel__arrow,\n  .strip:has(.panel:focus-visible) .panel:not(:focus-visible) .panel__arrow{\n    opacity:0;\n  }\n\n  \/* ---- Responsive: strip becomes vertical below tablet width ---- *\/\n  @media (max-width:820px){\n    .strip{\n      flex-direction:column;\n      height:auto;\n    }\n    .panel{\n      flex:none !important;\n      height:130px;\n      transition:height 0.6s cubic-bezier(.22,1,.36,1);\n    }\n    .panel:hover,\n    .panel:focus-visible{\n      height:320px;\n    }\n    .panel__desc{\n      max-width:100%;\n    }\n  }\n\n  @media (max-width:560px){\n    .industries h2{ font-size:1.8rem; }\n  }\n\n  @media (prefers-reduced-motion:reduce){\n    .panel, .panel__img, .panel__scrim,\n    .panel__heading, .panel__sub, .panel__desc, .panel__arrow, .panel__tag{\n      transition:none !important;\n    }\n  }\n<\/style>\n\n\n\n<section class=\"industries\">\n\n  <div class=\"industries__eyebrow\">\n    <div class=\"rule\"><\/div>\n    <span>Industries<\/span>\n  <\/div>\n  <h2>Solutions Tailored to Every Industry We Serve<\/h2>\n  <p class=\"industries__intro\">At Monichron, we have a proven track record of delivering tailored IT solutions across a diverse spectrum of industries. Our team of experts combines industry-specific knowledge with technical proficiency, enabling us to address the unique challenges faced by businesses in today&#8217;s dynamic market landscape.<\/p>\n\n  <div class=\"strip\">\n\n    <a class=\"panel\" href=\"#healthcare\" aria-label=\"Healthcare \u2014 Streamlining Operations\">\n      <div class=\"panel__img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?q=80&amp;w=1200&amp;auto=format&amp;fit=crop')\"><\/div>\n      <div class=\"panel__scrim\"><\/div>\n      <div class=\"panel__arrow\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"19\" x2=\"19\" y2=\"5\"><\/line><polyline points=\"9 5 19 5 19 15\"><\/polyline><\/svg>\n      <\/div>\n      <div class=\"panel__content\">\n        <span class=\"panel__tag\">Healthcare<\/span>\n        <h3 class=\"panel__heading\">Streamlining Operations<\/h3>\n        <p class=\"panel__sub\">Data integration &amp; patient care<\/p>\n        <p class=\"panel__desc\">We implemented a centralized data integration system giving healthcare professionals real-time access to patient records \u2014 improving coordination, efficiency, and outcomes.<\/p>\n      <\/div>\n    <\/a>\n\n    <a class=\"panel\" href=\"#retail\" aria-label=\"Retail \u2014 Enhancing Customer Experience\">\n      <div class=\"panel__img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1441986300917-64674bd600d8?q=80&amp;w=900&amp;auto=format&amp;fit=crop')\"><\/div>\n      <div class=\"panel__scrim\"><\/div>\n      <div class=\"panel__arrow\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"19\" x2=\"19\" y2=\"5\"><\/line><polyline points=\"9 5 19 5 19 15\"><\/polyline><\/svg>\n      <\/div>\n      <div class=\"panel__content\">\n        <span class=\"panel__tag\">Retail<\/span>\n        <h3 class=\"panel__heading\">Enhancing Customer Experience<\/h3>\n        <p class=\"panel__sub\">Unified, personalized retail<\/p>\n        <p class=\"panel__desc\">We connected in-store and online systems into a single view of the customer, powering personalized service and faster checkout across every channel.<\/p>\n      <\/div>\n    <\/a>\n\n    <a class=\"panel\" href=\"#logistics\" aria-label=\"Logistics \u2014 Optimizing Supply Chain Management\">\n      <div class=\"panel__img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1494412651409-8963ce7935a7?q=80&amp;w=900&amp;auto=format&amp;fit=crop')\"><\/div>\n      <div class=\"panel__scrim\"><\/div>\n      <div class=\"panel__arrow\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"19\" x2=\"19\" y2=\"5\"><\/line><polyline points=\"9 5 19 5 19 15\"><\/polyline><\/svg>\n      <\/div>\n      <div class=\"panel__content\">\n        <span class=\"panel__tag\">Logistics<\/span>\n        <h3 class=\"panel__heading\">Optimizing Supply Chain<\/h3>\n        <p class=\"panel__sub\">Real-time fleet &amp; route visibility<\/p>\n        <p class=\"panel__desc\">We built live tracking and route-optimization tooling across the supply chain, cutting delivery times and giving dispatchers full visibility into fleet status.<\/p>\n      <\/div>\n    <\/a>\n\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Company Overview Monichron is a leading IT consultancy firm specializing in delivering comprehensive technology solutions for businesses across diverse industries. With a strong emphasis on innovation and client satisfaction, we offer expertise in business intelligence, enterprise resource planning (ERP), database management, and integrations. Committed to excellence, we work closely with our clients to understand their unique challenges and provide tailored solutions that drive operational efficiency and sustainable growth. Our dedicated team of professionals are focused on being the catalyst for our clients&#8217; digital transformation, empowering them to achieve their business objectives in an ever-evolving technological landscape Our People Meet the<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-canvas","meta":{"_gspb_post_css":"@keyframes gcwidthleftright{0%{width:0%}to{width:100%}}@keyframes gcslidefromtop{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.gspb-tabs *{box-sizing:border-box!important}.t-btn-container{display:flex;flex-direction:row;width:100%;align-items:center;margin-bottom:-1px;flex-wrap:wrap}.t-btn-container .t-btn{background-origin:border-box;list-style:none;display:inline-flex;align-items:center;margin:0;padding:11px 24px;cursor:pointer;position:relative;transition:all .4s ease-in-out;font-size:20px}.t-btn-container .t-btn .tabsubtitle{font-size:70%;opacity:.7}.gstabs-tabs .t-btn-container .t-btn{border:1px solid transparent;border-top-width:2px}.gstabs-tabs .t-btn-container .t-btn.active{border-color:rgba(206,206,206,.4);border-bottom-color:#fff;background-color:#fff;color:#333}.t-panel-container .t-panel{opacity:0;overflow:hidden;display:none}.t-panel-container .t-panel.active{opacity:1;display:block!important}.t-panel-container{margin-bottom:25px;overflow:hidden;padding:30px}.gstabs-tabs .t-panel-container{border:1px solid rgba(206,206,206,.4);background-color:#fff}.t-btn-container ul{margin:0!important;padding:0!important}.gstabs-underline .t-btn-container .t-btn:after{position:absolute;bottom:0;left:0;content:'';height:3px;width:0;transition:width .5s,left .5s,right .5s}.gstabs-underline .t-btn-container .t-btn.active:after{width:100%;left:0;right:0}.gstabs-pills .t-btn-container .t-btn{margin:0 10px;border:1px solid transparent}.gstabs-vertical{display:flex}.gstabs-vertical .t-btn-container{display:block;width:150px}.gstabs-vertical .t-btn-container .t-btn{margin-bottom:10px;width:150px;border:1px solid transparent}.gstabs-vertical .t-panel-container{flex-grow:1}.t-btn-container .t-btn .gs-image{flex-grow:inherit;margin:0 10px 0 0}.t-btn-container .t-btn img{margin:0;height:25px;min-width:auto}@media (max-width:575.98px){body .tabscroll .t-btn-container{overflow-x:scroll;flex-wrap:nowrap;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%!important;white-space:nowrap;display:block;padding-bottom:15px}.tabscroll .t-btn-container .t-btn{scroll-snap-align:start;white-space:nowrap;width:auto!important;margin-right:10px}.tabscroll .t-btn-container .t-btn.active{box-shadow:none!important}.gstabs-vertical{display:block!important}.gstabs-vertical .t-panel-container{margin-top:25px}.t-btn-container .t-btn{font-size:15px}}.t-panel-container p:last-of-type{margin-bottom:0}.gspb_tabs-id-gsbp-64ac2986-b397 .t-btn-container{justify-content:left}.gspb_tabs-id-gsbp-64ac2986-b397>.t-btn-container>.t-btn.active{color:#41cbf9;border-bottom:2px solid #2184f9}.gspb_tabs-id-gsbp-64ac2986-b397>.t-panel-container{background-color:#f0f0f0!important}.gspb_tabs-id-gsbp-64ac2986-b397>.t-btn-container .t-btn:after{background-color:#41cbf9}.gspb_tabs-id-gsbp-64ac2986-b397>.t-btn-container>.t-btn{border-bottom:2px solid transparent}","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/monichron.co.za\/index.php\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monichron.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/monichron.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/monichron.co.za\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/monichron.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":73,"href":"https:\/\/monichron.co.za\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":504,"href":"https:\/\/monichron.co.za\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/504"}],"wp:attachment":[{"href":"https:\/\/monichron.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}