{"id":7446,"date":"2026-02-10T17:21:18","date_gmt":"2026-02-10T09:21:18","guid":{"rendered":"https:\/\/syscomm.com.my\/?page_id=7446"},"modified":"2026-08-18T16:20:34","modified_gmt":"2026-08-18T08:20:34","slug":"web-design-johor","status":"publish","type":"page","link":"https:\/\/syscomm.com.my\/ms\/web-design-johor\/","title":{"rendered":"Syarikat Reka Bentuk Web di Johor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7446\" class=\"elementor elementor-7446\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49b73e0 e-flex e-con-boxed e-con e-parent\" data-id=\"49b73e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c55dd24 elementor-widget elementor-widget-html\" data-id=\"c55dd24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\nSYSCOMM \u2014 WEB DESIGN JOHOR\r\nUNIQUE LOCAL EDITORIAL \/ 88.5% WIDE SCREEN \/ ELEMENTOR SAFE \/ SEO-FRIENDLY\r\n\r\nPaste this entire block into ONE Elementor HTML Widget.\r\n\r\nRecommended Rank Math \/ AIOSEO\r\nSEO Title:\r\nWeb Design Johor | Professional Website Design & Development | SYSCOMM\r\n\r\nMeta Description:\r\nProfessional web design in Johor by SYSCOMM. Corporate websites, ecommerce, WordPress, Shopify and custom web development for businesses across Johor.\r\n\r\nPrimary topic:\r\nweb design johor\r\n\r\nSecondary topics used naturally:\r\nwebsite design Johor\r\nweb design company Johor\r\nweb development Johor\r\ncorporate website Johor\r\necommerce website Johor\r\nWordPress Johor\r\nShopify Johor\r\nweb design Johor Bahru\r\n-->\r\n\r\n<div id=\"scm-johor\">\r\n\r\n  <!-- =====================================================\r\n       HERO \u2014 LARGE LOCAL TYPOGRAPHY + THREE UNIQUE IMAGES\r\n       ===================================================== -->\r\n  <section class=\"jh-hero\">\r\n\r\n    <div class=\"jh-hero-top\">\r\n      <div class=\"jh-kicker\">WEB DESIGN JOHOR \/ MALAYSIA<\/div>\r\n\r\n      <div class=\"jh-hero-intro\">\r\n        <h1>Professional Web Design in Johor for Businesses Ready to Grow.<\/h1>\r\n\r\n        <div class=\"jh-hero-copy\">\r\n          <p>\r\n            SYSCOMM designs and develops professional websites for businesses across\r\n            Johor \u2014 from corporate websites and ecommerce stores to WordPress,\r\n            Shopify and custom web solutions.\r\n          <\/p>\r\n\r\n          <p>\r\n            The goal is simple: make your business easier to understand, easier to\r\n            trust and easier for customers to contact, enquire or buy from.\r\n          <\/p>\r\n\r\n          <a href=\"\/contact\/\" class=\"jh-link\">Request a website quotation \u2197<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jh-word\" aria-hidden=\"true\">JOHOR<\/div>\r\n\r\n    <div class=\"jh-triptych\">\r\n\r\n      <figure class=\"jh-shot shot-a\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1517336714731-489689fd1ca8?auto=format&fit=crop&w=1200&q=82\"\r\n          alt=\"Minimalist responsive business website design workspace in Johor\"\r\n          fetchpriority=\"high\">\r\n        <figcaption>01 \/ WEB DESIGN<\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"jh-shot shot-b\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1200&q=82\"\r\n          alt=\"Website planning and digital strategy for Johor businesses\">\r\n        <figcaption>02 \/ STRATEGY<\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"jh-shot shot-c\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1483058712412-4245e9b90334?auto=format&fit=crop&w=1200&q=82\"\r\n          alt=\"Minimalist web development interface and digital design\">\r\n        <figcaption>03 \/ DEVELOPMENT<\/figcaption>\r\n      <\/figure>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       MOVING LOCAL RAIL\r\n       ===================================================== -->\r\n  <section class=\"jh-rail jh-line\">\r\n    <div class=\"jh-rail-track\">\r\n      <span>JOHOR BAHRU<\/span>\r\n      <span>BATU PAHAT<\/span>\r\n      <span>MUAR<\/span>\r\n      <span>KLUANG<\/span>\r\n      <span>PASIR GUDANG<\/span>\r\n      <span>KULAI<\/span>\r\n      <span>SKUDAI<\/span>\r\n      <span>ISKANDAR PUTERI<\/span>\r\n      <span>WEB DESIGN<\/span>\r\n      <span>ECOMMERCE<\/span>\r\n      <span>WORDPRESS<\/span>\r\n      <span>SEO-FRIENDLY DEVELOPMENT<\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       LOCAL VALUE \u2014 LARGE NUMBERED EDITORIAL ROWS\r\n       ===================================================== -->\r\n  <section class=\"jh-section jh-line\">\r\n\r\n    <div class=\"jh-heading\">\r\n      <span class=\"jh-label\">WEB DESIGN FOR JOHOR BUSINESSES<\/span>\r\n      <h2>A website should reflect how your customers evaluate your business.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"jh-value-list\">\r\n\r\n      <article>\r\n        <div class=\"jh-value-no\">01<\/div>\r\n        <h3>Build Trust Before the First Enquiry<\/h3>\r\n        <p>\r\n          Customers often research a company online before calling, visiting or\r\n          requesting a quotation. A professional website helps establish credibility\r\n          by clearly presenting your company, capabilities, products, services,\r\n          experience and contact information.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <div class=\"jh-value-no\">02<\/div>\r\n        <h3>Explain What Makes Your Business Relevant<\/h3>\r\n        <p>\r\n          Good design is not only visual. The page structure should answer the\r\n          questions potential customers have and guide them towards the information\r\n          that matters most to their decision.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <div class=\"jh-value-no\">03<\/div>\r\n        <h3>Support Local, National & Cross-Border Customers<\/h3>\r\n        <p>\r\n          Johor companies may serve nearby customers, buyers across Malaysia,\r\n          Singapore businesses or international markets. Content, language, enquiries\r\n          and ecommerce workflows should reflect the audiences you genuinely need to\r\n          reach.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       SERVICES \u2014 VERTICAL LABEL + HORIZONTAL STORIES\r\n       ===================================================== -->\r\n  <section class=\"jh-services jh-line\">\r\n\r\n    <div class=\"jh-services-aside\">\r\n      <span>OUR WEB DESIGN SERVICES<\/span>\r\n      <strong>Johor<\/strong>\r\n    <\/div>\r\n\r\n    <div class=\"jh-services-main\">\r\n\r\n      <article class=\"jh-service-story\">\r\n        <div class=\"jh-story-image\">\r\n          <img decoding=\"async\" loading=\"lazy\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1522542550221-31fd19575a2d?auto=format&fit=crop&w=1400&q=82\"\r\n            alt=\"Corporate website UI UX design Johor\">\r\n        <\/div>\r\n\r\n        <div class=\"jh-story-copy\">\r\n          <span>01 \/ CORPORATE WEBSITE<\/span>\r\n          <h2>Professional Company Websites<\/h2>\r\n          <p>\r\n            Clear corporate websites for manufacturers, industrial companies,\r\n            professional firms, contractors, distributors and SMEs that need a\r\n            credible digital presence.\r\n          <\/p>\r\n          <a href=\"\/web-design\/\" class=\"jh-link\">Explore professional web design \u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"jh-service-story flip\">\r\n        <div class=\"jh-story-image\">\r\n          <img decoding=\"async\" loading=\"lazy\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1523275335684-37898b6baf30?auto=format&fit=crop&w=1400&q=82\"\r\n            alt=\"Ecommerce product website development Johor\">\r\n        <\/div>\r\n\r\n        <div class=\"jh-story-copy\">\r\n          <span>02 \/ ECOMMERCE<\/span>\r\n          <h2>Ecommerce Websites for B2C & B2B<\/h2>\r\n          <p>\r\n            Online selling systems can include product management, customer accounts,\r\n            payment, order handling, promotions and more specialised B2B workflows\r\n            depending on how your business operates.\r\n          <\/p>\r\n          <a href=\"\/shopify-website-development-malaysia\/\" class=\"jh-link\">Explore Shopify development \u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"jh-service-story\">\r\n        <div class=\"jh-story-image\">\r\n          <img decoding=\"async\" loading=\"lazy\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1531403009284-440f080d1e12?auto=format&fit=crop&w=1400&q=82\"\r\n            alt=\"WordPress content management and website development Johor\">\r\n        <\/div>\r\n\r\n        <div class=\"jh-story-copy\">\r\n          <span>03 \/ WORDPRESS & CMS<\/span>\r\n          <h2>Websites Your Team Can Manage<\/h2>\r\n          <p>\r\n            WordPress can provide a flexible content management environment for\r\n            companies that need to update pages, news, services, projects and other\r\n            website content over time.\r\n          <\/p>\r\n          <a href=\"\/wordpress-vs-custom-website-malaysia\/\" class=\"jh-link\">WordPress vs custom website \u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"jh-service-story flip\">\r\n        <div class=\"jh-story-image\">\r\n          <img decoding=\"async\" loading=\"lazy\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1400&q=82\"\r\n            alt=\"Custom web system and API integration Johor\">\r\n        <\/div>\r\n\r\n        <div class=\"jh-story-copy\">\r\n          <span>04 \/ CUSTOM DEVELOPMENT<\/span>\r\n          <h2>When a Standard Website Is Not Enough<\/h2>\r\n          <p>\r\n            Custom workflows, account roles, quotation systems, API integrations or\r\n            other specialised functions can be developed when standard website\r\n            features do not match the real business process.\r\n          <\/p>\r\n          <a href=\"\/api-intergration\/\" class=\"jh-link\">Explore API integration \u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       JOHOR BUSINESS CORRIDOR \u2014 UNIQUE LOCAL LAYOUT\r\n       ===================================================== -->\r\n  <section class=\"jh-section jh-line\">\r\n\r\n    <div class=\"jh-corridor-title\">\r\n      <span class=\"jh-label\">SERVING BUSINESSES ACROSS JOHOR<\/span>\r\n      <h2>Local relevance without turning every city into the same SEO page.<\/h2>\r\n\r\n      <p>\r\n        We create location-specific pages where they provide genuine value, while the\r\n        main Johor page explains the broader services available across the state.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"jh-corridor\">\r\n\r\n      <a href=\"\/web-design-johor-bahru\/\" class=\"jh-city featured\">\r\n        <span>01<\/span>\r\n        <strong>Johor Bahru<\/strong>\r\n        <small>Corporate \/ Ecommerce \/ Custom<\/small>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <a href=\"\/web-design-muar\/\" class=\"jh-city\">\r\n        <span>02<\/span>\r\n        <strong>Muar<\/strong>\r\n        <small>SME \/ Manufacturing \/ Corporate<\/small>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <div class=\"jh-city\">\r\n        <span>03<\/span>\r\n        <strong>Batu Pahat<\/strong>\r\n        <small>Business \/ Industry \/ Ecommerce<\/small>\r\n        <i>\u2022<\/i>\r\n      <\/div>\r\n\r\n      <a href=\"\/kluang-web-design-company\/\" class=\"jh-city\">\r\n        <span>04<\/span>\r\n        <strong>Kluang<\/strong>\r\n        <small>SME \/ Corporate \/ Digital<\/small>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <div class=\"jh-city\">\r\n        <span>05<\/span>\r\n        <strong>Pasir Gudang<\/strong>\r\n        <small>Industrial \/ Manufacturing \/ B2B<\/small>\r\n        <i>\u2022<\/i>\r\n      <\/div>\r\n\r\n      <div class=\"jh-city\">\r\n        <span>06<\/span>\r\n        <strong>Kulai & Skudai<\/strong>\r\n        <small>Business \/ Services \/ Ecommerce<\/small>\r\n        <i>\u2022<\/i>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       INDUSTRIES \u2014 TYPOGRAPHIC WALL\r\n       ===================================================== -->\r\n  <section class=\"jh-industries jh-line\">\r\n\r\n    <div class=\"jh-industries-copy\">\r\n      <span class=\"jh-label\">DESIGNED AROUND YOUR INDUSTRY<\/span>\r\n      <h2>Johor businesses do not all sell in the same way.<\/h2>\r\n\r\n      <p>\r\n        A factory website may need capability information, certifications and export\r\n        credibility. A professional firm may depend on expertise and enquiries. A\r\n        retailer may need ecommerce. The website structure should reflect those\r\n        differences.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"jh-industry-wall\">\r\n      <div>Manufacturing <span>01<\/span><\/div>\r\n      <div>Construction <span>02<\/span><\/div>\r\n      <div>Professional Services <span>03<\/span><\/div>\r\n      <div>Retail & Ecommerce <span>04<\/span><\/div>\r\n      <div>Wholesale & Distribution <span>05<\/span><\/div>\r\n      <div>SME & Local Business <span>06<\/span><\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       STATEMENT\r\n       ===================================================== -->\r\n  <section class=\"jh-statement jh-line\">\r\n    <span class=\"jh-label\">OUR APPROACH<\/span>\r\n\r\n    <p>\r\n      Local understanding.<br>\r\n      Clear digital thinking.<br>\r\n      Websites built to last.\r\n    <\/p>\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       PROCESS \u2014 CIRCULAR PATH, DIFFERENT FROM PRIOR PAGES\r\n       ===================================================== -->\r\n  <section class=\"jh-section jh-line\">\r\n\r\n    <div class=\"jh-heading\">\r\n      <span class=\"jh-label\">FROM IDEA TO LAUNCH<\/span>\r\n      <h2>A practical web development process for Johor businesses.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"jh-orbit\">\r\n\r\n      <div class=\"jh-orbit-line\"><\/div>\r\n\r\n      <article class=\"step-1\">\r\n        <span>01<\/span>\r\n        <h3>Discover<\/h3>\r\n        <p>Understand the business, customer and objective.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"step-2\">\r\n        <span>02<\/span>\r\n        <h3>Structure<\/h3>\r\n        <p>Plan pages, content, journeys and required functions.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"step-3\">\r\n        <span>03<\/span>\r\n        <h3>Design<\/h3>\r\n        <p>Create the visual direction and responsive interface.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"step-4\">\r\n        <span>04<\/span>\r\n        <h3>Develop<\/h3>\r\n        <p>Build, configure and integrate the working website.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"step-5\">\r\n        <span>05<\/span>\r\n        <h3>Launch<\/h3>\r\n        <p>Test important journeys, then take the website live.<\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       SEO \u2014 TWO TONE BLOCK\r\n       ===================================================== -->\r\n  <section class=\"jh-search jh-line\">\r\n\r\n    <div class=\"jh-search-dark\">\r\n      <span class=\"jh-label light\">SEO + WEB DEVELOPMENT<\/span>\r\n\r\n      <h2>A modern website is only the starting point for Google visibility.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"jh-search-light\">\r\n      <p>\r\n        Search visibility is influenced by more than visual design. Useful content,\r\n        relevance, technical quality, internal links, mobile usability, competition\r\n        and authority all play a role.\r\n      <\/p>\r\n\r\n      <p>\r\n        During development, we can create an SEO-conscious foundation with logical\r\n        headings, crawlable content, sensible URLs, responsive layouts and descriptive\r\n        internal links. Businesses targeting competitive searches can then continue\r\n        with an ongoing SEO strategy.\r\n      <\/p>\r\n\r\n      <p>\r\n        No responsible web design company can guarantee a specific Google ranking.\r\n        The better objective is to build a useful website and improve its relevance\r\n        and authority over time.\r\n      <\/p>\r\n\r\n      <a href=\"\/blog\/\" class=\"jh-link\">Explore web design & SEO insights \u2197<\/a>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       LOCAL FAQ\r\n       ===================================================== -->\r\n  <section class=\"jh-section jh-line\">\r\n\r\n    <div class=\"jh-heading\">\r\n      <span class=\"jh-label\">WEB DESIGN JOHOR FAQ<\/span>\r\n      <h2>Questions Johor businesses ask before starting a website.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"jh-faq\">\r\n\r\n      <details>\r\n        <summary><span>01<\/span><strong>How much does web design cost in Johor?<\/strong><i>+<\/i><\/summary>\r\n        <div>\r\n          <p>\r\n            Website cost depends on the actual scope: number and type of pages,\r\n            design customisation, content, languages, ecommerce, products,\r\n            integrations and custom functionality. Compare quotations based on what\r\n            is included rather than only the final price.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary><span>02<\/span><strong>How long does it take to develop a business website?<\/strong><i>+<\/i><\/summary>\r\n        <div>\r\n          <p>\r\n            The timeline depends on content readiness, project size, feedback cycles\r\n            and functionality. A straightforward corporate website generally requires\r\n            less time than ecommerce or a custom web platform.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary><span>03<\/span><strong>Do you provide ecommerce website development in Johor?<\/strong><i>+<\/i><\/summary>\r\n        <div>\r\n          <p>\r\n            Yes. Ecommerce requirements can include products, customer accounts,\r\n            payment, order management, promotions and more specialised B2B workflows\r\n            depending on the business model.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary><span>04<\/span><strong>Can SYSCOMM build Shopify and WordPress websites?<\/strong><i>+<\/i><\/summary>\r\n        <div>\r\n          <p>\r\n            Yes. Platform choice depends on the project. WordPress is suitable for\r\n            many content-led corporate websites, while Shopify can suit businesses\r\n            that prefer a hosted ecommerce environment.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary><span>05<\/span><strong>Do you only provide web design in Johor Bahru?<\/strong><i>+<\/i><\/summary>\r\n        <div>\r\n          <p>\r\n            No. SYSCOMM works with businesses across Johor and Malaysia. Planning,\r\n            reviews and support can also be handled remotely where appropriate.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary><span>06<\/span><strong>Can you redesign an existing Johor company website?<\/strong><i>+<\/i><\/summary>\r\n        <div>\r\n          <p>\r\n            Yes. Before rebuilding an established website, existing URLs, content,\r\n            SEO considerations, functionality and current problems should be reviewed\r\n            so useful assets are not unnecessarily lost.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n    <\/div>\r\n\r\n    <a href=\"\/web-design-faq\/\" class=\"jh-link jh-faq-more\">View complete Web Design FAQ \u2197<\/a>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       CTA \u2014 TYPOGRAPHIC LOCAL SIGN-OFF\r\n       ===================================================== -->\r\n  <section class=\"jh-cta jh-line\">\r\n\r\n    <div class=\"jh-cta-small\">JOHOR \/ WEB DESIGN \/ DEVELOPMENT<\/div>\r\n\r\n    <h2>Planning a better website for your business in Johor?<\/h2>\r\n\r\n    <div class=\"jh-cta-bottom\">\r\n      <p>\r\n        Tell us what your business does, what is not working with the current website\r\n        and what you want the new site to achieve. We can recommend a practical\r\n        approach based on the actual requirement.\r\n      <\/p>\r\n\r\n      <a href=\"\/contact\/\" class=\"jh-cta-link\">\r\n        <span>Request a quotation<\/span>\r\n        <span>\u2197<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   WEB DESIGN JOHOR \u2014 UNIQUE LOCAL EDITORIAL DESIGN\r\n   STANDARD SITE WIDTH: 88.5%\r\n   ========================================================= *\/\r\n\r\n#scm-johor{\r\n  --bg:#fff;\r\n  --text:#0a0a0a;\r\n  --muted:#70706b;\r\n  --line:#d8d8d2;\r\n  --soft:#f3f3ef;\r\n  --dark:#0b0b0b;\r\n\r\n  position:relative!important;\r\n  left:50%!important;\r\n\r\n  width:100vw!important;\r\n  max-width:100vw!important;\r\n\r\n  margin-left:-50vw!important;\r\n  margin-right:0!important;\r\n\r\n  overflow-x:hidden!important;\r\n\r\n  background:var(--bg)!important;\r\n  color:var(--text);\r\n\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif;\r\n}\r\n\r\n#scm-johor *{\r\n  box-sizing:border-box;\r\n  min-width:0;\r\n}\r\n\r\n#scm-johor a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\r\n\r\n#scm-johor img{\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n#scm-johor .jh-hero,\r\n#scm-johor .jh-rail,\r\n#scm-johor .jh-section,\r\n#scm-johor .jh-services,\r\n#scm-johor .jh-industries,\r\n#scm-johor .jh-statement,\r\n#scm-johor .jh-search,\r\n#scm-johor .jh-cta{\r\n  width:88.5%!important;\r\n  max-width:none!important;\r\n  margin-left:auto!important;\r\n  margin-right:auto!important;\r\n}\r\n\r\n#scm-johor .jh-line{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-johor .jh-label,\r\n#scm-johor .jh-kicker{\r\n  font-size:10px;\r\n  line-height:1.4;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-johor .jh-link{\r\n  display:inline-flex;\r\n\r\n  padding-bottom:6px;\r\n\r\n  border-bottom:1px solid currentColor;\r\n\r\n  font-size:10px;\r\n  line-height:1.2;\r\n  text-transform:uppercase;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n\r\n\/* ================= HERO ================= *\/\r\n\r\n#scm-johor .jh-hero{\r\n  padding:80px 0 100px;\r\n}\r\n\r\n#scm-johor .jh-hero-intro{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);\r\n  gap:8vw;\r\n  align-items:end;\r\n\r\n  margin-top:32px;\r\n}\r\n\r\n#scm-johor h1{\r\n  max-width:1050px;\r\n\r\n  margin:0;\r\n\r\n  font-size:clamp(58px,6.8vw,110px);\r\n  line-height:.87;\r\n  letter-spacing:-.075em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-johor .jh-hero-copy p{\r\n  margin:0 0 19px;\r\n\r\n  font-size:15px;\r\n  line-height:1.7;\r\n  color:#3f3f3a;\r\n}\r\n\r\n#scm-johor .jh-word{\r\n  margin:70px 0 -30px;\r\n\r\n  overflow:hidden;\r\n\r\n  font-size:clamp(150px,20vw,360px);\r\n  line-height:.72;\r\n  letter-spacing:-.095em;\r\n  font-weight:400;\r\n\r\n  color:#f0f0ec;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n#scm-johor .jh-triptych{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:grid;\r\n  grid-template-columns:1.1fr .72fr .88fr;\r\n  gap:18px;\r\n\r\n  align-items:end;\r\n}\r\n\r\n#scm-johor .jh-shot{\r\n  margin:0;\r\n}\r\n\r\n#scm-johor .shot-a{height:430px}\r\n#scm-johor .shot-b{height:315px}\r\n#scm-johor .shot-c{height:380px}\r\n\r\n#scm-johor .jh-shot img{\r\n  filter:saturate(.62) contrast(.98);\r\n  transition:transform .75s ease,filter .75s ease;\r\n}\r\n\r\n#scm-johor .jh-shot:hover img{\r\n  transform:scale(1.025);\r\n  filter:saturate(.82);\r\n}\r\n\r\n#scm-johor .jh-shot figcaption{\r\n  margin-top:10px;\r\n\r\n  font-size:9px;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ================= RAIL ================= *\/\r\n\r\n#scm-johor .jh-rail{\r\n  padding:17px 0;\r\n\r\n  overflow:hidden;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n#scm-johor .jh-rail-track{\r\n  display:inline-flex;\r\n  gap:42px;\r\n\r\n  min-width:max-content;\r\n\r\n  animation:jhRail 31s linear infinite;\r\n}\r\n\r\n#scm-johor .jh-rail-track span{\r\n  font-size:11px;\r\n  letter-spacing:.13em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n#scm-johor .jh-rail-track span:after{\r\n  content:\"\u00b7\";\r\n\r\n  margin-left:42px;\r\n\r\n  color:#aaa;\r\n}\r\n\r\n@keyframes jhRail{\r\n  from{transform:translateX(0)}\r\n  to{transform:translateX(-38%)}\r\n}\r\n\r\n\r\n\/* ================= SECTIONS ================= *\/\r\n\r\n#scm-johor .jh-section{\r\n  padding:100px 0 115px;\r\n}\r\n\r\n#scm-johor .jh-heading{\r\n  display:grid;\r\n  grid-template-columns:210px minmax(0,1fr);\r\n  gap:48px;\r\n\r\n  margin-bottom:55px;\r\n}\r\n\r\n#scm-johor .jh-heading h2{\r\n  max-width:1050px;\r\n\r\n  margin:0;\r\n\r\n  font-size:clamp(43px,5vw,78px);\r\n  line-height:.93;\r\n  letter-spacing:-.065em;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* ================= VALUE LIST ================= *\/\r\n\r\n#scm-johor .jh-value-list{\r\n  width:82%;\r\n  margin-left:auto;\r\n\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-johor .jh-value-list article{\r\n  display:grid;\r\n  grid-template-columns:65px .85fr 1.15fr;\r\n  gap:30px;\r\n\r\n  align-items:start;\r\n\r\n  padding:27px 0 32px;\r\n\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-johor .jh-value-no{\r\n  font-size:10px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-johor .jh-value-list h3{\r\n  margin:0;\r\n\r\n  font-size:30px;\r\n  line-height:1.03;\r\n  letter-spacing:-.045em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-johor .jh-value-list p{\r\n  max-width:680px;\r\n\r\n  margin:0;\r\n\r\n  font-size:13px;\r\n  line-height:1.7;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ================= SERVICES ================= *\/\r\n\r\n#scm-johor .jh-services{\r\n  display:grid;\r\n  grid-template-columns:180px minmax(0,1fr);\r\n\r\n  padding:100px 0 118px;\r\n}\r\n\r\n#scm-johor .jh-services-aside{\r\n  position:relative;\r\n\r\n  border-right:1px solid var(--line);\r\n}\r\n\r\n#scm-johor .jh-services-aside>span{\r\n  position:sticky;\r\n  top:120px;\r\n\r\n  display:block;\r\n\r\n  writing-mode:vertical-rl;\r\n  transform:rotate(180deg);\r\n\r\n  font-size:10px;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-johor .jh-services-aside strong{\r\n  position:absolute;\r\n\r\n  bottom:0;\r\n  left:0;\r\n\r\n  font-size:45px;\r\n  letter-spacing:-.05em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-johor .jh-services-main{\r\n  padding-left:4.5vw;\r\n}\r\n\r\n#scm-johor .jh-service-story{\r\n  display:grid;\r\n  grid-template-columns:1.05fr .95fr;\r\n  gap:5vw;\r\n  align-items:center;\r\n\r\n  padding:0 0 85px;\r\n}\r\n\r\n#scm-johor .jh-service-story+.jh-service-story{\r\n  padding-top:85px;\r\n\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-johor .jh-service-story.flip .jh-story-image{\r\n  order:2;\r\n}\r\n\r\n#scm-johor .jh-story-image{\r\n  height:460px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:var(--soft);\r\n}\r\n\r\n#scm-johor .jh-story-image img{\r\n  filter:saturate(.65);\r\n  transition:transform .8s ease,filter .8s ease;\r\n}\r\n\r\n#scm-johor .jh-service-story:hover img{\r\n  transform:scale(1.03);\r\n  filter:saturate(.86);\r\n}\r\n\r\n#scm-johor .jh-story-copy>span{\r\n  font-size:10px;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-johor .jh-story-copy h2{\r\n  max-width:650px;\r\n\r\n  margin:18px 0 21px;\r\n\r\n  font-size:clamp(37px,4vw,61px);\r\n  line-height:.94;\r\n  letter-spacing:-.058em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-johor .jh-story-copy p{\r\n  max-width:600px;\r\n\r\n  margin:0 0 27px;\r\n\r\n  font-size:14px;\r\n  line-height:1.7;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ================= CORRIDOR ================= *\/\r\n\r\n#scm-johor .jh-corridor-title{\r\n  display:grid;\r\n  grid-template-columns:.9fr 1.1fr;\r\n  column-gap:7vw;\r\n\r\n  margin-bottom:60px;\r\n}\r\n\r\n#scm-johor .jh-corridor-title .jh-label{\r\n  grid-column:1 \/ -1;\r\n\r\n  margin-bottom:26px;\r\n}\r\n\r\n#scm-johor .jh-corridor-title h2{\r\n  margin:0;\r\n\r\n  font-size:clamp(43px,5vw,78px);\r\n  line-height:.93;\r\n  letter-spacing:-.065em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-johor .jh-corridor-title p{\r\n  align-self:end;\r\n\r\n  max-width:600px;\r\n\r\n  margin:0;\r\n\r\n  font-size:14px;\r\n  line-height:1.7;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-johor .jh-corridor{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  border-top:1px solid var(--line);\r\n  border-left:1px solid var(--line);\r\n}\r\n\r\n#scm-johor .jh-city{\r\n  position:relative;\r\n\r\n  min-height:215px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:space-between;\r\n\r\n  padding:23px;\r\n\r\n  border-right:1px solid var(--line);\r\n  border-bottom:1px solid var(--line);\r\n\r\n  transition:background .3s ease,color .3s ease;\r\n}\r\n\r\n#scm-johor .jh-city:hover,\r\n#scm-johor .jh-city.featured{\r\n  background:#0d0d0d;\r\n  color:#fff;\r\n}\r\n\r\n#scm-johor .jh-city>span{\r\n  font-size:10px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-johor .jh-city:hover>span,\r\n#scm-johor .jh-city.featured>span,\r\n#scm-johor .jh-city:hover small,\r\n#scm-johor .jh-city.featured small{\r\n  color:#aaa;\r\n}\r\n\r\n#scm-johor .jh-city strong{\r\n  margin-top:auto;\r\n\r\n  font-size:34px;\r\n  line-height:1;\r\n  letter-spacing:-.05em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-johor .jh-city small{\r\n  margin-top:10px;\r\n\r\n  font-size:10px;\r\n  line-height:1.4;\r\n  text-transform:uppercase;\r\n  letter-spacing:.08em;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-johor .jh-city i{\r\n  position:absolute;\r\n\r\n  right:22px;\r\n  top:20px;\r\n\r\n  font-style:normal;\r\n  font-size:18px;\r\n}\r\n\r\n\r\n\/* ================= INDUSTRIES ================= *\/\r\n\r\n#scm-johor .jh-industries{\r\n  display:grid;\r\n  grid-template-columns:.8fr 1.2fr;\r\n  gap:8vw;\r\n\r\n  padding:105px 0 120px;\r\n}\r\n\r\n#scm-johor .jh-industries-copy h2{\r\n  margin:27px 0 24px;\r\n\r\n  font-size:clamp(43px,5vw,76px);\r\n  line-height:.93;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-johor .jh-industries-copy p{\r\n  max-width:600px;\r\n\r\n  margin:0;\r\n\r\n  font-size:14px;\r\n  line-height:1.72;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-johor .jh-industry-wall{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-johor .jh-industry-wall div{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n\r\n  padding:17px 0;\r\n\r\n  border-bottom:1px solid var(--line);\r\n\r\n  font-size:clamp(27px,3vw,45px);\r\n  line-height:1;\r\n  letter-spacing:-.05em;\r\n\r\n  transition:padding-left .3s ease;\r\n}\r\n\r\n#scm-johor .jh-industry-wall div:hover{\r\n  padding-left:15px;\r\n}\r\n\r\n#scm-johor .jh-industry-wall span{\r\n  font-size:10px;\r\n  letter-spacing:0;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ================= STATEMENT ================= *\/\r\n\r\n#scm-johor .jh-statement{\r\n  padding:135px 0 150px;\r\n}\r\n\r\n#scm-johor .jh-statement p{\r\n  margin:32px 0 0;\r\n\r\n  font-size:clamp(62px,7.6vw,120px);\r\n  line-height:.88;\r\n  letter-spacing:-.077em;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* ================= ORBIT PROCESS ================= *\/\r\n\r\n#scm-johor .jh-orbit{\r\n  position:relative;\r\n\r\n  min-height:530px;\r\n\r\n  display:grid;\r\n  grid-template-columns:repeat(5,1fr);\r\n  align-items:center;\r\n\r\n  padding-top:80px;\r\n}\r\n\r\n#scm-johor .jh-orbit-line{\r\n  position:absolute;\r\n\r\n  left:6%;\r\n  right:6%;\r\n  top:49%;\r\n\r\n  height:1px;\r\n\r\n  background:var(--line);\r\n}\r\n\r\n#scm-johor .jh-orbit article{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:180px;\r\n  min-height:180px;\r\n\r\n  margin:auto;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n\r\n  padding:25px;\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n\r\n  text-align:center;\r\n\r\n  transition:transform .35s ease,background .35s ease,color .35s ease;\r\n}\r\n\r\n#scm-johor .jh-orbit article:nth-of-type(even){\r\n  transform:translateY(-75px);\r\n}\r\n\r\n#scm-johor .jh-orbit article:nth-of-type(odd){\r\n  transform:translateY(75px);\r\n}\r\n\r\n#scm-johor .jh-orbit article:hover{\r\n  background:#0b0b0b;\r\n  color:#fff;\r\n}\r\n\r\n#scm-johor .jh-orbit article:nth-of-type(even):hover{\r\n  transform:translateY(-82px) scale(1.035);\r\n}\r\n\r\n#scm-johor .jh-orbit article:nth-of-type(odd):hover{\r\n  transform:translateY(68px) scale(1.035);\r\n}\r\n\r\n#scm-johor .jh-orbit article>span{\r\n  font-size:9px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-johor .jh-orbit h3{\r\n  margin:15px 0 8px;\r\n\r\n  font-size:22px;\r\n  letter-spacing:-.04em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-johor .jh-orbit p{\r\n  margin:0;\r\n\r\n  font-size:11px;\r\n  line-height:1.45;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ================= SEO BLOCK ================= *\/\r\n\r\n#scm-johor .jh-search{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n}\r\n\r\n#scm-johor .jh-search-dark,\r\n#scm-johor .jh-search-light{\r\n  min-height:570px;\r\n\r\n  padding:70px 5vw;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n}\r\n\r\n#scm-johor .jh-search-dark{\r\n  background:#0b0b0b;\r\n  color:#fff;\r\n}\r\n\r\n#scm-johor .jh-search-dark .light{\r\n  color:#aaa;\r\n}\r\n\r\n#scm-johor .jh-search-dark h2{\r\n  max-width:680px;\r\n\r\n  margin:26px 0 0;\r\n\r\n  font-size:clamp(43px,5vw,75px);\r\n  line-height:.92;\r\n  letter-spacing:-.066em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-johor .jh-search-light{\r\n  background:#f5f5f2;\r\n}\r\n\r\n#scm-johor .jh-search-light p{\r\n  max-width:650px;\r\n\r\n  margin:0 0 20px;\r\n\r\n  font-size:14px;\r\n  line-height:1.7;\r\n  color:#454540;\r\n}\r\n\r\n\r\n\/* ================= FAQ ================= *\/\r\n\r\n#scm-johor .jh-faq{\r\n  width:82%;\r\n  margin-left:auto;\r\n\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-johor .jh-faq details{\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-johor .jh-faq summary{\r\n  list-style:none;\r\n  cursor:pointer;\r\n\r\n  display:grid;\r\n  grid-template-columns:48px minmax(0,1fr) 30px;\r\n  gap:15px;\r\n  align-items:center;\r\n\r\n  min-height:82px;\r\n}\r\n\r\n#scm-johor .jh-faq summary::-webkit-details-marker{\r\n  display:none;\r\n}\r\n\r\n#scm-johor .jh-faq summary>span{\r\n  font-size:10px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-johor .jh-faq summary strong{\r\n  font-size:20px;\r\n  line-height:1.2;\r\n  letter-spacing:-.03em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-johor .jh-faq summary i{\r\n  justify-self:end;\r\n\r\n  font-style:normal;\r\n  font-size:23px;\r\n\r\n  transition:transform .25s ease;\r\n}\r\n\r\n#scm-johor .jh-faq details[open] summary i{\r\n  transform:rotate(45deg);\r\n}\r\n\r\n#scm-johor .jh-faq details>div{\r\n  max-width:850px;\r\n\r\n  margin-left:63px;\r\n  padding:0 0 27px;\r\n}\r\n\r\n#scm-johor .jh-faq p{\r\n  margin:0;\r\n\r\n  font-size:13px;\r\n  line-height:1.7;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-johor .jh-faq-more{\r\n  margin-top:30px;\r\n  margin-left:18%;\r\n}\r\n\r\n\r\n\/* ================= CTA ================= *\/\r\n\r\n#scm-johor .jh-cta{\r\n  padding:115px 0 130px;\r\n}\r\n\r\n#scm-johor .jh-cta-small{\r\n  margin-bottom:35px;\r\n\r\n  font-size:10px;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-johor .jh-cta h2{\r\n  max-width:1350px;\r\n\r\n  margin:0;\r\n\r\n  font-size:clamp(58px,7.2vw,112px);\r\n  line-height:.88;\r\n  letter-spacing:-.075em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-johor .jh-cta-bottom{\r\n  width:66%;\r\n  margin:65px 0 0 auto;\r\n\r\n  display:grid;\r\n  grid-template-columns:1fr .75fr;\r\n  gap:55px;\r\n  align-items:end;\r\n}\r\n\r\n#scm-johor .jh-cta-bottom p{\r\n  margin:0;\r\n\r\n  font-size:14px;\r\n  line-height:1.7;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-johor .jh-cta-link{\r\n  display:flex;\r\n  justify-content:space-between;\r\n\r\n  padding:18px 0;\r\n\r\n  border-top:1px solid #111;\r\n  border-bottom:1px solid #111;\r\n\r\n  font-size:10px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n\r\n\/* ================= MOTION ================= *\/\r\n\r\n@media(prefers-reduced-motion:no-preference){\r\n\r\n  #scm-johor .jh-word{\r\n    animation:jhWord 8s ease-in-out infinite alternate;\r\n  }\r\n\r\n}\r\n\r\n@keyframes jhWord{\r\n  from{transform:translateX(-1%)}\r\n  to{transform:translateX(2%)}\r\n}\r\n\r\n\r\n\/* ================= TABLET ================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  #scm-johor .jh-hero,\r\n  #scm-johor .jh-rail,\r\n  #scm-johor .jh-section,\r\n  #scm-johor .jh-services,\r\n  #scm-johor .jh-industries,\r\n  #scm-johor .jh-statement,\r\n  #scm-johor .jh-search,\r\n  #scm-johor .jh-cta{\r\n    width:calc(100% - 38px)!important;\r\n  }\r\n\r\n  #scm-johor .jh-services{\r\n    grid-template-columns:100px minmax(0,1fr);\r\n  }\r\n\r\n  #scm-johor .jh-corridor{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n  #scm-johor .jh-orbit article{\r\n    width:145px;\r\n    min-height:145px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ================= MOBILE ================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  #scm-johor{\r\n    width:100%!important;\r\n    max-width:100%!important;\r\n    left:auto!important;\r\n    margin-left:0!important;\r\n  }\r\n\r\n  #scm-johor .jh-hero,\r\n  #scm-johor .jh-rail,\r\n  #scm-johor .jh-section,\r\n  #scm-johor .jh-services,\r\n  #scm-johor .jh-industries,\r\n  #scm-johor .jh-statement,\r\n  #scm-johor .jh-search,\r\n  #scm-johor .jh-cta{\r\n    width:calc(100% - 26px)!important;\r\n  }\r\n\r\n  #scm-johor .jh-hero{\r\n    padding:55px 0 70px;\r\n  }\r\n\r\n  #scm-johor .jh-hero-intro{\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n  }\r\n\r\n  #scm-johor h1{\r\n    font-size:clamp(50px,15vw,74px);\r\n  }\r\n\r\n  #scm-johor .jh-word{\r\n    margin:55px 0 15px;\r\n\r\n    font-size:32vw;\r\n  }\r\n\r\n  #scm-johor .jh-triptych{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n  #scm-johor .shot-a{\r\n    grid-column:1 \/ -1;\r\n\r\n    height:66vw;\r\n  }\r\n\r\n  #scm-johor .shot-b,\r\n  #scm-johor .shot-c{\r\n    height:48vw;\r\n  }\r\n\r\n  #scm-johor .jh-section{\r\n    padding:70px 0 82px;\r\n  }\r\n\r\n  #scm-johor .jh-heading{\r\n    grid-template-columns:1fr;\r\n    gap:25px;\r\n  }\r\n\r\n  #scm-johor .jh-heading h2{\r\n    font-size:clamp(42px,12vw,61px);\r\n  }\r\n\r\n  #scm-johor .jh-value-list,\r\n  #scm-johor .jh-faq{\r\n    width:100%;\r\n  }\r\n\r\n  #scm-johor .jh-value-list article{\r\n    grid-template-columns:35px 1fr;\r\n  }\r\n\r\n  #scm-johor .jh-value-list article p{\r\n    grid-column:2;\r\n  }\r\n\r\n  #scm-johor .jh-services{\r\n    display:block;\r\n\r\n    padding:70px 0 82px;\r\n  }\r\n\r\n  #scm-johor .jh-services-aside{\r\n    margin-bottom:45px;\r\n    padding-bottom:20px;\r\n\r\n    border-right:0;\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n\r\n  #scm-johor .jh-services-aside>span{\r\n    position:static;\r\n\r\n    writing-mode:horizontal-tb;\r\n    transform:none;\r\n  }\r\n\r\n  #scm-johor .jh-services-aside strong{\r\n    display:none;\r\n  }\r\n\r\n  #scm-johor .jh-services-main{\r\n    padding-left:0;\r\n  }\r\n\r\n  #scm-johor .jh-service-story,\r\n  #scm-johor .jh-service-story.flip{\r\n    grid-template-columns:1fr;\r\n    gap:35px;\r\n  }\r\n\r\n  #scm-johor .jh-service-story.flip .jh-story-image{\r\n    order:initial;\r\n  }\r\n\r\n  #scm-johor .jh-story-image{\r\n    height:68vw;\r\n  }\r\n\r\n  #scm-johor .jh-corridor-title,\r\n  #scm-johor .jh-industries,\r\n  #scm-johor .jh-search,\r\n  #scm-johor .jh-cta-bottom{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-johor .jh-corridor-title{\r\n    gap:35px;\r\n  }\r\n\r\n  #scm-johor .jh-corridor{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-johor .jh-industries{\r\n    gap:55px;\r\n\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-johor .jh-statement{\r\n    padding:90px 0 100px;\r\n  }\r\n\r\n  #scm-johor .jh-statement p{\r\n    font-size:clamp(52px,14vw,77px);\r\n  }\r\n\r\n  #scm-johor .jh-orbit{\r\n    display:block;\r\n\r\n    min-height:0;\r\n    padding-top:0;\r\n  }\r\n\r\n  #scm-johor .jh-orbit-line{\r\n    display:none;\r\n  }\r\n\r\n  #scm-johor .jh-orbit article,\r\n  #scm-johor .jh-orbit article:nth-of-type(even),\r\n  #scm-johor .jh-orbit article:nth-of-type(odd){\r\n    width:100%;\r\n    min-height:0;\r\n\r\n    margin:0;\r\n\r\n    padding:22px 0;\r\n\r\n    border:0;\r\n    border-bottom:1px solid var(--line);\r\n    border-radius:0;\r\n\r\n    transform:none;\r\n\r\n    text-align:left;\r\n  }\r\n\r\n  #scm-johor .jh-orbit article:hover,\r\n  #scm-johor .jh-orbit article:nth-of-type(even):hover,\r\n  #scm-johor .jh-orbit article:nth-of-type(odd):hover{\r\n    transform:none;\r\n  }\r\n\r\n  #scm-johor .jh-search-dark,\r\n  #scm-johor .jh-search-light{\r\n    min-height:auto;\r\n\r\n    padding:60px 28px;\r\n  }\r\n\r\n  #scm-johor .jh-faq-more{\r\n    margin-left:0;\r\n  }\r\n\r\n  #scm-johor .jh-cta{\r\n    padding:80px 0 90px;\r\n  }\r\n\r\n  #scm-johor .jh-cta h2{\r\n    font-size:clamp(50px,14vw,74px);\r\n  }\r\n\r\n  #scm-johor .jh-cta-bottom{\r\n    width:100%;\r\n\r\n    margin-top:45px;\r\n\r\n    gap:35px;\r\n  }\r\n\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  #scm-johor .jh-rail-track,\r\n  #scm-johor .jh-word{\r\n    animation:none;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   FIX \u2014 SEO BLACK PANEL TEXT MUST STAY WHITE\r\n   Elementor \/ theme override proof\r\n   ========================================================= *\/\r\n#scm-johor .jh-search .jh-search-dark,\r\n#scm-johor .jh-search .jh-search-dark *,\r\n#scm-johor .jh-search .jh-search-dark h1,\r\n#scm-johor .jh-search .jh-search-dark h2,\r\n#scm-johor .jh-search .jh-search-dark h3,\r\n#scm-johor .jh-search .jh-search-dark p,\r\n#scm-johor .jh-search .jh-search-dark span,\r\n#scm-johor .jh-search .jh-search-dark strong{\r\n  color:#ffffff !important;\r\n}\r\n\r\n#scm-johor .jh-search .jh-search-dark .jh-label,\r\n#scm-johor .jh-search .jh-search-dark .light{\r\n  color:rgba(255,255,255,.72) !important;\r\n}\r\n\r\n#scm-johor .jh-search .jh-search-dark h2{\r\n  color:#ffffff !important;\r\n  opacity:1 !important;\r\n  -webkit-text-fill-color:#ffffff !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.getElementById('scm-johor');\r\n  if(!root) return;\r\n\r\n  root.querySelectorAll('.jh-faq details').forEach(function(item){\r\n    item.addEventListener('toggle',function(){\r\n      if(!item.open) return;\r\n\r\n      root.querySelectorAll('.jh-faq details').forEach(function(other){\r\n        if(other!==item) other.open=false;\r\n      });\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>WEB DESIGN JOHOR \/ MALAYSIA Professional Web Design in Johor for Businesses Ready to Grow. SYSCOMM designs and develops professional websites for businesses across Johor \u2014 from corporate websites and ecommerce stores to WordPress, Shopify and custom web solutions. The goal is simple: make your business easier to understand, easier to trust and easier for [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7446","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/7446","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/comments?post=7446"}],"version-history":[{"count":48,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/7446\/revisions"}],"predecessor-version":[{"id":8423,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/7446\/revisions\/8423"}],"wp:attachment":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/media?parent=7446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}