{"id":133,"date":"2026-07-24T09:18:10","date_gmt":"2026-07-24T09:18:10","guid":{"rendered":"https:\/\/setuphero.com\/my\/?page_id=133"},"modified":"2026-08-03T12:26:41","modified_gmt":"2026-08-03T12:26:41","slug":"about-us","status":"publish","type":"page","link":"https:\/\/setuphero.com\/my\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"133\" class=\"elementor elementor-133\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aae76cd e-con-full e-flex e-con e-parent\" data-id=\"aae76cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f085b9 elementor-widget elementor-widget-html\" data-id=\"5f085b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <div class=\"setuphero-wrapper bg-darkbg text-white\">\n          <link rel=\"preload\" as=\"image\" href=\"\/my\/wp-content\/uploads\/2026\/08\/abt.webp\" fetchpriority=\"high\">\n\n    <style>\n        #ssm-hero-EPZC4F {\n            --ink: #1B1B1B;\n            --cream: #f5f3ee;\n            --gold: #C59D51;\n            --gold-dark: #a8813f;\n            --muted: #6B7280;\n            --border-color: #E4E0D8;\n\n            font-family: 'Inter', sans-serif;\n            background-color: var(--cream);\n            color: var(--ink);\n            width: 100%;\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 0rem 1rem 2rem;\n            box-sizing: border-box;\n            overflow-x: hidden;\n        }\n\n        @media (min-width: 640px) { #ssm-hero-EPZC4F { padding: 1rem 1.5rem 2.5rem; } }\n        @media (min-width: 1024px) { #ssm-hero-EPZC4F { padding: 1.0rem 2rem 3rem; } }\n        @media (min-width: 1440px) { #ssm-hero-EPZC4F { padding: 1.0rem 2.5rem 3rem; } }\n\n        #ssm-hero-EPZC4F *,\n        #ssm-hero-EPZC4F *::before,\n        #ssm-hero-EPZC4F *::after {\n            box-sizing: inherit;\n            margin: 0;\n            padding: 0;\n        }\n\n        #ssm-hero-EPZC4F a { text-decoration: none; }\n        #ssm-hero-EPZC4F ul { list-style: none; }\n        #ssm-hero-EPZC4F img { max-width: 100%; display: block; }\n        #ssm-hero-EPZC4F svg { flex-shrink: 0; display: inline-block; vertical-align: middle; }\n\n        #ssm-hero-EPZC4F .ssm-hero-container {\n            position: relative;\n            width: 100%;\n            background-color: var(--ink);\n            border-radius: 24px;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n\n        @media (min-width: 1024px) {\n            #ssm-hero-EPZC4F .ssm-hero-container { border-radius: 48px; }\n        }\n\n        #ssm-hero-EPZC4F .ssm-hero-bg {\n            position: absolute;\n            inset: 0;\n            z-index: 0;\n            overflow: hidden;\n            background-color: #1a1c20;\n        }\n\n        #ssm-hero-EPZC4F .ssm-hero-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(120deg, rgba(10,10,10,0.85) 0%, rgba(10,10,10,0.55) 55%, rgba(10,10,10,0.75) 100%);\n            z-index: 1;\n        }\n\n        #ssm-hero-EPZC4F .ssm-slideshow-container {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n        }\n\n        #ssm-hero-EPZC4F .ssm-slide {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            background-size: cover;\n            background-position: center center;\n            background-repeat: no-repeat;\n            opacity: 0;\n            transform: scale(1);\n            transition: opacity 1.5s ease-in-out;\n        }\n\n        #ssm-hero-EPZC4F .ssm-slide.is-active {\n            opacity: 1;\n            transform: scale(1.15);\n            transition: opacity 1.5s ease-in-out, transform 8s linear;\n            will-change: opacity, transform;\n        }\n\n        #ssm-hero-EPZC4F .ssm-bg-video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center center;\n            filter: grayscale(15%) brightness(85%);\n            display: none;\n        }\n\n        #ssm-hero-EPZC4F .ssm-bg-video.is-active { display: block; }\n\n        #ssm-hero-EPZC4F .ssm-hero-inner {\n            position: relative;\n            z-index: 10;\n            display: flex;\n            flex-direction: column;\n            width: 100%;\n            flex-grow: 1;\n        }\n\n        #ssm-hero-EPZC4F .ssm-hero-top {\n            display: flex;\n            flex-direction: column;\n            gap: 2rem;\n            padding: 2.25rem 1.25rem 2rem;\n            flex-grow: 1;\n        }\n\n        @media (min-width: 480px) {\n            #ssm-hero-EPZC4F .ssm-hero-top { padding: 2.75rem 1.5rem 2.25rem; gap: 2.5rem; }\n        }\n\n        @media (min-width: 1024px) {\n            #ssm-hero-EPZC4F .ssm-hero-top {\n                flex-direction: row;\n                align-items: center;\n                justify-content: space-between;\n                padding: 4.5rem 4rem 3.5rem;\n                gap: 2rem;\n            }\n        }\n\n        @media (min-width: 1440px) {\n            #ssm-hero-EPZC4F .ssm-hero-top { padding: 5.5rem 5rem 4rem; }\n        }\n\n        #ssm-hero-EPZC4F .ssm-hero-content {\n            display: flex;\n            flex-direction: column;\n            min-width: 0;\n            width: 100%;\n        }\n\n        #ssm-hero-EPZC4F .ssm-hero-content-inner {\n            display: flex;\n            flex-direction: column;\n            min-width: 0;\n            width: 100%;\n            container-type: inline-size;\n            container-name: ssm-hero-content;\n        }\n\n        @media (min-width: 1024px) {\n            #ssm-hero-EPZC4F .ssm-hero-content { flex: 1 1 380px; min-width: 380px; max-width: 520px; width: auto; }\n        }\n\n        @media (min-width: 1180px) {\n            #ssm-hero-EPZC4F .ssm-hero-content { min-width: 440px; max-width: 580px; }\n        }\n\n        @media (min-width: 1320px) {\n            #ssm-hero-EPZC4F .ssm-hero-content { min-width: 480px; max-width: 620px; }\n        }\n\n        @media (min-width: 1600px) {\n            #ssm-hero-EPZC4F .ssm-hero-content { min-width: 760px; max-width: 860px; }\n        }\n\n        \/* When the video panel is hidden, let the content column take\n           the full width instead of being capped to the two-column sizing\n           above, so there's no empty gap on the right. *\/\n        #ssm-hero-EPZC4F .ssm-hero-content.ssm-no-video {\n            flex: 1 1 100%;\n            min-width: 0;\n            max-width: 100%;\n        }\n\n        #ssm-hero-EPZC4F .ssm-hero-content.ssm-no-video .ssm-subcopy {\n            max-width: 700px;\n        }\n\n        \/* ================================================\n           BADGE ROW \u2014 stays a SINGLE ROW at every hero-content\n           column width: phone, the narrow small-laptop two-column\n           layout, and wide desktop. Sized off the real column\n           width via container queries (the same \"ssm-hero-content\"\n           container the button group below already uses) instead\n           of the browser viewport, because the viewport is wrong\n           here \u2014 at desktop sizes the content column is narrower\n           than the screen (the video panel takes the rest).\n           .ssm-badge-text carries a text-overflow:ellipsis safety\n           net so a badge truncates gracefully instead of ever\n           overflowing its pill or the dark hero container; at the\n           text lengths used by default this never actually kicks\n           in, it only protects against unusually long custom text.\n           ================================================ *\/\n        #ssm-hero-EPZC4F .ssm-badge-row {\n            display: flex;\n            flex-wrap: nowrap;\n            align-items: center;\n            gap: 0.5rem;\n            margin-bottom: 1.75rem;\n            max-width: 100%;\n        }\n\n        #ssm-hero-EPZC4F .ssm-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.4rem;\n            padding: 0.55rem 1.1rem;\n            background-color: rgba(255, 255, 255, 0.08);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid rgba(255, 255, 255, 0.18);\n            border-radius: 9999px;\n            color: #fff;\n            font-size: 0.875rem;\n            font-weight: 500;\n            flex: 0 1 auto;\n            min-width: 0;\n        }\n\n        #ssm-hero-EPZC4F .ssm-badge-text {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            min-width: 0;\n        }\n\n        \/* Container-query tiers, keyed to the real hero-content column\n           width. Each tier only trims font-size\/padding \u2014 the row\n           never switches to nowrap-overflow or a full vertical stack,\n           so the badges always read as clean pills on one line. *\/\n        @container ssm-hero-content (max-width: 399px) {\n            #ssm-hero-EPZC4F .ssm-badge-row { gap: 0.35rem; }\n            #ssm-hero-EPZC4F .ssm-badge { font-size: 0.625rem; padding: 0.45rem 0.6rem; gap: 0.3rem; }\n            #ssm-hero-EPZC4F .ssm-badge-dot { width: 5px; height: 5px; }\n        }\n\n        @container ssm-hero-content (min-width: 400px) and (max-width: 559px) {\n            #ssm-hero-EPZC4F .ssm-badge-row { gap: 0.4rem; }\n            #ssm-hero-EPZC4F .ssm-badge { font-size: 0.6875rem; padding: 0.5rem 0.75rem; }\n        }\n\n        @container ssm-hero-content (min-width: 560px) and (max-width: 767px) {\n            #ssm-hero-EPZC4F .ssm-badge { font-size: 0.75rem; padding: 0.55rem 0.9rem; }\n        }\n\n        @container ssm-hero-content (min-width: 768px) {\n            #ssm-hero-EPZC4F .ssm-badge { font-size: 0.875rem; padding: 0.55rem 1.1rem; }\n        }\n\n        \/* Fallback for the rare browser without container-query support:\n           mirrors the tiers above keyed to the viewport instead, and\n           only stacks the badges (one per row) on a genuinely small\n           phone viewport as a last-resort safeguard against overflow. *\/\n        @supports not (container-type: inline-size) {\n            @media (max-width: 479px) {\n                #ssm-hero-EPZC4F .ssm-badge-row {\n                    flex-direction: column;\n                    align-items: stretch;\n                    flex-wrap: nowrap;\n                }\n                #ssm-hero-EPZC4F .ssm-badge {\n                    width: 100%;\n                    max-width: 100%;\n                    font-size: 0.8125rem;\n                    padding: 0.6rem 1rem;\n                }\n                #ssm-hero-EPZC4F .ssm-badge-text { white-space: normal; }\n            }\n            @media (min-width: 480px) and (max-width: 767px) {\n                #ssm-hero-EPZC4F .ssm-badge { font-size: 0.6875rem; padding: 0.5rem 0.75rem; }\n            }\n        }\n\n        #ssm-hero-EPZC4F .ssm-badge-dot {\n            width: 7px;\n            height: 7px;\n            background-color: var(--gold);\n            border-radius: 50%;\n            flex-shrink: 0;\n        }\n\n        #ssm-hero-EPZC4F .ssm-badge-stars {\n            color: var(--gold);\n            font-size: clamp(0.625rem, 0.6rem + 0.15vw, 0.7rem);\n            letter-spacing: 1px;\n            flex-shrink: 0;\n        }\n\n        #ssm-hero-EPZC4F .ssm-eyebrow {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            color: var(--gold);\n            font-size: clamp(0.6875rem, 0.65rem + 0.2vw, 0.75rem);\n            font-weight: 600;\n            letter-spacing: 0.14em;\n            text-transform: uppercase;\n            margin-bottom: 1rem;\n        }\n\n        #ssm-hero-EPZC4F .ssm-eyebrow::before {\n            content: '';\n            width: 28px;\n            height: 2px;\n            background-color: var(--gold);\n            flex-shrink: 0;\n        }\n\n        \/* ================================================\n           HEADLINE \u2014 FONT HARDENED + AUTO-FIT TO 3 LINES\n           Forced with !important so this always renders in\n           Bricolage Grotesque regardless of theme CSS,\n           caching, or Google Fonts load timing.\n\n           font-size below is only the STARTING (max) size.\n           The script at the bottom measures each line and\n           shrinks this element's font-size (via an inline\n           style override) until every line fits on one row,\n           so the headline is guaranteed to stay at exactly\n           3 lines (one per headline_line attribute) on any\n           screen size, instead of the longest line wrapping\n           onto a 4th line.\n           ================================================ *\/\n        #ssm-hero-EPZC4F .ssm-headline {\n            font-family: 'Bricolage Grotesque', sans-serif !important;\n            font-weight: 700 !important;\n            color: #fff;\n            line-height: 1.12;\n            margin-bottom: 1.5rem;\n            font-size: clamp(1.85rem, 1.3rem + 4.2vw, 76px);\n            max-width: 100%;\n        }\n\n        #ssm-hero-EPZC4F .ssm-headline-line {\n            display: block;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 100%;\n            font-family: 'Bricolage Grotesque', sans-serif !important;\n        }\n\n        #ssm-hero-EPZC4F .ssm-text-gold { color: var(--gold); }\n\n        #ssm-hero-EPZC4F .ssm-subcopy {\n            color: rgba(255, 255, 255, 0.7);\n            font-size: clamp(1.05rem, 1rem + 0.5vw, 1.25rem);\n            line-height: 1.6;\n            font-weight: 300;\n            max-width: 600px;\n            margin-bottom: 2.5rem;\n        }\n\n        \/* Buttons size themselves off the REAL available width of the\n           content column (via container queries on .ssm-hero-content),\n           not the viewport \u2014 the viewport is wrong here because at\n           desktop sizes the content column is narrower than the screen\n           (the video panel takes the rest). Below ~560px of actual\n           column width three full-text buttons genuinely cannot fit on\n           one line at a legible size, so on mobile they stack as clean\n           full-width buttons instead of being clipped, scrolled, or\n           squeezed. From ~560px of column width up, there's enough\n           room and they sit in one row at their natural width. *\/\n        #ssm-hero-EPZC4F .ssm-btn-group {\n            display: flex;\n            flex-direction: column;\n            align-items: stretch;\n            gap: 0.65rem;\n            width: 100%;\n        }\n\n        #ssm-hero-EPZC4F .ssm-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.4rem;\n            height: 63px;\n            padding: 0 1.3rem;\n            border-radius: 10px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            text-align: center;\n            white-space: nowrap;\n            width: 100%;\n            border: none;\n        }\n\n        \/* Container-query tiers: react to the content column's own\n           width, so this behaves correctly whether that column is full\n           mobile width, the narrow two-column desktop layout, or the\n           wide single-column (no video panel) layout. Height is fixed\n           at 48px throughout \u2014 only horizontal padding\/font-size grow. *\/\n        @container ssm-hero-content (min-width: 560px) {\n    #ssm-hero-EPZC4F .ssm-btn-group { flex-direction: row; flex-wrap: nowrap; }\n    #ssm-hero-EPZC4F .ssm-btn { font-size: 0.9rem; padding: 0 1.9rem; width: 210px; flex: 0 0 auto; }\n}\n\n@container ssm-hero-content (min-width: 768px) {\n    #ssm-hero-EPZC4F .ssm-btn { font-size: 0.95rem; padding: 0 2.2rem; width: 230px; }\n}\n\n@container ssm-hero-content (min-width: 1024px) {\n    #ssm-hero-EPZC4F .ssm-btn { font-size: 1rem; padding: 0 2.5rem; width: 250px; }\n}\n        \/* Fallback for the rare browser without container-query support:\n           behaves like a sensible, safe mobile layout \u2014 full-width\n           stacked buttons instead of ever overflowing. *\/\n      @supports not (container-type: inline-size) {\n    @media (min-width: 560px) {\n        #ssm-hero-EPZC4F .ssm-btn-group { flex-direction: row; flex-wrap: nowrap; }\n        #ssm-hero-EPZC4F .ssm-btn { width: 210px; flex: 0 0 auto; }\n    }\n    @media (min-width: 1024px) {\n        #ssm-hero-EPZC4F .ssm-btn { font-size: 1rem; padding: 0 2.5rem; width: 250px; }\n    }\n}\n\n       #ssm-hero-EPZC4F .ssm-btn-primary {\n    background-color: var(--gold);\n    color: #ffffff;\n    font-weight: 700;\n    box-shadow: 0 10px 20px -10px rgba(197, 157, 81, 0.5);\n}\n\n        #ssm-hero-EPZC4F .ssm-btn-primary:hover {\n            background-color: var(--gold-dark);\n            transform: translateY(-2px);\n        }\n\n        #ssm-hero-EPZC4F .ssm-btn-primary svg {\n            transition: transform 0.3s ease;\n        }\n\n        #ssm-hero-EPZC4F .ssm-btn-primary:hover svg { transform: translateX(4px); }\n\n        \/* Secondary button \u2014 now filled white (was transparent\/outlined\n           gold) to match the primary button's \"filled + darken on hover\"\n           treatment. Hover state dulls the white slightly, mirroring how\n           the primary button darkens from gold to gold-dark on hover. *\/\n       #ssm-hero-EPZC4F .ssm-btn-secondary {\n    background-color: #ffffff;\n    border: 1.5px solid var(--gold);\n    color: var(--gold);\n    font-weight: 700;\n}\n\n#ssm-hero-EPZC4F .ssm-btn-secondary:hover {\n    background-color: #f7f4ed;\n    border-color: var(--gold-dark);\n    color: var(--gold-dark);\n    transform: translateY(-2px);\n}\n\n        #ssm-hero-EPZC4F .ssm-btn-whatsapp {\n    background-color: white;\n    border: 1.5px solid var(--gold);\n    color: var(--gold);\n    font-weight: 700;\n}\n\n#ssm-hero-EPZC4F .ssm-btn-whatsapp:hover {\n    background-color: #f7f4ed;\n    border-color: var(--gold-dark);\n    color: var(--gold-dark);\n    transform: translateY(-2px);\n}\n\n#ssm-hero-EPZC4F .ssm-btn-whatsapp svg {\n    flex-shrink: 0;\n}\n\n        #ssm-hero-EPZC4F .ssm-video-panel {\n            position: relative;\n            flex-shrink: 0;\n            width: 100%;\n            aspect-ratio: 16 \/ 10;\n            border-radius: 20px;\n            overflow: hidden;\n            background-color: #0d0d0d;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.45);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n        }\n\n        @media (min-width: 1024px) {\n            #ssm-hero-EPZC4F .ssm-video-panel { width: 340px; }\n        }\n\n        @media (min-width: 1180px) {\n            #ssm-hero-EPZC4F .ssm-video-panel { width: 400px; }\n        }\n\n        @media (min-width: 1320px) {\n            #ssm-hero-EPZC4F .ssm-video-panel { width: 440px; }\n        }\n\n        @media (min-width: 1600px) {\n            #ssm-hero-EPZC4F .ssm-video-panel { width: 620px; }\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-poster {\n            position: absolute;\n            inset: 0;\n            background-color: #23262b;\n            background-image: linear-gradient(160deg, #2b2f36 0%, #1a1c20 100%);\n            background-size: cover;\n            background-position: center center;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        \/* Darken a YouTube thumbnail slightly so the play button stays\n           legible on bright thumbnails. *\/\n        #ssm-hero-EPZC4F .ssm-video-panel--youtube .ssm-video-poster::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.25);\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-el {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: none;\n            background: #000;\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-el.has-source { display: block; }\n        #ssm-hero-EPZC4F .ssm-video-el.has-source ~ .ssm-video-poster { display: none; }\n\n        \/* Holds the injected YouTube iframe once the visitor presses\n           play (kept empty\/hidden until then so nothing loads from\n           YouTube's servers before the visitor actually wants the\n           video). *\/\n        #ssm-hero-EPZC4F .ssm-video-embed {\n            position: absolute;\n            inset: 0;\n            display: none;\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-embed.is-active { display: block; }\n\n        #ssm-hero-EPZC4F .ssm-video-embed iframe {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            border: 0;\n            display: block;\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-embed.is-active ~ .ssm-video-poster,\n        #ssm-hero-EPZC4F .ssm-video-embed.is-active ~ .ssm-video-play {\n            display: none;\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-poster-icon {\n            width: 56px;\n            height: 56px;\n            border-radius: 50%;\n            border: 1.5px dashed rgba(255, 255, 255, 0.3);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: rgba(255, 255, 255, 0.35);\n            font-size: 1.2rem;\n        }\n\n        \/* No video attribute supplied at all \u2014 placeholder only, no\n           clickable play button. *\/\n        #ssm-hero-EPZC4F .ssm-video-panel--empty .ssm-video-play {\n            display: none;\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-play {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 64px;\n            height: 64px;\n            border-radius: 50%;\n            background-color: transparent;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #fff;\n            font-size: 1.2rem;\n            cursor: pointer;\n            transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;\n            z-index: 2;\n            border: 2px solid rgba(255, 255, 255, 0.85);\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-play:hover {\n            transform: translate(-50%, -50%) scale(1.06);\n            background-color: rgba(255, 255, 255, 0.12);\n            border-color: #fff;\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-controls {\n            position: absolute;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            z-index: 2;\n            padding: 0 0.9rem 0.7rem;\n            background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-progress {\n            width: 100%;\n            height: 3px;\n            background-color: rgba(255, 255, 255, 0.3);\n            border-radius: 2px;\n            margin-bottom: 0.6rem;\n            overflow: hidden;\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-progress span {\n            display: block;\n            width: 0%;\n            height: 100%;\n            background-color: #fff;\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-controls-row {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            color: #fff;\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-controls-left {\n            display: flex;\n            align-items: center;\n            gap: 0.65rem;\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-time {\n            font-size: clamp(0.6875rem, 0.65rem + 0.1vw, 0.75rem);\n            font-variant-numeric: tabular-nums;\n            opacity: 0.85;\n        }\n\n        #ssm-hero-EPZC4F .ssm-video-controls-right {\n            display: flex;\n            align-items: center;\n            gap: 0.9rem;\n            opacity: 0.9;\n        }\n\n        #ssm-hero-EPZC4F .ssm-stats-bar {\n            position: relative;\n            z-index: 10;\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            border-top: 1px solid rgba(255, 255, 255, 0.12);\n        }\n\n        @media (min-width: 768px) {\n            #ssm-hero-EPZC4F .ssm-stats-bar { grid-template-columns: repeat(4, 1fr); }\n        }\n\n        #ssm-hero-EPZC4F .ssm-stat {\n            display: flex;\n            align-items: center;\n            gap: 0.85rem;\n            padding: 1.5rem 1.25rem;\n            border-right: 1px solid rgba(255, 255, 255, 0.12);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n        }\n\n        @media (min-width: 768px) {\n            #ssm-hero-EPZC4F .ssm-stat:nth-child(2n) { border-right: 1px solid rgba(255, 255, 255, 0.12); }\n            #ssm-hero-EPZC4F .ssm-stat:last-child { border-right: none; }\n            #ssm-hero-EPZC4F .ssm-stat { border-bottom: none; }\n        }\n\n        @media (max-width: 767px) {\n            #ssm-hero-EPZC4F .ssm-stat:nth-child(2n) { border-right: none; }\n            #ssm-hero-EPZC4F .ssm-stat:nth-last-child(-n+2) { border-bottom: none; }\n        }\n\n        \/* Mobile fix: on very narrow screens the icon + two-line text can be\n           tighter than the padding\/gap allow, causing the label text to be\n           squeezed or overflow the stat cell. Tighten padding\/gap and let the\n           text column shrink properly below 400px. *\/\n        @media (max-width: 399px) {\n            #ssm-hero-EPZC4F .ssm-stat {\n                padding: 1.1rem 0.85rem;\n                gap: 0.6rem;\n            }\n            #ssm-hero-EPZC4F .ssm-stat-icon {\n                width: 32px;\n                height: 32px;\n            }\n        }\n\n        #ssm-hero-EPZC4F .ssm-stat-icon {\n            width: 38px;\n            height: 38px;\n            border-radius: 10px;\n            background-color: rgba(197, 157, 81, 0.15);\n            color: var(--gold);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        #ssm-hero-EPZC4F .ssm-stat-value {\n            color: #fff;\n            font-weight: 700;\n            font-size: clamp(0.875rem, 0.85rem + 0.2vw, 0.9375rem);\n            line-height: 1.3;\n        }\n\n        #ssm-hero-EPZC4F .ssm-stat-label {\n            color: rgba(255, 255, 255, 0.55);\n            font-size: clamp(0.6875rem, 0.65rem + 0.15vw, 0.75rem);\n            line-height: 1.3;\n        }\n\n        @keyframes ssmFadeInUp {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        #ssm-hero-EPZC4F .ssm-animate-fade {\n            opacity: 0;\n            animation: ssmFadeInUp 0.8s cubic-bezier(0.21, 0.45, 0.32, 0.9) forwards;\n        }\n    <\/style>\n\n    <div id=\"ssm-hero-EPZC4F\">\n        <div class=\"ssm-hero-widget\">\n            <div class=\"ssm-hero-container\">\n\n                <div class=\"ssm-hero-bg\">\n                    <div class=\"ssm-slideshow-container\">\n                        <div class=\"ssm-slide\" style=\"background-image: url('\/my\/wp-content\/uploads\/2026\/08\/abt.webp');\"><\/div>\n                    <\/div>\n                    <video class=\"ssm-bg-video\" autoplay muted loop playsinline preload=\"none\"><\/video>\n                    <div class=\"ssm-hero-overlay\"><\/div>\n                <\/div>\n\n                <div class=\"ssm-hero-inner\">\n                    <div class=\"ssm-hero-top\">\n                        <div class=\"ssm-hero-content\">\n                          <div class=\"ssm-hero-content-inner\">\n\n                            <div class=\"ssm-badge-row ssm-animate-fade\" style=\"animation-delay: 0.1s;\">\n                                <div class=\"ssm-badge\">\n                                    <span class=\"ssm-badge-dot\"><\/span>\n                                    <span class=\"ssm-badge-text\">Licensed Registered Agent<\/span>\n                                <\/div>\n                                <div class=\"ssm-badge\">\n                                    <span class=\"ssm-badge-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                    <span class=\"ssm-badge-text\">4.9 \u00b7 280+ reviews<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"ssm-eyebrow ssm-animate-fade\" style=\"animation-delay: 0.15s;\">\n                                Who We Are \u00b7 About SetupHero                            <\/div>\n\n                            <h1 class=\"ssm-headline ssm-animate-fade\" style=\"animation-delay: 0.2s;\">\n                                                                    <span class=\"ssm-headline-line\">Helping businesses<\/span>\n                                                                                                    <span class=\"ssm-headline-line ssm-text-gold\">move forward, <\/span>\n                                                                                                    <span class=\"ssm-headline-line\">faster.<\/span>\n                                                            <\/h1>\n\n                            <p class=\"ssm-subcopy ssm-animate-fade\" style=\"animation-delay: 0.3s;\">\n                                SetupHero helps entrepreneurs expand across 15+ jurisdictions worldwide\u2014without the complexity, paperwork, or confusion of entering a new market.\n                            <\/p>\n\n                            <div class=\"ssm-btn-group ssm-animate-fade\" style=\"animation-delay: 0.4s;\">\n                                <a href=\"\" class=\"ssm-btn ssm-btn-primary sh-popup-trigger\">\n    Get started \n    <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"><\/path><\/svg>\n<\/a>\n                                                                <a href=\"#\" class=\"ssm-btn ssm-btn-secondary sh-calendly-trigger\">\n                                    Schedule a call                                <\/a>\n                                                                                                                            <\/div>\n                          <\/div>\n                        <\/div>\n\n                                                <div class=\"ssm-video-panel ssm-animate-fade ssm-video-panel--youtube\" style=\"animation-delay: 0.5s;\" data-youtube-id=\"E2esB9BEmko\">\n                            <video class=\"ssm-video-el\" playsinline muted preload=\"none\"><\/video>\n                            <div class=\"ssm-video-embed\"><\/div>\n                            <div class=\"ssm-video-poster\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/E2esB9BEmko\/hqdefault.jpg');\">\n                                                            <\/div>\n\n                                                        <button class=\"ssm-video-play\" aria-label=\"Play video\">\n                                <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" width=\"32\" height=\"32\"><path d=\"M8 5.14v14l11-7-11-7z\"\/><\/svg>\n                            <\/button>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                    <div class=\"ssm-stats-bar ssm-animate-fade\" style=\"animation-delay: 0.6s;\">\n                        <div class=\"ssm-stat\">\n                            <div class=\"ssm-stat-icon\">\n                                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z\" \/><\/svg>\n                            <\/div>\n                            <div>\n                                <div class=\"ssm-stat-value\">2020<\/div>\n                                <div class=\"ssm-stat-label\">Year founded<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ssm-stat\">\n                            <div class=\"ssm-stat-icon\">\n                                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z\" \/><\/svg>\n                            <\/div>\n                            <div>\n                                <div class=\"ssm-stat-value\">15+ Countries<\/div>\n                                <div class=\"ssm-stat-label\">Markets covered worldwide<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ssm-stat\">\n                            <div class=\"ssm-stat-icon\">\n                                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418\" \/><\/svg>\n                            <\/div>\n                            <div>\n                                <div class=\"ssm-stat-value\">600+ Companies<\/div>\n                                <div class=\"ssm-stat-label\">Companies formed<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ssm-stat\">\n                            <div class=\"ssm-stat-icon\">\n                                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z\" \/><\/svg>\n                            <\/div>\n                            <div>\n                                <div class=\"ssm-stat-value\">Certified Accountants<\/div>\n                                <div class=\"ssm-stat-label\">In-house expertise<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            const widget = document.getElementById('ssm-hero-EPZC4F');\n            if (!widget) return;\n\n            const config = {\n                images: [\n                    '\/my\/wp-content\/uploads\/2026\/08\/abt.webp',\n                    '\/my\/wp-content\/uploads\/2026\/08\/abtus.webp',\n                    '\/my\/wp-content\/uploads\/2026\/08\/abt.webp'\n                ],\n                intervalMs: 6000\n            };\n\n            const slideshowContainer = widget.querySelector('.ssm-slideshow-container');\n            const firstSlide = slideshowContainer.querySelector('.ssm-slide');\n\n            if (firstSlide) {\n                requestAnimationFrame(() => firstSlide.classList.add('is-active'));\n            }\n\n            setTimeout(() => {\n                const remainingUrls = config.images.slice(1);\n                remainingUrls.forEach((url) => {\n                    if(!url) return;\n                    const slide = document.createElement('div');\n                    slide.className = 'ssm-slide';\n                    slide.style.backgroundImage = `url('${url}')`;\n                    slideshowContainer.appendChild(slide);\n                });\n\n                const slides = slideshowContainer.querySelectorAll('.ssm-slide');\n                if (slides.length > 1) {\n                    let current = 0;\n                    setInterval(() => {\n                        slides[current].classList.remove('is-active');\n                        current = (current + 1) % slides.length;\n                        slides[current].classList.add('is-active');\n                    }, config.intervalMs);\n                }\n            }, 2500);\n\n            const VIDEO_SRC   = 'https:\/\/youtu.be\/E2esB9BEmko?si=tSZ06rs7rlcqik_W';\n            const YOUTUBE_ID  = 'E2esB9BEmko';\n            const panel       = widget.querySelector('.ssm-video-panel');\n\n            if (panel) {\n                const videoEl      = panel.querySelector('.ssm-video-el');\n                const embedHolder  = panel.querySelector('.ssm-video-embed');\n                const playBtn      = panel.querySelector('.ssm-video-play');\n                const timeLabel    = panel.querySelector('.ssm-video-time');\n                const progressFill = panel.querySelector('.ssm-video-progress span');\n\n                function formatTime(sec) {\n                    if (!isFinite(sec)) return '0:00';\n                    const m = Math.floor(sec \/ 60);\n                    const s = Math.floor(sec % 60).toString().padStart(2, '0');\n                    return `${m}:${s}`;\n                }\n\n                if (YOUTUBE_ID) {\n                    \/\/ YouTube: nothing is loaded from YouTube's servers\n                    \/\/ until the visitor presses play \u2014 we then build the\n                    \/\/ embed iframe and swap it in for the thumbnail.\n                    playBtn.addEventListener('click', function () {\n                        const iframe = document.createElement('iframe');\n                        iframe.src = 'https:\/\/www.youtube-nocookie.com\/embed\/' + YOUTUBE_ID + '?autoplay=1&rel=0&modestbranding=1&playsinline=1';\n                        iframe.title = 'YouTube video player';\n                        iframe.setAttribute('frameborder', '0');\n                        iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');\n                        iframe.setAttribute('allowfullscreen', '');\n                        embedHolder.appendChild(iframe);\n                        embedHolder.classList.add('is-active');\n                    }, { once: true });\n                } else if (VIDEO_SRC) {\n                    \/\/ Direct video file (mp4\/webm\/etc.) \u2014 original custom player.\n                    videoEl.src = VIDEO_SRC;\n                    videoEl.classList.add('has-source');\n\n                    playBtn.addEventListener('click', function () {\n                        if (!videoEl.src) return;\n                        if (videoEl.paused) {\n                            videoEl.play();\n                            playBtn.style.opacity = '0';\n                        } else {\n                            videoEl.pause();\n                            playBtn.style.opacity = '1';\n                        }\n                    });\n\n                    videoEl.addEventListener('timeupdate', function () {\n                        if (!videoEl.duration || !progressFill || !timeLabel) return;\n                        const pct = (videoEl.currentTime \/ videoEl.duration) * 100;\n                        progressFill.style.width = pct + '%';\n                        timeLabel.textContent = `${formatTime(videoEl.currentTime)} \/ ${formatTime(videoEl.duration)}`;\n                    });\n\n                    videoEl.addEventListener('ended', function () {\n                        playBtn.style.opacity = '1';\n                    });\n                }\n                \/\/ else: no video_src at all \u2014 placeholder only, no play button (hidden via CSS).\n            }\n\n            \/* ============================================================\n               HEADLINE AUTO-FIT \u2014 keeps the headline to exactly 3 lines\n               (one line per headline_line1\/2\/3 attribute) on every screen\n               size, by shrinking the font-size until each line's natural\n               text width fits inside its container. This replaces relying\n               purely on clamp()\/vw sizing, which can't account for a\n               specific line (e.g. \"Malaysian company\") being longer than\n               the others and wrapping onto a second row.\n               ============================================================ *\/\n            const headline = widget.querySelector('.ssm-headline');\n\n            if (headline) {\n                const lines = Array.from(headline.querySelectorAll('.ssm-headline-line'));\n\n                if (lines.length) {\n                    const MIN_FONT_PX = 15; \/\/ hard floor so text never becomes unreadable\n                    let rafId = null;\n\n                    function fitHeadline() {\n                        \/\/ Reset any previous inline override so we measure\n                        \/\/ against the CSS clamp() value fresh each time.\n                        headline.style.fontSize = '';\n\n                        const container = headline.parentElement;\n                        if (!container) return;\n\n                        const containerWidth = container.clientWidth;\n                        if (!containerWidth) return;\n\n                        let fontSize = parseFloat(window.getComputedStyle(headline).fontSize);\n                        if (!fontSize) return;\n\n                        const fits = () => lines.every((line) => line.scrollWidth <= containerWidth);\n\n                        let guard = 0;\n                        while (!fits() && fontSize > MIN_FONT_PX && guard < 200) {\n                            fontSize -= 0.5;\n                            headline.style.fontSize = fontSize + 'px';\n                            guard++;\n                        }\n                    }\n\n                    function scheduleFit() {\n                        if (rafId) cancelAnimationFrame(rafId);\n                        rafId = requestAnimationFrame(fitHeadline);\n                    }\n\n                    \/\/ Run immediately (synchronously, before first paint\n                    \/\/ settles) so there's no gap between initial layout and\n                    \/\/ the first fit pass \u2014 this is what previously caused a\n                    \/\/ brief mis-sized\/overflowed render on some browsers.\n                    fitHeadline();\n\n                    \/\/ Run once fonts are actually loaded (Bricolage Grotesque\n                    \/\/ is custom-loaded via Google Fonts, so widths measured\n                    \/\/ before it loads would be wrong), then again shortly\n                    \/\/ after as a safety net for slower connections.\n                    if (document.fonts && document.fonts.ready) {\n                        document.fonts.ready.then(scheduleFit).catch(scheduleFit);\n                    } else {\n                        scheduleFit();\n                    }\n                    scheduleFit();\n                    setTimeout(scheduleFit, 500);\n                    setTimeout(scheduleFit, 1500);\n\n                    \/\/ Re-fit on resize \/ orientation change (debounced) and\n                    \/\/ whenever the hero's own width changes for any other\n                    \/\/ reason (e.g. sidebar toggles, theme layout shifts).\n                    let resizeTimer = null;\n                    window.addEventListener('resize', function () {\n                        clearTimeout(resizeTimer);\n                        resizeTimer = setTimeout(scheduleFit, 120);\n                    });\n                    window.addEventListener('orientationchange', scheduleFit);\n\n                    if (window.ResizeObserver) {\n                        const ro = new ResizeObserver(function () {\n                            clearTimeout(resizeTimer);\n                            resizeTimer = setTimeout(scheduleFit, 120);\n                        });\n                        ro.observe(headline.parentElement);\n                    }\n                }\n            }\n        })();\n    <\/script>\n    \n    <\/div>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64e5242 e-con-full e-flex e-con e-parent\" data-id=\"64e5242\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f044bc elementor-widget elementor-widget-html\" data-id=\"5f044bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <div class=\"setuphero-wrapper bg-cream text-gray-900\">\n      <!-- FOUNDER -->\n<section id=\"founder\" class=\"bg-white py-16 md:py-24\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 overflow-hidden md:overflow-visible\">\n    <div class=\"grid md:grid-cols-2 gap-12 md:gap-14 items-center\">\n\n      <!-- Founder image -->\n      <div class=\"relative order-1 mb-10 md:mb-0\">\n        <!-- Relative box + absolute inset wrapper prevents CMS height\/whitespace collapse -->\n        <div class=\"relative rounded-2xl overflow-hidden h-[320px] md:h-[480px] border border-gold\/15 shadow-xl\">\n          <div class=\"absolute inset-0 w-full h-full\">\n            <img decoding=\"async\" src=\"\/my\/wp-content\/uploads\/2026\/08\/shirazz.webp\" class=\"w-full h-full object-cover\" alt=\"Shiraz Waheed, Founder & CEO of SetupHero\"\/>\n          <\/div>\n        <\/div>\n\n        <!-- Floating Badge -->\n        <div class=\"absolute -bottom-6 right-4 md:-right-6 bg-darkbg border border-gold\/30 text-white rounded-xl shadow-xl px-5 py-4 md:px-6 md:py-5 max-w-[200px] md:max-w-none\">\n          <div class=\"text-xl md:text-2xl font-black text-gold\">9+<\/div>\n          <div class=\"text-[10px] md:text-xs font-semibold uppercase tracking-wider text-gray-400 mt-0.5\">Years Consulting Entrepreneurs<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Founder story -->\n      <div class=\"order-2 mt-4 md:mt-0\">\n        <p class=\"text-[10px] md:text-xs font-bold uppercase tracking-widest text-gold mb-3 md:mb-4\">MEET THE FOUNDER<\/p>\n        <h2 class=\"text-3xl md:text-4xl font-black text-darkbg mb-4 md:mb-5 tracking-tight\">Experience You Can Trust<\/h2>\n        <p class=\"text-gray-500 text-sm md:text-base leading-relaxed mb-6\">Founder & CEO of SetupHero, Shiraz is an experienced finance and business advisory professional with a strong background in corporate structuring, accounting, and international business setup. He helps entrepreneurs and companies establish and grow their businesses across 25+ countries, providing practical guidance on company formation, compliance, banking, and ongoing corporate services. His experience combines global professional standards with hands-on expertise in helping businesses expand internationally.<\/p>\n        \n        <blockquote class=\"border-l-2 border-gold pl-4 md:pl-5 mb-6 md:mb-8\">\n          <p class=\"text-darkbg text-base md:text-lg font-medium leading-relaxed italic\">\"Shiraz true passion is to see his clients succeed.\"<\/p>\n        <\/blockquote>\n        \n        <div class=\"flex items-center gap-4 mb-6 md:mb-8\">\n          <div>\n            <div class=\"font-bold text-darkbg text-base md:text-lg leading-tight\">\n              Shiraz Waheed\n            <\/div>\n            \n            <div class=\"text-gray-500 text-xs md:text-sm font-medium mt-0.5 mb-1.5\">\n              MCSI, ACMA, CGMA, Ex-Deloitte\n            <\/div>\n            \n            <div class=\"text-gold text-[10px] md:text-xs font-bold uppercase tracking-wider\">\n              Founder & CEO, SetupHero\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"flex gap-3\">\n          <a href=\"https:\/\/www.linkedin.com\/in\/shirazwaheed\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-10 h-10 bg-cream rounded-lg border border-gold\/20 flex items-center justify-center hover:border-gold transition-colors\" aria-label=\"LinkedIn\">\n            <i class=\"fa-brands fa-linkedin-in text-gray-500 text-sm\"><\/i>\n          <\/a>\n         <a href=\"https:\/\/wa.me\/971501720766\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-10 h-10 bg-cream rounded-lg border border-gold\/20 flex items-center justify-center hover:border-gold transition-colors\" aria-label=\"WhatsApp\">\n  <i class=\"fa-brands fa-whatsapp text-gray-500 text-sm\"><\/i>\n<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n      <section id=\"stats\" class=\"bg-darkbg py-16 border-t border-gold\/20 relative overflow-hidden\">\n        <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-gold\/5 via-darkbg to-darkbg\"><\/div>\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 relative z-10\">\n          <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center\">\n            <div>\n              <div class=\"text-4xl md:text-5xl font-black text-white mb-2\">600<span class=\"text-gold\">+<\/span><\/div>\n              <div class=\"text-gold text-xs font-bold uppercase tracking-widest\">Companies Formed<\/div>\n            <\/div>\n            <div>\n              <div class=\"text-4xl md:text-5xl font-black text-white mb-2\">15<span class=\"text-gold\">+<\/span><\/div>\n              <div class=\"text-gold text-xs font-bold uppercase tracking-widest\">Global Markets<\/div>\n            <\/div>\n            <div>\n              <div class=\"text-4xl md:text-5xl font-black text-white mb-2\">5<span class=\"text-gold\">+<\/span><\/div>\n              <div class=\"text-gold text-xs font-bold uppercase tracking-widest\">Years in Business<\/div>\n            <\/div>\n            <div>\n              <div class=\"text-4xl md:text-5xl font-black text-white mb-2\">4.9<span class=\"text-gold text-3xl\">\u2605<\/span><\/div>\n              <div class=\"text-gold text-xs font-bold uppercase tracking-widest\">Average Rating<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/div>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a62436 e-con-full e-flex e-con e-parent\" data-id=\"4a62436\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96da334 elementor-widget elementor-widget-html\" data-id=\"96da334\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <div class=\"setuphero-wrapper bg-cream text-gray-900\">\n      <section id=\"why-us\" class=\"bg-white py-16 md:py-24 border-t border-gold\/10\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n    <div class=\"grid md:grid-cols-2 gap-10 md:gap-16 items-center\">\n      \n      <!-- Text Column -->\n      <div>\n        <p class=\"text-xs font-bold uppercase tracking-widest text-gold mb-3 md:mb-4\">WHY SETUPHERO<\/p>\n        <h2 class=\"text-3xl md:text-4xl font-black text-darkbg mb-4 md:mb-5 tracking-tight\">Access Global Markets Easily<\/h2>\n        <p class=\"text-gray-500 text-sm md:text-base leading-relaxed mb-6 md:mb-8\">Wherever you're expanding \u2014 the Americas, Europe, the Middle East, Asia, or Africa & the Indian Ocean \u2014 we bring local expertise, business-friendly regulation know-how, and competitive tax structuring to help you get set up the right way, the first time.<\/p>\n        \n        <div class=\"space-y-5 md:space-y-6\">\n          <div class=\"flex items-start gap-4\">\n            <div class=\"w-10 h-10 md:w-12 md:h-12 bg-gold\/10 border border-gold\/20 rounded-xl flex items-center justify-center flex-shrink-0\">\n              <i class=\"fa-solid fa-percent text-gold text-base md:text-lg\"><\/i>\n            <\/div>\n            <div>\n              <div class=\"font-bold text-darkbg text-sm md:text-base mb-1\">Tax-Efficient Structuring<\/div>\n              <div class=\"text-gray-500 text-xs md:text-sm leading-relaxed\">We help you choose and set up the most tax-efficient entity type across our global network of jurisdictions for your specific business.<\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"flex items-start gap-4\">\n            <div class=\"w-10 h-10 md:w-12 md:h-12 bg-gold\/10 border border-gold\/20 rounded-xl flex items-center justify-center flex-shrink-0\">\n              <i class=\"fa-solid fa-handshake text-gold text-base md:text-lg\"><\/i>\n            <\/div>\n            <div>\n              <div class=\"font-bold text-darkbg text-sm md:text-base mb-1\">Extensive Tax Treaty Networks<\/div>\n              <div class=\"text-gray-500 text-xs md:text-sm leading-relaxed\">Our markets have signed double tax agreements with dozens of countries, reducing withholding tax on dividends, interest, and royalties.<\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"flex items-start gap-4\">\n            <div class=\"w-10 h-10 md:w-12 md:h-12 bg-gold\/10 border border-gold\/20 rounded-xl flex items-center justify-center flex-shrink-0\">\n              <i class=\"fa-solid fa-globe text-gold text-base md:text-lg\"><\/i>\n            <\/div>\n            <div>\n              <div class=\"font-bold text-darkbg text-sm md:text-base mb-1\">Gateway to Global Trade<\/div>\n              <div class=\"text-gray-500 text-xs md:text-sm leading-relaxed\">Our jurisdictions connect you to major trade blocs and free-trade agreements, opening access to markets across five continents.<\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"flex items-start gap-4\">\n            <div class=\"w-10 h-10 md:w-12 md:h-12 bg-gold\/10 border border-gold\/20 rounded-xl flex items-center justify-center flex-shrink-0\">\n              <i class=\"fa-solid fa-language text-gold text-base md:text-lg\"><\/i>\n            <\/div>\n            <div>\n              <div class=\"font-bold text-darkbg text-sm md:text-base mb-1\">English-Speaking & Business-Friendly<\/div>\n              <div class=\"text-gray-500 text-xs md:text-sm leading-relaxed\">English is widely spoken in business across our markets, and our teams are familiar with each jurisdiction's legal framework, making the process accessible for founders from anywhere.<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Image Column -->\n      <div class=\"relative mt-8 md:mt-0\">\n        <!-- Responsive height + relative positioning for the absolute wrapper -->\n        <div class=\"relative rounded-2xl overflow-hidden h-[320px] md:h-[500px] border border-gold\/10 shadow-2xl\">\n          \n          <!-- Absolute wrapper to prevent CMS structural breaking -->\n          <div class=\"absolute inset-0 w-full h-full\">\n            <img decoding=\"async\" class=\"w-full h-full object-cover grayscale opacity-90 hover:grayscale-0 transition-all duration-500\" src=\"https:\/\/storage.googleapis.com\/uxpilot-auth.appspot.com\/gen_dadc4a142d_3d88f8e771715919.png\" alt=\"City skyline\" \/>\n          <\/div>\n          <div class=\"absolute inset-0 bg-darkbg\/5 mix-blend-multiply pointer-events-none\"><\/div>\n          \n        <\/div>\n        \n        <!-- Badge adjusted for mobile spacing -->\n        <div class=\"absolute top-4 right-4 md:top-6 md:right-6 bg-white\/95 backdrop-blur-md rounded-xl shadow-xl border border-gold\/10 p-4 md:p-5\">\n          <div class=\"text-center\">\n            <div class=\"text-xl md:text-2xl font-black text-darkbg mb-0.5\">Top-Ranked<\/div>\n            <div class=\"text-[10px] md:text-xs font-semibold text-gray-500\">Ease of Doing Business<\/div>\n            <div class=\"text-[10px] md:text-xs text-gold font-bold uppercase tracking-wider mt-1\">15+ Global Markets<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n    <\/div>\n  <\/div>\n<\/section>\n\n      <section id=\"services-overview\" class=\"bg-cream py-24 border-t border-gold\/10\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n          <div class=\"text-center mb-16\">\n            <p class=\"text-xs font-bold uppercase tracking-widest text-gold mb-3\">WHAT WE DO<\/p>\n            <h2 class=\"text-3xl md:text-4xl font-black text-darkbg mb-4 tracking-tight\">Everything in One Place<\/h2>\n            <p class=\"text-gray-500 text-base max-w-xl mx-auto\">From day one of incorporation to ongoing compliance and growth \u2014 SetupHero is your single partner across 15+ jurisdictions worldwide.<\/p>\n          <\/div>\n          <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n            <div class=\"bg-white rounded-2xl p-7 shadow-sm border border-gold\/10 card-hover group\">\n              <div class=\"w-12 h-12 bg-gold\/10 group-hover:bg-gold border border-gold\/20 group-hover:border-gold rounded-xl flex items-center justify-center mb-5 transition-colors\">\n                <i class=\"fa-solid fa-building-columns text-gold group-hover:text-darkbg text-xl transition-colors\"><\/i>\n              <\/div>\n              <h3 class=\"font-bold text-darkbg text-base mb-2\">Incorporation<\/h3>\n              <p class=\"text-gray-500 text-sm leading-relaxed mb-4\">Register your company in any of our 15+ jurisdictions in as little as 48 hours. 100% online, fixed pricing, no office visits required.<\/p>\n              <a href=\"\/my\/incorporation\/\" class=\"text-gold text-sm font-bold flex items-center gap-1.5 hover:gap-2.5 transition-all\">Learn more <i class=\"fa-solid fa-arrow-right text-xs\"><\/i><\/a>\n            <\/div>\n\n            <div class=\"bg-white rounded-2xl p-7 shadow-sm border border-gold\/10 card-hover group\">\n              <div class=\"w-12 h-12 bg-gold\/10 group-hover:bg-gold border border-gold\/20 group-hover:border-gold rounded-xl flex items-center justify-center mb-5 transition-colors\">\n                <i class=\"fa-solid fa-book-open text-gold group-hover:text-darkbg text-xl transition-colors\"><\/i>\n              <\/div>\n              <h3 class=\"font-bold text-darkbg text-base mb-2\">Accounting & Bookkeeping<\/h3>\n              <p class=\"text-gray-500 text-sm leading-relaxed mb-4\">Monthly bookkeeping, financial statements, payroll, and management accounts \u2014 handled by our certified accountants in each market.<\/p>\n              <a href=\"\/my\/accounting\/\" class=\"text-gold text-sm font-bold flex items-center gap-1.5 hover:gap-2.5 transition-all\">Learn more <i class=\"fa-solid fa-arrow-right text-xs\"><\/i><\/a>\n            <\/div>\n\n            <div class=\"bg-white rounded-2xl p-7 shadow-sm border border-gold\/10 card-hover group\">\n              <div class=\"w-12 h-12 bg-gold\/10 group-hover:bg-gold border border-gold\/20 group-hover:border-gold rounded-xl flex items-center justify-center mb-5 transition-colors\">\n                <i class=\"fa-solid fa-file-invoice-dollar text-gold group-hover:text-darkbg text-xl transition-colors\"><\/i>\n              <\/div>\n              <h3 class=\"font-bold text-darkbg text-base mb-2\">Tax Filing<\/h3>\n              <p class=\"text-gray-500 text-sm leading-relaxed mb-4\">Corporate tax returns and statutory filings \u2014 done on time, every time, in whichever jurisdiction you're registered.<\/p>\n              <a href=\"\/my\/accounting\/\" class=\"text-gold text-sm font-bold flex items-center gap-1.5 hover:gap-2.5 transition-all\">Learn more <i class=\"fa-solid fa-arrow-right text-xs\"><\/i><\/a>\n            <\/div>\n\n            <div class=\"bg-white rounded-2xl p-7 shadow-sm border border-gold\/10 card-hover group\">\n              <div class=\"w-12 h-12 bg-gold\/10 group-hover:bg-gold border border-gold\/20 group-hover:border-gold rounded-xl flex items-center justify-center mb-5 transition-colors\">\n                <i class=\"fa-solid fa-shield-check text-gold group-hover:text-darkbg text-xl transition-colors\"><\/i>\n              <\/div>\n              <h3 class=\"font-bold text-darkbg text-base mb-2\">Compliance & Secretarial<\/h3>\n              <p class=\"text-gray-500 text-sm leading-relaxed mb-4\">Annual returns, resolutions, director changes, and statutory register maintenance \u2014 we keep you compliant, wherever you're registered.<\/p>\n              <a href=\"\/my\/get-started\/\" class=\"text-gold text-sm font-bold flex items-center gap-1.5 hover:gap-2.5 transition-all\">Learn more <i class=\"fa-solid fa-arrow-right text-xs\"><\/i><\/a>\n            <\/div>\n\n            <div class=\"bg-white rounded-2xl p-7 shadow-sm border border-gold\/10 card-hover group\">\n              <div class=\"w-12 h-12 bg-gold\/10 group-hover:bg-gold border border-gold\/20 group-hover:border-gold rounded-xl flex items-center justify-center mb-5 transition-colors\">\n                <i class=\"fa-solid fa-landmark text-gold group-hover:text-darkbg text-xl transition-colors\"><\/i>\n              <\/div>\n              <h3 class=\"font-bold text-darkbg text-base mb-2\">Bank Account Opening<\/h3>\n              <p class=\"text-gray-500 text-sm leading-relaxed mb-4\">Guidance and document preparation to open a local or multi-currency business bank account in any of our markets.<\/p>\n              <a href=\"\/my\/incorporation\/\" class=\"text-gold text-sm font-bold flex items-center gap-1.5 hover:gap-2.5 transition-all\">Learn more <i class=\"fa-solid fa-arrow-right text-xs\"><\/i><\/a>\n            <\/div>\n\n            <div class=\"bg-darkbg rounded-2xl p-7 shadow-2xl card-hover border border-gold\/30 relative overflow-hidden group\">\n              <div class=\"absolute inset-0 bg-gold\/5 mix-blend-overlay\"><\/div>\n              <div class=\"relative z-10\">\n                <div class=\"w-12 h-12 bg-gold\/10 border border-gold\/30 group-hover:bg-gold rounded-xl flex items-center justify-center mb-5 transition-colors\">\n                  <i class=\"fa-solid fa-id-card text-gold group-hover:text-darkbg text-xl transition-colors\"><\/i>\n                <\/div>\n                <h3 class=\"font-bold text-cream text-base mb-2\">Visa & Work Permit<\/h3>\n                <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">Work permit applications for directors and residency visa assistance for founders relocating to any of our 15+ jurisdictions.<\/p>\n                <a href=\"\/employement-pass\/\" class=\"text-gold text-sm font-bold flex items-center gap-1.5 hover:gap-2.5 transition-all\">Learn more <i class=\"fa-solid fa-arrow-right text-xs\"><\/i><\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/div>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6dc98f7 e-con-full e-flex e-con e-parent\" data-id=\"6dc98f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-133","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>About Us - SetupHero<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About Us - SetupHero\" \/>\n<meta property=\"og:url\" content=\"https:\/\/setuphero.com\/my\/about-us\/\" \/>\n<meta property=\"og:site_name\" content=\"SetupHero\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-03T12:26:41+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/setuphero.com\\\/my\\\/about-us\\\/\",\"url\":\"https:\\\/\\\/setuphero.com\\\/my\\\/about-us\\\/\",\"name\":\"About Us - SetupHero\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/setuphero.com\\\/my\\\/#website\"},\"datePublished\":\"2026-07-24T09:18:10+00:00\",\"dateModified\":\"2026-08-03T12:26:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/setuphero.com\\\/my\\\/about-us\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/setuphero.com\\\/my\\\/about-us\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/setuphero.com\\\/my\\\/about-us\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/setuphero.com\\\/my\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/setuphero.com\\\/my\\\/#website\",\"url\":\"https:\\\/\\\/setuphero.com\\\/my\\\/\",\"name\":\"SetupHero\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/setuphero.com\\\/my\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"About Us - SetupHero","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"About Us - SetupHero","og_url":"https:\/\/setuphero.com\/my\/about-us\/","og_site_name":"SetupHero","article_modified_time":"2026-08-03T12:26:41+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/setuphero.com\/my\/about-us\/","url":"https:\/\/setuphero.com\/my\/about-us\/","name":"About Us - SetupHero","isPartOf":{"@id":"https:\/\/setuphero.com\/my\/#website"},"datePublished":"2026-07-24T09:18:10+00:00","dateModified":"2026-08-03T12:26:41+00:00","breadcrumb":{"@id":"https:\/\/setuphero.com\/my\/about-us\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/setuphero.com\/my\/about-us\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/setuphero.com\/my\/about-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/setuphero.com\/my\/"},{"@type":"ListItem","position":2,"name":"About Us"}]},{"@type":"WebSite","@id":"https:\/\/setuphero.com\/my\/#website","url":"https:\/\/setuphero.com\/my\/","name":"SetupHero","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/setuphero.com\/my\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/pages\/133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/comments?post=133"}],"version-history":[{"count":28,"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/pages\/133\/revisions"}],"predecessor-version":[{"id":527,"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/pages\/133\/revisions\/527"}],"wp:attachment":[{"href":"https:\/\/setuphero.com\/my\/wp-json\/wp\/v2\/media?parent=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}