{"id":16,"date":"2024-12-16T11:14:40","date_gmt":"2024-12-16T03:14:40","guid":{"rendered":"https:\/\/syscomm.asia\/staging\/contact\/"},"modified":"2026-08-22T16:43:41","modified_gmt":"2026-08-22T08:43:41","slug":"contact","status":"publish","type":"page","link":"https:\/\/syscomm.com.my\/ms\/contact\/","title":{"rendered":"Hubungi Kami"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5700482 e-flex e-con-boxed e-con e-parent\" data-id=\"5700482\" 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-59fb148 elementor-widget elementor-widget-html\" data-id=\"59fb148\" 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\nV17 LIGHT MINIMAL CONTACT FORM\r\n==============================\r\nExisting Elementor Form remains fully functional.\r\n\r\nLayout:\r\nRow 1: Your Name | Email\r\nRow 2: Your Company | What can we help with?\r\nRow 3: How can we help? (full width)\r\nRow 4: Send (full width)\r\n\r\nStyle:\r\nLight premium enquiry card, white inputs, black CTA.\r\nNo form duplication or JavaScript moving.\r\n-->\r\n<!--\r\nSYSCOMM CONTACT \u2014 WIDE SCREEN MINIMAL COMMUNICATION DESK\r\n============================================================\r\nSTANDARD WIDTH: 88.5%\r\nPHOTOS: UNSPLASH ONLY\r\nICONS \/ ARROWS \/ MAP MARKERS \/ STATUS GRAPHICS:\r\nORIGINAL CSS + TEXT SYMBOLS ONLY\r\n\r\nCURRENT CONTACT INFO PRESERVED:\r\nEmail: intentionally not displayed publicly\r\nPhone: +6016-7721 881\r\nOpening Hours: Monday - Friday | 9am - 6.30pm\r\nAddress: 21A, Jalan Maju Barat, Taman Maju, 83000 Batu Pahat, Johor, Malaysia\r\n\r\nIMPORTANT ABOUT THE CONTACT FORM\r\nThis HTML includes the redesigned front-end form.\r\nTo actually send\/store submissions, connect it to your WordPress\r\nform handler (Elementor Form \/ Contact Form 7 \/ WPForms \/ backend endpoint).\r\n-->\r\n\r\n<div id=\"scm-contact-v3\">\r\n\r\n  <!-- =====================================================\r\n       HERO \u2014 CONTACT DESK \/ COMMUNICATION GRID\r\n       ===================================================== -->\r\n  <section class=\"ct3-hero\">\r\n\r\n    <div class=\"ct3-hero-top\">\r\n      <span>CONTACT \/ SYSCOMM \/ MALAYSIA<\/span>\r\n      <span>WEB DESIGN \u00b7 ECOMMERCE \u00b7 SEO \u00b7 DIGITAL SOLUTIONS<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"ct3-hero-grid\">\r\n\r\n      <div class=\"ct3-hero-copy\">\r\n        <h1>Let\u2019s Talk About What You Need to Build or Improve.<\/h1>\r\n\r\n        <p class=\"ct3-lead\">\r\n          Tell us about your website, ecommerce, SEO or digital requirement.\r\n          We\u2019ll review the project and help you identify the most practical next step.\r\n        <\/p>\r\n\r\n        <a href=\"#syscomm-contact-form-anchor\" class=\"ct3-jump\">\r\n          <span>Start your enquiry<\/span>\r\n          <span>\u2193<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"ct3-contact-desk\">\r\n\r\n        <div class=\"ct3-desk-window\">\r\n\r\n          <div class=\"ct3-desk-head\">\r\n            <span>SYSCOMM \/ CONTACT DESK<\/span>\r\n\r\n            <div class=\"ct3-status\">\r\n              <i><\/i>\r\n              <span>OPEN<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ct3-channel-grid\">\r\n\r\n            <a href=\"#syscomm-contact-form-anchor\" class=\"ct3-channel\">\r\n              <small>01 \/ ENQUIRY<\/small>\r\n              <strong>Contact Form<\/strong>\r\n              <span>Send an enquiry \u2193<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"tel:+60167721881\" class=\"ct3-channel\">\r\n              <small>02 \/ CALL<\/small>\r\n              <strong>+6016-7721 881<\/strong>\r\n              <span>Call SYSCOMM \u2197<\/span>\r\n            <\/a>\r\n\r\n            <div class=\"ct3-channel\">\r\n              <small>03 \/ HOURS<\/small>\r\n              <strong>Monday \u2013 Friday<\/strong>\r\n              <span>9:00am \u2013 6:30pm<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ct3-channel\">\r\n              <small>04 \/ LOCATION<\/small>\r\n              <strong>Batu Pahat, Johor<\/strong>\r\n              <span>Malaysia<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"ct3-desk-signal\">\r\n\r\n            <div class=\"ct3-signal-line\">\r\n              <i><\/i>\r\n              <i><\/i>\r\n              <i><\/i>\r\n              <i><\/i>\r\n            <\/div>\r\n\r\n            <div class=\"ct3-signal-label\">\r\n              <span>ENQUIRY<\/span>\r\n              <span>DISCUSSION<\/span>\r\n              <span>SCOPE<\/span>\r\n              <span>PROPOSAL<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       CONTACT INFO \/ OFFICE VISUAL\r\n       ===================================================== -->\r\n  <section class=\"ct3-office ct3-line\">\r\n\r\n    <div class=\"ct3-office-photo\">\r\n      <img\r\n        src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1700&q=82\"\r\n        alt=\"Minimal modern office workspace representing SYSCOMM contact and collaboration\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\">\r\n\r\n      <div class=\"ct3-photo-tag\">\r\n        <span>WORK \/ DISCUSS \/ BUILD<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ct3-office-copy\">\r\n\r\n      <span class=\"ct3-label\">OUR OFFICE<\/span>\r\n\r\n      <h2>Based in Batu Pahat. Working with businesses across Malaysia and beyond.<\/h2>\r\n\r\n      <div class=\"ct3-address\">\r\n        <span>ADDRESS<\/span>\r\n\r\n        <strong>\r\n          21A, Jalan Maju Barat,<br>\r\n          Taman Maju,<br>\r\n          83000 Batu Pahat,<br>\r\n          Johor, Malaysia\r\n        <\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"ct3-office-meta\">\r\n\r\n        <div>\r\n          <span>ONLINE ENQUIRY<\/span>\r\n          <a href=\"#syscomm-contact-form-anchor\">Use Contact Form \u2193<\/a>\r\n        <\/div>\r\n\r\n        <div>\r\n          <span>PHONE<\/span>\r\n          <a href=\"tel:+60167721881\">+6016-7721 881 \u2197<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  \r\n\r\n\r\n  <!-- =====================================================\r\n       SERVICES \/ ROUTING\r\n       ===================================================== -->\r\n  <section class=\"ct3-routing ct3-line\">\r\n\r\n    <div class=\"ct3-routing-head\">\r\n\r\n      <span class=\"ct3-label\">NOT SURE WHERE TO START?<\/span>\r\n\r\n      <h2>Choose the conversation closest to your requirement.<\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ct3-routing-grid\">\r\n\r\n      <a href=\"\/web-design\/\" class=\"ct3-route\">\r\n        <span>01<\/span>\r\n        <strong>New Website \/ Redesign<\/strong>\r\n        <small>Corporate websites, WordPress and custom web development.<\/small>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <a href=\"\/shopify-website-development-malaysia\/\" class=\"ct3-route\">\r\n        <span>02<\/span>\r\n        <strong>Ecommerce \/ Shopify<\/strong>\r\n        <small>Online stores, products, checkout, payment and ecommerce workflows.<\/small>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <a href=\"\/api-intergration\/\" class=\"ct3-route\">\r\n        <span>03<\/span>\r\n        <strong>API \/ Integration<\/strong>\r\n        <small>Connect websites, ecommerce and supported business systems.<\/small>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <a href=\"\/blog\/\" class=\"ct3-route\">\r\n        <span>04<\/span>\r\n        <strong>Research First<\/strong>\r\n        <small>Read practical web design, ecommerce and SEO insights.<\/small>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       LOCATION \/ CSS MAP\r\n       ===================================================== -->\r\n  <section class=\"ct3-location ct3-line\">\r\n\r\n    <div class=\"ct3-map\" aria-label=\"Minimalist location illustration for Batu Pahat Johor\">\r\n\r\n      <div class=\"ct3-map-line line-a\"><\/div>\r\n      <div class=\"ct3-map-line line-b\"><\/div>\r\n      <div class=\"ct3-map-line line-c\"><\/div>\r\n      <div class=\"ct3-map-line line-d\"><\/div>\r\n\r\n      <div class=\"ct3-map-ring ring-a\"><\/div>\r\n      <div class=\"ct3-map-ring ring-b\"><\/div>\r\n\r\n      <div class=\"ct3-pin\">\r\n        <div class=\"ct3-pin-dot\"><\/div>\r\n        <span>SYSCOMM<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ct3-map-label\">\r\n        <strong>BATU PAHAT<\/strong>\r\n        <span>JOHOR \/ MALAYSIA<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ct3-location-copy\">\r\n\r\n      <span class=\"ct3-label\">VISIT \/ CONTACT<\/span>\r\n\r\n      <h2>Prefer to speak directly?<\/h2>\r\n\r\n      <p>\r\n        Call us during business hours or send your enquiry through the contact form. If your enquiry involves an existing\r\n        website, it is useful to include the website URL and a short description of\r\n        what you want to change.\r\n      <\/p>\r\n\r\n      <div class=\"ct3-direct\">\r\n\r\n        <a href=\"tel:+60167721881\">\r\n          <span>CALL<\/span>\r\n          <strong>+6016-7721 881<\/strong>\r\n          <i>\u2197<\/i>\r\n        <\/a>\r\n\r\n        <a href=\"#syscomm-contact-form-anchor\">\r\n          <span>ENQUIRY<\/span>\r\n          <strong>Use Contact Form<\/strong>\r\n          <i>\u2193<\/i>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   SYSCOMM CONTACT V3\r\n   COMMUNICATION DESK \/ MINIMAL CONTACT TERMINAL\r\n   STANDARD WIDTH = 88.5%\r\n   ========================================================= *\/\r\n\r\n#scm-contact-v3{\r\n  --text:#090909;\r\n  --muted:#70706a;\r\n  --line:#d8d8d2;\r\n  --soft:#f4f4f0;\r\n  --dark:#090909;\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:#fff!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-contact-v3 *{\r\n  box-sizing:border-box;\r\n  min-width:0;\r\n}\r\n\r\n#scm-contact-v3 a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\r\n\r\n#scm-contact-v3 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-contact-v3 button{\r\n  font:inherit;\r\n}\r\n\r\n#scm-contact-v3 .ct3-hero,\r\n#scm-contact-v3 .ct3-office,\r\n#scm-contact-v3 .ct3-form-section,\r\n#scm-contact-v3 .ct3-routing,\r\n#scm-contact-v3 .ct3-location{\r\n  width:88.5%!important;\r\n  max-width:none!important;\r\n\r\n  margin-left:auto!important;\r\n  margin-right:auto!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-line{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-contact-v3 .ct3-label{\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\r\n\/* ================= HERO ================= *\/\r\n\r\n#scm-contact-v3 .ct3-hero{\r\n  padding:72px 0 105px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-hero-top{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:30px;\r\n\r\n  padding-bottom:17px;\r\n\r\n  border-bottom:1px solid var(--line);\r\n\r\n  font-size:9px;\r\n  line-height:1.4;\r\n  letter-spacing:.13em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-contact-v3 .ct3-hero-grid{\r\n  display:grid;\r\n  grid-template-columns:.82fr 1.18fr;\r\n  gap:6vw;\r\n  align-items:center;\r\n\r\n  min-height:680px;\r\n}\r\n\r\n#scm-contact-v3 h1{\r\n  max-width:850px;\r\n\r\n  margin:0 0 35px;\r\n\r\n  font-size:clamp(58px,6.5vw,104px);\r\n  line-height:.87;\r\n  letter-spacing:-.075em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-contact-v3 .ct3-lead{\r\n  max-width:610px;\r\n\r\n  margin:0 0 34px;\r\n\r\n  font-size:16px;\r\n  line-height:1.72;\r\n  color:#41413d;\r\n}\r\n\r\n#scm-contact-v3 .ct3-jump{\r\n  display:flex;\r\n  justify-content:space-between;\r\n\r\n  max-width:450px;\r\n\r\n  padding:17px 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  letter-spacing:.11em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* CONTACT DESK *\/\r\n\r\n#scm-contact-v3 .ct3-contact-desk{\r\n  padding:40px 0;\r\n}\r\n\r\n#scm-contact-v3 .ct3-desk-window{\r\n  border:1px solid var(--line);\r\n  background:#fafaf7;\r\n}\r\n\r\n#scm-contact-v3 .ct3-desk-head{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n\r\n  padding:19px 22px;\r\n\r\n  border-bottom:1px solid var(--line);\r\n\r\n  font-size:8px;\r\n  letter-spacing:.11em;\r\n}\r\n\r\n#scm-contact-v3 .ct3-status{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-status i{\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n  background:#111;\r\n}\r\n\r\n#scm-contact-v3 .ct3-channel-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n}\r\n\r\n#scm-contact-v3 .ct3-channel{\r\n  min-height:225px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  padding:24px;\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-contact-v3 .ct3-channel:nth-child(even){\r\n  border-right:0;\r\n}\r\n\r\n#scm-contact-v3 a.ct3-channel:hover{\r\n  background:#0b0b0b;\r\n  color:#fff;\r\n}\r\n\r\n#scm-contact-v3 .ct3-channel small{\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-contact-v3 .ct3-channel strong{\r\n  margin:auto 0 9px;\r\n\r\n  font-size:24px;\r\n  line-height:1.05;\r\n  letter-spacing:-.04em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-contact-v3 .ct3-channel>span{\r\n  font-size:10px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-contact-v3 .ct3-desk-signal{\r\n  padding:25px 24px 20px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-signal-line{\r\n  position:relative;\r\n\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n\r\n  margin:10px 12px 18px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-signal-line:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  right:0;\r\n  top:50%;\r\n\r\n  height:1px;\r\n\r\n  background:#bbb;\r\n}\r\n\r\n#scm-contact-v3 .ct3-signal-line i{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:10px;\r\n  height:10px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n  border:1px solid #111;\r\n}\r\n\r\n#scm-contact-v3 .ct3-signal-line i:first-child{\r\n  background:#111;\r\n}\r\n\r\n#scm-contact-v3 .ct3-signal-label{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n\r\n  font-size:7px;\r\n  letter-spacing:.08em;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-contact-v3 .ct3-signal-label span:nth-child(2),\r\n#scm-contact-v3 .ct3-signal-label span:nth-child(3){\r\n  text-align:center;\r\n}\r\n\r\n#scm-contact-v3 .ct3-signal-label span:last-child{\r\n  text-align:right;\r\n}\r\n\r\n\r\n\/* ================= OFFICE ================= *\/\r\n\r\n#scm-contact-v3 .ct3-office{\r\n  display:grid;\r\n  grid-template-columns:1.15fr .85fr;\r\n\r\n  min-height:660px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-office-photo{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:var(--soft);\r\n}\r\n\r\n#scm-contact-v3 .ct3-office-photo img{\r\n  filter:saturate(.58) contrast(.98);\r\n\r\n  transition:transform .8s ease,filter .8s ease;\r\n}\r\n\r\n#scm-contact-v3 .ct3-office:hover .ct3-office-photo img{\r\n  transform:scale(1.025);\r\n  filter:saturate(.8);\r\n}\r\n\r\n#scm-contact-v3 .ct3-photo-tag{\r\n  position:absolute;\r\n\r\n  left:18px;\r\n  bottom:18px;\r\n\r\n  padding:7px 9px;\r\n\r\n  background:rgba(255,255,255,.9);\r\n\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n}\r\n\r\n#scm-contact-v3 .ct3-office-copy{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n\r\n  padding:65px 5vw;\r\n\r\n  background:#f5f5f1;\r\n}\r\n\r\n#scm-contact-v3 .ct3-office-copy h2{\r\n  max-width:780px;\r\n\r\n  margin:25px 0 38px;\r\n\r\n  font-size:clamp(42px,4.6vw,70px);\r\n  line-height:.93;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-contact-v3 .ct3-address{\r\n  padding:20px 0 26px;\r\n\r\n  border-top:1px solid var(--line);\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-contact-v3 .ct3-address span{\r\n  display:block;\r\n\r\n  margin-bottom:15px;\r\n\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-contact-v3 .ct3-address strong{\r\n  font-size:18px;\r\n  line-height:1.45;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-contact-v3 .ct3-office-meta{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-office-meta>div{\r\n  padding-right:18px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-office-meta span{\r\n  display:block;\r\n\r\n  margin-bottom:8px;\r\n\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-contact-v3 .ct3-office-meta a{\r\n  font-size:11px;\r\n}\r\n\r\n\r\n\/* ================= FORM BLACK ================= *\/\r\n\r\n#scm-contact-v3 .ct3-form-section{\r\n  display:grid;\r\n  grid-template-columns:.72fr 1.28fr;\r\n\r\n  background:#0a0a0a;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-intro,\r\n#scm-contact-v3 .ct3-form-panel{\r\n  min-height:760px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-intro{\r\n  padding:70px 5vw;\r\n\r\n  border-right:1px solid #333;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-section,\r\n#scm-contact-v3 .ct3-form-section *,\r\n#scm-contact-v3 .ct3-form-section h1,\r\n#scm-contact-v3 .ct3-form-section h2,\r\n#scm-contact-v3 .ct3-form-section h3{\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-label.light{\r\n  color:#aaa!important;\r\n  -webkit-text-fill-color:#aaa!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-intro h2{\r\n  max-width:700px;\r\n\r\n  margin:28px 0 25px;\r\n\r\n  font-size:clamp(44px,5vw,78px);\r\n  line-height:.91;\r\n  letter-spacing:-.067em;\r\n  font-weight:400;\r\n\r\n  opacity:1!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-intro>p{\r\n  max-width:580px;\r\n\r\n  margin:0 0 35px;\r\n\r\n  font-size:13px;\r\n  line-height:1.72;\r\n\r\n  color:#b9b9b4!important;\r\n  -webkit-text-fill-color:#b9b9b4!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-points{\r\n  border-top:1px solid #333;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-points>div{\r\n  display:grid;\r\n  grid-template-columns:42px 1fr;\r\n\r\n  padding:15px 0;\r\n\r\n  border-bottom:1px solid #333;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-points span{\r\n  font-size:9px;\r\n\r\n  color:#888!important;\r\n  -webkit-text-fill-color:#888!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-points strong{\r\n  font-size:12px;\r\n  line-height:1.5;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* FORM PANEL *\/\r\n\r\n#scm-contact-v3 .ct3-form-panel{\r\n  padding:35px;\r\n\r\n  background:#111;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-head{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n\r\n  padding:0 0 20px;\r\n\r\n  border-bottom:1px solid #333;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-head>div:first-child{\r\n  display:flex;\r\n  gap:12px;\r\n  align-items:baseline;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-head span{\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n\r\n  color:#999!important;\r\n  -webkit-text-fill-color:#999!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-head strong{\r\n  font-size:18px;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-ready{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form-ready i{\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n}\r\n\r\n#scm-contact-v3 .ct3-form{\r\n  padding-top:35px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-fields{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:0 28px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-field{\r\n  margin-bottom:29px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-field.full{\r\n  grid-column:1 \/ -1;\r\n}\r\n\r\n#scm-contact-v3 .ct3-field label{\r\n  display:block;\r\n\r\n  margin-bottom:9px;\r\n\r\n  font-size:9px;\r\n  letter-spacing:.055em;\r\n\r\n  color:#aaa!important;\r\n  -webkit-text-fill-color:#aaa!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-field label b{\r\n  font-weight:400;\r\n}\r\n\r\n#scm-contact-v3 .ct3-field input,\r\n#scm-contact-v3 .ct3-field select,\r\n#scm-contact-v3 .ct3-field textarea{\r\n  width:100%!important;\r\n\r\n  min-height:54px!important;\r\n\r\n  padding:13px 0!important;\r\n\r\n  border:0!important;\r\n  border-bottom:1px solid #444!important;\r\n  border-radius:0!important;\r\n\r\n  outline:none!important;\r\n  box-shadow:none!important;\r\n\r\n  background:transparent!important;\r\n\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\r\n  font-size:15px!important;\r\n\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n\r\n  transition:border-color .25s ease!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-field select{\r\n  background:#111!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-field textarea{\r\n  min-height:155px!important;\r\n\r\n  resize:vertical;\r\n}\r\n\r\n#scm-contact-v3 .ct3-field input:focus,\r\n#scm-contact-v3 .ct3-field select:focus,\r\n#scm-contact-v3 .ct3-field textarea:focus{\r\n  border-bottom-color:#fff!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-field input::placeholder,\r\n#scm-contact-v3 .ct3-field textarea::placeholder{\r\n  color:#707070!important;\r\n  -webkit-text-fill-color:#707070!important;\r\n\r\n  opacity:1!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-submit-area{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:28px;\r\n  align-items:center;\r\n\r\n  padding-top:24px;\r\n\r\n  border-top:1px solid #333;\r\n}\r\n\r\n#scm-contact-v3 .ct3-required{\r\n  display:flex;\r\n  gap:8px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-required small{\r\n  font-size:9px;\r\n\r\n  color:#888!important;\r\n  -webkit-text-fill-color:#888!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-submit{\r\n  appearance:none;\r\n\r\n  width:100%;\r\n  min-height:60px;\r\n\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n\r\n  padding:18px 20px;\r\n\r\n  border:1px solid #fff;\r\n\r\n  background:#fff!important;\r\n\r\n  cursor:pointer;\r\n\r\n  font-size:10px;\r\n  letter-spacing:.11em;\r\n  text-transform:uppercase;\r\n\r\n  transition:background .25s ease!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-submit,\r\n#scm-contact-v3 .ct3-submit *{\r\n  color:#111!important;\r\n  -webkit-text-fill-color:#111!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-submit:hover{\r\n  background:#0b0b0b!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-submit:hover,\r\n#scm-contact-v3 .ct3-submit:hover *{\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n}\r\n\r\n#scm-contact-v3 .ct3-backend-note{\r\n  display:flex;\r\n  gap:12px;\r\n\r\n  margin-top:22px;\r\n  padding:13px 0;\r\n\r\n  border-top:1px solid #333;\r\n  border-bottom:1px solid #333;\r\n}\r\n\r\n#scm-contact-v3 .ct3-backend-note strong{\r\n  font-size:9px;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-contact-v3 .ct3-backend-note span{\r\n  font-size:9px;\r\n\r\n  color:#888!important;\r\n  -webkit-text-fill-color:#888!important;\r\n}\r\n\r\n\r\n\/* ================= ROUTING ================= *\/\r\n\r\n#scm-contact-v3 .ct3-routing{\r\n  padding:105px 0 120px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-routing-head{\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-contact-v3 .ct3-routing-head h2{\r\n  max-width:1000px;\r\n\r\n  margin:0;\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-contact-v3 .ct3-routing-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,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-contact-v3 .ct3-route{\r\n  position:relative;\r\n\r\n  min-height:330px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  padding:24px;\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-contact-v3 .ct3-route:hover{\r\n  background:#0b0b0b;\r\n  color:#fff;\r\n}\r\n\r\n#scm-contact-v3 .ct3-route>span{\r\n  font-size:9px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-contact-v3 .ct3-route strong{\r\n  margin:auto 0 15px;\r\n\r\n  font-size:27px;\r\n  line-height:1;\r\n  letter-spacing:-.045em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-contact-v3 .ct3-route small{\r\n  max-width:310px;\r\n\r\n  font-size:11px;\r\n  line-height:1.6;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-contact-v3 .ct3-route i{\r\n  position:absolute;\r\n\r\n  right:22px;\r\n  top:20px;\r\n\r\n  font-size:18px;\r\n  font-style:normal;\r\n}\r\n\r\n\r\n\/* ================= LOCATION ================= *\/\r\n\r\n#scm-contact-v3 .ct3-location{\r\n  display:grid;\r\n  grid-template-columns:1.05fr .95fr;\r\n\r\n  min-height:620px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-map{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#f3f3ef;\r\n}\r\n\r\n#scm-contact-v3 .ct3-map-line{\r\n  position:absolute;\r\n\r\n  height:1px;\r\n\r\n  background:#c9c9c3;\r\n}\r\n\r\n#scm-contact-v3 .line-a{\r\n  left:-5%;\r\n  top:22%;\r\n  width:75%;\r\n  transform:rotate(18deg);\r\n}\r\n\r\n#scm-contact-v3 .line-b{\r\n  right:-5%;\r\n  top:37%;\r\n  width:85%;\r\n  transform:rotate(-11deg);\r\n}\r\n\r\n#scm-contact-v3 .line-c{\r\n  left:7%;\r\n  bottom:26%;\r\n  width:78%;\r\n  transform:rotate(5deg);\r\n}\r\n\r\n#scm-contact-v3 .line-d{\r\n  left:28%;\r\n  top:0;\r\n  height:100%;\r\n  width:1px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-map-ring{\r\n  position:absolute;\r\n\r\n  left:55%;\r\n  top:48%;\r\n\r\n  border:1px solid #ccc;\r\n  border-radius:50%;\r\n\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n#scm-contact-v3 .ring-a{\r\n  width:230px;\r\n  height:230px;\r\n}\r\n\r\n#scm-contact-v3 .ring-b{\r\n  width:390px;\r\n  height:390px;\r\n}\r\n\r\n#scm-contact-v3 .ct3-pin{\r\n  position:absolute;\r\n\r\n  left:55%;\r\n  top:48%;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n#scm-contact-v3 .ct3-pin-dot{\r\n  width:26px;\r\n  height:26px;\r\n\r\n  border:7px solid #111;\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n}\r\n\r\n#scm-contact-v3 .ct3-pin>span{\r\n  margin-top:11px;\r\n\r\n  padding:7px 9px;\r\n\r\n  background:#111;\r\n  color:#fff;\r\n\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n}\r\n\r\n#scm-contact-v3 .ct3-map-label{\r\n  position:absolute;\r\n\r\n  left:28px;\r\n  bottom:28px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n#scm-contact-v3 .ct3-map-label strong{\r\n  font-size:36px;\r\n  line-height:1;\r\n  letter-spacing:-.05em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-contact-v3 .ct3-map-label span{\r\n  margin-top:7px;\r\n\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-contact-v3 .ct3-location-copy{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n\r\n  padding:65px 5vw;\r\n}\r\n\r\n#scm-contact-v3 .ct3-location-copy h2{\r\n  margin:25px 0;\r\n\r\n  font-size:clamp(43px,5vw,77px);\r\n  line-height:.93;\r\n  letter-spacing:-.065em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-contact-v3 .ct3-location-copy>p{\r\n  max-width:610px;\r\n\r\n  margin:0 0 30px;\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-contact-v3 .ct3-direct{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-contact-v3 .ct3-direct a{\r\n  display:grid;\r\n  grid-template-columns:60px 1fr 20px;\r\n  gap:15px;\r\n  align-items:center;\r\n\r\n  padding:16px 0;\r\n\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-contact-v3 .ct3-direct span{\r\n  font-size:8px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-contact-v3 .ct3-direct strong{\r\n  font-size:18px;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-contact-v3 .ct3-direct i{\r\n  font-style:normal;\r\n}\r\n\r\n\r\n\/* ================= MOTION ================= *\/\r\n\r\n@media(prefers-reduced-motion:no-preference){\r\n\r\n  #scm-contact-v3 .ct3-status i,\r\n  #scm-contact-v3 .ct3-form-ready i{\r\n    animation:ct3Blink 1.5s ease-in-out infinite;\r\n  }\r\n\r\n  #scm-contact-v3 .ring-a{\r\n    animation:ct3Pulse 4s ease-in-out infinite alternate;\r\n  }\r\n\r\n  #scm-contact-v3 .ring-b{\r\n    animation:ct3Pulse 5.5s ease-in-out infinite alternate-reverse;\r\n  }\r\n\r\n}\r\n\r\n@keyframes ct3Blink{\r\n  50%{opacity:.25}\r\n}\r\n\r\n@keyframes ct3Pulse{\r\n  from{opacity:.35;scale:.97}\r\n  to{opacity:1;scale:1.03}\r\n}\r\n\r\n\r\n\/* ================= TABLET ================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  #scm-contact-v3 .ct3-hero,\r\n  #scm-contact-v3 .ct3-office,\r\n  #scm-contact-v3 .ct3-form-section,\r\n  #scm-contact-v3 .ct3-routing,\r\n  #scm-contact-v3 .ct3-location{\r\n    width:calc(100% - 38px)!important;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-hero-grid{\r\n    grid-template-columns:1fr;\r\n    gap:45px;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-routing-grid{\r\n    grid-template-columns:1fr 1fr;\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-contact-v3{\r\n    left:auto!important;\r\n\r\n    width:100%!important;\r\n    max-width:100%!important;\r\n\r\n    margin-left:0!important;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-hero,\r\n  #scm-contact-v3 .ct3-office,\r\n  #scm-contact-v3 .ct3-form-section,\r\n  #scm-contact-v3 .ct3-routing,\r\n  #scm-contact-v3 .ct3-location{\r\n    width:calc(100% - 26px)!important;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-hero{\r\n    padding:52px 0 75px;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-hero-top{\r\n    display:block;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-hero-top span{\r\n    display:block;\r\n    margin-bottom:7px;\r\n  }\r\n\r\n  #scm-contact-v3 h1{\r\n    font-size:clamp(49px,14vw,72px);\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-channel-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-channel,\r\n  #scm-contact-v3 .ct3-channel:nth-child(n){\r\n    border-right:0;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-office,\r\n  #scm-contact-v3 .ct3-form-section,\r\n  #scm-contact-v3 .ct3-location{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-office-photo{\r\n    height:75vw;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-office-copy{\r\n    padding:55px 28px;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-office-meta{\r\n    grid-template-columns:1fr;\r\n    gap:20px;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-form-intro,\r\n  #scm-contact-v3 .ct3-form-panel{\r\n    min-height:auto;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-form-intro{\r\n    padding:60px 28px;\r\n    border-right:0;\r\n    border-bottom:1px solid #333;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-form-panel{\r\n    padding:28px 20px 35px;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-fields{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-field.full{\r\n    grid-column:auto;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-submit-area{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-backend-note{\r\n    flex-direction:column;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-routing{\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-routing-head{\r\n    grid-template-columns:1fr;\r\n    gap:24px;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-routing-head h2{\r\n    font-size:clamp(42px,12vw,61px);\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-routing-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-map{\r\n    min-height:480px;\r\n  }\r\n\r\n  #scm-contact-v3 .ct3-location-copy{\r\n    padding:55px 0 70px;\r\n  }\r\n\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #scm-contact-v3 .ct3-status i,\r\n  #scm-contact-v3 .ct3-form-ready i,\r\n  #scm-contact-v3 .ring-a,\r\n  #scm-contact-v3 .ring-b{\r\n    animation:none!important;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================================\r\n   FIX: CHROME \/ EDGE AUTOFILL\r\n   Prevents light-blue autofill background with white text.\r\n   ========================================================= *\/\r\n\r\n#scm-contact-v3 .ct3-field input:-webkit-autofill,\r\n#scm-contact-v3 .ct3-field input:-webkit-autofill:hover,\r\n#scm-contact-v3 .ct3-field input:-webkit-autofill:focus,\r\n#scm-contact-v3 .ct3-field input:-webkit-autofill:active,\r\n#scm-contact-v3 .ct3-field textarea:-webkit-autofill,\r\n#scm-contact-v3 .ct3-field textarea:-webkit-autofill:hover,\r\n#scm-contact-v3 .ct3-field textarea:-webkit-autofill:focus,\r\n#scm-contact-v3 .ct3-field select:-webkit-autofill,\r\n#scm-contact-v3 .ct3-field select:-webkit-autofill:hover,\r\n#scm-contact-v3 .ct3-field select:-webkit-autofill:focus{\r\n  -webkit-box-shadow:0 0 0 1000px #111 inset!important;\r\n  box-shadow:0 0 0 1000px #111 inset!important;\r\n\r\n  -webkit-text-fill-color:#fff!important;\r\n  color:#fff!important;\r\n\r\n  caret-color:#fff!important;\r\n\r\n  border-bottom:1px solid #555!important;\r\n\r\n  transition:background-color 9999s ease-out 0s!important;\r\n}\r\n\r\n\/* Firefox autofill *\/\r\n#scm-contact-v3 .ct3-field input:autofill,\r\n#scm-contact-v3 .ct3-field textarea:autofill,\r\n#scm-contact-v3 .ct3-field select:autofill{\r\n  background:#111!important;\r\n  color:#fff!important;\r\n  box-shadow:0 0 0 1000px #111 inset!important;\r\n}\r\n\r\n\/* Make browser-selected\/autofilled text easy to read *\/\r\n#scm-contact-v3 .ct3-field input::selection,\r\n#scm-contact-v3 .ct3-field textarea::selection{\r\n  background:#fff!important;\r\n  color:#111!important;\r\n}\r\n\r\n\/* Keep form control background consistently dark *\/\r\n#scm-contact-v3 .ct3-field input,\r\n#scm-contact-v3 .ct3-field textarea,\r\n#scm-contact-v3 .ct3-field select{\r\n  background-color:#111!important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REAL ELEMENTOR CONTACT FORM\r\n   PAGE-SPECIFIC: CONTACT PAGE = PAGE ID 16\r\n   No moving. No detection. No CSS ID.\r\n   This styles the current Elementor Form exactly where it is.\r\n   ========================================================= *\/\r\n\r\n\/* Make the Elementor form area match SYSCOMM's standard 88.5% width *\/\r\nbody.page-id-16 .elementor-widget-form{\r\n  width:88.5%!important;\r\n  max-width:none!important;\r\n  margin:0 auto!important;\r\n  padding:48px 5vw 55px!important;\r\n  background:#111!important;\r\n  color:#000!important;\r\n  border:0!important;\r\n}\r\n\r\n\/* Remove widget\/container background conflicts *\/\r\nbody.page-id-16 .elementor-widget-form > .elementor-widget-container{\r\n  margin:0!important;\r\n  padding:0!important;\r\n  background:transparent!important;\r\n}\r\n\r\n\/* Form layout *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-form{\r\n  display:flex!important;\r\n  flex-wrap:wrap!important;\r\n  margin-left:-12px!important;\r\n  margin-right:-12px!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form .elementor-field-group{\r\n  padding-left:12px!important;\r\n  padding-right:12px!important;\r\n  margin-bottom:28px!important;\r\n}\r\n\r\n\/* Labels *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-label{\r\n  display:block!important;\r\n  margin:0 0 9px!important;\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\r\n  font-size:10px!important;\r\n  line-height:1.4!important;\r\n  letter-spacing:.055em!important;\r\n  font-weight:400!important;\r\n  color:#aaa!important;\r\n  -webkit-text-fill-color:#aaa!important;\r\n}\r\n\r\n\/* Inputs *\/\r\nbody.page-id-16 .elementor-widget-form input:not([type=\"submit\"]):not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nbody.page-id-16 .elementor-widget-form select,\r\nbody.page-id-16 .elementor-widget-form textarea{\r\n  width:100%!important;\r\n  min-height:54px!important;\r\n  padding:13px 0!important;\r\n  border:0!important;\r\n  border-bottom:1px solid #444!important;\r\n  border-radius:0!important;\r\n  outline:none!important;\r\n  box-shadow:none!important;\r\n  background:#111!important;\r\n  background-color:#111!important;\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\r\n  font-size:15px!important;\r\n  line-height:1.45!important;\r\n  color:#000!important;\r\n  -webkit-text-fill-color:#000!important;\r\n  caret-color:#fff!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form textarea{\r\n  min-height:155px!important;\r\n  resize:vertical!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form input:focus,\r\nbody.page-id-16 .elementor-widget-form select:focus,\r\nbody.page-id-16 .elementor-widget-form textarea:focus{\r\n  border-bottom-color:#fff!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form select option{\r\n  background:#111!important;\r\n  color:#fff!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form input::placeholder,\r\nbody.page-id-16 .elementor-widget-form textarea::placeholder{\r\n  color:#707070!important;\r\n  -webkit-text-fill-color:#707070!important;\r\n  opacity:1!important;\r\n}\r\n\r\n\/* Chrome \/ Edge autofill *\/\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill,\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill:hover,\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill:focus,\r\nbody.page-id-16 .elementor-widget-form textarea:-webkit-autofill,\r\nbody.page-id-16 .elementor-widget-form select:-webkit-autofill{\r\n  -webkit-box-shadow:0 0 0 1000px #111 inset!important;\r\n  box-shadow:0 0 0 1000px #111 inset!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n  color:#fff!important;\r\n  caret-color:#fff!important;\r\n}\r\n\r\n\/* Existing Elementor Send button \u2014 action remains untouched *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-type-submit{\r\n  width:100%!important;\r\n  max-width:100%!important;\r\n  flex:0 0 100%!important;\r\n  margin-top:10px!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form button[type=\"submit\"],\r\nbody.page-id-16 .elementor-widget-form .elementor-button{\r\n  width:100%!important;\r\n  min-height:60px!important;\r\n  border:1px solid #fff!important;\r\n  border-radius:0!important;\r\n  background:#fff!important;\r\n  color:#111!important;\r\n  -webkit-text-fill-color:#111!important;\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\r\n  font-size:10px!important;\r\n  letter-spacing:.11em!important;\r\n  text-transform:uppercase!important;\r\n  cursor:pointer!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form button[type=\"submit\"]:hover,\r\nbody.page-id-16 .elementor-widget-form .elementor-button:hover{\r\n  background:#111!important;\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n}\r\n\r\n\/* Elementor validation\/success\/error messages *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-message{\r\n  margin:20px 12px 0!important;\r\n  padding:14px 0!important;\r\n  border-top:1px solid #444!important;\r\n  border-bottom:1px solid #444!important;\r\n  font-size:12px!important;\r\n  line-height:1.6!important;\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n}\r\n\r\n\/* Prevent theme from forcing dark text on the black form *\/\r\nbody.page-id-16 .elementor-widget-form,\r\nbody.page-id-16 .elementor-widget-form *,\r\nbody.page-id-16 .elementor-widget-form h1,\r\nbody.page-id-16 .elementor-widget-form h2,\r\nbody.page-id-16 .elementor-widget-form h3{\r\n  --e-global-color-text:#fff;\r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:767px){\r\n\r\n  #scm-contact-v3 .ct3-form-intro-only{\r\n    grid-template-columns:1fr;\r\n    gap:42px;\r\n    padding:60px 28px;\r\n  }\r\n\r\n  body.page-id-16 .elementor-widget-form{\r\n    width:calc(100% - 26px)!important;\r\n    padding:38px 20px 45px!important;\r\n  }\r\n\r\n  body.page-id-16 .elementor-widget-form .elementor-field-group{\r\n    width:100%!important;\r\n    max-width:100%!important;\r\n    flex:0 0 100%!important;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   V10 FINAL AUTOFILL VISIBILITY FIX\r\n   Chrome\/Edge may force a light autofill background.\r\n   Therefore autofilled values use DARK TEXT for guaranteed contrast.\r\n   Manual input remains white text on dark background.\r\n   ========================================================= *\/\r\n\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill,\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill:hover,\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill:focus,\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill:active,\r\nbody.page-id-16 .elementor-widget-form textarea:-webkit-autofill,\r\nbody.page-id-16 .elementor-widget-form textarea:-webkit-autofill:hover,\r\nbody.page-id-16 .elementor-widget-form textarea:-webkit-autofill:focus,\r\nbody.page-id-16 .elementor-widget-form select:-webkit-autofill,\r\nbody.page-id-16 .elementor-widget-form select:-webkit-autofill:hover,\r\nbody.page-id-16 .elementor-widget-form select:-webkit-autofill:focus{\r\n  -webkit-text-fill-color:#111!important;\r\n  color:#111!important;\r\n  caret-color:#111!important;\r\n\r\n  \/* Give Chrome a controlled pale background if it insists on autofill styling *\/\r\n  -webkit-box-shadow:0 0 0 1000px #eef3fb inset!important;\r\n  box-shadow:0 0 0 1000px #eef3fb inset!important;\r\n\r\n  border-bottom:1px solid #777!important;\r\n\r\n  transition:\r\n    background-color 9999s ease-out 0s,\r\n    color 9999s ease-out 0s!important;\r\n}\r\n\r\n\/* Chrome's autofill preview \/ internal state *\/\r\nbody.page-id-16 .elementor-widget-form input[data-com-onepassword-filled],\r\nbody.page-id-16 .elementor-widget-form input[data-dashlane-rid],\r\nbody.page-id-16 .elementor-widget-form input[data-lastpass-icon-root]{\r\n  color:#111!important;\r\n  -webkit-text-fill-color:#111!important;\r\n}\r\n\r\n\/* Firefox autofill *\/\r\nbody.page-id-16 .elementor-widget-form input:autofill,\r\nbody.page-id-16 .elementor-widget-form textarea:autofill,\r\nbody.page-id-16 .elementor-widget-form select:autofill{\r\n  background:#eef3fb!important;\r\n  color:#111!important;\r\n  -webkit-text-fill-color:#111!important;\r\n  box-shadow:0 0 0 1000px #eef3fb inset!important;\r\n}\r\n\r\n\/* Browser-selected text *\/\r\nbody.page-id-16 .elementor-widget-form input::selection,\r\nbody.page-id-16 .elementor-widget-form textarea::selection{\r\n  background:#fff!important;\r\n  color:#111!important;\r\n}\r\n\r\n\/* Non-autofilled fields remain dark *\/\r\nbody.page-id-16 .elementor-widget-form input:not(:-webkit-autofill),\r\nbody.page-id-16 .elementor-widget-form textarea:not(:-webkit-autofill),\r\nbody.page-id-16 .elementor-widget-form select:not(:-webkit-autofill){\r\n  color:#000!important;\r\n  -webkit-text-fill-color:#000!important;\r\n}\r\n\r\n\r\n\/* V11: remove obsolete contact-form loader\/detector panel *\/\r\n#scm-contact-v3 #ct3-current-form-slot,\r\n#scm-contact-v3 .ct3-form-loading,\r\n#scm-contact-v3 .ct3-form-detecting,\r\n#scm-contact-v3 .ct3-loader,\r\n#scm-contact-v3 [class*=\"form-loading\"],\r\n#scm-contact-v3 [class*=\"form-detect\"]{\r\n  display:none!important;\r\n}\r\n\r\n\/* Do not reserve blank height for an obsolete form slot *\/\r\n#scm-contact-v3 .ct3-brief-grid > div:empty{\r\n  min-height:0!important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   V14 \u2014 REAL FORM ANCHOR\r\n   All enquiry links point to the existing Elementor Form.\r\n   The form itself is NOT moved or duplicated.\r\n   ========================================================= *\/\r\n\r\n#syscomm-contact-form-anchor,\r\nbody.page-id-16 .elementor-widget-form#syscomm-contact-form-anchor{\r\n  scroll-margin-top:120px!important;\r\n}\r\n\r\n\/* Give the real form a clean start when users jump to it *\/\r\nbody.page-id-16 .elementor-widget-form#syscomm-contact-form-anchor{\r\n  position:relative!important;\r\n}\r\n\r\n\/* Optional tiny heading marker generated by JS *\/\r\nbody.page-id-16 .elementor-widget-form#syscomm-contact-form-anchor:before{\r\n  content:\"PROJECT ENQUIRY FORM\";\r\n  display:block;\r\n  width:100%;\r\n  margin:0 12px 28px;\r\n  padding-bottom:14px;\r\n  border-bottom:1px solid #444;\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif;\r\n  font-size:9px;\r\n  line-height:1.4;\r\n  letter-spacing:.13em;\r\n  color:#aaa;\r\n  -webkit-text-fill-color:#aaa;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   V15 \u2014 REAL ELEMENTOR FORM ONLY\r\n   Removes the left-side enquiry instructions completely.\r\n   Keeps the existing working Elementor Form and rearranges it.\r\n   ========================================================= *\/\r\n\r\n\/* Real form wrapper *\/\r\nbody.page-id-16 .elementor-widget-form{\r\n  width:88.5%!important;\r\n  max-width:none!important;\r\n  margin:0 auto 110px!important;\r\n  padding:64px 5vw 70px!important;\r\n  background:#0d0d0d!important;\r\n  color:#fff!important;\r\n  border:0!important;\r\n  position:relative!important;\r\n}\r\n\r\n\/* Form header *\/\r\nbody.page-id-16 .elementor-widget-form:before{\r\n  content:\"PROJECT ENQUIRY\";\r\n  display:block;\r\n  margin:0 12px 42px!important;\r\n  padding-bottom:16px!important;\r\n  border-bottom:1px solid #353535!important;\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\r\n  font-size:10px!important;\r\n  line-height:1.4!important;\r\n  letter-spacing:.14em!important;\r\n  color:#9a9a95!important;\r\n  -webkit-text-fill-color:#9a9a95!important;\r\n}\r\n\r\n\/* Reset widget background\/padding *\/\r\nbody.page-id-16 .elementor-widget-form>.elementor-widget-container{\r\n  margin:0!important;\r\n  padding:0!important;\r\n  background:transparent!important;\r\n}\r\n\r\n\/* Two-column form grid *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-form{\r\n  display:grid!important;\r\n  grid-template-columns:1fr 1fr!important;\r\n  column-gap:40px!important;\r\n  row-gap:0!important;\r\n  margin:0!important;\r\n}\r\n\r\n\/* Default fields *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-group{\r\n  width:100%!important;\r\n  max-width:none!important;\r\n  flex:none!important;\r\n  padding:0!important;\r\n  margin:0 0 34px!important;\r\n}\r\n\r\n\/* Your Company = full width *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(3){\r\n  grid-column:1 \/ -1!important;\r\n}\r\n\r\n\/* Service select = full width *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(4){\r\n  grid-column:1 \/ -1!important;\r\n}\r\n\r\n\/* Message = full width *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(5){\r\n  grid-column:1 \/ -1!important;\r\n}\r\n\r\n\/* Submit = full width *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-type-submit{\r\n  grid-column:1 \/ -1!important;\r\n  width:100%!important;\r\n  max-width:none!important;\r\n  flex:none!important;\r\n  margin:6px 0 0!important;\r\n}\r\n\r\n\/* Labels *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-label{\r\n  display:block!important;\r\n  margin:0 0 9px!important;\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\r\n  font-size:10px!important;\r\n  line-height:1.4!important;\r\n  letter-spacing:.055em!important;\r\n  font-weight:400!important;\r\n  color:#aaa!important;\r\n  -webkit-text-fill-color:#aaa!important;\r\n}\r\n\r\n\/* Inputs *\/\r\nbody.page-id-16 .elementor-widget-form input:not([type=\"submit\"]):not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nbody.page-id-16 .elementor-widget-form select,\r\nbody.page-id-16 .elementor-widget-form textarea{\r\n  width:100%!important;\r\n  min-height:58px!important;\r\n  padding:14px 0!important;\r\n  border:0!important;\r\n  border-bottom:1px solid #454545!important;\r\n  border-radius:0!important;\r\n  outline:none!important;\r\n  box-shadow:none!important;\r\n  background:#0d0d0d!important;\r\n  background-color:#0d0d0d!important;\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\r\n  font-size:17px!important;\r\n  line-height:1.45!important;\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n  caret-color:#fff!important;\r\n  transition:border-color .25s ease!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form textarea{\r\n  min-height:150px!important;\r\n  resize:vertical!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form input:focus,\r\nbody.page-id-16 .elementor-widget-form select:focus,\r\nbody.page-id-16 .elementor-widget-form textarea:focus{\r\n  border-bottom-color:#fff!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form select,\r\nbody.page-id-16 .elementor-widget-form select option{\r\n  background:#0d0d0d!important;\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form input::placeholder,\r\nbody.page-id-16 .elementor-widget-form textarea::placeholder{\r\n  color:#777!important;\r\n  -webkit-text-fill-color:#777!important;\r\n  opacity:1!important;\r\n}\r\n\r\n\/* Chrome \/ Edge autofill *\/\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill,\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill:hover,\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill:focus,\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill:active{\r\n  -webkit-box-shadow:0 0 0 1000px #eef3fb inset!important;\r\n  box-shadow:0 0 0 1000px #eef3fb inset!important;\r\n  -webkit-text-fill-color:#111!important;\r\n  color:#111!important;\r\n  caret-color:#111!important;\r\n}\r\n\r\n\/* Send button *\/\r\nbody.page-id-16 .elementor-widget-form button[type=\"submit\"],\r\nbody.page-id-16 .elementor-widget-form .elementor-button{\r\n  width:100%!important;\r\n  min-height:66px!important;\r\n  border:1px solid #fff!important;\r\n  border-radius:0!important;\r\n  background:#fff!important;\r\n  color:#111!important;\r\n  -webkit-text-fill-color:#111!important;\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\r\n  font-size:10px!important;\r\n  letter-spacing:.14em!important;\r\n  text-transform:uppercase!important;\r\n  cursor:pointer!important;\r\n  transition:background .25s ease,color .25s ease!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form button[type=\"submit\"]:hover,\r\nbody.page-id-16 .elementor-widget-form .elementor-button:hover{\r\n  background:#0d0d0d!important;\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n}\r\n\r\n\/* Success \/ error *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-message{\r\n  grid-column:1 \/ -1!important;\r\n  margin:18px 0 0!important;\r\n  padding:14px 0!important;\r\n  border-top:1px solid #454545!important;\r\n  border-bottom:1px solid #454545!important;\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n  font-size:12px!important;\r\n  line-height:1.6!important;\r\n}\r\n\r\n\/* Real form anchor *\/\r\n#syscomm-contact-form-anchor{\r\n  scroll-margin-top:120px!important;\r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:767px){\r\n  body.page-id-16 .elementor-widget-form{\r\n    width:calc(100% - 26px)!important;\r\n    padding:44px 22px 50px!important;\r\n    margin-bottom:70px!important;\r\n  }\r\n\r\n  body.page-id-16 .elementor-widget-form .elementor-form{\r\n    grid-template-columns:1fr!important;\r\n  }\r\n\r\n  body.page-id-16 .elementor-widget-form .elementor-field-group,\r\n  body.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(3),\r\n  body.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(4),\r\n  body.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(5),\r\n  body.page-id-16 .elementor-widget-form .elementor-field-type-submit{\r\n    grid-column:1!important;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   V17 \u2014 LIGHT MINIMAL PREMIUM CONTACT FORM\r\n   Uses the existing working Elementor Form only.\r\n   ========================================================= *\/\r\n\r\nbody.page-id-16 .elementor-widget-form{\r\n  width:88.5%!important;\r\n  max-width:none!important;\r\n  margin:0 auto 110px!important;\r\n  padding:0!important;\r\n\r\n  background:#f5f5f1!important;\r\n  color:#111!important;\r\n\r\n  border:1px solid #d8d8d2!important;\r\n  position:relative!important;\r\n  overflow:hidden!important;\r\n}\r\n\r\n\/* top header *\/\r\nbody.page-id-16 .elementor-widget-form:before{\r\n  content:\"PROJECT ENQUIRY\";\r\n  display:block!important;\r\n\r\n  margin:0!important;\r\n  padding:22px 28px!important;\r\n\r\n  border-bottom:1px solid #d8d8d2!important;\r\n\r\n  background:#fff!important;\r\n\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\r\n  font-size:9px!important;\r\n  line-height:1.4!important;\r\n  letter-spacing:.15em!important;\r\n  font-weight:400!important;\r\n\r\n  color:#777!important;\r\n  -webkit-text-fill-color:#777!important;\r\n}\r\n\r\n\/* inner form area *\/\r\nbody.page-id-16 .elementor-widget-form>.elementor-widget-container{\r\n  margin:0!important;\r\n  padding:34px 34px 38px!important;\r\n  background:#f5f5f1!important;\r\n}\r\n\r\n\/* 2-column layout *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-form{\r\n  display:grid!important;\r\n  grid-template-columns:1fr 1fr!important;\r\n  gap:24px 24px!important;\r\n  width:100%!important;\r\n  margin:0!important;\r\n}\r\n\r\n\/* field groups *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-group{\r\n  width:100%!important;\r\n  max-width:none!important;\r\n  flex:none!important;\r\n  padding:0!important;\r\n  margin:0!important;\r\n}\r\n\r\n\/* Name \/ Email *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(1){\r\n  grid-column:1!important;\r\n}\r\nbody.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(2){\r\n  grid-column:2!important;\r\n}\r\n\r\n\/* Company \/ Service *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(3){\r\n  grid-column:1!important;\r\n}\r\nbody.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(4){\r\n  grid-column:2!important;\r\n}\r\n\r\n\/* Message *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(5){\r\n  grid-column:1 \/ -1!important;\r\n}\r\n\r\n\/* Submit *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-type-submit{\r\n  grid-column:1 \/ -1!important;\r\n  width:100%!important;\r\n  max-width:none!important;\r\n  flex:none!important;\r\n  margin-top:2px!important;\r\n}\r\n\r\n\/* Labels *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-field-label{\r\n  display:block!important;\r\n  margin:0 0 9px!important;\r\n\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\r\n  font-size:9px!important;\r\n  line-height:1.4!important;\r\n  letter-spacing:.08em!important;\r\n  font-weight:400!important;\r\n  text-transform:uppercase!important;\r\n\r\n  color:#70706b!important;\r\n  -webkit-text-fill-color:#70706b!important;\r\n}\r\n\r\n\/* Input \/ select \/ textarea *\/\r\nbody.page-id-16 .elementor-widget-form input:not([type=\"submit\"]):not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nbody.page-id-16 .elementor-widget-form select,\r\nbody.page-id-16 .elementor-widget-form textarea{\r\n  width:100%!important;\r\n\r\n  min-height:58px!important;\r\n  padding:14px 15px!important;\r\n\r\n  border:1px solid #d0d0ca!important;\r\n  border-radius:0!important;\r\n\r\n  background:#fff!important;\r\n  background-color:#fff!important;\r\n\r\n  outline:none!important;\r\n  box-shadow:none!important;\r\n\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\r\n  font-size:16px!important;\r\n  line-height:1.45!important;\r\n\r\n  color:#111!important;\r\n  -webkit-text-fill-color:#111!important;\r\n\r\n  caret-color:#111!important;\r\n\r\n  transition:border-color .22s ease,box-shadow .22s ease!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form textarea{\r\n  min-height:150px!important;\r\n  resize:vertical!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form input:focus,\r\nbody.page-id-16 .elementor-widget-form select:focus,\r\nbody.page-id-16 .elementor-widget-form textarea:focus{\r\n  border-color:#111!important;\r\n  box-shadow:0 0 0 1px #111 inset!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form input::placeholder,\r\nbody.page-id-16 .elementor-widget-form textarea::placeholder{\r\n  color:#9a9a95!important;\r\n  -webkit-text-fill-color:#9a9a95!important;\r\n  opacity:1!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form select,\r\nbody.page-id-16 .elementor-widget-form select option{\r\n  background:#fff!important;\r\n  color:#111!important;\r\n  -webkit-text-fill-color:#111!important;\r\n}\r\n\r\n\/* Autofill *\/\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill,\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill:hover,\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill:focus,\r\nbody.page-id-16 .elementor-widget-form input:-webkit-autofill:active{\r\n  -webkit-box-shadow:0 0 0 1000px #fff inset!important;\r\n  box-shadow:0 0 0 1000px #fff inset!important;\r\n  -webkit-text-fill-color:#111!important;\r\n  color:#111!important;\r\n  caret-color:#111!important;\r\n}\r\n\r\n\/* submit *\/\r\nbody.page-id-16 .elementor-widget-form button[type=\"submit\"],\r\nbody.page-id-16 .elementor-widget-form .elementor-button{\r\n  width:100%!important;\r\n  min-height:64px!important;\r\n\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n\r\n  border:1px solid #111!important;\r\n  border-radius:0!important;\r\n\r\n  background:#111!important;\r\n\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif!important;\r\n  font-size:10px!important;\r\n  letter-spacing:.16em!important;\r\n  font-weight:500!important;\r\n  text-transform:uppercase!important;\r\n\r\n  cursor:pointer!important;\r\n\r\n  transition:background .22s ease,color .22s ease!important;\r\n}\r\n\r\nbody.page-id-16 .elementor-widget-form button[type=\"submit\"]:hover,\r\nbody.page-id-16 .elementor-widget-form .elementor-button:hover{\r\n  background:#fff!important;\r\n  color:#111!important;\r\n  -webkit-text-fill-color:#111!important;\r\n}\r\n\r\n\/* messages *\/\r\nbody.page-id-16 .elementor-widget-form .elementor-message{\r\n  grid-column:1 \/ -1!important;\r\n  margin:8px 0 0!important;\r\n  padding:14px 0!important;\r\n\r\n  border-top:1px solid #d0d0ca!important;\r\n  border-bottom:1px solid #d0d0ca!important;\r\n\r\n  font-size:12px!important;\r\n  line-height:1.6!important;\r\n\r\n  color:#111!important;\r\n  -webkit-text-fill-color:#111!important;\r\n}\r\n\r\n\/* subtle motion *\/\r\n@media(prefers-reduced-motion:no-preference){\r\n  body.page-id-16 .elementor-widget-form{\r\n    transition:transform .35s ease,box-shadow .35s ease!important;\r\n  }\r\n\r\n  body.page-id-16 .elementor-widget-form:hover{\r\n    transform:translateY(-2px)!important;\r\n    box-shadow:0 18px 50px rgba(0,0,0,.06)!important;\r\n  }\r\n}\r\n\r\n\/* tablet *\/\r\n@media(max-width:1100px){\r\n  body.page-id-16 .elementor-widget-form{\r\n    width:calc(100% - 38px)!important;\r\n  }\r\n}\r\n\r\n\/* mobile *\/\r\n@media(max-width:767px){\r\n\r\n  body.page-id-16 .elementor-widget-form{\r\n    width:calc(100% - 26px)!important;\r\n    margin-bottom:70px!important;\r\n  }\r\n\r\n  body.page-id-16 .elementor-widget-form:before{\r\n    padding:18px 20px!important;\r\n  }\r\n\r\n  body.page-id-16 .elementor-widget-form>.elementor-widget-container{\r\n    padding:26px 20px 28px!important;\r\n  }\r\n\r\n  body.page-id-16 .elementor-widget-form .elementor-form{\r\n    grid-template-columns:1fr!important;\r\n    gap:20px!important;\r\n  }\r\n\r\n  body.page-id-16 .elementor-widget-form .elementor-field-group,\r\n  body.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(1),\r\n  body.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(2),\r\n  body.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(3),\r\n  body.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(4),\r\n  body.page-id-16 .elementor-widget-form .elementor-field-group:nth-of-type(5),\r\n  body.page-id-16 .elementor-widget-form .elementor-field-type-submit{\r\n    grid-column:1!important;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* CONTACT PAGE - FIX ASTRA SUBMENU TRANSPARENT BACKGROUND *\/\r\n@media (min-width: 922px){\r\n\r\n    body.page-id-16.ast-theme-transparent-header\r\n    .ast-builder-menu\r\n    .main-header-menu\r\n    .sub-menu{\r\n        background-color:#ffffff!important;\r\n    }\r\n\r\n    body.page-id-16.ast-theme-transparent-header\r\n    .ast-builder-menu\r\n    .main-header-menu\r\n    .sub-menu .menu-link{\r\n        color:#111111!important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  var root = document.getElementById('scm-contact-v3');\r\n  if(!root) return;\r\n\r\n  var ANCHOR_ID = 'syscomm-contact-form-anchor';\r\n\r\n  function scoreContactForm(widget){\r\n\r\n    var text = (widget.innerText || widget.textContent || '').toLowerCase();\r\n\r\n    var controls = Array.prototype.map.call(\r\n      widget.querySelectorAll('input,select,textarea'),\r\n      function(field){\r\n        return [\r\n          field.name || '',\r\n          field.id || '',\r\n          field.placeholder || ''\r\n        ].join(' ');\r\n      }\r\n    ).join(' ').toLowerCase();\r\n\r\n    var s = text + ' ' + controls;\r\n    var score = 0;\r\n\r\n    if(s.indexOf('name') !== -1) score += 2;\r\n    if(s.indexOf('email') !== -1) score += 3;\r\n    if(s.indexOf('company') !== -1) score += 2;\r\n    if(s.indexOf('service') !== -1 || s.indexOf('what can we help') !== -1) score += 3;\r\n    if(s.indexOf('message') !== -1 || s.indexOf('how can we help') !== -1) score += 3;\r\n\r\n    return score;\r\n  }\r\n\r\n\r\n  function getRealContactForm(){\r\n\r\n    \/* If the user has already set this ID manually, use it immediately. *\/\r\n    var alreadyMarked = document.getElementById(ANCHOR_ID);\r\n    if(alreadyMarked) return alreadyMarked;\r\n\r\n    var widgets = document.querySelectorAll('.elementor-widget-form');\r\n    var best = null;\r\n    var bestScore = -1;\r\n\r\n    widgets.forEach(function(widget){\r\n\r\n      \/* Never use anything inside our HTML layout. *\/\r\n      if(root.contains(widget)) return;\r\n\r\n      var score = scoreContactForm(widget);\r\n\r\n      if(score > bestScore){\r\n        best = widget;\r\n        bestScore = score;\r\n      }\r\n\r\n    });\r\n\r\n    if(best && bestScore >= 7){\r\n      best.id = ANCHOR_ID;\r\n      return best;\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n\r\n  function scrollToRealForm(e){\r\n\r\n    if(e) e.preventDefault();\r\n\r\n    var form = getRealContactForm();\r\n\r\n    if(form){\r\n      form.scrollIntoView({\r\n        behavior:'smooth',\r\n        block:'start'\r\n      });\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* Every enquiry link in this design goes to the real Elementor form. *\/\r\n  root.querySelectorAll('a[href=\"#' + ANCHOR_ID + '\"]').forEach(function(link){\r\n    link.addEventListener('click',scrollToRealForm);\r\n  });\r\n\r\n\r\n  \/* Mark the form as soon as Elementor has rendered it. *\/\r\n  var attempts = 0;\r\n\r\n  var timer = setInterval(function(){\r\n\r\n    attempts++;\r\n\r\n    if(getRealContactForm() || attempts >= 40){\r\n      clearInterval(timer);\r\n    }\r\n\r\n  },250);\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<div class=\"elementor-element elementor-element-03e290e e-flex e-con-boxed e-con e-parent\" data-id=\"03e290e\" 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-b416cc3 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"b416cc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"16\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"b416cc3\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Contact\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"16\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tYour Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_7c91273 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_7c91273\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tYour Company\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_7c91273]\" id=\"form-field-field_7c91273\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Your Company\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_56ce9aa elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_56ce9aa\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tWhat can we help with?\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_56ce9aa]\" id=\"form-field-field_56ce9aa\" class=\"elementor-field-textual elementor-size-sm\">\n\t\t\t\t\t\t\t\t\t<option value=\"\">Select a service <\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Web Design &amp; Development\">Web Design &amp; Development<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Ecommerce Development\">Ecommerce Development<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Shopify Development\">Shopify Development<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"SEO\/ GEO \">SEO\/ GEO <\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"API\/ System Development\">API\/ System Development<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Website Maintenance\">Website Maintenance<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Web Hosting\">Web Hosting<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Other\">Other<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tHow can we help?\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\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<div class=\"elementor-element elementor-element-2666923 e-flex e-con-boxed e-con e-parent\" data-id=\"2666923\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>CONTACT \/ SYSCOMM \/ MALAYSIA WEB DESIGN \u00b7 ECOMMERCE \u00b7 SEO \u00b7 DIGITAL SOLUTIONS Let\u2019s Talk About What You Need to Build or Improve. Tell us about your website, ecommerce, SEO or digital requirement. We\u2019ll review the project and help you identify the most practical next step. Start your enquiry \u2193 SYSCOMM \/ CONTACT DESK [&hellip;]<\/p>\n","protected":false},"author":1,"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":"default","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":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/16","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":102,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":8605,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/16\/revisions\/8605"}],"wp:attachment":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}