{"id":85,"date":"2026-10-27T03:31:49","date_gmt":"2026-10-27T03:31:49","guid":{"rendered":"https:\/\/kumbangcx.com\/sureshdhawan\/?page_id=85"},"modified":"2026-10-27T06:32:51","modified_gmt":"2026-10-27T06:32:51","slug":"about","status":"publish","type":"page","link":"https:\/\/kumbangcx.com\/sureshdhawan\/about\/","title":{"rendered":"Suresh Dhawan | About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"85\" class=\"elementor elementor-85\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a26943 e-con-full e-flex e-con e-parent\" data-id=\"2a26943\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d2d7dc elementor-widget elementor-widget-html\" data-id=\"1d2d7dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SURESH DHAWAN | ABOUT PAGE HERO -->\n<!-- Paste the complete block into one WordPress \/ Elementor HTML widget. -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:wght@600;700;800&family=DM+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n  #sd-about-hero,\n  #sd-about-hero * {\n    box-sizing: border-box;\n  }\n\n  #sd-about-hero {\n    --sd-black: #0B0B0D;\n    --sd-charcoal: #16161A;\n    --sd-gold: #FFC93C;\n    --sd-white: #F2F0F7;\n\n    position: relative;\n    isolation: isolate;\n    width: 100vw;\n    max-width: none;\n    margin-inline: calc(50% - 50vw);\n    overflow: hidden;\n    background: var(--sd-black);\n    color: var(--sd-white);\n    font-family: 'DM Sans', sans-serif;\n  }\n\n  \/* Show the complete photograph. Do not crop the subject's face. *\/\n  #sd-about-hero .sd-about-hero__media {\n    position: absolute;\n    z-index: -2;\n    inset: 0 0 0 auto;\n    width: min(73%, 1160px);\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    pointer-events: none;\n  }\n\n  #sd-about-hero .sd-about-hero__media img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    object-position: center right;\n    filter: saturate(.83) contrast(1.06) brightness(.86);\n  }\n\n  \/* Gentle darkening at the copy side, preserving the photo at the right. *\/\n  #sd-about-hero::before {\n    content: '';\n    position: absolute;\n    z-index: -1;\n    inset: 0;\n    pointer-events: none;\n    background:\n      linear-gradient(90deg,\n        #0B0B0D 0%,\n        rgba(11, 11, 13, .99) 22%,\n        rgba(11, 11, 13, .89) 41%,\n        rgba(11, 11, 13, .38) 73%,\n        rgba(11, 11, 13, .08) 100%),\n      linear-gradient(0deg,\n        rgba(11, 11, 13, .38),\n        transparent 29%,\n        transparent 80%,\n        rgba(11, 11, 13, .14));\n  }\n\n  #sd-about-hero .sd-about-hero__inner {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: min(100%, 1560px);\n    min-height: clamp(655px, 78svh, 770px);\n    margin-inline: auto;\n    padding: 76px clamp(28px, 6.5vw, 112px) 82px;\n  }\n\n  #sd-about-hero .sd-about-hero__content {\n    width: 100%;\n    max-width: 685px;\n    animation: sdAboutEntrance .85s cubic-bezier(.22, 1, .36, 1) both;\n  }\n\n  #sd-about-hero h1 {\n    max-width: 665px;\n    margin: 0;\n    padding: 0;\n    color: var(--sd-white);\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: clamp(46px, 4.7vw, 72px);\n    font-weight: 800;\n    line-height: 1.075;\n    letter-spacing: -.047em;\n    text-wrap: balance;\n  }\n\n  #sd-about-hero .sd-about-hero__accent {\n    color: var(--sd-gold);\n  }\n\n  #sd-about-hero .sd-about-hero__accent sup {\n    font-family: 'DM Sans', sans-serif;\n    font-size: .35em;\n    font-weight: 700;\n    line-height: 0;\n    vertical-align: super;\n    letter-spacing: 0;\n  }\n\n  #sd-about-hero .sd-about-hero__text {\n    max-width: 615px;\n    margin-top: clamp(24px, 2.8vw, 32px);\n  }\n\n  #sd-about-hero .sd-about-hero__text p {\n    margin: 0;\n    color: rgba(242, 240, 247, .82);\n    font-family: 'DM Sans', sans-serif;\n    font-size: clamp(16.5px, 1.25vw, 18px);\n    font-weight: 400;\n    line-height: 1.72;\n    letter-spacing: 0;\n    text-wrap: pretty;\n  }\n\n  #sd-about-hero .sd-about-hero__text p:first-child {\n    color: rgba(242, 240, 247, .95);\n    font-size: clamp(17px, 1.4vw, 19px);\n  }\n\n  #sd-about-hero .sd-about-hero__text p + p {\n    margin-top: 17px;\n  }\n\n  @keyframes sdAboutEntrance {\n    from { opacity: 0; transform: translateY(16px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Tablet: keep the full image visible and maintain comfortable copy width. *\/\n  @media (max-width: 1120px) and (min-width: 768px) {\n    #sd-about-hero .sd-about-hero__inner {\n      min-height: 680px;\n      padding-block: 70px;\n    }\n    #sd-about-hero .sd-about-hero__media {\n      width: 77%;\n    }\n    #sd-about-hero .sd-about-hero__content {\n      max-width: 65%;\n    }\n    #sd-about-hero h1 {\n      font-size: clamp(43px, 5.2vw, 59px);\n    }\n    #sd-about-hero .sd-about-hero__text p,\n    #sd-about-hero .sd-about-hero__text p:first-child {\n      font-size: 16px;\n      line-height: 1.68;\n    }\n    #sd-about-hero::before {\n      background: linear-gradient(90deg,\n        #0B0B0D 0%,\n        rgba(11,11,13,.98) 27%,\n        rgba(11,11,13,.85) 50%,\n        rgba(11,11,13,.25) 100%);\n    }\n  }\n\n  \/* Mobile: the entire image is shown ABOVE the text at its natural ratio. *\/\n  @media (max-width: 767px) {\n    #sd-about-hero .sd-about-hero__media {\n      position: relative;\n      inset: auto;\n      width: 100%;\n      display: block;\n    }\n    #sd-about-hero .sd-about-hero__media img {\n      display: block;\n      width: 100%;\n      height: auto;\n      max-height: none;\n      object-fit: contain;\n      object-position: center;\n      filter: saturate(.88) contrast(1.03) brightness(.9);\n    }\n    #sd-about-hero::before {\n      inset: 0 0 auto;\n      height: 62vw;\n      max-height: 360px;\n      background: linear-gradient(180deg,\n        transparent 55%,\n        rgba(11,11,13,.15) 79%,\n        rgba(11,11,13,.58) 100%);\n    }\n    #sd-about-hero .sd-about-hero__inner {\n      min-height: 0;\n      display: block;\n      padding: 30px 24px 72px;\n    }\n    #sd-about-hero .sd-about-hero__content {\n      max-width: 100%;\n    }\n    #sd-about-hero h1 {\n      max-width: 600px;\n      font-size: clamp(39px, 9.1vw, 55px);\n      line-height: 1.10;\n      letter-spacing: -.045em;\n    }\n    #sd-about-hero .sd-about-hero__text {\n      max-width: 580px;\n      margin-top: 24px;\n    }\n    #sd-about-hero .sd-about-hero__text p,\n    #sd-about-hero .sd-about-hero__text p:first-child {\n      font-size: 16.5px;\n      line-height: 1.73;\n    }\n    #sd-about-hero .sd-about-hero__text p + p {\n      margin-top: 17px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    #sd-about-hero .sd-about-hero__inner {\n      padding-inline: 21px;\n      padding-bottom: 64px;\n    }\n    #sd-about-hero h1 {\n      font-size: clamp(35px, 9.4vw, 41px);\n    }\n    #sd-about-hero .sd-about-hero__text p,\n    #sd-about-hero .sd-about-hero__text p:first-child {\n      font-size: 16px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #sd-about-hero .sd-about-hero__content { animation: none; }\n  }\n<\/style>\n\n<section id=\"sd-about-hero\" aria-labelledby=\"sd-about-hero-title\">\n  <div class=\"sd-about-hero__media\">\n    <img\n      src=\"https:\/\/kumbangcx.com\/sureshdhawan\/wp-content\/uploads\/2026\/10\/Suresh_About_hero-scaled.jpg\"\n      alt=\"Suresh Dhawan, keynote speaker and corporate trainer\"\n      fetchpriority=\"high\"\n      decoding=\"async\"\n    >\n  <\/div>\n\n  <div class=\"sd-about-hero__inner\">\n    <div class=\"sd-about-hero__content\">\n      <h1 id=\"sd-about-hero-title\">\n        The person behind<br>\n        <span class=\"sd-about-hero__accent\">The POPP<sup>\u2122<\/sup> Star<\/span>\n      <\/h1>\n\n      <div class=\"sd-about-hero__text\">\n        <p>Suresh Dhawan started LEADS in 2006. For more than 20 years he has helped organisations in Malaysia and across Asia Pacific turn ideas about leadership, communication and stress into habits people actually use.<\/p>\n\n        <p>He has trained over 300,000 people from 61 nationalities, working with global brands, government agencies and Fortune 500 companies, in English or Malay.<\/p>\n\n        <p>His belief is simple: people need to know not only what to do, but how to do it. So his sessions are practical, energetic and full of humour and activities.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- END ABOUT PAGE HERO -->\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f7e8a0 e-con-full e-flex e-con e-parent\" data-id=\"7f7e8a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a31b35b elementor-widget elementor-widget-html\" data-id=\"a31b35b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SURESH DHAWAN | ABOUT PAGE | CREDENTIALS STRIP -->\n<!-- Uses existing site fonts: Bricolage Grotesque + DM Sans -->\n<style>\n  #sd-credentials,\n  #sd-credentials * { box-sizing: border-box; }\n\n  #sd-credentials {\n    --sd-ink: #0B0B0D;\n    --sd-charcoal: #16161A;\n    --sd-gold: #FFC93C;\n    --sd-white: #F2F0F7;\n    position: relative;\n    width: 100vw;\n    max-width: none;\n    margin-inline: calc(50% - 50vw);\n    padding: clamp(38px, 4.3vw, 60px) 24px;\n    background: var(--sd-charcoal);\n    border-block: 1px solid rgba(242,240,247,.07);\n    color: var(--sd-white);\n    font-family: 'DM Sans', sans-serif;\n  }\n\n  #sd-credentials .sd-credentials__inner {\n    width: 100%;\n    max-width: 1220px;\n    margin-inline: auto;\n    display: grid;\n    grid-template-columns: minmax(180px, 245px) minmax(0, 1fr);\n    column-gap: clamp(28px, 4vw, 65px);\n    align-items: start;\n  }\n\n  #sd-credentials h2 {\n    margin: 0;\n    padding: 0;\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: clamp(26px, 2.4vw, 34px);\n    font-weight: 750;\n    line-height: 1.15;\n    letter-spacing: -.035em;\n    color: var(--sd-white);\n  }\n\n  #sd-credentials .sd-credentials__list {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    column-gap: clamp(20px, 2.4vw, 36px);\n    row-gap: 18px;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  #sd-credentials .sd-credentials__list li {\n    position: relative;\n    min-width: 0;\n    padding-left: 16px;\n    color: rgba(242,240,247,.88);\n    font-size: 14px;\n    font-weight: 450;\n    line-height: 1.55;\n    transition: color .25s ease;\n  }\n\n  #sd-credentials .sd-credentials__list li::before {\n    content: '';\n    position: absolute;\n    top: .64em;\n    left: 0;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: var(--sd-gold);\n    transform: translateY(-50%);\n  }\n\n  @media (hover: hover) {\n    #sd-credentials .sd-credentials__list li:hover {\n      color: var(--sd-white);\n    }\n  }\n\n  @media (max-width: 1050px) {\n    #sd-credentials .sd-credentials__inner {\n      grid-template-columns: minmax(150px, 200px) minmax(0, 1fr);\n      gap: 30px;\n    }\n    #sd-credentials .sd-credentials__list {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 15px 24px;\n    }\n  }\n\n  @media (max-width: 700px) {\n    #sd-credentials { padding: 38px 22px 42px; }\n    #sd-credentials .sd-credentials__inner {\n      display: block;\n    }\n    #sd-credentials h2 {\n      margin-bottom: 24px;\n      font-size: 28px;\n    }\n    #sd-credentials .sd-credentials__list {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 12px;\n    }\n    #sd-credentials .sd-credentials__list li {\n      font-size: 14.5px;\n      line-height: 1.5;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #sd-credentials .sd-credentials__list li { transition: none; }\n  }\n<\/style>\n\n<section id=\"sd-credentials\" aria-labelledby=\"sd-credentials-heading\">\n  <div class=\"sd-credentials__inner\">\n    <h2 id=\"sd-credentials-heading\">Credentials<\/h2>\n    <ul class=\"sd-credentials__list\">\n      <li>Malaysian Speaking Professional (MSP)<\/li>\n      <li>Accredited Mental Health First Aider<\/li>\n      <li>Certified Neuro Linguistic Practitioner (NLP) and Time Line Therapy<\/li>\n      <li>Certified Stress Management Consultant<\/li>\n      <li>Certified Stress Management &amp; Relaxation Facilitator<\/li>\n      <li>Certified Myers-Briggs\u00ae Type Instrument Administrator<\/li>\n      <li>Certified STRONG\u00ae Interest Inventory Administrator<\/li>\n      <li>Certified ICAgile Professional<\/li>\n      <li>Certified Behavioral Consultant (DISC)<\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n<!-- END CREDENTIALS STRIP -->\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-520723f e-con-full e-flex e-con e-parent\" data-id=\"520723f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f8911f elementor-widget elementor-widget-html\" data-id=\"8f8911f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SURESH DHAWAN | ABOUT PAGE - ANIMATED IMPACT STRIP -->\n<!-- Paste this entire block into a single Elementor HTML widget. -->\n\n<section id=\"sd-impact-strip\" aria-label=\"Suresh Dhawan's experience and reach\">\n  <div class=\"sd-impact-strip__inner\">\n    <div class=\"sd-impact-strip__item\">\n      <div class=\"sd-impact-strip__value\" aria-label=\"20 plus years\">\n        <span class=\"sd-impact-strip__number\" data-count=\"20\">20<\/span><span class=\"sd-impact-strip__suffix\">+<\/span>\n      <\/div>\n      <p class=\"sd-impact-strip__label\">Years as a trainer<br>and consultant<\/p>\n    <\/div>\n\n    <div class=\"sd-impact-strip__item\">\n      <div class=\"sd-impact-strip__value\" aria-label=\"300,000 plus people trained\">\n        <span class=\"sd-impact-strip__number\" data-count=\"300000\">300,000<\/span><span class=\"sd-impact-strip__suffix\">+<\/span>\n      <\/div>\n      <p class=\"sd-impact-strip__label\">People trained<\/p>\n    <\/div>\n\n    <div class=\"sd-impact-strip__item\">\n      <div class=\"sd-impact-strip__value\" aria-label=\"61 nationalities\">\n        <span class=\"sd-impact-strip__number\" data-count=\"61\">61<\/span>\n      <\/div>\n      <p class=\"sd-impact-strip__label\">Nationalities<\/p>\n    <\/div>\n\n    <div class=\"sd-impact-strip__item\">\n      <div class=\"sd-impact-strip__value\" aria-label=\"2 languages\">\n        <span class=\"sd-impact-strip__number\" data-count=\"2\">2<\/span>\n      <\/div>\n      <p class=\"sd-impact-strip__label\">Languages: English<br>and Malay<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  #sd-impact-strip,\n  #sd-impact-strip * {\n    box-sizing: border-box;\n  }\n\n  #sd-impact-strip {\n    --sd-gold: #FFC93C;\n    --sd-ink: #0B0B0D;\n    --sd-charcoal: #16161A;\n    --sd-white: #F2F0F7;\n\n    \/* Bleed across the full browser width, even inside a boxed Elementor layout. *\/\n    width: 100vw;\n    max-width: none;\n    margin-inline: calc(50% - 50vw);\n    padding: clamp(38px, 4.5vw, 66px) 24px;\n    background: var(--sd-gold);\n    color: var(--sd-ink);\n    font-family: 'DM Sans', sans-serif;\n    overflow: hidden;\n  }\n\n  #sd-impact-strip .sd-impact-strip__inner {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    width: 100%;\n    max-width: 1220px;\n    margin: 0 auto;\n  }\n\n  #sd-impact-strip .sd-impact-strip__item {\n    min-width: 0;\n    padding: 0 clamp(18px, 2.25vw, 38px);\n    text-align: left;\n  }\n\n  #sd-impact-strip .sd-impact-strip__item:first-child {\n    padding-left: 0;\n  }\n\n  #sd-impact-strip .sd-impact-strip__item:last-child {\n    padding-right: 0;\n  }\n\n  #sd-impact-strip .sd-impact-strip__item + .sd-impact-strip__item {\n    border-left: 1px solid rgba(11, 11, 13, .24);\n  }\n\n  #sd-impact-strip .sd-impact-strip__value {\n    display: flex;\n    align-items: baseline;\n    white-space: nowrap;\n    width: fit-content;\n    max-width: 100%;\n    margin-bottom: 10px;\n    color: var(--sd-ink);\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: clamp(38px, 4.5vw, 65px);\n    font-weight: 800;\n    line-height: 1;\n    letter-spacing: -.06em;\n    font-variant-numeric: tabular-nums;\n  }\n\n  #sd-impact-strip .sd-impact-strip__number {\n    display: inline-block;\n  }\n\n  #sd-impact-strip .sd-impact-strip__suffix {\n    display: inline-block;\n    font-size: .72em;\n    line-height: 1;\n    padding-left: 2px;\n  }\n\n  #sd-impact-strip .sd-impact-strip__label {\n    margin: 0;\n    color: rgba(11, 11, 13, .82);\n    font-family: 'DM Sans', sans-serif;\n    font-size: clamp(14px, 1.18vw, 16px);\n    font-weight: 600;\n    line-height: 1.5;\n    letter-spacing: -.015em;\n  }\n\n  \/* Gentle reveal; no bouncing or continuous motion. *\/\n  @media (prefers-reduced-motion: no-preference) {\n    #sd-impact-strip.sd-impact-strip--motion .sd-impact-strip__item {\n      opacity: 0;\n      transform: translateY(14px);\n      transition: opacity .65s ease, transform .65s cubic-bezier(.22, 1, .36, 1);\n    }\n    #sd-impact-strip.sd-impact-strip--motion.sd-impact-strip--visible .sd-impact-strip__item {\n      opacity: 1;\n      transform: translateY(0);\n    }\n    #sd-impact-strip.sd-impact-strip--visible .sd-impact-strip__item:nth-child(2) { transition-delay: .06s; }\n    #sd-impact-strip.sd-impact-strip--visible .sd-impact-strip__item:nth-child(3) { transition-delay: .12s; }\n    #sd-impact-strip.sd-impact-strip--visible .sd-impact-strip__item:nth-child(4) { transition-delay: .18s; }\n  }\n\n  @media (max-width: 1024px) {\n    #sd-impact-strip .sd-impact-strip__value {\n      font-size: clamp(33px, 4vw, 49px);\n    }\n    #sd-impact-strip .sd-impact-strip__item {\n      padding-inline: 18px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    #sd-impact-strip {\n      padding: 44px 20px;\n    }\n    #sd-impact-strip .sd-impact-strip__inner {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      row-gap: 0;\n    }\n    #sd-impact-strip .sd-impact-strip__item {\n      padding: 16px 14px 20px;\n    }\n    #sd-impact-strip .sd-impact-strip__item:first-child,\n    #sd-impact-strip .sd-impact-strip__item:nth-child(3) {\n      padding-left: 0;\n      border-left: none;\n    }\n    #sd-impact-strip .sd-impact-strip__item:nth-child(2),\n    #sd-impact-strip .sd-impact-strip__item:nth-child(4) {\n      padding-right: 0;\n      border-left: 1px solid rgba(11, 11, 13, .24);\n    }\n    #sd-impact-strip .sd-impact-strip__item:nth-child(-n+2) {\n      border-bottom: 1px solid rgba(11, 11, 13, .24);\n      padding-top: 0;\n      padding-bottom: 25px;\n    }\n    #sd-impact-strip .sd-impact-strip__item:nth-child(n+3) {\n      padding-top: 25px;\n      padding-bottom: 0;\n    }\n    #sd-impact-strip .sd-impact-strip__value {\n      font-size: clamp(30px, 7.1vw, 48px);\n      letter-spacing: -.065em;\n      margin-bottom: 7px;\n    }\n    #sd-impact-strip .sd-impact-strip__label {\n      font-size: 13px;\n      line-height: 1.5;\n    }\n  }\n\n  @media (max-width: 360px) {\n    #sd-impact-strip { padding-inline: 15px; }\n    #sd-impact-strip .sd-impact-strip__item { padding-right: 9px; padding-left: 9px; }\n    #sd-impact-strip .sd-impact-strip__value { font-size: 28px; }\n    #sd-impact-strip .sd-impact-strip__label { font-size: 12.5px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #sd-impact-strip .sd-impact-strip__item {\n      opacity: 1 !important;\n      transform: none !important;\n      transition: none !important;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\n  'use strict';\n\n  const section = document.getElementById('sd-impact-strip');\n  if (!section || section.dataset.initialised === 'true') return;\n  section.dataset.initialised = 'true';\n\n  const numbers = section.querySelectorAll('[data-count]');\n  const reduceMotion = window.matchMedia &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const formatter = new Intl.NumberFormat('en-MY');\n  let hasStarted = false;\n\n  \/\/ Keep the correct final figures in the HTML if JavaScript is disabled.\n  if (reduceMotion || !('IntersectionObserver' in window)) return;\n\n  section.classList.add('sd-impact-strip--motion');\n\n  function animateCount(element) {\n    const end = Number(element.dataset.count);\n    if (!Number.isFinite(end)) return;\n\n    const duration = 1550;\n    let startTime = null;\n\n    function frame(now) {\n      if (startTime === null) startTime = now;\n      const progress = Math.min((now - startTime) \/ duration, 1);\n      const eased = 1 - Math.pow(1 - progress, 3);\n      element.textContent = formatter.format(Math.round(end * eased));\n\n      if (progress < 1) {\n        window.requestAnimationFrame(frame);\n      } else {\n        element.textContent = formatter.format(end);\n      }\n    }\n\n    window.requestAnimationFrame(frame);\n  }\n\n  const observer = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (!entry.isIntersecting || hasStarted) return;\n      hasStarted = true;\n      section.classList.add('sd-impact-strip--visible');\n      numbers.forEach(animateCount);\n      observer.disconnect();\n    });\n  }, { threshold: .22 });\n\n  observer.observe(section);\n})();\n<\/script>\n<!-- END SURESH DHAWAN IMPACT STRIP -->\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c12499a e-con-full e-flex e-con e-parent\" data-id=\"c12499a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4313b2f elementor-widget elementor-widget-html\" data-id=\"4313b2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- SURESH DHAWAN | ABOUT PAGE | HOW SURESH WORKS -->\r\n<!-- Fonts: Bricolage Grotesque and DM Sans should be loaded once in your site settings. -->\r\n\r\n<style>\r\n  #sd-how-suresh-works,\r\n  #sd-how-suresh-works * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #sd-how-suresh-works {\r\n    --sd-black: #0B0B0D;\r\n    --sd-charcoal: #16161A;\r\n    --sd-gold: #FFC93C;\r\n    --sd-white: #F2F0F7;\r\n    --sd-muted: rgba(242, 240, 247, .73);\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    padding: clamp(66px, 7vw, 96px) 24px clamp(72px, 7.5vw, 104px);\r\n    background: var(--sd-black);\r\n    color: var(--sd-white);\r\n    font-family: 'DM Sans', sans-serif;\r\n  }\r\n\r\n  #sd-how-suresh-works .sd-how-inner {\r\n    width: 100%;\r\n    max-width: 1220px;\r\n    margin-inline: auto;\r\n  }\r\n\r\n  #sd-how-suresh-works h2,\r\n  #sd-how-suresh-works h3,\r\n  #sd-how-suresh-works p {\r\n    margin-top: 0;\r\n  }\r\n\r\n  #sd-how-suresh-works .sd-how-title {\r\n    margin: 0 0 clamp(34px, 4vw, 54px);\r\n    font-family: 'Bricolage Grotesque', sans-serif;\r\n    font-size: clamp(35px, 4vw, 54px);\r\n    font-weight: 800;\r\n    line-height: 1.12;\r\n    letter-spacing: -.035em;\r\n    color: var(--sd-white);\r\n    text-wrap: balance;\r\n  }\r\n\r\n  #sd-how-suresh-works .sd-how-title span {\r\n    color: var(--sd-gold);\r\n  }\r\n\r\n  \/* TWO-COLUMN LAYOUT *\/\r\n\r\n  #sd-how-suresh-works .sd-how-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);\r\n    gap: clamp(36px, 5.5vw, 82px);\r\n    align-items: center;\r\n  }\r\n\r\n  \/* IMAGE CONTAINER *\/\r\n\r\n  #sd-how-suresh-works .sd-how-media {\r\n    position: relative;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 100%;\r\n    aspect-ratio: 5 \/ 5.35;\r\n    min-height: 380px;\r\n    margin: 0;\r\n    overflow: hidden;\r\n    border-radius: 12px;\r\n    background: var(--sd-charcoal);\r\n    border: 1px solid rgba(242, 240, 247, .10);\r\n  }\r\n\r\n  #sd-how-suresh-works .sd-how-media::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: auto 0 0;\r\n    height: 2px;\r\n    background: var(--sd-gold);\r\n    opacity: .85;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* ACTUAL PHOTOGRAPH *\/\r\n\r\n  #sd-how-suresh-works .sd-how-photo {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    object-fit: contain;\r\n    object-position: center;\r\n\r\n    filter:\r\n      saturate(.92)\r\n      contrast(1.03)\r\n      brightness(.96);\r\n\r\n    transition:\r\n      transform .65s cubic-bezier(.22, 1, .36, 1),\r\n      filter .65s ease;\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    #sd-how-suresh-works .sd-how-media:hover .sd-how-photo {\r\n      transform: scale(1.025);\r\n      filter:\r\n        saturate(1)\r\n        contrast(1.03)\r\n        brightness(1);\r\n    }\r\n  }\r\n\r\n  \/* CONTENT POINTS *\/\r\n\r\n  #sd-how-suresh-works .sd-how-points {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  #sd-how-suresh-works .sd-how-point {\r\n    padding: clamp(17px, 2vw, 26px) 0;\r\n    border-top: 1px solid rgba(242, 240, 247, .14);\r\n    transition: border-color .3s ease;\r\n  }\r\n\r\n  #sd-how-suresh-works .sd-how-point:last-child {\r\n    border-bottom: 1px solid rgba(242, 240, 247, .14);\r\n  }\r\n\r\n  #sd-how-suresh-works .sd-how-point h3 {\r\n    margin: 0 0 8px;\r\n    font-family: 'Bricolage Grotesque', sans-serif;\r\n    font-size: clamp(20px, 2.05vw, 25px);\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    letter-spacing: -.025em;\r\n    color: var(--sd-white);\r\n  }\r\n\r\n  #sd-how-suresh-works .sd-how-point p {\r\n    max-width: 600px;\r\n    margin: 0;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: clamp(15.5px, 1.25vw, 17px);\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n    color: var(--sd-muted);\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    #sd-how-suresh-works .sd-how-point:hover {\r\n      border-top-color: rgba(255, 201, 60, .65);\r\n    }\r\n  }\r\n\r\n  \/* SCROLL REVEAL *\/\r\n\r\n  @media (prefers-reduced-motion: no-preference) {\r\n    #sd-how-suresh-works.sd-how-motion .sd-how-reveal {\r\n      opacity: 0;\r\n      transform: translateY(17px);\r\n      transition:\r\n        opacity .7s ease,\r\n        transform .7s cubic-bezier(.22, 1, .36, 1);\r\n    }\r\n\r\n    #sd-how-suresh-works.sd-how-motion .sd-how-reveal.sd-how-visible {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n\r\n  \/* TABLET *\/\r\n\r\n  @media (max-width: 1024px) {\r\n    #sd-how-suresh-works .sd-how-layout {\r\n      grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\r\n      gap: 36px;\r\n    }\r\n\r\n    #sd-how-suresh-works .sd-how-media {\r\n      min-height: 360px;\r\n    }\r\n  }\r\n\r\n  \/* MOBILE *\/\r\n\r\n  @media (max-width: 767px) {\r\n    #sd-how-suresh-works {\r\n      padding: 64px 20px 74px;\r\n    }\r\n\r\n    #sd-how-suresh-works .sd-how-title {\r\n      margin-bottom: 29px;\r\n      font-size: clamp(34px, 8.5vw, 44px);\r\n    }\r\n\r\n    #sd-how-suresh-works .sd-how-layout {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: 28px;\r\n    }\r\n\r\n    #sd-how-suresh-works .sd-how-media {\r\n      aspect-ratio: 4 \/ 3;\r\n      min-height: 0;\r\n    }\r\n\r\n    #sd-how-suresh-works .sd-how-point {\r\n      padding: 21px 0;\r\n    }\r\n\r\n    #sd-how-suresh-works .sd-how-point h3 {\r\n      font-size: 21px;\r\n    }\r\n\r\n    #sd-how-suresh-works .sd-how-point p {\r\n      font-size: 16px;\r\n      line-height: 1.7;\r\n    }\r\n  }\r\n\r\n  \/* ACCESSIBILITY *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #sd-how-suresh-works .sd-how-reveal {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      transition: none !important;\r\n    }\r\n\r\n    #sd-how-suresh-works .sd-how-photo {\r\n      transform: none !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"sd-how-suresh-works\" aria-labelledby=\"sd-how-title\">\r\n\r\n  <div class=\"sd-how-inner\">\r\n\r\n    <h2 id=\"sd-how-title\" class=\"sd-how-title sd-how-reveal\">\r\n      How <span>Suresh<\/span> works\r\n    <\/h2>\r\n\r\n    <div class=\"sd-how-layout\">\r\n\r\n      <!-- PHOTOGRAPH -->\r\n      <figure class=\"sd-how-media sd-how-reveal\">\r\n\r\n        <img\r\n          class=\"sd-how-photo\"\r\n          src=\"https:\/\/kumbangcx.com\/sureshdhawan\/wp-content\/uploads\/2026\/10\/place.jpg\"\r\n          alt=\"Suresh Dhawan engaging with participants during a training session\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n      <\/figure>\r\n\r\n      <!-- CONTENT -->\r\n      <div class=\"sd-how-points\">\r\n\r\n        <article class=\"sd-how-point sd-how-reveal\">\r\n          <h3>He listens first<\/h3>\r\n          <p>\r\n            Programmes often begin with conversations with team members,\r\n            to spot the gaps, strengths and personalities in the room.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sd-how-point sd-how-reveal\">\r\n          <h3>He makes it personal<\/h3>\r\n          <p>\r\n            Personality profiling helps people understand themselves\r\n            and each other, in calm times and in stressful ones.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sd-how-point sd-how-reveal\">\r\n          <h3>He turns ideas into practice<\/h3>\r\n          <p>\r\n            Activities, humour and follow-up help new habits stick\r\n            long after the session ends.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sd-how-point sd-how-reveal\">\r\n          <h3>He does his homework<\/h3>\r\n          <p>\r\n            He runs his own research, including interviews,\r\n            on-site observation and behavioural impact evaluations.\r\n          <\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.getElementById('sd-how-suresh-works');\r\n\r\n  if (\r\n    !section ||\r\n    !('IntersectionObserver' in window) ||\r\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  const items = section.querySelectorAll('.sd-how-reveal');\r\n\r\n  const observer = new IntersectionObserver((entries, currentObserver) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('sd-how-visible');\r\n        currentObserver.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.07,\r\n    rootMargin: '0px 0px -20px 0px'\r\n  });\r\n\r\n  section.classList.add('sd-how-motion');\r\n\r\n  items.forEach(item => observer.observe(item));\r\n})();\r\n<\/script>\r\n\r\n<!-- END SURESH DHAWAN | HOW SURESH WORKS -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d491b1 e-con-full e-flex e-con e-parent\" data-id=\"8d491b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b558ccb elementor-widget elementor-widget-html\" data-id=\"b558ccb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SURESH DHAWAN | WHAT HE TEACHES\n     Paste this complete section into one Elementor HTML widget.\n     Uses original supplied icons, without recolouring or cropping. -->\n\n<section id=\"sd-what-he-teaches\" aria-labelledby=\"sd-teaches-title\">\n  <div class=\"sd-teaches-inner\">\n\n    <div class=\"sd-teaches-intro\">\n      <h2 id=\"sd-teaches-title\">What he <span>teaches<\/span><\/h2>\n    <\/div>\n\n    <ul class=\"sd-teaches-list\" aria-label=\"Areas Suresh teaches\">\n      <li class=\"sd-teaches-item\">\n        <img loading=\"lazy\" src=\"https:\/\/kumbangcx.com\/sureshdhawan\/wp-content\/uploads\/2026\/10\/Leadership.png\"\n             alt=\"\" width=\"88\" height=\"88\" loading=\"lazy\" decoding=\"async\">\n        <span>Leadership, for new and experienced managers<\/span>\n      <\/li>\n\n      <li class=\"sd-teaches-item\">\n        <img loading=\"lazy\" src=\"https:\/\/kumbangcx.com\/sureshdhawan\/wp-content\/uploads\/2026\/10\/Negotiation.png\"\n             alt=\"\" width=\"88\" height=\"88\" loading=\"lazy\" decoding=\"async\">\n        <span>Negotiation and problem solving<\/span>\n      <\/li>\n\n      <li class=\"sd-teaches-item\">\n        <img loading=\"lazy\" src=\"https:\/\/kumbangcx.com\/sureshdhawan\/wp-content\/uploads\/2026\/10\/Stress-management.png\"\n             alt=\"\" width=\"88\" height=\"88\" loading=\"lazy\" decoding=\"async\">\n        <span>Stress management and resilience<\/span>\n      <\/li>\n\n      <li class=\"sd-teaches-item\">\n        <img loading=\"lazy\" src=\"https:\/\/kumbangcx.com\/sureshdhawan\/wp-content\/uploads\/2026\/10\/Customer-service.png\"\n             alt=\"\" width=\"88\" height=\"88\" loading=\"lazy\" decoding=\"async\">\n        <span>Customer service for frontline and after-sales teams<\/span>\n      <\/li>\n\n      <li class=\"sd-teaches-item\">\n        <img loading=\"lazy\" src=\"https:\/\/kumbangcx.com\/sureshdhawan\/wp-content\/uploads\/2026\/10\/Communication.png\"\n             alt=\"\" width=\"88\" height=\"88\" loading=\"lazy\" decoding=\"async\">\n        <span>Communication, personal development and team alignment<\/span>\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<style>\n\/* Only affects this section; does not override Elementor\/global styles. *\/\n#sd-what-he-teaches,\n#sd-what-he-teaches *,\n#sd-what-he-teaches *::before,\n#sd-what-he-teaches *::after { box-sizing: border-box; }\n\n#sd-what-he-teaches {\n  --sd-bg: #16161A;\n  --sd-ink: #0B0B0D;\n  --sd-gold: #FFC93C;\n  --sd-text: #F2F0F7;\n  width: 100vw;\n  max-width: none;\n  margin-inline: calc(50% - 50vw);\n  padding: clamp(64px, 7vw, 98px) 24px;\n  background: var(--sd-bg);\n  color: var(--sd-text);\n  font-family: 'DM Sans', sans-serif;\n}\n\n#sd-what-he-teaches .sd-teaches-inner {\n  width: min(100%, 1200px);\n  margin-inline: auto;\n  display: grid;\n  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);\n  gap: clamp(36px, 6vw, 110px);\n  align-items: start;\n}\n\n#sd-what-he-teaches h2 {\n  margin: 8px 0 0;\n  padding: 0;\n  color: var(--sd-text);\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(38px, 4vw, 58px);\n  font-weight: 800;\n  line-height: 1.12;\n  letter-spacing: -.045em;\n  text-wrap: balance;\n}\n\n#sd-what-he-teaches h2 span { color: var(--sd-gold); }\n\n#sd-what-he-teaches .sd-teaches-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n#sd-what-he-teaches .sd-teaches-item {\n  display: grid;\n  grid-template-columns: 78px minmax(0, 1fr);\n  align-items: center;\n  column-gap: clamp(18px, 2.5vw, 30px);\n  min-height: 104px;\n  padding: 13px 0;\n  margin: 0;\n  border-bottom: 1px solid rgba(242, 240, 247, .15);\n}\n\n#sd-what-he-teaches .sd-teaches-item:first-child { border-top: 1px solid rgba(242, 240, 247, .15); }\n\n\/* Original uploaded artwork retained without cropping or colour filters. *\/\n#sd-what-he-teaches .sd-teaches-item img {\n  display: block;\n  width: 76px;\n  height: 76px;\n  max-width: 100%;\n  object-fit: contain;\n  object-position: center;\n  transition: transform .42s cubic-bezier(.22,1,.36,1);\n}\n\n#sd-what-he-teaches .sd-teaches-item span {\n  display: block;\n  color: var(--sd-text);\n  font-family: 'DM Sans', sans-serif;\n  font-size: clamp(18px, 1.7vw, 22px);\n  font-weight: 600;\n  line-height: 1.45;\n  letter-spacing: -.015em;\n}\n\n@media (hover: hover) {\n  #sd-what-he-teaches .sd-teaches-item:hover img {\n    transform: translateY(-4px) scale(1.045);\n  }\n}\n\n\/* Motion is opt-in only when JS and IntersectionObserver are available. *\/\n#sd-what-he-teaches.sd-teaches-motion .sd-teaches-item {\n  opacity: 0;\n  transform: translateY(14px);\n  transition: opacity .65s ease, transform .65s cubic-bezier(.22,1,.36,1);\n}\n#sd-what-he-teaches.sd-teaches-motion .sd-teaches-item.is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@media (max-width: 900px) {\n  #sd-what-he-teaches .sd-teaches-inner {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n  #sd-what-he-teaches h2 { max-width: 620px; }\n}\n\n@media (max-width: 600px) {\n  #sd-what-he-teaches { padding: 60px 20px 66px; }\n  #sd-what-he-teaches .sd-teaches-inner { gap: 26px; }\n  #sd-what-he-teaches h2 { font-size: clamp(35px, 9vw, 43px); }\n  #sd-what-he-teaches .sd-teaches-item {\n    grid-template-columns: 62px minmax(0, 1fr);\n    gap: 16px;\n    min-height: 90px;\n    padding: 12px 0;\n  }\n  #sd-what-he-teaches .sd-teaches-item img { width: 60px; height: 60px; }\n  #sd-what-he-teaches .sd-teaches-item span { font-size: 17px; line-height: 1.48; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sd-what-he-teaches .sd-teaches-item,\n  #sd-what-he-teaches .sd-teaches-item img {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  var section = document.getElementById('sd-what-he-teaches');\n  if (!section || !('IntersectionObserver' in window) ||\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n  var items = section.querySelectorAll('.sd-teaches-item');\n  var observer = new IntersectionObserver(function (entries, obs) {\n    entries.forEach(function (entry) {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add('is-visible');\n      obs.unobserve(entry.target);\n    });\n  }, { threshold: .08, rootMargin: '0px 0px -20px 0px' });\n\n  section.classList.add('sd-teaches-motion');\n  items.forEach(function (item) { observer.observe(item); });\n})();\n<\/script>\n<!-- END WHAT HE TEACHES -->\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The person behind The POPP\u2122 Star Suresh Dhawan started LEADS in 2006. For more than 20 years he has helped organisations in Malaysia and across Asia Pacific turn ideas about leadership, communication and stress into habits people actually use. He has trained over 300,000 people from 61 nationalities, working with global brands, government agencies and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-85","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kumbangcx.com\/sureshdhawan\/wp-json\/wp\/v2\/pages\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kumbangcx.com\/sureshdhawan\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kumbangcx.com\/sureshdhawan\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kumbangcx.com\/sureshdhawan\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kumbangcx.com\/sureshdhawan\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":13,"href":"https:\/\/kumbangcx.com\/sureshdhawan\/wp-json\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":146,"href":"https:\/\/kumbangcx.com\/sureshdhawan\/wp-json\/wp\/v2\/pages\/85\/revisions\/146"}],"wp:attachment":[{"href":"https:\/\/kumbangcx.com\/sureshdhawan\/wp-json\/wp\/v2\/media?parent=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}