{"id":515,"date":"2026-10-03T16:04:07","date_gmt":"2026-10-03T16:04:07","guid":{"rendered":"https:\/\/filgreen.com.my\/?page_id=515"},"modified":"2026-10-03T18:50:41","modified_gmt":"2026-10-03T18:50:41","slug":"home","status":"publish","type":"page","link":"https:\/\/filgreen.com.my\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"515\" class=\"elementor elementor-515\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d6643b e-flex e-con-boxed e-con e-parent\" data-id=\"1d6643b\" 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-3eb5eab elementor-widget elementor-widget-image\" data-id=\"3eb5eab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/filgreen.com.my\/wp-content\/uploads\/elementor\/thumbs\/filgreen_logo-r3rlcvrp83iqyurv1ors5xfdtlkwv1txhdsgficttq.jpeg\" title=\"filgreen_logo\" alt=\"filgreen_logo\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\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-b0756be e-con-full e-flex e-con e-parent\" data-id=\"b0756be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-732990c elementor-widget elementor-widget-html\" data-id=\"732990c\" 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<div id=\"filgreen-hero-modern-banner-root\">\r\n    <style>\r\n        #filgreen-hero-modern-banner-root {\r\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 68vh;\r\n            display: flex;\r\n            align-items: center;\r\n            background: #ffffff;\r\n            overflow: hidden;\r\n            box-sizing: border-box;\r\n            padding: 30px 20px;\r\n        }\r\n        #filgreen-hero-modern-banner-root *, #filgreen-hero-modern-banner-root *:before, #filgreen-hero-modern-banner-root *:after {\r\n            box-sizing: border-box;\r\n        }\r\n        #filgreen-hero-modern-banner-root .hero-single-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        #filgreen-hero-modern-banner-root .hero-badge-tag {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background-color: #f0fdf4;\r\n            color: #059669;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            padding: 6px 16px;\r\n            border-radius: 30px;\r\n            margin-bottom: 16px;\r\n            border: 1px solid #bbf7d0;\r\n        }\r\n        #filgreen-hero-modern-banner-root h1 {\r\n            font-size: clamp(2.2rem, 4.2vw, 3.5rem);\r\n            font-weight: 800;\r\n            color: #0f172a;\r\n            line-height: 1.15;\r\n            margin-bottom: 14px;\r\n            letter-spacing: -0.02em;\r\n            max-width: 900px;\r\n        }\r\n        #filgreen-hero-modern-banner-root h1 span {\r\n            color: #059669;\r\n        }\r\n        #filgreen-hero-modern-banner-root p {\r\n            font-size: 16px; \/* Strict 16px base text *\/\r\n            line-height: 1.6;\r\n            color: #475569;\r\n            margin-bottom: 24px;\r\n            max-width: 700px;\r\n        }\r\n        #filgreen-hero-modern-banner-root .hero-btn-wrap {\r\n            display: flex;\r\n            gap: 12px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 35px;\r\n        }\r\n        #filgreen-hero-modern-banner-root .hero-action-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 12px 26px;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            border-radius: 8px;\r\n            text-decoration: none;\r\n            transition: all 0.2s ease;\r\n        }\r\n        #filgreen-hero-modern-banner-root .hero-action-btn.btn-primary {\r\n            background-color: #059669;\r\n            color: #ffffff;\r\n            box-shadow: 0 4px 12px rgba(5, 150, 105, 0.2);\r\n        }\r\n        #filgreen-hero-modern-banner-root .hero-action-btn.btn-primary:hover {\r\n            background-color: #047857;\r\n            transform: translateY(-2px);\r\n        }\r\n        #filgreen-hero-modern-banner-root .hero-action-btn.btn-secondary {\r\n            background-color: #f1f5f9;\r\n            color: #1e293b;\r\n            border: 1px solid #cbd5e1;\r\n        }\r\n        #filgreen-hero-modern-banner-root .hero-action-btn.btn-secondary:hover {\r\n            background-color: #e2e8f0;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* 3-Column Immersive Image Grid Showcase *\/\r\n        #filgreen-hero-modern-banner-root .hero-image-row {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 16px;\r\n            width: 100%;\r\n            max-width: 1100px;\r\n        }\r\n        #filgreen-hero-modern-banner-root .hero-grid-item {\r\n            position: relative;\r\n            height: 220px;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\r\n            background: #e2e8f0;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n        #filgreen-hero-modern-banner-root .hero-grid-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover; \/* Strict object-fit cover with NO greyscale *\/\r\n            display: block;\r\n            transition: transform 0.5s ease;\r\n        }\r\n        #filgreen-hero-modern-banner-root .hero-grid-item:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 14px 28px rgba(5, 150, 105, 0.15);\r\n        }\r\n        #filgreen-hero-modern-banner-root .hero-grid-item:hover img {\r\n            transform: scale(1.06);\r\n        }\r\n\r\n        \/* Adaptive Mobile & Tablet Responsiveness *\/\r\n        @media (max-width: 968px) {\r\n            #filgreen-hero-modern-banner-root {\r\n                padding: 20px 12px;\r\n                min-height: auto;\r\n            }\r\n            #filgreen-hero-modern-banner-root .hero-image-row {\r\n                grid-template-columns: 1fr;\r\n                gap: 12px;\r\n                max-width: 450px;\r\n            }\r\n            #filgreen-hero-modern-banner-root .hero-grid-item {\r\n                height: 190px;\r\n            }\r\n            #filgreen-hero-modern-banner-root .hero-action-btn {\r\n                width: 100%;\r\n                max-width: 280px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"hero-single-container\" id=\"hero\">\r\n        <div class=\"hero-badge-tag\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n            Professional M&E Engineering Services\r\n        <\/div>\r\n        <h1>We Provide <span>Reliable Industry Solution<\/span><\/h1>\r\n        <p>Specializing in Mechanical & Electrical Installation, Maintenance, and Safety Inspections with excellence and precision.<\/p>\r\n        \r\n        <div class=\"hero-btn-wrap\">\r\n            <a href=\"#mechanical\" class=\"hero-action-btn btn-primary\">Explore Services<\/a>\r\n            <a href=\"#contact\" class=\"hero-action-btn btn-secondary\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <!-- 3-Column Immersive Image Grid displaying all 3 full-color images simultaneously -->\r\n        <div class=\"hero-image-row\">\r\n            <div class=\"hero-grid-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/filgreen.com.my\/wp-content\/uploads\/2025\/05\/12-1.jpg\" alt=\"Filgreen Solution 1\" \/>\r\n            <\/div>\r\n            <div class=\"hero-grid-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/filgreen.com.my\/wp-content\/uploads\/2025\/05\/9-1.jpg\" alt=\"Filgreen Solution 2\" \/>\r\n            <\/div>\r\n            <div class=\"hero-grid-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/filgreen.com.my\/wp-content\/uploads\/2025\/05\/11-3.jpg\" alt=\"Filgreen Solution 3\" \/>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d7bb6f e-con-full e-flex e-con e-parent\" data-id=\"6d7bb6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6868610 elementor-widget elementor-widget-html\" data-id=\"6868610\" 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<style>\r\n\/* Scoped Container for Elementor Compatibility - Light Theme *\/\r\n#filgreen-about-services-root {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  color: #1e293b;\r\n  background-color: #f8fafc;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#filgreen-about-services-root *, \r\n#filgreen-about-services-root *::before, \r\n#filgreen-about-services-root *::after {\r\n  box-sizing: inherit;\r\n}\r\n\r\n\/* Typography Base - 16px Body Text *\/\r\n#filgreen-about-services-root p, \r\n#filgreen-about-services-root li, \r\n#filgreen-about-services-root span {\r\n  font-size: 16px;\r\n}\r\n\r\n\/* Section Wrapper *\/\r\n.fg-about-service-section {\r\n  padding: 60px 20px;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .fg-about-service-section {\r\n    padding: 80px 40px;\r\n  }\r\n}\r\n\r\n\/* About Us Section Styling *\/\r\n.fg-about-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 40px;\r\n  align-items: center;\r\n  margin-bottom: 80px;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .fg-about-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n  }\r\n}\r\n\r\n.fg-about-img-box {\r\n  position: relative;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\r\n  height: 380px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .fg-about-img-box {\r\n    height: 440px;\r\n  }\r\n}\r\n\r\n.fg-about-img-box img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  transition: transform 0.6s ease;\r\n}\r\n\r\n.fg-about-img-box:hover img {\r\n  transform: scale(1.04);\r\n}\r\n\r\n.fg-badge-light {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(0, 168, 107, 0.1);\r\n  border: 1px solid rgba(0, 168, 107, 0.25);\r\n  padding: 6px 16px;\r\n  border-radius: 50px;\r\n  color: #00A86B;\r\n  font-weight: 700;\r\n  font-size: 13px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.5px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.fg-about-content h2,\r\n.fg-services-header h2 {\r\n  font-size: clamp(2rem, 3.5vw, 2.6rem);\r\n  font-weight: 800;\r\n  color: #0f172a;\r\n  line-height: 1.2;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.fg-about-content p {\r\n  color: #475569;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n\/* Services Section Styling *\/\r\n.fg-services-header {\r\n  text-align: center;\r\n  max-width: 750px;\r\n  margin: 0 auto 40px auto;\r\n}\r\n\r\n.fg-services-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 30px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .fg-services-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n}\r\n\r\n.fg-service-card {\r\n  background: #ffffff;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 14px;\r\n  padding: 35px 30px;\r\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.fg-service-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #00A86B, #00E676);\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.fg-service-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 15px 35px rgba(0, 168, 107, 0.1);\r\n  border-color: rgba(0, 168, 107, 0.3);\r\n}\r\n\r\n.fg-service-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.fg-service-icon {\r\n  width: 50px;\r\n  height: 50px;\r\n  background: rgba(0, 168, 107, 0.1);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #00A86B;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.fg-service-card h3 {\r\n  font-size: 1.35rem;\r\n  font-weight: 700;\r\n  color: #0f172a;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.fg-service-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.fg-service-list li {\r\n  position: relative;\r\n  padding-left: 24px;\r\n  margin-bottom: 12px;\r\n  color: #475569;\r\n}\r\n\r\n.fg-service-list li::before {\r\n  content: '\u2022';\r\n  position: absolute;\r\n  left: 0;\r\n  color: #00A86B;\r\n  font-weight: bold;\r\n  font-size: 1.2rem;\r\n  line-height: 1;\r\n}\r\n<\/style>\r\n\r\n<div id=\"filgreen-about-services-root\">\r\n  \r\n  <!-- ABOUT US SECTION (#about) -->\r\n  <section id=\"about\" class=\"fg-about-service-section\">\r\n    <div class=\"fg-about-grid\">\r\n      \r\n      <!-- Left Column: High Quality Image with Object Fit -->\r\n      <div class=\"fg-about-img-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/filgreen.com.my\/wp-content\/uploads\/2025\/04\/2.png\" alt=\"Filgreen Mechanical & Electrical Engineering Services\" onerror=\"this.src='https:\/\/placehold.co\/800x600\/e2e8f0\/00A86B?text=Filgreen+Engineering';\" \/>\r\n      <\/div>\r\n\r\n      <!-- Right Column: About Us Content -->\r\n      <div class=\"fg-about-content\">\r\n        <div class=\"fg-badge-light\">\r\n          <span>About Us<\/span>\r\n        <\/div>\r\n        <h2>Welcome to FILGREEN<\/h2>\r\n        <p>\r\n          A trusted provider of comprehensive mechanical and electrical installation services. With years of expertise in the industry, we specialize in providing high-quality solutions that meet the evolving needs of our clients.\r\n        <\/p>\r\n        <p>\r\n          Our team of skilled professionals ensures precision, safety, and efficiency in every project we undertake.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- SERVICES WE PROVIDE SECTION (#mechanical & #electrical) -->\r\n    <div id=\"services\" class=\"fg-services-header\">\r\n      <div class=\"fg-badge-light\">\r\n        <span>Our Services<\/span>\r\n      <\/div>\r\n      <h2>Comprehensive Engineering Solutions<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"fg-services-grid\">\r\n      \r\n      <!-- Mechanical Services Card -->\r\n      <div id=\"mechanical\" class=\"fg-service-card\">\r\n        <div class=\"fg-service-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Mechanical Installation Services<\/h3>\r\n        <ul class=\"fg-service-list\">\r\n          <li>Installation of mechanical systems and equipment<\/li>\r\n          <li>Maintenance and repair of existing mechanical installations<\/li>\r\n          <li>Project management for mechanical system implementation<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Electrical Services Card -->\r\n      <div id=\"electrical\" class=\"fg-service-card\">\r\n        <div class=\"fg-service-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Electrical Installation Services<\/h3>\r\n        <ul class=\"fg-service-list\">\r\n          <li>Complete electrical wiring and cabling installations<\/li>\r\n          <li>Testing and safety inspections<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28d520d e-con-full e-flex e-con e-parent\" data-id=\"28d520d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9502a4 elementor-widget elementor-widget-html\" data-id=\"c9502a4\" 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<style>\r\n\/* Scoped Container for Elementor Compatibility - Light Theme *\/\r\n#filgreen-why-root {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  color: #1e293b;\r\n  background-color: #f8fafc;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#filgreen-why-root *, \r\n#filgreen-why-root *::before, \r\n#filgreen-why-root *::after {\r\n  box-sizing: inherit;\r\n}\r\n\r\n\/* Typography Base - 16px Body Text *\/\r\n#filgreen-why-root p, \r\n#filgreen-why-root li, \r\n#filgreen-why-root span {\r\n  font-size: 16px;\r\n}\r\n\r\n\/* Section Wrapper *\/\r\n.fg-why-section {\r\n  padding: 60px 20px;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .fg-why-section {\r\n    padding: 80px 40px;\r\n  }\r\n}\r\n\r\n\/* Grid Layout *\/\r\n.fg-why-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 40px;\r\n  align-items: center;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .fg-why-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n  }\r\n}\r\n\r\n\/* Image Box Styling with Object Fit *\/\r\n.fg-why-img-box {\r\n  position: relative;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\r\n  height: 380px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .fg-why-img-box {\r\n    height: 440px;\r\n  }\r\n}\r\n\r\n.fg-why-img-box img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  transition: transform 0.6s ease;\r\n}\r\n\r\n.fg-why-img-box:hover img {\r\n  transform: scale(1.04);\r\n}\r\n\r\n\/* Badge Styling *\/\r\n.fg-badge-light {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(0, 168, 107, 0.1);\r\n  border: 1px solid rgba(0, 168, 107, 0.25);\r\n  padding: 6px 16px;\r\n  border-radius: 50px;\r\n  color: #00A86B;\r\n  font-weight: 700;\r\n  font-size: 13px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.5px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\/* Content Headings *\/\r\n.fg-why-content h2 {\r\n  font-size: clamp(2rem, 3.5vw, 2.6rem);\r\n  font-weight: 800;\r\n  color: #0f172a;\r\n  line-height: 1.2;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n\/* Points List Styling *\/\r\n.fg-why-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.fg-why-item {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: flex-start;\r\n  background: #ffffff;\r\n  padding: 16px 20px;\r\n  border-radius: 12px;\r\n  border: 1px solid #e2e8f0;\r\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);\r\n  transition: transform 0.3s ease, border-color 0.3s ease;\r\n}\r\n\r\n.fg-why-item:hover {\r\n  transform: translateY(-3px);\r\n  border-color: rgba(0, 168, 107, 0.4);\r\n}\r\n\r\n.fg-why-icon {\r\n  flex-shrink: 0;\r\n  width: 32px;\r\n  height: 32px;\r\n  background: rgba(0, 168, 107, 0.12);\r\n  color: #00A86B;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: bold;\r\n  font-size: 14px;\r\n}\r\n\r\n.fg-why-text strong {\r\n  color: #0f172a;\r\n  font-weight: 700;\r\n  display: block;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.fg-why-text p {\r\n  color: #475569;\r\n  margin: 0;\r\n  font-size: 16px;\r\n}\r\n\r\n\/* Fade In Animation *\/\r\n.fg-fade-up {\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n}\r\n\r\n.fg-fade-up.active {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n<\/style>\r\n\r\n<div id=\"filgreen-why-root\">\r\n  <section id=\"why-choose-us\" class=\"fg-why-section\">\r\n    <div class=\"fg-why-grid\">\r\n      \r\n      <!-- Left Column: High Quality Image with Object Fit -->\r\n      <div class=\"fg-why-img-box fg-fade-up\">\r\n        <img decoding=\"async\" src=\"https:\/\/filgreen.com.my\/wp-content\/uploads\/2025\/04\/3.png\" alt=\"Why Choose Filgreen Engineering\" onerror=\"this.src='https:\/\/placehold.co\/800x600\/e2e8f0\/00A86B?text=Filgreen+Why+Choose+Us';\" \/>\r\n      <\/div>\r\n\r\n      <!-- Right Column: Why Choose Us Content & Key Points -->\r\n      <div class=\"fg-why-content fg-fade-up\">\r\n        <div class=\"fg-badge-light\">\r\n          <span>Advantage<\/span>\r\n        <\/div>\r\n        <h2>Why Choose Us?<\/h2>\r\n        \r\n        <div class=\"fg-why-list\">\r\n          \r\n          <!-- Point 1 -->\r\n          <div class=\"fg-why-item\">\r\n            <div class=\"fg-why-icon\">\u2713<\/div>\r\n            <div class=\"fg-why-text\">\r\n              <strong>Expertise & Experience<\/strong>\r\n              <p>Our team consists of highly trained professionals with extensive experience in mechanical and electrical installations.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Point 2 -->\r\n          <div class=\"fg-why-item\">\r\n            <div class=\"fg-why-icon\">\u2713<\/div>\r\n            <div class=\"fg-why-text\">\r\n              <strong>Quality Assurance<\/strong>\r\n              <p>We adhere to industry standards and best practices to ensure the highest level of service quality.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Point 3 -->\r\n          <div class=\"fg-why-item\">\r\n            <div class=\"fg-why-icon\">\u2713<\/div>\r\n            <div class=\"fg-why-text\">\r\n              <strong>Safety First<\/strong>\r\n              <p>Safety is our top priority. We follow stringent safety protocols to protect our team and clients.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Point 4 -->\r\n          <div class=\"fg-why-item\">\r\n            <div class=\"fg-why-icon\">\u2713<\/div>\r\n            <div class=\"fg-why-text\">\r\n              <strong>Customer-Centric Approach<\/strong>\r\n              <p>We tailor our services to meet the unique needs of each client, ensuring satisfaction and reliability.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  \/\/ Simple Intersection Observer for entrance animations\r\n  const fadeElements = document.querySelectorAll('#filgreen-why-root .fg-fade-up');\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('active');\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n\r\n  fadeElements.forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f142081 e-con-full e-flex e-con e-parent\" data-id=\"f142081\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a782fc9 elementor-widget elementor-widget-html\" data-id=\"a782fc9\" 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<style>\r\n\/* Scoped Container for Elementor Compatibility - Light Theme *\/\r\n#filgreen-projects-root {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  color: #1e293b;\r\n  background-color: #f8fafc;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#filgreen-projects-root *, \r\n#filgreen-projects-root *::before, \r\n#filgreen-projects-root *::after {\r\n  box-sizing: inherit;\r\n}\r\n\r\n\/* Typography Base - 16px Body Text *\/\r\n#filgreen-projects-root p, \r\n#filgreen-projects-root li, \r\n#filgreen-projects-root span {\r\n  font-size: 16px;\r\n}\r\n\r\n\/* Section Wrapper *\/\r\n.fg-projects-section {\r\n  padding: 60px 20px;\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .fg-projects-section {\r\n    padding: 80px 40px;\r\n  }\r\n}\r\n\r\n\/* Intro Header *\/\r\n.fg-projects-header {\r\n  text-align: center;\r\n  max-width: 850px;\r\n  margin: 0 auto 40px auto;\r\n}\r\n\r\n.fg-badge-light {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(0, 168, 107, 0.1);\r\n  border: 1px solid rgba(0, 168, 107, 0.25);\r\n  padding: 6px 16px;\r\n  border-radius: 50px;\r\n  color: #00A86B;\r\n  font-weight: 700;\r\n  font-size: 13px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.5px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.fg-projects-header h2 {\r\n  font-size: clamp(2rem, 3.5vw, 2.6rem);\r\n  font-weight: 800;\r\n  color: #0f172a;\r\n  line-height: 1.2;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.fg-projects-header p {\r\n  color: #475569;\r\n  margin: 0;\r\n}\r\n\r\n\/* Projects Grid (1 col mobile, 2 col tablet, 3 col desktop) *\/\r\n.fg-projects-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 24px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .fg-projects-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .fg-projects-grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n}\r\n\r\n\/* Project Card *\/\r\n.fg-project-card {\r\n  background: #ffffff;\r\n  border-radius: 14px;\r\n  overflow: hidden;\r\n  border: 1px solid #e2e8f0;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.fg-project-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 30px rgba(0, 168, 107, 0.1);\r\n  border-color: rgba(0, 168, 107, 0.4);\r\n}\r\n\r\n\/* Image Container with Object-Fit Cover *\/\r\n.fg-project-img-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 220px;\r\n  overflow: hidden;\r\n  background-color: #f1f5f9;\r\n}\r\n\r\n.fg-project-img-wrap img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.fg-project-card:hover .fg-project-img-wrap img {\r\n  transform: scale(1.06);\r\n}\r\n\r\n\/* Project Description Box *\/\r\n.fg-project-content {\r\n  padding: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  flex-grow: 1;\r\n}\r\n\r\n.fg-project-tag {\r\n  color: #00A86B;\r\n  font-weight: 700;\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 8px;\r\n  display: block;\r\n}\r\n\r\n.fg-project-content p {\r\n  color: #1e293b;\r\n  font-weight: 600;\r\n  margin: 0;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* Fade Up Animation *\/\r\n.fg-fade-up {\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n}\r\n\r\n.fg-fade-up.active {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n<\/style>\r\n\r\n<div id=\"filgreen-projects-root\">\r\n  <section id=\"projects\" class=\"fg-projects-section\">\r\n    \r\n    <!-- Intro Section -->\r\n    <div class=\"fg-projects-header fg-fade-up\">\r\n      <div class=\"fg-badge-light\">\r\n        <span>Portfolio<\/span>\r\n      <\/div>\r\n      <h2>Our Projects<\/h2>\r\n      <p>\r\n        At FILGREEN, we have successfully delivered a wide variety of mechanical and electrical installation projects across diverse industries. From residential buildings to large commercial and industrial complexes, each project showcases our commitment to quality, precision, and safety. Our experience in managing both large and small-scale projects ensures timely delivery and optimal results for our clients.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Projects Grid (6 Items) -->\r\n    <div class=\"fg-projects-grid\">\r\n      \r\n      <!-- Project 1 -->\r\n      <div class=\"fg-project-card fg-fade-up\">\r\n        <div class=\"fg-project-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/filgreen.com.my\/wp-content\/uploads\/2025\/07\/9-2.jpeg\" alt=\"Fabrication & Installation of Climatic Room\" onerror=\"this.src='https:\/\/placehold.co\/600x400\/e2e8f0\/00A86B?text=Climatic+Room';\" \/>\r\n        <\/div>\r\n        <div class=\"fg-project-content\">\r\n          <div>\r\n            <span class=\"fg-project-tag\">Project 01<\/span>\r\n            <p>Fabrication & Installation of Climatic Room<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Project 2 -->\r\n      <div class=\"fg-project-card fg-fade-up\">\r\n        <div class=\"fg-project-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/filgreen.com.my\/wp-content\/uploads\/2025\/05\/9-1.jpg\" alt=\"Installation of Isolator Machine\" onerror=\"this.src='https:\/\/placehold.co\/600x400\/e2e8f0\/00A86B?text=Isolator+Machine';\" \/>\r\n        <\/div>\r\n        <div class=\"fg-project-content\">\r\n          <div>\r\n            <span class=\"fg-project-tag\">Project 02<\/span>\r\n            <p>Installation of Isolator Machine<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Project 3 -->\r\n      <div class=\"fg-project-card fg-fade-up\">\r\n        <div class=\"fg-project-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/filgreen.com.my\/wp-content\/uploads\/2025\/05\/10-1.jpg\" alt=\"Installation of Down Flow Booth\" onerror=\"this.src='https:\/\/placehold.co\/600x400\/e2e8f0\/00A86B?text=Down+Flow+Booth';\" \/>\r\n        <\/div>\r\n        <div class=\"fg-project-content\">\r\n          <div>\r\n            <span class=\"fg-project-tag\">Project 03<\/span>\r\n            <p>Installation of Down Flow Booth<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Project 4 -->\r\n      <div class=\"fg-project-card fg-fade-up\">\r\n        <div class=\"fg-project-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/filgreen.com.my\/wp-content\/uploads\/2025\/05\/11-3.jpg\" alt=\"Installation of Control Panel & Electrical Wiring\" onerror=\"this.src='https:\/\/placehold.co\/600x400\/e2e8f0\/00A86B?text=Control+Panel';\" \/>\r\n        <\/div>\r\n        <div class=\"fg-project-content\">\r\n          <div>\r\n            <span class=\"fg-project-tag\">Project 04<\/span>\r\n            <p>Installation of Control Panel & Electrical Wiring<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Project 5 -->\r\n      <div class=\"fg-project-card fg-fade-up\">\r\n        <div class=\"fg-project-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/filgreen.com.my\/wp-content\/uploads\/2025\/05\/12-1.jpg\" alt=\"Installation of Dust Collector, Ducting & Hood\" onerror=\"this.src='https:\/\/placehold.co\/600x400\/e2e8f0\/00A86B?text=Dust+Collector';\" \/>\r\n        <\/div>\r\n        <div class=\"fg-project-content\">\r\n          <div>\r\n            <span class=\"fg-project-tag\">Project 05<\/span>\r\n            <p>Installation of Dust Collector, Ducting & Hood<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Project 6 -->\r\n      <div class=\"fg-project-card fg-fade-up\">\r\n        <div class=\"fg-project-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/filgreen.com.my\/wp-content\/uploads\/2025\/05\/13-1.jpg\" alt=\"Electrical Wiring for blower & Testing commissioning\" onerror=\"this.src='https:\/\/placehold.co\/600x400\/e2e8f0\/00A86B?text=Electrical+Wiring';\" \/>\r\n        <\/div>\r\n        <div class=\"fg-project-content\">\r\n          <div>\r\n            <span class=\"fg-project-tag\">Project 06<\/span>\r\n            <p>Electrical Wiring for blower & Testing commissioning Project Value<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  \/\/ Intersection Observer for scroll animations\r\n  const fadeElements = document.querySelectorAll('#filgreen-projects-root .fg-fade-up');\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('active');\r\n      }\r\n    });\r\n  }, { threshold: 0.12 });\r\n\r\n  fadeElements.forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6df107 e-con-full e-flex e-con e-parent\" data-id=\"d6df107\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaa1995 elementor-widget elementor-widget-html\" data-id=\"aaa1995\" 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<div id=\"filgreen-strength-process-root\">\r\n  <style>\r\n    \/* Scoped Design System & Reset *\/\r\n    #filgreen-strength-process-root {\r\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n      color: #1e293b;\r\n      background-color: #f8fafc;\r\n      box-sizing: border-box;\r\n      width: 100%;\r\n      overflow-x: hidden;\r\n      font-size: 16px; \/* Base 16px typography *\/\r\n      padding: 40px 12px;\r\n    }\r\n    #filgreen-strength-process-root * {\r\n      box-sizing: border-box;\r\n    }\r\n    #filgreen-strength-process-root .container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      width: 100%;\r\n    }\r\n\r\n    \/* Section Header Styling *\/\r\n    #filgreen-strength-process-root .section-header {\r\n      text-align: center;\r\n      margin-bottom: 32px;\r\n      padding: 0 8px;\r\n    }\r\n    #filgreen-strength-process-root .section-tag {\r\n      display: inline-block;\r\n      background: rgba(46, 125, 50, 0.1);\r\n      color: #2e7d32;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1.5px;\r\n      padding: 5px 12px;\r\n      border-radius: 20px;\r\n      margin-bottom: 10px;\r\n    }\r\n    #filgreen-strength-process-root h2 {\r\n      font-size: clamp(24px, 5vw, 36px);\r\n      font-weight: 800;\r\n      color: #0f172a;\r\n      margin: 0 0 8px;\r\n      line-height: 1.25;\r\n    }\r\n    #filgreen-strength-process-root .section-header p {\r\n      font-size: 16px;\r\n      color: #64748b;\r\n      line-height: 1.5;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Strength Grid Cards - Mobile Responsive Grid *\/\r\n    #filgreen-strength-process-root .strength-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 16px;\r\n      margin-bottom: 48px;\r\n    }\r\n    #filgreen-strength-process-root .strength-card {\r\n      background: #ffffff;\r\n      padding: 24px 18px;\r\n      border-radius: 12px;\r\n      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 2px 4px -1px rgba(0, 0, 0, 0.02);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n      border-top: 4px solid #2e7d32;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    #filgreen-strength-process-root .strength-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 10px 20px -3px rgba(0, 0, 0, 0.08);\r\n    }\r\n    #filgreen-strength-process-root .icon-box {\r\n      width: 44px;\r\n      height: 44px;\r\n      background: #e8f5e9;\r\n      color: #2e7d32;\r\n      border-radius: 10px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 16px;\r\n      flex-shrink: 0;\r\n    }\r\n    #filgreen-strength-process-root .icon-box svg {\r\n      width: 24px;\r\n      height: 24px;\r\n      stroke: currentColor;\r\n      fill: none;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n    #filgreen-strength-process-root .strength-card h3 {\r\n      font-size: 17px;\r\n      font-weight: 700;\r\n      color: #0f172a;\r\n      margin: 0 0 6px;\r\n      line-height: 1.3;\r\n    }\r\n    #filgreen-strength-process-root .strength-card p {\r\n      font-size: 16px;\r\n      color: #475569;\r\n      margin: 0;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* Process Flow Container *\/\r\n    #filgreen-strength-process-root .process-wrapper {\r\n      background: #0f172a;\r\n      border-radius: 16px;\r\n      padding: 32px 16px;\r\n      color: #ffffff;\r\n      box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.2);\r\n    }\r\n    #filgreen-strength-process-root .process-wrapper .section-tag {\r\n      background: rgba(46, 125, 50, 0.2);\r\n      color: #4ade80;\r\n    }\r\n    #filgreen-strength-process-root .process-wrapper h2 {\r\n      color: #ffffff;\r\n    }\r\n    #filgreen-strength-process-root .process-wrapper p {\r\n      color: #94a3b8;\r\n    }\r\n\r\n    #filgreen-strength-process-root .process-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 16px;\r\n      margin-top: 24px;\r\n    }\r\n    #filgreen-strength-process-root .process-card {\r\n      background: rgba(30, 41, 59, 0.7);\r\n      border: 1px solid rgba(51, 65, 85, 0.8);\r\n      border-radius: 12px;\r\n      padding: 20px 16px;\r\n      position: relative;\r\n      transition: background 0.3s ease, border-color 0.3s ease;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    #filgreen-strength-process-root .process-card:hover {\r\n      background: rgba(30, 41, 59, 1);\r\n      border-color: #2e7d32;\r\n    }\r\n    #filgreen-strength-process-root .process-step-num {\r\n      position: absolute;\r\n      top: 14px;\r\n      right: 14px;\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      color: #4ade80;\r\n      background: rgba(74, 222, 128, 0.1);\r\n      padding: 2px 6px;\r\n      border-radius: 6px;\r\n    }\r\n    #filgreen-strength-process-root .process-icon {\r\n      width: 40px;\r\n      height: 40px;\r\n      background: rgba(46, 125, 50, 0.2);\r\n      color: #4ade80;\r\n      border-radius: 10px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 14px;\r\n      flex-shrink: 0;\r\n    }\r\n    #filgreen-strength-process-root .process-icon svg {\r\n      width: 20px;\r\n      height: 20px;\r\n      stroke: currentColor;\r\n      fill: none;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n    #filgreen-strength-process-root .process-card h4 {\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      color: #ffffff;\r\n      margin: 0 0 6px;\r\n      line-height: 1.3;\r\n    }\r\n    #filgreen-strength-process-root .process-card p {\r\n      font-size: 16px;\r\n      color: #94a3b8;\r\n      margin: 0;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* Tablet breakpoint (1024px and down) *\/\r\n    @media (max-width: 1024px) {\r\n      #filgreen-strength-process-root .strength-grid,\r\n      #filgreen-strength-process-root .process-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n    \/* Mobile breakpoint (640px and down) *\/\r\n    @media (max-width: 640px) {\r\n      #filgreen-strength-process-root {\r\n        padding: 24px 8px;\r\n      }\r\n      #filgreen-strength-process-root .strength-grid,\r\n      #filgreen-strength-process-root .process-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 12px;\r\n      }\r\n      #filgreen-strength-process-root .strength-card,\r\n      #filgreen-strength-process-root .process-card {\r\n        padding: 18px 14px;\r\n      }\r\n      #filgreen-strength-process-root .process-wrapper {\r\n        padding: 24px 12px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"container\">\r\n    \r\n    <!-- SECTION 2: OUR STRENGTH -->\r\n    <div id=\"strength\" class=\"section-header\">\r\n      <span class=\"section-tag\">Core Competencies<\/span>\r\n      <h2>Our Strength<\/h2>\r\n      <p>Driving operational efficiency through uncompromising technical expertise and compliance.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"strength-grid\">\r\n      <div class=\"strength-card\">\r\n        <div class=\"icon-box\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Engineering Excellence<\/h3>\r\n        <p>Precision execution on standard and complex mechanical & electrical setups.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"strength-card\">\r\n        <div class=\"icon-box\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Certified Experts<\/h3>\r\n        <p>Skilled professionals strictly maintaining safety protocols on every site.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"strength-card\">\r\n        <div class=\"icon-box\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg>\r\n        <\/div>\r\n        <h3>End-to-End Execution<\/h3>\r\n        <p>Complete lifecycle management from initial design to installation and ongoing maintenance.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"strength-card\">\r\n        <div class=\"icon-box\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <h3>Safety Compliance<\/h3>\r\n        <p>Rigorously adhering to industry benchmarks and regulatory inspection standards.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SECTION 3: PROCESS FLOW -->\r\n    <div class=\"process-wrapper\">\r\n      <div id=\"process-flow\" class=\"section-header\" style=\"margin-bottom: 20px;\">\r\n        <span class=\"section-tag\">How We Work<\/span>\r\n        <h2>Our Technical Process Flow<\/h2>\r\n        <p style=\"color: #94a3b8;\">A structured, quality-controlled methodology ensuring seamless execution.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"process-grid\">\r\n        <div class=\"process-card\">\r\n          <span class=\"process-step-num\">01<\/span>\r\n          <div class=\"process-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><\/svg>\r\n          <\/div>\r\n          <h4>Consultation & Inspection<\/h4>\r\n          <p>Evaluating site specs, facility needs, and safety criteria.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"process-card\">\r\n          <span class=\"process-step-num\">02<\/span>\r\n          <div class=\"process-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\r\n          <\/div>\r\n          <h4>Design & Planning<\/h4>\r\n          <p>Drafting precise structural, mechanical, and electrical blueprints.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"process-card\">\r\n          <span class=\"process-step-num\">03<\/span>\r\n          <div class=\"process-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg>\r\n          <\/div>\r\n          <h4>Installation & Testing<\/h4>\r\n          <p>Professional deployment, wiring, component fitting, and safety validation.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"process-card\">\r\n          <span class=\"process-step-num\">04<\/span>\r\n          <div class=\"process-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>\r\n          <\/div>\r\n          <h4>Maintenance & Support<\/h4>\r\n          <p>Ongoing operational upkeep, inspections, and repair services.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01ba02d e-con-full e-flex e-con e-parent\" data-id=\"01ba02d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05d378c elementor-widget elementor-widget-html\" data-id=\"05d378c\" 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<div id=\"filgreen-contact-root\">\r\n    <style>\r\n        #filgreen-contact-root {\r\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n            color: #1e293b;\r\n            background-color: #f8fafc;\r\n            padding: 60px 20px;\r\n            box-sizing: border-box;\r\n            width: 100%;\r\n        }\r\n        #filgreen-contact-root *, #filgreen-contact-root *:before, #filgreen-contact-root *:after {\r\n            box-sizing: border-box;\r\n        }\r\n        #filgreen-contact-root .contact-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n        #filgreen-contact-root .contact-header {\r\n            text-align: center;\r\n            margin-bottom: 45px;\r\n        }\r\n        #filgreen-contact-root .contact-header h2 {\r\n            font-size: 2.25rem;\r\n            font-weight: 800;\r\n            color: #0f172a;\r\n            margin-bottom: 12px;\r\n        }\r\n        #filgreen-contact-root .contact-header p {\r\n            font-size: 16px;\r\n            color: #475569;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n        #filgreen-contact-root .contact-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 30px;\r\n            align-items: stretch;\r\n        }\r\n        #filgreen-contact-root .contact-card {\r\n            background: #ffffff;\r\n            padding: 35px;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n        }\r\n        #filgreen-contact-root .company-info h3 {\r\n            font-size: 1.25rem;\r\n            font-weight: 700;\r\n            color: #0f172a;\r\n            margin-bottom: 8px;\r\n        }\r\n        #filgreen-contact-root .company-info .company-reg {\r\n            font-size: 16px;\r\n            color: #0d9488;\r\n            font-weight: 600;\r\n            margin-bottom: 20px;\r\n        }\r\n        #filgreen-contact-root .info-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 18px;\r\n            font-size: 16px;\r\n            color: #334155;\r\n            line-height: 1.6;\r\n        }\r\n        #filgreen-contact-root .info-item svg {\r\n            width: 22px;\r\n            height: 22px;\r\n            fill: #0d9488;\r\n            margin-right: 15px;\r\n            flex-shrink: 0;\r\n            margin-top: 3px;\r\n        }\r\n        #filgreen-contact-root .info-item a {\r\n            color: #334155;\r\n            text-decoration: none;\r\n            transition: color 0.2s ease;\r\n        }\r\n        #filgreen-contact-root .info-item a:hover {\r\n            color: #0d9488;\r\n            text-decoration: underline;\r\n        }\r\n        #filgreen-contact-root .map-container {\r\n            margin-top: 25px;\r\n            width: 100%;\r\n            flex-grow: 1;\r\n            min-height: 280px;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            border: 1px solid #e2e8f0;\r\n        }\r\n        #filgreen-contact-root .map-container iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 0;\r\n            display: block;\r\n        }\r\n        #filgreen-contact-root .form-wrapper h3 {\r\n            font-size: 1.25rem;\r\n            font-weight: 700;\r\n            color: #0f172a;\r\n            margin-bottom: 20px;\r\n        }\r\n        #filgreen-contact-root .form-shortcode-container {\r\n            width: 100%;\r\n        }\r\n        \r\n        \/* Responsive layout *\/\r\n        @media (max-width: 900px) {\r\n            #filgreen-contact-root .contact-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            #filgreen-contact-root .map-container {\r\n                min-height: 320px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"contact-container\" id=\"contact\">\r\n        <div class=\"contact-header\">\r\n            <h2>Get In Touch<\/h2>\r\n            <p>Reach out to our team for reliable mechanical and electrical engineering solutions tailored to your business.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"contact-grid\">\r\n            <!-- Company Info & Maximized Map Card -->\r\n            <div class=\"contact-card company-info-card\">\r\n                <div class=\"company-info\">\r\n                    <h3>FILGREEN SDN BHD<\/h3>\r\n                    <div class=\"company-reg\">201301043976 (1073799-T)<\/div>\r\n\r\n                    <div class=\"info-item\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                        <span>28-1, Jalan Suria Puchong 4, Pusat Perdagangan Suria Puchong, 47110 Puchong, Selangor.<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"info-item\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n                        <a href=\"tel:+60123978568\">Mobile: +6012 397 8568<\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"info-item\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n                        <a href=\"https:\/\/wa.me\/60137292838\" target=\"_blank\" rel=\"noopener\">Business WhatsApp: +6013 729 2838<\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"info-item\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n                        <a href=\"mailto:richard.wong@filgreen.com.my\">Email: richard.wong@filgreen.com.my<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Maximized Embedded Google Map -->\r\n                <div class=\"map-container\">\r\n                    <iframe loading=\"lazy\" src=\"https:\/\/maps.google.com\/maps?q=28-1,%20Jalan%20Suria%20Puchong%204,%20Pusat%20Perdagangan%20Suria%20Puchong,%2047110%20Puchong,%20Selangor&t=&z=15&ie=UTF8&iwloc=&output=embed\" title=\"Filgreen Sdn Bhd Location\"><\/iframe>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Contact Form Card -->\r\n            <div class=\"contact-card form-wrapper\">\r\n                <div>\r\n                    <h3>Send Us a Message<\/h3>\r\n                    <div class=\"form-shortcode-container\">\r\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f418-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"418\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F515#wpcf7-f418-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"418\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f418-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"uacf7-form-wrapper-container uacf7-form-418  \"><div class=\"uacf7-row\"><div class=\"uacf7-col-6\"> \n<label>Your name <span class=\"wpcf7-form-control-wrap\" data-name=\"text-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"e.g John Smith\" value=\"\" type=\"text\" name=\"text-name\" \/><\/span><\/label> \n<\/div><div class=\"uacf7-col-6\"> \n<label>Email address <span class=\"wpcf7-form-control-wrap\" data-name=\"text-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"e.g john@email.com\" value=\"\" type=\"email\" name=\"text-email\" \/><\/span><\/label> \n<\/div><\/div>\n\n<div class=\"uacf7-row\"><div class=\"uacf7-col-6\"> \n<label>Phone number <span class=\"wpcf7-form-control-wrap\" data-name=\"text-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"e.g +60123456789\" value=\"\" type=\"tel\" name=\"text-phone\" \/><\/span><\/label> \n<\/div><div class=\"uacf7-col-6\"> \n<label>Company name <span class=\"wpcf7-form-control-wrap\" data-name=\"text-co\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"e.g John &amp; John\" value=\"\" type=\"text\" name=\"text-co\" \/><\/span><\/label> \n<\/div><\/div>\n\n<label>Your message\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"text-area\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea custom-message\" aria-invalid=\"false\" placeholder=\"Type here...\" name=\"text-area\"><\/textarea><\/span>\n<\/label>\n<br>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-903\"><span class=\"wpcf7-form-control wpcf7-acceptance optional\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acceptance-903\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">I agree to the Privacy Policy<\/span><\/label><\/span><\/span><\/span>\n<br><br>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/><\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b6b3f4 e-con-full e-flex e-con e-parent\" data-id=\"0b6b3f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64b2817 elementor-widget elementor-widget-html\" data-id=\"64b2817\" 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<div id=\"filgreen-footer-root\">\r\n    <style>\r\n        #filgreen-footer-root {\r\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n            color: #94a3b8;\r\n            background-color: #0f172a;\r\n            padding: 50px 20px 30px 20px;\r\n            box-sizing: border-box;\r\n            width: 100%;\r\n            position: relative;\r\n        }\r\n        #filgreen-footer-root *, #filgreen-footer-root *:before, #filgreen-footer-root *:after {\r\n            box-sizing: border-box;\r\n        }\r\n        #filgreen-footer-root .footer-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 2fr 1fr 1fr;\r\n            gap: 40px;\r\n            padding-bottom: 40px;\r\n            border-bottom: 1px solid #1e293b;\r\n        }\r\n        #filgreen-footer-root .footer-col h4 {\r\n            color: #ffffff;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            letter-spacing: 0.5px;\r\n        }\r\n        #filgreen-footer-root .footer-col p {\r\n            font-size: 16px;\r\n            line-height: 1.6;\r\n            margin-bottom: 16px;\r\n            color: #94a3b8;\r\n        }\r\n        #filgreen-footer-root .footer-col a.footer-contact-link {\r\n            color: #94a3b8;\r\n            text-decoration: none;\r\n            transition: color 0.2s ease;\r\n            display: inline-block;\r\n        }\r\n        #filgreen-footer-root .footer-col a.footer-contact-link:hover {\r\n            color: #0d9488;\r\n            text-decoration: underline;\r\n        }\r\n        #filgreen-footer-root .footer-links {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n        #filgreen-footer-root .footer-links li {\r\n            margin-bottom: 12px;\r\n            font-size: 16px;\r\n        }\r\n        #filgreen-footer-root .footer-links a {\r\n            color: #94a3b8;\r\n            text-decoration: none;\r\n            transition: color 0.2s ease;\r\n        }\r\n        #filgreen-footer-root .footer-links a:hover {\r\n            color: #0d9488;\r\n        }\r\n        #filgreen-footer-root .footer-bottom {\r\n            max-width: 1200px;\r\n            margin: 30px auto 0 auto;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: 16px;\r\n            color: #64748b;\r\n        }\r\n        #filgreen-footer-root .footer-bottom span {\r\n            color: #0d9488;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* Back to Top Button *\/\r\n        #filgreen-back-to-top {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            right: 30px;\r\n            width: 48px;\r\n            height: 48px;\r\n            background-color: #0d9488;\r\n            color: #ffffff;\r\n            border: none;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 4px 12px rgba(13, 148, 136, 0.3);\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transform: translateY(20px);\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            z-index: 9999;\r\n        }\r\n        #filgreen-back-to-top.visible {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            transform: translateY(0);\r\n        }\r\n        #filgreen-back-to-top:hover {\r\n            background-color: #0f766e;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 6px 16px rgba(13, 148, 136, 0.4);\r\n        }\r\n        #filgreen-back-to-top svg {\r\n            width: 22px;\r\n            height: 22px;\r\n            fill: currentColor;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 900px) {\r\n            #filgreen-footer-root .footer-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n            #filgreen-footer-root .footer-bottom {\r\n                flex-direction: column;\r\n                gap: 15px;\r\n                text-align: center;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"footer-container\">\r\n        <div class=\"footer-col\">\r\n            <h4>FILGREEN SDN BHD<\/h4>\r\n            <p>Specializing in reliable mechanical and electrical installation, maintenance, and safety inspections, delivering precision and quality to industrial and commercial sectors.<\/p>\r\n            <p><strong>Company Reg:<\/strong> 201301043976 (1073799-T)<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"footer-col\">\r\n            <h4>Quick Links<\/h4>\r\n            <ul class=\"footer-links\">\r\n                <li><a href=\"#about\">About Us<\/a><\/li>\r\n                <li><a href=\"#mechanical\">Mechanical Services<\/a><\/li>\r\n                <li><a href=\"#electrical\">Electrical Services<\/a><\/li>\r\n                <li><a href=\"#projects\">Our Projects<\/a><\/li>\r\n                <li><a href=\"#contact\">Contact Us<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"footer-col\">\r\n            <h4>Contact Info<\/h4>\r\n            <p>\r\n                <a href=\"https:\/\/maps.google.com\/?q=28-1,+Jalan+Suria+Puchong+4,+Pusat+Perdagangan+Suria+Puchong,+47110+Puchong,+Selangor\" target=\"_blank\" rel=\"noopener\" class=\"footer-contact-link\">\r\n                    28-1, Jalan Suria Puchong 4, Pusat Perdagangan Suria Puchong, 47110 Puchong, Selangor.\r\n                <\/a>\r\n            <\/p>\r\n            <p>\r\n                <strong>Mobile:<\/strong> <a href=\"tel:+60123978568\" class=\"footer-contact-link\">+6012 397 8568<\/a><br>\r\n                <strong>WhatsApp:<\/strong> <a href=\"https:\/\/wa.me\/60137292838\" target=\"_blank\" rel=\"noopener\" class=\"footer-contact-link\">+6013 729 2838<\/a><br>\r\n                <strong>Email:<\/strong> <a href=\"mailto:richard.wong@filgreen.com.my\" class=\"footer-contact-link\">richard.wong@filgreen.com.my<\/a>\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"footer-bottom\">\r\n        <div>&copy; 2026 <span>FILGREEN SDN BHD<\/span>. All Rights Reserved.<\/div>\r\n        <div>Designed for Industrial Excellence<\/div>\r\n    <\/div>\r\n\r\n    <!-- Back to Top Button -->\r\n    <button id=\"filgreen-back-to-top\" aria-label=\"Back to top\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"\/><\/svg>\r\n    <\/button>\r\n\r\n    <script>\r\n        (function() {\r\n            const backToTopBtn = document.getElementById('filgreen-back-to-top');\r\n            \r\n            window.addEventListener('scroll', function() {\r\n                if (window.scrollY > 300) {\r\n                    backToTopBtn.classList.add('visible');\r\n                } else {\r\n                    backToTopBtn.classList.remove('visible');\r\n                }\r\n            });\r\n\r\n            backToTopBtn.addEventListener('click', function() {\r\n                window.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n        })();\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Professional M&#038;E Engineering Services We Provide Reliable Industry Solution Specializing in Mechanical &#038; Electrical Installation, Maintenance, and Safety Inspections with excellence and precision. Explore Services Contact Us About Us Welcome to FILGREEN A trusted provider of comprehensive mechanical and electrical installation services. With years of expertise in the industry, we specialize in providing high-quality solutions [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-515","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/filgreen.com.my\/index.php?rest_route=\/wp\/v2\/pages\/515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/filgreen.com.my\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/filgreen.com.my\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/filgreen.com.my\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/filgreen.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=515"}],"version-history":[{"count":81,"href":"https:\/\/filgreen.com.my\/index.php?rest_route=\/wp\/v2\/pages\/515\/revisions"}],"predecessor-version":[{"id":604,"href":"https:\/\/filgreen.com.my\/index.php?rest_route=\/wp\/v2\/pages\/515\/revisions\/604"}],"wp:attachment":[{"href":"https:\/\/filgreen.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}