{"id":4682,"date":"2025-08-21T15:02:27","date_gmt":"2025-08-21T07:02:27","guid":{"rendered":"https:\/\/tristar.com.sg\/staging05\/?page_id=4682"},"modified":"2026-03-18T11:52:07","modified_gmt":"2026-03-18T03:52:07","slug":"home","status":"publish","type":"page","link":"https:\/\/tristar.com.sg\/staging05\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4682\" class=\"elementor elementor-4682\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cb035ed elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default tp-parallax-no\" data-id=\"cb035ed\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;tp_sticky_sec_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div data-aos=\"\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cc0cb73\" data-id=\"cc0cb73\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;tp_sticky_col_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b520f86 elementor-widget__width-inherit elementor-widget elementor-widget-video\" data-id=\"b520f86\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;start&quot;:0,&quot;end&quot;:40,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/Hero-Banner-Video-Full-Caption_revised-4-1280x720-RF26.mp4#t=,40\" autoplay=\"\" loop=\"\" controls=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\" poster=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/Revised_Product-Collage_2-scaled.png\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4eb6d92 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default tp-parallax-no\" data-id=\"4eb6d92\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500,&quot;tp_sticky_sec_effect_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div data-aos=\"\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-291d23e\" data-id=\"291d23e\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;tp_sticky_col_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-48f49c8 elementor-widget elementor-widget-html\" data-id=\"48f49c8\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"about-section\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Tri-Star Industries - About Us<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* =====================================================\r\n           TSI ABOUT SECTION - COMPLETELY FIXED MOBILE RESPONSIVENESS\r\n           ===================================================== *\/\r\n        .tsiAbout-wrapper {\r\n            font-family: \"Poppins\", sans-serif;\r\n            background: #ffffff;\r\n            color: #222;\r\n            padding: 50px 20px;\r\n            scroll-margin-top: 20px; \/* Ensures proper scroll positioning *\/\r\n        }\r\n\r\n        .tsiAbout-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* ---------- Header ---------- *\/\r\n        .tsiAbout-header h2 {\r\n            font-size: 2.3rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            text-transform: uppercase;\r\n            line-height: 1.2;\r\n            scroll-margin-top: 80px; \/* Ensures title is visible after navigation *\/\r\n        }\r\n\r\n        .tsiAbout-header h2 span:first-child { \r\n            color: #000; \r\n        }\r\n        .tsiAbout-header h2 span:last-child { \r\n            color: #a00000; \r\n        }\r\n\r\n        \/* ---------- Moto Sections ---------- *\/\r\n        .tsiAbout-moto {\r\n            font-size: 1.2rem;\r\n            color: #a00000;\r\n            font-weight: 600;\r\n            margin: 25px 0;\r\n            text-transform: capitalize;\r\n            letter-spacing: 0.5px;\r\n            line-height: 1.5;\r\n            text-align: center;\r\n        }\r\n\r\n        .moto-highlight {\r\n            color: #000;\r\n            font-size: 1.7rem;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .tsiAbout-header ul {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0 auto 30px;\r\n            max-width: 900px;\r\n            text-align: left;\r\n        }\r\n\r\n        .tsiAbout-header li {\r\n            font-size: 1.05rem;\r\n            color: #444;\r\n            line-height: 1.6;\r\n            position: relative;\r\n            padding-left: 25px;\r\n            margin-bottom: 12px;\r\n            text-align: justify;\r\n        }\r\n\r\n        .tsiAbout-header li::before {\r\n            content: \"\u2605\";\r\n            color: #a00000;\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        \/* ---------- Vision & Mission Section ---------- *\/\r\n        .tsiAbout-flexContainer {\r\n            display: flex;\r\n            gap: 25px;\r\n            max-width: 1200px;\r\n            margin: 40px auto;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .tsiAbout-flexItem {\r\n            flex: 1;\r\n            background: #fff;\r\n            border: 1px solid #e8e8e8;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .tsiAbout-flexHeader {\r\n            background: #f8f8f8;\r\n            padding: 20px 25px;\r\n            border-bottom: 1px solid #e8e8e8;\r\n        }\r\n\r\n        .tsiAbout-flexTitle {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            color: #a00000;\r\n            text-align: center;\r\n        }\r\n\r\n        .tsiAbout-flexContent {\r\n            padding: 25px;\r\n            background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\r\n        }\r\n\r\n        .tsiAbout-flexContent h3 {\r\n            color: #a00000;\r\n            font-size: 1.6rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .tsiAbout-flexContent p {\r\n            color: #444;\r\n            font-size: 1.05rem;\r\n            line-height: 1.6;\r\n            text-align: justify;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .tsiAbout-flexContent ul {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 15px 0;\r\n        }\r\n\r\n        .tsiAbout-flexContent li {\r\n            font-size: 1rem;\r\n            color: #555;\r\n            line-height: 1.5;\r\n            position: relative;\r\n            padding-left: 25px;\r\n            margin-bottom: 8px;\r\n            text-align: left;\r\n        }\r\n\r\n        .tsiAbout-flexContent li::before {\r\n            content: \"\u25b8\";\r\n            color: #a00000;\r\n            position: absolute;\r\n            left: 0;\r\n            font-weight: bold;\r\n        }\r\n\r\n        \/* ---------- Trusted By Section ---------- *\/\r\n        .tsiAbout-highlight {\r\n            margin-top: 60px;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        .tsiAbout-highlight h2 {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            margin-bottom: 20px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .tsiAbout-highlight h3 {\r\n            color: #a00000;\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            text-transform: uppercase;\r\n            line-height: 1.3;\r\n            word-wrap: break-word;\r\n            overflow-wrap: break-word;\r\n        }\r\n\r\n        .tsiAbout-highlight p {\r\n            color: #444;\r\n            font-size: 1.1rem;\r\n            max-width: 800px;\r\n            margin: 0 auto 30px;\r\n            line-height: 1.6;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* ---------- Logo Grid ---------- *\/\r\n        .tsiAbout-logoGrid {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 30px;\r\n            margin-top: 30px;\r\n            max-width: 1200px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .tsiAbout-logoItem {\r\n            width: calc(25% - 23px);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .tsiAbout-logoGrid img {\r\n            width: 110px;\r\n            height: 70px;\r\n            object-fit: contain;\r\n            opacity: 0.8;\r\n            filter: grayscale(100%);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .tsiAbout-logoGrid img:hover {\r\n            filter: grayscale(0%);\r\n            opacity: 1;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* ========== MOBILE RESPONSIVENESS FIXES ========== *\/\r\n        @media (max-width: 1200px) {\r\n            .tsiAbout-logoItem {\r\n                width: calc(33.333% - 20px);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .tsiAbout-logoItem {\r\n                width: calc(50% - 15px);\r\n            }\r\n            .tsiAbout-flexContainer {\r\n                flex-direction: column;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tsiAbout-wrapper {\r\n                padding: 30px 15px;\r\n            }\r\n            \r\n            \/* Header fixes *\/\r\n            .tsiAbout-header h2 {\r\n                font-size: 1.8rem;\r\n                line-height: 1.3;\r\n                scroll-margin-top: 60px; \/* Adjusted for mobile *\/\r\n            }\r\n            \r\n            \/* Moto fixes *\/\r\n            .tsiAbout-moto {\r\n                font-size: 1.1rem;\r\n                line-height: 1.4;\r\n                margin: 20px 0;\r\n            }\r\n            \r\n            .moto-highlight {\r\n                font-size: 1.4rem;\r\n            }\r\n            \r\n            \/* List fixes *\/\r\n            .tsiAbout-header li {\r\n                font-size: 1rem;\r\n                line-height: 1.5;\r\n                padding-left: 20px;\r\n            }\r\n            \r\n            \/* Trusted section fixes *\/\r\n            .tsiAbout-highlight {\r\n                margin-top: 40px;\r\n            }\r\n            \r\n            .tsiAbout-highlight h2 {\r\n                font-size: 1.6rem;\r\n            }\r\n            \r\n            .tsiAbout-highlight h3 {\r\n                font-size: 1.3rem;\r\n                line-height: 1.4;\r\n                padding: 0 5px;\r\n            }\r\n            \r\n            .tsiAbout-highlight p {\r\n                font-size: 1rem;\r\n                line-height: 1.5;\r\n            }\r\n            \r\n            .tsiAbout-logoItem {\r\n                width: calc(50% - 10px);\r\n            }\r\n            \r\n            .tsiAbout-logoGrid {\r\n                gap: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .tsiAbout-wrapper {\r\n                padding: 20px 10px;\r\n            }\r\n            \r\n            \/* Header fixes *\/\r\n            .tsiAbout-header h2 {\r\n                font-size: 1.5rem;\r\n                line-height: 1.3;\r\n                scroll-margin-top: 50px; \/* Adjusted for small mobile *\/\r\n            }\r\n            \r\n            \/* Moto fixes *\/\r\n            .tsiAbout-moto {\r\n                font-size: 1rem;\r\n                line-height: 1.3;\r\n            }\r\n            \r\n            .moto-highlight {\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            \/* List fixes *\/\r\n            .tsiAbout-header li {\r\n                font-size: 0.95rem;\r\n                line-height: 1.4;\r\n                padding-left: 18px;\r\n                margin-bottom: 10px;\r\n            }\r\n            \r\n            \/* Trusted section fixes *\/\r\n            .tsiAbout-highlight h2 {\r\n                font-size: 1.4rem;\r\n            }\r\n            \r\n            .tsiAbout-highlight h3 {\r\n                font-size: 0.9rem;\r\n                line-height: 1.3;\r\n            }\r\n            \r\n            .tsiAbout-highlight p {\r\n                font-size: 0.95rem;\r\n                line-height: 1.4;\r\n            }\r\n            \r\n            .tsiAbout-logoItem {\r\n                width: 100%;\r\n                margin-bottom: 15px;\r\n            }\r\n            \r\n            .tsiAbout-logoGrid img {\r\n                width: 100px;\r\n                height: 60px;\r\n            }\r\n            \r\n            \/* Vision & Mission fixes *\/\r\n            .tsiAbout-flexContent {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .tsiAbout-flexContent h3 {\r\n                font-size: 1.3rem;\r\n            }\r\n            \r\n            .tsiAbout-flexContent p {\r\n                font-size: 0.95rem;\r\n                line-height: 1.4;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .tsiAbout-header h2 {\r\n                font-size: 1.3rem;\r\n            }\r\n            \r\n            .tsiAbout-highlight h3 {\r\n                font-size: 1rem;\r\n                line-height: 1.2;\r\n            }\r\n            \r\n            .tsiAbout-moto {\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .moto-highlight {\r\n                font-size: 1.1rem;\r\n            }\r\n        }\r\n        \r\n        \/* Smooth scrolling for the entire page *\/\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"tsiAbout-wrapper\" id=\"about-section\">\r\n        <div class=\"tsiAbout-container\">\r\n            <div class=\"tsiAbout-header\">\r\n                <h2 id=\"about-title\"><span>About<\/span> <span>Tri-Star Industries<\/span><\/h2>\r\n\r\n                <ul>\r\n                    <li>Tri-Star Industries began its journey in 1979 with a simple mission: to deliver precision-engineered product to the shipbuilding and offshore industry.<\/li>\r\n                    <li>What started as a local fastener supplier has grown into a global technology-driven manufacturer, trusted by clients across Energy, Offshore, Marine, Subsea, Power, Petrochemical, and Infrastructure sectors. Our products now include Fasteners, Cable Trays and Ladders, Anodes and Cathodic Protection systems, and Hydraulic Bolting equipment and solutions.<\/li>\r\n                    <li>From airports and tunnels to wafer plants, data centres, refineries, offshore structures, and wind farms, our products have become an integral part of critical projects worldwide. Each project is a testament of trust, reliability and innovation.<\/li>\r\n                <\/ul>\r\n\r\n                <div class=\"tsiAbout-moto\">\r\n                    Thinking <span class=\"moto-highlight\">Globally<\/span>, Acting <span class=\"moto-highlight\">Locally<\/span>\r\n                <\/div>\r\n\r\n                <ul>\r\n                    <li>Our success is built on a strategy that combines a global network with local agility. With thousands of successfully executed projects, we have proven that manufacturing excellence is not just about delivering products, it's about creating solutions that stand the test of time.<\/li>\r\n                    <li>Our philosophy is to deliver quality and trust. We constantly look for the most advanced materials or technology to deliver the most efficient product or solution to our clients. We are embracing AI by powering solutions that cut labour-intensive tasks from days to minutes, while embedding sustainability into everything we do.<\/li>\r\n                    <!--<li>Our vision is to be the global leader and most preferred vendor in the energy, petrochemical, and marine industries. Our mission is to provide service excellence and comprehensive solutions through innovative design and engineering.<\/li>-->\r\n                    <li>At Tri-Star Industries, we don't just deliver products, we deliver a long lasting partnership of innovation and solutions.<\/li>\r\n                <\/ul>\r\n                \r\n                <div class=\"tsiAbout-moto\">\r\n                    <span class=\"moto-highlight\" style=\"color:#a00000;\">Trusted Partner. <\/span><span class=\"moto-highlight\">Innovation Delivered.<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- VISION & MISSION SECTION -->\r\n            <div class=\"tsiAbout-flexContainer\">\r\n                <div class=\"tsiAbout-flexItem\">\r\n                    <div class=\"tsiAbout-flexHeader\">\r\n                        <div class=\"tsiAbout-flexTitle\">Our Vision<\/div>\r\n                    <\/div>\r\n                    <div class=\"tsiAbout-flexContent\">\r\n                        <h3>Leading the Future<\/h3>\r\n                        <p>To be the global leader and most preferred vendor in the energy, petrochemical, and marine industries through innovation, quality, and service excellence.<\/p>\r\n                        <ul>\r\n                            <li>Global leadership in our core industries<\/li>\r\n                            <li>Continuous innovation and technological advancement<\/li>\r\n                            <li>Uncompromising quality and reliability<\/li>\r\n                            <li>Sustainable and environmentally responsible practices<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tsiAbout-flexItem\">\r\n                    <div class=\"tsiAbout-flexHeader\">\r\n                        <div class=\"tsiAbout-flexTitle\">Our Mission<\/div>\r\n                    <\/div>\r\n                    <div class=\"tsiAbout-flexContent\">\r\n                        <h3>Excellence in Service<\/h3>\r\n                        <p>To provide service excellence and comprehensive solutions through innovative design and engineering, creating lasting value for our clients and stakeholders.<\/p>\r\n                        <ul>\r\n                            <li>Customer-centric approach and tailored solutions<\/li>\r\n                            <li>Technical expertise and engineering excellence<\/li>\r\n                            <li>Reliable and timely delivery<\/li>\r\n                            <li>Long-term partnerships based on trust<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- TRUSTED BY SECTION -->\r\n            <div class=\"tsiAbout-highlight\">\r\n                <h2>Our Customers<\/h2>\r\n                <h3>Trusted by Global Industry Leaders<\/h3>\r\n                <p>Our solutions power mission-critical operations for multinational energy and engineering organizations worldwide \u2014 driven by innovation, precision, and trust.<\/p>\r\n                \r\n                <!-- <div class=\"tsiAbout-logoGrid\">\r\n                    <div class=\"tsiAbout-logoItem\">\r\n                        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/110x70\/eee\/999?text=Client+1\" alt=\"Client 1\">\r\n                    <\/div>\r\n                    <div class=\"tsiAbout-logoItem\">\r\n                        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/110x70\/eee\/999?text=Client+2\" alt=\"Client 2\">\r\n                    <\/div>\r\n                    <div class=\"tsiAbout-logoItem\">\r\n                        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/110x70\/eee\/999?text=Client+3\" alt=\"Client 3\">\r\n                    <\/div>\r\n                    <div class=\"tsiAbout-logoItem\">\r\n                        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/110x70\/eee\/999?text=Client+4\" alt=\"Client 4\">\r\n                    <\/div>\r\n                <\/div> -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ This script ensures proper navigation to the About section\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ Check if we need to scroll to the About section\r\n            if (window.location.hash === '#about-section' || window.location.hash === '#about-title') {\r\n                \/\/ Small delay to ensure the page has rendered\r\n                setTimeout(function() {\r\n                    const aboutTitle = document.getElementById('about-title');\r\n                    if (aboutTitle) {\r\n                        aboutTitle.scrollIntoView({ behavior: 'smooth' });\r\n                    }\r\n                }, 100);\r\n            }\r\n            \r\n            \/\/ If using Elementor navigation, this will handle clicks on \"About\" links\r\n            document.addEventListener('click', function(e) {\r\n                \/\/ Check if the clicked element or its parent is an \"About\" link\r\n                let target = e.target;\r\n                while (target && target !== document) {\r\n                    if (target.tagName === 'A' && \r\n                        (target.getAttribute('href') === '#about-section' || \r\n                         target.getAttribute('href') === '#about-title' ||\r\n                         target.textContent.toLowerCase().includes('about'))) {\r\n                        \r\n                        e.preventDefault();\r\n                        const aboutTitle = document.getElementById('about-title');\r\n                        if (aboutTitle) {\r\n                            aboutTitle.scrollIntoView({ behavior: 'smooth' });\r\n                        }\r\n                        return;\r\n                    }\r\n                    target = target.parentNode;\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eae18dd elementor-section-boxed elementor-section-height-default elementor-section-height-default tp-parallax-no\" data-id=\"eae18dd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;tp_sticky_sec_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div data-aos=\"\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-48d4c95\" data-id=\"48d4c95\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;tp_sticky_col_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fe5d898 animated-slow elementor-invisible elementor-widget elementor-widget-image-carousel\" data-id=\"fe5d898\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;6&quot;,&quot;slides_to_scroll&quot;:&quot;6&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:10000,&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;slides_to_show_mobile&quot;:&quot;6&quot;,&quot;slides_to_show_tablet&quot;:&quot;6&quot;,&quot;slides_to_scroll_tablet&quot;:&quot;6&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;6&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel 1\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/2.png\" alt=\"SBM Offshore logo \u2013 Offshore Engineering\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/1.png\" alt=\"ONGC logo \u2013 Oil &amp; Gas Corporation\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/3.png\" alt=\"Chevron logo \u2013 Energy Company\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/4.png\" alt=\"ExxonMobil logo \u2013 Oil &amp; Gas\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/8.png\" alt=\"FW logo \u2013 Engineering Solutions\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/7.png\" alt=\"Petronas logo \u2013 Energy Provider\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/6.png\" alt=\"Shell logo \u2013 Energy Sector\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/5.png\" alt=\"BP logo \u2013 Oil &amp; Gas Industry\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/9.png\" alt=\"ADNOC logo \u2013 Abu Dhabi National Oil Company\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/10.png\" alt=\"TotalEnergies logo \u2013 Energy Solutions\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"11 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/11.png\" alt=\"Woodside Energy logo \u2013 Oil &amp; Gas\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"12 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/12.png\" alt=\"INPEX logo \u2013 Energy Corporation\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"13 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/16.png\" alt=\"PTTEP logo \u2013 Petroleum Exploration\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"14 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/15.png\" alt=\"QatarEnergy logo \u2013 Energy Provider\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"15 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/14.png\" alt=\"PTSC logo \u2013 Petroleum Services\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"16 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/13.png\" alt=\"PetroVietnam logo \u2013 Oil &amp; Gas\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"17 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/20.png\" alt=\"Seadrill logo \u2013 Offshore Drilling\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"18 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/19.png\" alt=\"Lamprell logo \u2013 Engineering Services\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"19 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/32.png\" alt=\"SLB OneSubsea logo \u2013 Subsea Solutions\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6769602 elementor-widget elementor-widget-image-carousel\" data-id=\"6769602\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;6&quot;,&quot;slides_to_scroll&quot;:&quot;6&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:10000,&quot;slides_to_show_mobile&quot;:&quot;6&quot;,&quot;slides_to_show_tablet&quot;:&quot;6&quot;,&quot;slides_to_scroll_tablet&quot;:&quot;6&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;6&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel 3\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/23-1.png\" alt=\"KBR logo \u2013 Engineering &amp; Construction\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/22-1.png\" alt=\"Larsen &amp; Toubro logo \u2013 Engineering\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/21-1.png\" alt=\"Bluewater logo \u2013 Offshore Solutions\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/20-1.png\" alt=\"TEN logo \u2013 Technip Energies\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/19-1.png\" alt=\"PremierOil logo \u2013 Oil Exploration\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/18-1.png\" alt=\"PetroJack logo \u2013 Drilling Solutions\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/17-1.png\" alt=\"Chiyoda logo \u2013 Engineering &amp; Construction\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/16-1.png\" alt=\"Cameron logo \u2013 Oilfield Equipment\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/15-1.png\" alt=\"Worley logo \u2013 Engineering Solutions\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/14-1.png\" alt=\"BW Offshore logo \u2013 Offshore Production\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"11 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/13-1.png\" alt=\"Aker Solutions logo \u2013 Engineering Services\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"12 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/12-1.png\" alt=\"Saudi Aramco logo \u2013 Oil &amp; Gas\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"13 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/11-1.png\" alt=\"Petrofac logo \u2013 Oilfield Services\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"14 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/10-1.png\" alt=\"Prosafe logo \u2013 Offshore Accommodation\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"15 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/9-1.png\" alt=\"MODEC logo \u2013 Offshore Production\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"16 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/8-1.png\" alt=\"DSME logo \u2013 Shipbuilding &amp; Offshore\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"17 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/30.png\" alt=\"Sapura Energy logo \u2013 Energy Solutions\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"18 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/31.png\" alt=\"Fluor logo \u2013 Engineering &amp; Construction\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"19 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/4-1.png\" alt=\"TechnipFMC logo \u2013 Subsea Engineering\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50268cd animated-slow elementor-invisible elementor-widget elementor-widget-image-carousel\" data-id=\"50268cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;6&quot;,&quot;slides_to_scroll&quot;:&quot;6&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:10000,&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;slides_to_show_mobile&quot;:&quot;6&quot;,&quot;slides_to_show_tablet&quot;:&quot;6&quot;,&quot;slides_to_scroll_tablet&quot;:&quot;6&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;6&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel 2\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/17.png\" alt=\"JGC logo \u2013 Engineering &amp; Construction\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/24.png\" alt=\"MHB logo \u2013 Engineering Solutions\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/23.png\" alt=\"CWIND logo \u2013 Engineering Solutions\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/22.png\" alt=\"SK E&amp;C logo \u2013 Engineering &amp; Construction\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/21.png\" alt=\"Mitsubishi Heavy Industries logo \u2013 Industrial Solutions\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/28.png\" alt=\"Nippon Steel logo \u2013 Steel Manufacturing\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/27.png\" alt=\"Toyo Engineering logo \u2013 Engineering\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/26.png\" alt=\"McDermott logo \u2013 Engineering &amp; Construction\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/25.png\" alt=\"North Oil logo \u2013 Oil &amp; Gas\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/3-1.png\" alt=\"Seatrium logo \u2013 Offshore Engineering\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"11 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/2-1.png\" alt=\"COOEC logo - Offshore Engineering\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"12 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/1-1.png\" alt=\"Samsung Engineering logo \u2013 Engineering Solutions\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"13 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/29.png\" alt=\"Pertamina logo \u2013 Energy Provider\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"14 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/7-1.png\" alt=\"ConocoPhillips logo \u2013 Oil &amp; Gas\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"15 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/6-1.png\" alt=\"Petrobras logo \u2013 Oil &amp; Gas\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"16 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/03\/5-1.png\" alt=\"Hyundai Engineering logo \u2013 Industrial Solutions\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"17 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/LTA-Sg.png\" alt=\"LTA logo \u2013 Land Transport Authority\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"18 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/PUB-Sg.png\" alt=\"PUB Sg\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"19 of 19\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/NEA-Sg.png\" alt=\"NEA logo \u2013 National Environment Agency\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f56acd8 elementor-section-boxed elementor-section-height-default elementor-section-height-default tp-parallax-no\" data-id=\"f56acd8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;tp_sticky_sec_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div data-aos=\"\" class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-363618a\" data-id=\"363618a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;tp_sticky_col_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5502cf2 elementor-widget elementor-widget-text-editor\" data-id=\"5502cf2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><em>Logos are for reference only and remain the property of their respective owners.<\/em><\/p>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-71dbeb8 elementor-section-full_width elementor-section-height-default elementor-section-height-default tp-parallax-no\" data-id=\"71dbeb8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;tp_sticky_sec_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div data-aos=\"\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7ab84ce\" data-id=\"7ab84ce\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;tp_sticky_col_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c0e8da5 elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"c0e8da5\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"products-section\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Product Cards<\/title>\r\n    <style>\r\n    \/* Unique style: clean-product-tabs *\/\r\n    :root {\r\n      --cpt-primary: #7f1d1d;\r\n      --cpt-secondary: #991b1b;\r\n      --cpt-accent: #b91c1c;\r\n      --cpt-accent-light: #ef4444;\r\n      --cpt-bg-light: #f8fafc;\r\n      --cpt-bg-white: #ffffff;\r\n      --cpt-border: #e5e7eb;\r\n      --cpt-text: #374151;\r\n      --cpt-text-light: #6b7280;\r\n      --cpt-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n      --cpt-radius: 12px;\r\n    }\r\n    \r\n\r\n\r\n    .cpt-container {\r\n      max-width: 1400px;\r\n      margin: 0 auto;\r\n      padding: 30px 20px;\r\n      font-family: 'Segoe UI', system-ui, sans-serif;\r\n      background-color: var(--cpt-bg-white);\r\n      scroll-margin-top: 80px; \/* Added for proper scroll positioning *\/\r\n    }\r\n\r\n    .cpt-heading {\r\n      text-align: center;\r\n      font-size: 32px;\r\n      font-weight: 700;\r\n      color: var(--cpt-primary);\r\n      margin-bottom: 30px;\r\n      position: relative;\r\n      scroll-margin-top: 100px; \/* Added for proper scroll positioning *\/\r\n\r\n    }\r\n\r\n    .cpt-heading::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -10px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 80px;\r\n      height: 3px;\r\n      background: linear-gradient(90deg, var(--cpt-accent), var(--cpt-accent-light));\r\n      border-radius: 2px;\r\n    }\r\n\r\n    .cpt-cards-container {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      \/*flex-wrap: wrap;*\/\r\n      grid-template-columns: repeat(4, 1fr); \/* 4 equal columns *\/\r\n    }\r\n\r\n    .cpt-card {\r\n      background: var(--cpt-bg-white);\r\n      border-radius: var(--cpt-radius);\r\n      padding: 0;\r\n      box-shadow: var(--cpt-shadow);\r\n      border: 1px solid var(--cpt-border);\r\n      text-align: center;\r\n      \/*width: 200px;*\/\r\n      display: flex;\r\n      flex-direction: column;\r\n      transition: all 0.3s ease;\r\n      position: relative;\r\n      \r\n    \/*flex: 1 1 calc(25% - 10px); \/* 4 cards per row \r\n    \/*box-sizing: border-box;*\/\r\n\r\n      overflow: hidden;\r\n    }\r\n\r\n    .cpt-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .cpt-image-container {\r\n      width: 100%;\r\n      height: 200px;\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    .cpt-product-image {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 0.5s ease;\r\n    }\r\n\r\n    .cpt-card:hover .cpt-product-image {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    .cpt-card-content {\r\n      padding: 20px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      flex-grow: 1;\r\n    }\r\n\r\n    .cpt-product-icon {\r\n      width: 60px;\r\n      height: 60px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, var(--cpt-accent), var(--cpt-accent-light));\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-top: 5px;\r\n      color: white;\r\n      font-size: 24px;\r\n      box-shadow: 0 4px 8px rgba(185, 28, 28, 0.2);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .cpt-product-title {\r\n      font-size: 18px;\r\n      font-weight: 700;\r\n      color: var(--cpt-primary);\r\n      margin: 12px 0;\r\n      line-height: 1.3;\r\n      padding: 0 10px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .cpt-product-description {\r\n      font-size: 14px;\r\n      color: var(--cpt-text);\r\n      line-height: 1.5;\r\n      padding: 0 10px;\r\n      text-align: center;\r\n      width: 100%;\r\n      margin: 0 0 15px 0;\r\n      flex-grow: 1;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .cpt-product-description p {\r\n      margin: 0;\r\n      width: 100%;\r\n      text-align: center;\r\n      word-wrap: break-word;\r\n      hyphens: auto;\r\n    }\r\n\r\n    .cpt-button {\r\n      display: inline-block;\r\n      padding: 8px 20px;\r\n      background-color: var(--cpt-accent);\r\n      color: white;\r\n      border-radius: 8px;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n      transition: all 0.3s ease;\r\n      border: 2px solid var(--cpt-accent);\r\n      box-shadow: 0 2px 4px rgba(185, 28, 28, 0.2);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .cpt-button:hover {\r\n      background-color: transparent;\r\n      color: var(--cpt-accent);\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 4px 8px rgba(185, 28, 28, 0.3);\r\n    }\r\n\r\n    \/* Responsive design *\/\r\n    @media (max-width: 1300px) {\r\n      .cpt-container {\r\n        max-width: 100%;\r\n        padding: 30px 40px;\r\n      }\r\n      \r\n      .cpt-cards-container {\r\n        gap: 15px;\r\n      }\r\n      \r\n      .cpt-card {\r\n        width: 280px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1200px) {\r\n      .cpt-cards-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        justify-items: center;\r\n        gap: 20px;\r\n      }\r\n      \r\n      .cpt-card {\r\n        width: 300px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .cpt-cards-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n      }\r\n      \r\n      .cpt-card {\r\n        width: 320px;\r\n      }\r\n      .cpt-container {\r\n          scroll-margin-top: 60px; \/* Adjusted for mobile *\/\r\n      }\r\n      \r\n      .cpt-heading {\r\n           scroll-margin-top: 80px; \/* Adjusted for mobile *\/\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .cpt-container {\r\n        padding: 20px 15px;\r\n        scroll-margin-top: 50px; \/* Adjusted for small mobile *\/\r\n      }\r\n      \r\n      .cpt-heading {\r\n        font-size: 26px;\r\n        scroll-margin-top: 70px; \/* Adjusted for small mobile *\/\r\n      }\r\n      \r\n      .cpt-card {\r\n        width: 300px;\r\n        padding: 0;\r\n      }\r\n      \r\n      .cpt-product-icon {\r\n        width: 55px;\r\n        height: 55px;\r\n        font-size: 22px;\r\n      }\r\n      \r\n      .cpt-product-title {\r\n        font-size: 17px;\r\n      }\r\n      \r\n      .cpt-product-description {\r\n        font-size: 13px;\r\n      }\r\n    }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n        <div class=\"cpt-container\" id=\"product-section\">\r\n      <h2 class=\"cpt-heading\" id=\"products-title\">Our Products<\/h2>\r\n      \r\n      <div class=\"cpt-cards-container\" >\r\n        <!-- Fastener Card -->\r\n        <div class=\"cpt-card\">\r\n          <div class=\"cpt-image-container\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2024\/04\/BN-Special2.jpg\" alt=\"Fasteners\" class=\"FASTENER SPECIAL\" style=\"position: relative; top: -55px;\">\r\n          <\/div>\r\n          <div class=\"cpt-card-content\">\r\n            <!--<div class=\"cpt-product-icon\">\ud83d\udd29<\/div>-->\r\n            <h2 class=\"cpt-product-title\">Fasteners<\/h2>\r\n            <div class=\"cpt-product-description\">\r\n              <p>High-quality industrial fasteners for construction and manufacturing applications.<\/p>\r\n            <\/div>\r\n            <a href=\"https:\/\/tristar.com.sg\/staging05\/product-2\/fasteners\/\" class=\"cpt-button\">View Products<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Cable Support Card -->\r\n        <div class=\"cpt-card\">\r\n          <div class=\"cpt-image-container\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2024\/04\/CSS-Steel3.jpg\" alt=\"Cable Support Systems\" class=\"cable-support-systems\">\r\n          <\/div>\r\n          <div class=\"cpt-card-content\">\r\n            <!--<div class=\"cpt-product-icon\">\ud83d\udd0c<\/div>-->\r\n            <h2 class=\"cpt-product-title\">Cable Support Systems<\/h2>\r\n            <div class=\"cpt-product-description\">\r\n              <p>Modular, efficient cable management for energy, infrastructure, and data environments.<\/p>\r\n            <\/div>\r\n            <a href=\"https:\/\/tristar.com.sg\/staging05\/product-2\/cable-support-systems\/\" class=\"cpt-button\">View Products<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        \r\n        \r\n        \r\n        <!-- Cathodic Protection Card -->\r\n        <div class=\"cpt-card\">\r\n          <div class=\"cpt-image-container\" style=\"display:block; width:100%; max-width:600px;\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2024\/04\/Dimet-AnodeSite.jpg\" class=\"cpt-product-image\">\r\n          <\/div>\r\n          <div class=\"cpt-card-content\">\r\n            <!--<div class=\"cpt-product-icon\">\u26a1<\/div>-->\r\n            <h2 class=\"cpt-product-title\">Cathodic Protection Solutions<\/h2>\r\n            <div class=\"cpt-product-description\">\r\n              <p>Proven corrosion control systems for pipelines, marine structures, and industrial facilities.<\/p>\r\n            <\/div>\r\n            <a href=\"https:\/\/tristar.com.sg\/staging05\/product-2\/cathodic-protection\/\" class=\"cpt-button\">View Products<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        \r\n        \r\n        <!-- Bolting Solution Card -->\r\n        <div class=\"cpt-card\">\r\n          <div class=\"cpt-image-container\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2026\/03\/BT_LP-GAUGE.png\" class=\"BT BT_LP-GAUGE\" style=\"position: relative; top: -35px;\">\r\n          <\/div>\r\n          <div class=\"cpt-card-content\">\r\n            <!--<div class=\"cpt-product-icon\">\ud83d\udd27<\/div>-->\r\n            <h2 class=\"cpt-product-title\">Hydraulic Bolting Solutions<\/h2>\r\n            <div class=\"cpt-product-description\">\r\n              <p>Hydraulic tensioning and torqueing tools ensuring joint integrity in demanding operations.<\/p>\r\n            <\/div>\r\n            <a href=\"https:\/\/tristar.com.sg\/staging05\/product-2\/hydraulic-bolting-solutions\/\" class=\"cpt-button\" >View Products<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n        <script>\r\n          \/* ===== NAVIGATION FIX FOR PRODUCT SECTION ===== *\/\r\n          \/\/ Check if we need to scroll to the Product section\r\n          if (window.location.hash === '#product-section' || window.location.hash === '#products-title') {\r\n            \/\/ Small delay to ensure the page has rendered\r\n            setTimeout(function() {\r\n              const productsTitle = document.getElementById('products-title');\r\n              if (productsTitle) {\r\n                productsTitle.scrollIntoView({ behavior: 'smooth' });\r\n              }\r\n            }, 100);\r\n          }\r\n          \r\n          \/\/ If using Elementor navigation, this will handle clicks on \"Product\" links\r\n          document.addEventListener('click', function(e) {\r\n            \/\/ Check if the clicked element or its parent is an \"Product\" link\r\n            let target = e.target;\r\n            while (target && target !== document) {\r\n              if (target.tagName === 'A' && \r\n                  (target.getAttribute('href') === '#product-section' || \r\n                   target.getAttribute('href') === '#products-title' ||\r\n                   target.textContent.toLowerCase().includes('products'))) {\r\n                \r\n                e.preventDefault();\r\n                const productsTitle = document.getElementById('products-title');\r\n                if (productsTitle) {\r\n                  productsTitle.scrollIntoView({ behavior: 'smooth' });\r\n                }\r\n                return;\r\n              }\r\n              target = target.parentNode;\r\n            }\r\n          });\r\n    <\/script>\r\n\r\n    \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-938cb78 elementor-widget elementor-widget-spacer\" data-id=\"938cb78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6db2f51 elementor-section-full_width elementor-section-height-default elementor-section-height-default tp-parallax-no\" data-id=\"6db2f51\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;tp_sticky_sec_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div data-aos=\"\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-761bf89\" data-id=\"761bf89\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;tp_sticky_col_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-80c3b15 elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"80c3b15\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Technical Expertise<\/title>\r\n    <style>\r\n        .te-wrapper {\r\n            --te-primary: #2c3e50;\r\n            --te-secondary: #b89fd9;\r\n            --te-accent: #ffd700;\r\n            --te-light: #a8d8ea;\r\n            --te-text: #ffffff;\r\n        }\r\n\r\n        .te-wrapper * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .te-wrapper {\r\n            width: 100%;\r\n            min-height: 600px;\r\n            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);\r\n            padding: 40px 20px;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n        }\r\n\r\n        .te-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Header Section *\/\r\n        .te-header {\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .te-header-shape {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, #b89fd9 0%, #d4a5e8 100%);\r\n            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\r\n            margin: 0 auto 15px;\r\n        }\r\n\r\n        .te-header-content h1 {\r\n            font-size: 28px;\r\n            font-weight: 600;\r\n            color: var(--te-text);\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        \/* Tabs Navigation - Centered *\/\r\n        .te-tabs-wrapper {\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .te-tabs {\r\n            display: inline-flex;\r\n            gap: 0;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .te-tab {\r\n            padding: 10px 14px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            color: var(--te-text);\r\n            border: none;\r\n            border-radius: 0;\r\n            cursor: pointer;\r\n            font-size: 16px;\r\n            font-weight: 500;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.3px;\r\n        }\r\n\r\n        .te-tab:first-child {\r\n            border-radius: 4px 0 0 4px;\r\n        }\r\n\r\n        .te-tab:last-child {\r\n            border-radius: 0 4px 4px 0;\r\n        }\r\n\r\n        .te-tab:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .te-tab.te-active {\r\n            background: var(--te-accent);\r\n            color: var(--te-primary);\r\n            box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);\r\n        }\r\n\r\n        .te-tab-number {\r\n            font-size: 9px;\r\n            opacity: 0.8;\r\n            display: block;\r\n            margin-bottom: 3px;\r\n        }\r\n\r\n        \/* Content Section - Equal width for both sides *\/\r\n        .te-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr; \/* Equal width for both sides *\/\r\n            gap: 40px;\r\n            align-items: stretch;\r\n            margin-top: 40px;\r\n        }\r\n\r\n       .te-image-container {\r\n    position: relative;\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n    height: 400px;       \/* container fixed height *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.te-image-wrapper {\r\n    width: 100%;\r\n    height: 100%;        \/* \u274c changed from 110% \u2192 100% *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n}\r\n\r\n.te-image-container img {\r\n    width: auto;         \/* image keeps proportion *\/\r\n    height: 110%;        \/* fills the height properly *\/\r\n    object-fit: contain;\r\n    display: block;\r\n    border-radius: 5px;\r\n}\r\n\r\n        \/* Navigation Arrows inside image container *\/\r\n        .te-image-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            padding: 0 20px;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .te-image-arrow {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: rgba(255, 255, 255, 0.8);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            pointer-events: all;\r\n            color: var(--te-primary);\r\n            font-size: 18px;\r\n            font-weight: bold;\r\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .te-image-arrow:hover {\r\n            background: var(--te-accent);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* Card Section - Same width as image container *\/\r\n        .te-card {\r\n            background: var(--te-light);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            text-align: left;\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n            transition: all 0.4s ease;\r\n            height: 400px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .te-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .te-card-content {\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .te-card-number {\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            color: var(--te-primary);\r\n            opacity: 0.7;\r\n            margin-bottom: 8px;\r\n            letter-spacing: 0.8px;\r\n        }\r\n     \r\n        .te-card h2 {\r\n            font-size: 28px;\r\n            font-weight: 700;\r\n            color: var(--te-primary);\r\n            margin-bottom: 15px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .te-card p {\r\n            font-size: 13px;\r\n            color: var(--te-primary);\r\n            opacity: 0.8;\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n            overflow: hidden;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 6;\r\n            -webkit-box-orient: vertical;\r\n        }\r\n\r\n        .te-card-arrow {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 28px;\r\n            height: 28px;\r\n            background: var(--te-primary);\r\n            color: var(--te-light);\r\n            border-radius: 50%;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            align-self: flex-start;\r\n        }\r\n\r\n        .te-card-arrow:hover {\r\n            background: linear-gradient(135deg, var(--te-primary) 0%, #1a252f 100%);\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .te-wrapper {\r\n                min-height: auto;\r\n                padding: 30px 15px;\r\n            }\r\n\r\n            .te-header-content h1 {\r\n                font-size: 22px;\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .te-tabs {\r\n                gap: 5px;\r\n            }\r\n\r\n            .te-tab {\r\n                font-size: 9px;\r\n                padding: 8px 10px;\r\n            }\r\n\r\n            .te-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n                margin-top: 30px;\r\n            }\r\n\r\n            .te-card {\r\n                padding: 20px;\r\n                height: auto;\r\n                min-height: 300px;\r\n            }\r\n\r\n            .te-card h2 {\r\n                font-size: 22px;\r\n            }\r\n\r\n            .te-image-container {\r\n                height: 300px;\r\n            }\r\n\r\n            .te-image-arrow {\r\n                width: 35px;\r\n                height: 35px;\r\n                font-size: 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .te-wrapper {\r\n                padding: 20px 10px;\r\n            }\r\n\r\n            .te-header-content h1 {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .te-tab {\r\n                font-size: 8px;\r\n                padding: 6px 8px;\r\n            }\r\n\r\n            .te-card {\r\n                padding: 15px;\r\n                min-height: 250px;\r\n            }\r\n\r\n            .te-card h2 {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .te-card p {\r\n                font-size: 12px;\r\n                -webkit-line-clamp: 4;\r\n            }\r\n\r\n            .te-image-container {\r\n                height: 250px;\r\n            }\r\n\r\n            .te-image-arrow {\r\n                width: 30px;\r\n                height: 30px;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"te-wrapper\">\r\n        <div class=\"te-container\">\r\n            <!-- Header -->\r\n            <div class=\"te-header\">\r\n                <div class=\"te-header-content\">\r\n                    <h1>Our Production Services<\/h1>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tabs Navigation - Centered -->\r\n            <div class=\"te-tabs-wrapper\">\r\n                <div class=\"te-tabs\">\r\n                    <!-- Tabs will be dynamically generated -->\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Content -->\r\n            <div class=\"te-content\">\r\n                <div class=\"te-image-container\">\r\n                    <div class=\"te-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"\" alt=\"\">\r\n                    <\/div>\r\n                    <!-- Navigation Arrows inside image container -->\r\n                    <div class=\"te-image-nav\">\r\n                        <div class=\"te-image-arrow te-image-arrow-left\">\u2190<\/div>\r\n                        <div class=\"te-image-arrow te-image-arrow-right\">\u2192<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"te-card\">\r\n                    <div class=\"te-card-content\">\r\n                        <div class=\"te-card-number\"><\/div>\r\n                        <h2><\/h2>\r\n                        <p><\/p>\r\n                    <\/div>\r\n                    <!--<div class=\"te-card-arrow\">\u2192<\/div>-->\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ All tab data is stored here - simply add new objects to this array\r\n            const tabData = [\r\n                {\r\n                    title: 'Metal Fabrication',\r\n                    description: 'Every process is monitored from material intake through to final delivery, ensuring full traceability and total compliance with client specifications and industry standards.',\r\n                    image: \"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Metal-Fabrication-Pipe-Clamp.jpeg\"\r\n                },\r\n                {\r\n                    title: 'Plating & Coating',\r\n                    description: 'Tri-Star has earned its reputation as one of the most trusted coating providers in the region, delivering reliable solutions that extend the lifespan and performance of critical components in the world\\'s most demanding environments.',\r\n                    image: \"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2024\/04\/Coating01.jpg\"\r\n                },\r\n                {\r\n                    title: 'Our Accredited Lab',\r\n                    description: 'Our laboratory in Johor Bahru is accredited to ISO\/IEC 17025 (SAMM 546) by the Department of Standards Malaysia. This esteemed certification affirms our dedication to delivering precise and reliable testing and calibration services.',\r\n                    image: \"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/SSTL_MS-ISO-IEC-17025-SAMM_546_CERTIFICATE-OF-ACCREDITATION_EXP_20290208.png\"\r\n                }\r\n                \/\/ Add more tabs here as needed\r\n            ];\r\n\r\n            const tabsContainer = document.querySelector('.te-tabs');\r\n            const card = document.querySelector('.te-card');\r\n            const cardNumber = card.querySelector('.te-card-number');\r\n            const cardTitle = card.querySelector('h2');\r\n            const cardDesc = card.querySelector('p');\r\n            const imageEl = document.querySelector('.te-image-container img');\r\n            const leftArrow = document.querySelector('.te-image-arrow-left');\r\n            const rightArrow = document.querySelector('.te-image-arrow-right');\r\n\r\n            let currentTabIndex = 0;\r\n\r\n            \/\/ Function to format tab numbers (01, 02, etc.)\r\n            function formatNumber(num, total) {\r\n                return num.toString().padStart(2, '0') + ' \/ ' + total.toString().padStart(2, '0');\r\n            }\r\n\r\n            \/\/ Generate tabs dynamically based on tabData\r\n            function generateTabs() {\r\n                tabsContainer.innerHTML = '';\r\n                \r\n                tabData.forEach((tab, index) => {\r\n                    const tabElement = document.createElement('div');\r\n                    tabElement.className = 'te-tab';\r\n                    tabElement.setAttribute('data-tab', index);\r\n                    \r\n                    tabElement.innerHTML = `\r\n                        <span class=\"te-tab-number\">${formatNumber(index + 1, tabData.length)}<\/span>\r\n                        ${tab.title}\r\n                    `;\r\n                    \r\n                    tabsContainer.appendChild(tabElement);\r\n                });\r\n                \r\n                \/\/ Add event listeners to tabs\r\n                const tabs = document.querySelectorAll('.te-tab');\r\n                tabs.forEach((tab, index) => {\r\n                    tab.addEventListener('click', () => {\r\n                        currentTabIndex = index;\r\n                        updateContent(currentTabIndex);\r\n                    });\r\n                });\r\n            }\r\n\r\n            \/\/ Update content based on selected tab\r\n            function updateContent(index) {\r\n                const data = tabData[index];\r\n                \r\n                \/\/ Update image\r\n                imageEl.src = data.image;\r\n                imageEl.alt = data.title;\r\n                \r\n                \/\/ Update card content\r\n                cardNumber.textContent = formatNumber(index + 1, tabData.length);\r\n                cardTitle.textContent = data.title;\r\n                cardDesc.textContent = data.description;\r\n\r\n                \/\/ Update active tab\r\n                const tabs = document.querySelectorAll('.te-tab');\r\n                tabs.forEach((tab, i) => {\r\n                    if (i === index) {\r\n                        tab.classList.add('te-active');\r\n                    } else {\r\n                        tab.classList.remove('te-active');\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ Navigate to next tab\r\n            function nextTab() {\r\n                currentTabIndex = (currentTabIndex + 1) % tabData.length;\r\n                updateContent(currentTabIndex);\r\n            }\r\n\r\n            \/\/ Navigate to previous tab\r\n            function prevTab() {\r\n                currentTabIndex = (currentTabIndex - 1 + tabData.length) % tabData.length;\r\n                updateContent(currentTabIndex);\r\n            }\r\n\r\n            \/\/ Initialize the component\r\n            generateTabs();\r\n            updateContent(0); \/\/ Show first tab by default\r\n\r\n            \/\/ Add event listeners to navigation arrows\r\n            leftArrow.addEventListener('click', prevTab);\r\n            rightArrow.addEventListener('click', nextTab);\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ee01a40 elementor-section-full_width elementor-section-height-default elementor-section-height-default tp-parallax-no\" data-id=\"ee01a40\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;tp_sticky_sec_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div data-aos=\"\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a33df8d\" data-id=\"a33df8d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;tp_sticky_col_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9eeb679 elementor-widget elementor-widget-html\" data-id=\"9eeb679\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"industries-section\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>Industries Slider<\/title>\r\n\r\n<style>\r\n\/* RESET *\/\r\n.ind-wrapper * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n\/* SECTION *\/\r\n.ind-wrapper {\r\n  font-family: 'Roboto', sans-serif;\r\n  background: #ffffff;\r\n  color: #000000;\r\n  padding: 30px 20px;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  scroll-margin-top: 80px; \/* Added for proper scroll positioning *\/\r\n}\r\n\r\n\r\n.ind-title {\r\n  font-size: 32px;\r\n  font-weight: 700;\r\n  text-align: center;\r\n  margin-bottom: 40px;\r\n  position: relative;\r\n  color: #000;\r\n  scroll-margin-top: 100px; \/* Added for proper scroll positioning *\/\r\n}\r\n\r\n.ind-title:after {\r\n  content: \"\";\r\n  width: 60px;\r\n  height: 4px;\r\n  background: #e73700;\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: -12px;\r\n  transform: translateX(-50%);\r\n  border-radius: 2px;\r\n}\r\n\r\n\/* SLIDER BASE *\/\r\n.ind-slider-box {\r\n  position: relative;\r\n}\r\n\r\n.ind-slider {\r\n  display: flex;\r\n  overflow-x: auto;\r\n  gap: 20px;\r\n  scroll-behavior: smooth;\r\n  padding-bottom: 20px;\r\n}\r\n\r\n.ind-slider::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n\/* CARDS *\/\r\n.ind-card {\r\n  flex: 0 0 310px;\r\n  height: 420px; \/* Increased height to accommodate more text *\/\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  cursor: pointer;\r\n  background-size: cover;\r\n  background-position: center;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  transition: all 0.4s ease;\r\n  background-color: #f5f5f5; \/* Fallback color *\/\r\n}\r\n\r\n.ind-card.ind-active {\r\n  flex: 0 0 470px;\r\n  box-shadow: 0 25px 40px rgba(0,0,0,0.15);\r\n}\r\n\r\n.ind-card-content {\r\n  padding: 20px 22px;\r\n  background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0.7) 60%, transparent);\r\n  color: #fff;\r\n  \/* Significantly increased visible area when collapsed *\/\r\n  transform: translateY(calc(100% - 120px));\r\n  transition: all 0.4s ease;\r\n  width: 100%;\r\n  \/* Ensure content area is tall enough for 3 lines of text *\/\r\n  min-height: 200px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n}\r\n\r\n.ind-card.ind-active .ind-card-content {\r\n  transform: translateY(0);\r\n  min-height: 200px;\r\n}\r\n\r\n\/* FIX FOR HEADING TEXT - Ensure no text cutoff *\/\r\n.ind-card-content h3 {\r\n  font-size: 22px; \/* Slightly smaller to fit better *\/\r\n  margin-bottom: 12px;\r\n  color: #fff;\r\n  line-height: 1.3;\r\n  \/* Allow text to wrap naturally *\/\r\n  white-space: normal;\r\n  overflow: visible;\r\n  text-overflow: unset;\r\n  max-width: 100%;\r\n  word-wrap: break-word;\r\n  hyphens: auto;\r\n  \/* Ensure enough space for 3 lines *\/\r\n  min-height: 85px;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  font-weight: 600;\r\n}\r\n\r\n.ind-card-content p {\r\n  opacity: 0;\r\n  transform: translateY(25px);\r\n  color: #fff;\r\n  transition: all 0.4s ease 0.2s;\r\n  line-height: 1.5;\r\n  margin-bottom: 8px;\r\n  font-size: 15px;\r\n}\r\n\r\n.ind-card.ind-active .ind-card-content p {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* MORE INFO LINK *\/\r\n.ind-more-info {\r\n  margin-top: 12px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #e73700;\r\n  text-decoration: underline;\r\n  cursor: pointer;\r\n  opacity: 0;\r\n  transform: translateY(25px);\r\n  transition: all 0.4s ease 0.3s;\r\n}\r\n\r\n.ind-card.ind-active .ind-more-info {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* NAVIGATION ARROWS *\/\r\n.ind-arrows {\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  transform: translateY(-50%);\r\n  pointer-events: none;\r\n  z-index: 10;\r\n}\r\n\r\n.ind-arrow-btn {\r\n  pointer-events: all;\r\n  background: rgba(0,0,0,0.1);\r\n  border: none;\r\n  color: #000;\r\n  font-size: 28px;\r\n  padding: 12px 20px;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  transition: 0.3s;\r\n  z-index: 11;\r\n}\r\n\r\n.ind-arrow-btn:hover {\r\n  background: #e73700;\r\n  color: #fff;\r\n}\r\n\r\n\/* DOTS *\/\r\n.ind-dots {\r\n  text-align: center;\r\n  margin-top: 20px;\r\n}\r\n\r\n.ind-dots span {\r\n  display: inline-block;\r\n  width: 14px;\r\n  height: 14px;\r\n  background: #ccc;\r\n  border-radius: 50%;\r\n  margin: 0 6px;\r\n  cursor: pointer;\r\n  transition: 0.3s;\r\n}\r\n\r\n.ind-dots .ind-dot-active {\r\n  background: #e73700;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1200px) {\r\n  .ind-card { flex: 0 0 280px; height: 400px; }\r\n  .ind-card.ind-active { flex: 0 0 420px; }\r\n  .ind-card-content h3 { font-size: 20px; min-height: 80px; }\r\n  .ind-card-content { \r\n    transform: translateY(calc(100% - 110px));\r\n    min-height: 190px;\r\n  }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n  .ind-card { flex: 0 0 250px; height: 380px; }\r\n  .ind-card.ind-active { flex: 0 0 380px; }\r\n  .ind-card-content h3 { font-size: 18px; min-height: 75px; }\r\n  .ind-card-content { \r\n    padding: 18px 20px; \r\n    min-height: 180px;\r\n    transform: translateY(calc(100% - 100px));\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .ind-card { flex: 0 0 220px; height: 360px; }\r\n  .ind-card.ind-active { flex: 0 0 320px; }\r\n  .ind-card-content h3 { font-size: 17px; min-height: 70px; }\r\n  .ind-arrow-btn { font-size: 20px; padding: 10px 16px; }\r\n  .ind-card-content { \r\n    padding: 16px 18px; \r\n    min-height: 170px;\r\n    transform: translateY(calc(100% - 95px));\r\n  }\r\n  .ind-wrapper {\r\n    scroll-margin-top: 60px; \/* Adjusted for mobile *\/\r\n  }\r\n  .ind-title {\r\n    scroll-margin-top: 80px; \/* Adjusted for mobile *\/\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .ind-card { flex: 0 0 200px; height: 340px; }\r\n  .ind-card.ind-active { flex: 0 0 280px; }\r\n  .ind-card-content h3 { font-size: 16px; min-height: 65px; }\r\n  .ind-card-content p { font-size: 14px; }\r\n  .ind-arrow-btn { font-size: 18px; padding: 8px 14px; }\r\n  .ind-wrapper { padding: 20px 15px; }\r\n  .ind-title { font-size: 28px; }\r\n  .ind-card-content { \r\n    min-height: 160px;\r\n    transform: translateY(calc(100% - 90px));\r\n    padding: 14px 16px;\r\n  }\r\n}\r\n\r\n\/* Custom responsive font sizing for very long titles *\/\r\n@media (max-width: 480px) {\r\n  .ind-card-content h3.long-title { \r\n    font-size: 15px; \r\n    min-height: 60px;\r\n    line-height: 1.4;\r\n  }\r\n  .ind-card { flex: 0 0 190px; height: 320px; }\r\n  .ind-card.ind-active { flex: 0 0 260px; }\r\n  .ind-card-content { \r\n    min-height: 150px;\r\n    transform: translateY(calc(100% - 85px));\r\n  }\r\n  .ind-wrapper {\r\n    scroll-margin-top: 50px; \/* Adjusted for small mobile *\/\r\n  }\r\n  .ind-title {\r\n    scroll-margin-top: 70px; \/* Adjusted for small mobile *\/\r\n  }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n  .ind-card-content h3.long-title { \r\n    font-size: 14px; \r\n    min-height: 55px;\r\n  }\r\n  .ind-card { flex: 0 0 180px; height: 300px; }\r\n  .ind-card.ind-active { flex: 0 0 240px; }\r\n  .ind-card-content { \r\n    min-height: 140px;\r\n    transform: translateY(calc(100% - 80px));\r\n  }\r\n}\r\n\r\n\/* Smooth scrolling for the entire page *\/\r\nhtml {\r\n  scroll-behavior: smooth;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ind-wrapper\" id=\"industries-section\">\r\n    <br>\r\n  <h2 class=\"ind-title\" id=\"industries-title\">Our Industries<\/h2>\r\n\r\n  <div class=\"ind-slider-box\">\r\n    <div class=\"ind-slider\">\r\n\r\n      <!-- CARD 1 - Offshore & Subsea Installations -->\r\n      <div class=\"ind-card ind-active\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Designer-Offshore-Subsea-installations.png\">\r\n        <div class=\"ind-card-content\">\r\n          <h3 class=\"long-title\">Offshore & Subsea Installations<\/h3>\r\n          <p>Providing certified fasteners, cable systems, and cathodic protection for harsh marine environments.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 2 - Refineries & Petrochemical Plants -->\r\n      <div class=\"ind-card\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Designer-Refineries-Petrochemical-Plants.png\">\r\n        <div class=\"ind-card-content\">\r\n          <h3 class=\"long-title\">Refineries & Petrochemical Plants<\/h3>\r\n          <p>Manufacturing high-integrity fasteners and cable systems for complex process environments.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 3 - Power Generation -->\r\n      <div class=\"ind-card\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Designer-Power-Generation.png\">\r\n        <div class=\"ind-card-content\">\r\n          <h3>Power Generation<\/h3>\r\n          <p>Supporting reliable energy delivery with heavy-duty cable support and bolting solutions for thermal, gas, and renewable plants.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 4 - Chemical & Pharmaceutical Facilities -->\r\n      <div class=\"ind-card\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Designer-Chemical-Pharmaceutical-Facilities.png\">\r\n        <div class=\"ind-card-content\">\r\n          <h3 class=\"long-title\">Chemical & Pharmaceutical Facilities<\/h3>\r\n          <p>Delivering corrosion-proof fasteners and cable systems for safe, sterile, and high-performance operations.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 5 - Wind Farms -->\r\n      <div class=\"ind-card\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Designer-Wind-Farms.png\">\r\n        <div class=\"ind-card-content\">\r\n          <h3>Wind Farms<\/h3>\r\n          <p>Protecting offshore renewable assets with sacrificial anodes and structural fastening solutions.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 6 - Tunnels & Underground Transit -->\r\n      <div class=\"ind-card\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Designer-Tunnels-Underground-Transit.png\">\r\n        <div class=\"ind-card-content\">\r\n          <h3 class=\"long-title\">Tunnels & Underground Transit<\/h3>\r\n          <p>Providing robust cable support solutions for critical underground infrastructure.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 7 - Jetties & Marine Terminals -->\r\n      <div class=\"ind-card\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Designer-Jetties-Marine-Terminals.png\">\r\n        <div class=\"ind-card-content\">\r\n          <h3 class=\"long-title\">Jetties & Marine Terminals<\/h3>\r\n          <p>Engineering corrosion-resistant cable systems for safe marine offloading and mooring.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 8 - Airports -->\r\n      <div class=\"ind-card\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Designer-Airport.png\">\r\n        <div class=\"ind-card-content\">\r\n          <h3>Airports<\/h3>\r\n          <p>Delivering precision fasteners and structural components for world-class aviation hubs.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 9 - Data Centres -->\r\n      <div class=\"ind-card\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Designer-Data-Centres.png\">\r\n        <div class=\"ind-card-content\">\r\n          <h3>Data Centres<\/h3>\r\n          <p>Enabling high-density, scalable cable infrastructure for hyperscale and green-certified facilities.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 10 - Semiconductor & Wafer Plants -->\r\n      <div class=\"ind-card\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Designer-Semiconductor-Wafer-Plants.png\">\r\n        <div class=\"ind-card-content\">\r\n          <h3 class=\"long-title\">Semiconductor & Wafer Plants<\/h3>\r\n          <p>Supplying cleanroom-compatible cable management for advanced electronics manufacturing.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ARROWS -->\r\n    <div class=\"ind-arrows\">\r\n      <div class=\"ind-arrow-btn ind-prev\">&lt;<\/div>\r\n      <div class=\"ind-arrow-btn ind-next\">&gt;<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- DOTS -->\r\n  <div class=\"ind-dots\"><\/div><br>\r\n  \r\n  <h2 class=\"ind-title\">Our Project Reference<\/h2>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Wait for DOM to be fully loaded\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/* ELEMENTOR-SAFE RENAMED JAVASCRIPT *\/\r\n  const indSlider = document.querySelector('.ind-slider');\r\n  const indCards = Array.from(document.querySelectorAll('.ind-card'));\r\n  const indPrev = document.querySelector('.ind-prev');\r\n  const indNext = document.querySelector('.ind-next');\r\n  const indDotsContainer = document.querySelector('.ind-dots');\r\n\r\n  \/* ==== IMAGE LOADING FIX ==== *\/\r\n  function indLoadImages() {\r\n    indCards.forEach(function(card) {\r\n      const bgUrl = card.getAttribute('data-bg');\r\n      if (bgUrl) {\r\n        \/\/ Create a new image to preload\r\n        const img = new Image();\r\n        img.onload = function() {\r\n          \/\/ Set background image after it's loaded\r\n          card.style.backgroundImage = `url('${bgUrl}')`;\r\n        };\r\n        img.onerror = function() {\r\n          \/\/ If image fails to load, use a gradient fallback\r\n          console.warn('Failed to load image:', bgUrl);\r\n          card.style.backgroundImage = 'linear-gradient(135deg, #e73700, #ff6b6b)';\r\n          const title = card.querySelector('h3').textContent;\r\n          card.innerHTML = `\r\n            <div class=\"ind-card-content\">\r\n              <h3>${title}<\/h3>\r\n              <p>${card.querySelector('p').textContent}<\/p>\r\n              <div style=\"text-align:center;margin-top:10px;font-size:12px;\">Image Not Available<\/div>\r\n            <\/div>\r\n          `;\r\n        };\r\n        img.src = bgUrl;\r\n      }\r\n    });\r\n  }\r\n\r\n  \/* Create dots *\/\r\n  indCards.forEach((_, idx) => {\r\n    const dot = document.createElement('span');\r\n    if (idx === 0) dot.classList.add('ind-dot-active');\r\n    indDotsContainer.appendChild(dot);\r\n\r\n    dot.addEventListener('click', () => indSetActive(idx));\r\n  });\r\n\r\n  function indUpdateDots(i) {\r\n    const dots = indDotsContainer.querySelectorAll('span');\r\n    dots.forEach(d => d.classList.remove('ind-dot-active'));\r\n    dots[i].classList.add('ind-dot-active');\r\n  }\r\n\r\n  function indScrollToCard(i) {\r\n    const card = indCards[i];\r\n    const cardCenter = card.offsetLeft + card.offsetWidth \/ 2;\r\n    const containerCenter = indSlider.offsetWidth \/ 2;\r\n    indSlider.scrollLeft = cardCenter - containerCenter;\r\n  }\r\n\r\n  function indSetActive(i) {\r\n    indCards.forEach(c => c.classList.remove('ind-active'));\r\n    indCards[i].classList.add('ind-active');\r\n    indUpdateDots(i);\r\n    indScrollToCard(i);\r\n  }\r\n\r\n  indCards.forEach((card, idx) => {\r\n    card.addEventListener('click', () => indSetActive(idx));\r\n  });\r\n\r\n  \/* Previous *\/\r\n  indPrev.addEventListener('click', () => {\r\n    let current = indCards.findIndex(c => c.classList.contains('ind-active'));\r\n    let newIndex = (current - 1 + indCards.length) % indCards.length;\r\n    indSetActive(newIndex);\r\n  });\r\n\r\n  \/* Next *\/\r\n  indNext.addEventListener('click', () => {\r\n    let current = indCards.findIndex(c => c.classList.contains('ind-active'));\r\n    let newIndex = (current + 1) % indCards.length;\r\n    indSetActive(newIndex);\r\n  });\r\n\r\n  \/\/ Initialize image loading\r\n  indLoadImages();\r\n  \r\n  \/* ===== NAVIGATION FIX FOR INDUSTRIES SECTION ===== *\/\r\n  \/\/ Check if we need to scroll to the Industries section\r\n  if (window.location.hash === '#industries-section' || window.location.hash === '#industries-title') {\r\n    \/\/ Small delay to ensure the page has rendered\r\n    setTimeout(function() {\r\n      const industriesTitle = document.getElementById('industries-title');\r\n      if (industriesTitle) {\r\n        industriesTitle.scrollIntoView({ behavior: 'smooth' });\r\n      }\r\n    }, 100);\r\n  }\r\n  \r\n  \/\/ If using Elementor navigation, this will handle clicks on \"Industries\" links\r\n  document.addEventListener('click', function(e) {\r\n    \/\/ Check if the clicked element or its parent is an \"Industries\" link\r\n    let target = e.target;\r\n    while (target && target !== document) {\r\n      if (target.tagName === 'A' && \r\n          (target.getAttribute('href') === '#industries-section' || \r\n           target.getAttribute('href') === '#industries-title' ||\r\n           target.textContent.toLowerCase().includes('industries'))) {\r\n        \r\n        e.preventDefault();\r\n        const industriesTitle = document.getElementById('industries-title');\r\n        if (industriesTitle) {\r\n          industriesTitle.scrollIntoView({ behavior: 'smooth' });\r\n        }\r\n        return;\r\n      }\r\n      target = target.parentNode;\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f46dca1 elementor-section-boxed elementor-section-height-default elementor-section-height-default tp-parallax-no\" data-id=\"f46dca1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;tp_sticky_sec_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div data-aos=\"\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b27e66\" data-id=\"3b27e66\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;tp_sticky_col_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-73761f6 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-eael-image-accordion\" data-id=\"73761f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-image-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"eael-img-accordion accordion-direction-horizontal eael-img-accordion-horizontal-align-center eael-img-accordion-vertical-align-center\" id=\"eael-img-accordion-73761f6\" data-img-accordion-id=\"73761f6\" data-img-accordion-type=\"on-hover\">\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2026\/01\/2025-1-Google-Data-Center-Development.jpg);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">Google Data Center Development<\/h2>                            <p><p><em>Malaysia, 2025<\/em><br \/>Cable support systems supplied for hyperscale data center development<\/p><\/p>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item overlay-active\" style=\"background-image: url(https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2026\/01\/2025-2-Zawtika-Field-Development.jpg); flex: 3 1 0%;\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner  overlay-inner-show\">\n                        <h2 class=\"img-accordion-title\">Zawtika Field Development Phase 1E<\/h2>                            <p><p><em>Offshore Myanmar, 2025<\/em><br \/>Fastener Supply for Offshore Gas-Producing Field<\/p><\/p>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2026\/01\/2024-1-IJ-Muiden-Ver-Alpha-Offshore-Wind-Farm.webp);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">\u00a0IJ Muiden Ver Alpha Offshore Wind Farm<\/h2>                            <p><p><em>Netherlands, 2024<\/em><br \/><em>Structural Anodes for Wind Farm Foundations<\/em><\/p><\/p>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/05\/2024-2-PETRONAS_Kasawari_CCS.avif);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">Kasawari Carbon Capture &amp; Storage Infrastructure Project <\/h2>                            <p><p><em>Malaysia, 2023\u20132024<br \/><\/em>Stainless steel cable ladders and trays for CCS instrumentation systems<\/p><\/p>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/05\/2024-3-Integrated-Waste-Management-Facility-IWMF.webp);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">IWMF \u2013 Integrated Waste Management Facility<\/h2>                            <p><p><em>Singapore, 2023 &#8211; Present<\/em><br \/><em>Cable Support System for NEA<\/em><\/p><\/p>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/05\/2023-24-Hai-Long-OWF-Phase-2A.jpg);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">Hai Long Offshore Wind Farm<\/h2>                            <p><p><em>Taiwan, 2023\u20132024<\/em><br \/>\u00a0Sacrificial anodes to protect Wind Turbine Generator (WTG) foundations from marine corrosion<\/p><\/p>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                <\/div>\n        <style typr=\"text\/css\">\n                    #eael-img-accordion-73761f6 .eael-image-accordion-hover:hover {\n                        flex: 3 1 0% !important;\n                    }\n                    #eael-img-accordion-73761f6 .eael-image-accordion-hover:hover:hover .overlay-inner * {\n                        opacity: 1;\n                        visibility: visible;\n                        transform: none;\n                        transition: all .3s .3s;\n                    }\n                <\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10aa22b elementor-widget elementor-widget-eael-image-accordion\" data-id=\"10aa22b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-image-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"eael-img-accordion accordion-direction-horizontal eael-img-accordion-horizontal-align-center eael-img-accordion-vertical-align-center\" id=\"eael-img-accordion-10aa22b\" data-img-accordion-id=\"10aa22b\" data-img-accordion-type=\"on-hover\">\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/05\/2023-1-Yuri-Hydrogen-Project.jpg);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">Yuri Hydrogen Project<\/h2>                            <p><p><em>Australia, 2023<\/em><br \/>Cable Tray System for Hydrogen Facility<\/p><\/p>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/05\/2023-2-Neste-Renewable-Refinery-Expansion-scaled.jpg);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">Neste Renewable Diesel Expansion<\/h2>                            <p><p><em>Singapore, 2023<\/em><br \/><em>Fasteners for Green Fuel Units\u00a0<\/em><\/p><\/p>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/05\/2023-4-Brunei-Fertilizer-Industries-BFI.jpg);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">Brunei Fertilizer Industries (BFI)<\/h2>                            <p><p><em>Brunei, 2023<\/em><br \/><em>Stud Bolts &amp; Gaskets\u00a0<\/em><\/p><\/p>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/05\/2023-3-TWRP-Tuas-Water-Reclamation-Plant.jpg);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">Tuas Water Reclamation Plant (TWRP)<\/h2>                            <p><p><em>Singapore, 2022 \u2013 Present<\/em><br \/><em>Cable Management System for corrosion resistance in water treatment environments<\/em><\/p><\/p>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/05\/2022-1-Sofia-Offshore-Wind-Farm.jpg);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">Sofia Offshore Wind Farm<\/h2>                            <p><p><em>UK, 2022<\/em><br \/><em>Structural Anodes &amp; Bolting Systems for\u00a0offshore turbine foundations<\/em><\/p><\/p>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/05\/2021-Changfang-Xidao-OWF.jpg);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">Changfang &amp; Xidao Offshore Wind Farm<\/h2>                            <p><p><em>Taiwan, 2021<\/em><br \/><em>Structural Anodes for for long-lasting corrosion resistance<\/em><\/p><\/p>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                <\/div>\n        <style typr=\"text\/css\">\n                    #eael-img-accordion-10aa22b .eael-image-accordion-hover:hover {\n                        flex: 3 1 0% !important;\n                    }\n                    #eael-img-accordion-10aa22b .eael-image-accordion-hover:hover:hover .overlay-inner * {\n                        opacity: 1;\n                        visibility: visible;\n                        transform: none;\n                        transition: all .3s .3s;\n                    }\n                <\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dfdb0ea elementor-section-full_width elementor-section-height-default elementor-section-height-default tp-parallax-no\" data-id=\"dfdb0ea\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;tp_sticky_sec_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div data-aos=\"\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1dc4387\" data-id=\"1dc4387\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;tp_sticky_col_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-352455e elementor-widget elementor-widget-spacer\" data-id=\"352455e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9aa7dc9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9aa7dc9\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contact-section\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Tri-Star Industries - Contact Us<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* ===== CONTACT CARDS STYLES ===== *\/\r\n        .ts-contact-wrapper {\r\n            padding: 20px 15px;\r\n            font-family: \"Poppins\", sans-serif;\r\n            max-width: 1600px;\r\n            margin: 0 auto;\r\n            scroll-margin-top: 80px; \/* Added for proper scroll positioning *\/\r\n        }\r\n\r\n        .ts-contact-header {\r\n            text-align: center;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .ts-contact-header h1 {\r\n            font-size: 1.6em;\r\n            color: #1e1e1e;\r\n            font-weight: 700;\r\n            margin-bottom: 8px;\r\n            scroll-margin-top: 100px; \/* Added for proper scroll positioning *\/\r\n        }\r\n\r\n        .ts-typewriter-text {\r\n            color: #d40000;\r\n            font-weight: 700;\r\n            font-size: 1em;\r\n            letter-spacing: 1px;\r\n            display: inline-block;\r\n            border-right: 2px solid #d40000;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            animation: ts-blinkCursor 0.8s infinite;\r\n        }\r\n\r\n        @keyframes ts-blinkCursor {\r\n            50% { border-color: transparent; }\r\n        }\r\n\r\n        .ts-twinkle-star {\r\n            color: #d40000;\r\n            animation: ts-twinkle 1.5s ease-in-out infinite alternate;\r\n        }\r\n\r\n        @keyframes ts-twinkle {\r\n            from { opacity: 0.4; transform: scale(0.9); }\r\n            to { opacity: 1; transform: scale(1.1); }\r\n        }\r\n\r\n        \/* ===== Cards Container ===== *\/\r\n        .ts-cards-container {\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            gap: 12px;                  \r\n            flex-wrap: nowrap;\r\n            overflow-x:auto;\r\n            overflow-y: hidden;\r\n             -webkit-overflow-scrolling: touch;\r\n             padding-bottom:8px;\r\n        }\r\n\r\n        .ts-contact-card {\r\n            background: #fff;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            box-shadow: 0 2px 6px rgba(0,0,0,0.08);\r\n            transition: all 0.3s ease;\r\n            border-top: 3px solid #d40000;\r\n            width: 220px;\r\n            min-height: 300px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .ts-contact-card:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        \r\n        \/* optional: nicer scrollbar *\/\r\n        .ts-cards-container::-webkit-scrollbar { \r\n            height: 8px; \r\n            \r\n        }\r\n        .ts-cards-container::-webkit-scrollbar-thumb { \r\n            background: #ddd; border-radius: 4px; \r\n            \r\n        }\r\n\r\n\r\n        .ts-card-image {\r\n            height: 175px;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-color: #f5f5f5; \/* Fallback color *\/\r\n        }\r\n\r\n        .ts-card-content {\r\n            padding: 15px;\r\n            color: #333;\r\n        }\r\n\r\n        .ts-card-content h3 {\r\n            color: #d40000;\r\n            font-size: 0.9em;\r\n            font-weight: bold;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.8px;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .ts-card-content h4 {\r\n            font-size: 1em;\r\n            font-weight: 600;\r\n            margin-bottom: 10px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .ts-card-content p {\r\n            font-size: 0.85em;\r\n            line-height: 1.4em;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .ts-card-content a {\r\n            color: #d40000;\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            font-size: 0.95em;\r\n            word-break: break-all; \/* Allow long email addresses to break properly *\/\r\n        }\r\n        .ts-card-content a:hover {\r\n            text-decoration: underline;\r\n        }\r\n\r\n        \/* ===== Email Address Specific Fix ===== *\/\r\n        .ts-email-link {\r\n            display: inline-block;\r\n            max-width: 100%;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        \/* ===== Responsive Design ===== *\/\r\n        @media (max-width: 1400px) {\r\n            .ts-contact-card {\r\n                width: 210px;\r\n                min-height: 280px;\r\n            }\r\n            \r\n            .ts-card-image {\r\n                height: 180px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1200px) {\r\n            .ts-cards-container {\r\n                gap: 10px;\r\n            }\r\n            \r\n            .ts-contact-card {\r\n                width: 195px;\r\n                min-height: 270px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .ts-cards-container {\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n            }\r\n            \r\n            .ts-contact-card {\r\n                width: 230px;\r\n                min-height: 300px;\r\n                margin-bottom: 15px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .ts-contact-wrapper {\r\n                padding: 20px 10px;\r\n            }\r\n            \r\n            .ts-contact-header h1 { \r\n                font-size: 1.4em; \r\n            }\r\n            \r\n            .ts-typewriter-text { \r\n                font-size: 0.9em; \r\n            }\r\n            \r\n            .ts-card-content { \r\n                padding: 12px; \r\n            }\r\n            \r\n            .ts-contact-card {\r\n                width: 210px;\r\n                min-height: 280px;\r\n            }\r\n            \r\n            .ts-contact-wrapper {\r\n                scroll-margin-top: 60px; \/* Adjusted for mobile *\/\r\n            }\r\n            \r\n            .ts-contact-header h1 {\r\n                scroll-margin-top: 80px; \/* Adjusted for mobile *\/\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .ts-cards-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n            }\r\n            \r\n            .ts-contact-card {\r\n                width: 100%;\r\n                max-width: 280px;\r\n                min-height: 280px;\r\n            }\r\n            \r\n            \/* On very small screens, allow email to wrap but prevent cutting *\/\r\n            .ts-email-link {\r\n                white-space: normal;\r\n                word-break: break-word;\r\n            }\r\n            \r\n            .ts-contact-wrapper {\r\n                scroll-margin-top: 50px; \/* Adjusted for small mobile *\/\r\n            }\r\n            \r\n            .ts-contact-header h1 {\r\n                scroll-margin-top: 70px; \/* Adjusted for small mobile *\/\r\n            }\r\n        }\r\n\r\n        \/* Smooth scrolling for the entire page *\/\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"ts-contact-wrapper\" id=\"contact-section\">\r\n        <div class=\"ts-contact-header\">\r\n            <h1 id=\"contact-title\">Global Locations<\/h1>\r\n            <br>\r\n            <h2><strong>Contact us<\/strong><\/h2>\r\n            <div id=\"ts-typewriter\" class=\"ts-typewriter-text\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ts-cards-container\">\r\n            <!-- SINGAPORE -->\r\n            <div class=\"ts-contact-card\">\r\n                <div class=\"ts-card-image\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2026\/01\/Contact_Tri-Star-Industries-Singapore.jpg\"><\/div>\r\n                <div class=\"ts-card-content\">\r\n                    <h3>Singapore<\/h3>\r\n                    <h4>Tri-Star Industries Pte. Ltd.<\/h4>\r\n                    <p><strong>Address:<\/strong> 36 Joo Koon Road 628988 Singapore<\/p>\r\n                    <p><strong>Phone:<\/strong> <a href=\"tel:+6562663636\">+65 6266 3636<\/a><\/p>\r\n                    <p><strong>Email:<\/strong> <a href=\"mailto:sales@tristar.com.sg\" class=\"ts-email-link\">sales@tristar.com.sg<\/a><\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- MALAYSIA -->\r\n            <div class=\"ts-contact-card\">\r\n                <div class=\"ts-card-image\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2026\/01\/Contact_SBN-Industries-Malaysia.jpg\"><\/div>\r\n                <div class=\"ts-card-content\">\r\n                    <h3>Malaysia<\/h3>\r\n                    <h4>SBN Industries Sdn. Bhd.<\/h4>\r\n                    <p><strong>Address:<\/strong> 6 Jalan Penaga, Kawasan Perindustrian Kota Puteri, 81750 Masai, Johor<\/p>\r\n                    <p><strong>Phone:<\/strong> <a href=\"tel:+6073882521\">+60 7 388 2521<\/a><\/p>\r\n                    <p><strong>Email:<\/strong> <a href=\"mailto:sales@sbnbiz.com\" class=\"ts-email-link\">sales@sbnbiz.com<\/a><\/p>\r\n                    <p><strong>Website:<\/strong> <a href=\"https:\/\/www.sbnbiz.com\/\" target=\"_blank\">sbnbiz.com<\/a><\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- AUSTRALIA -->\r\n            <div class=\"ts-contact-card\">\r\n                <div class=\"ts-card-image\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2026\/01\/Contact_Tristar-Australia-scaled.jpg\"><\/div>\r\n                <div class=\"ts-card-content\">\r\n                    <h3>Australia<\/h3>\r\n                    <h4>Tristar Australia Pty Ltd<\/h4>\r\n                    <p><strong>Address:<\/strong> 4\/164 Abernethy Road, Belmont, WA 6104<\/p>\r\n                    <p><strong>Phone:<\/strong> <a href=\"tel:+61892771034\">+61 8 9277 1034<\/a><\/p>\r\n                    <p><strong>Email:<\/strong> <a href=\"mailto:sales@tristar-au.com\" class=\"ts-email-link\">sales@tristar-au.com<\/a><\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- UAE -->\r\n            <div class=\"ts-contact-card\">\r\n                <div class=\"ts-card-image\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2026\/01\/Contact_Tri-Star-Middle-East-Industries.jpg\"><\/div>\r\n                <div class=\"ts-card-content\">\r\n                    <h3>UAE<\/h3>\r\n                    <h4>Tri Star Middle East Industries LLC<\/h4>\r\n                    <p><strong>Office:<\/strong> PO Box 120314, Opal Tower, Business Bay, Dubai<\/p>\r\n                    <p><strong>Phone:<\/strong> <a href=\"tel:+97148847707\">+971 4 884 7707<\/a><\/p>\r\n                    <p><strong>Email:<\/strong> <a href=\"mailto:sales@tristar-mideast.com\" class=\"ts-email-link\">sales@tristar-mideast.com<\/a><\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- INDONESIA -->\r\n            <div class=\"ts-contact-card\">\r\n                <div class=\"ts-card-image\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2026\/01\/Contact_PT.-Southern-Tristar-scaled.jpg\"><\/div>\r\n                <div class=\"ts-card-content\">\r\n                    <h3>Indonesia<\/h3>\r\n                    <h4>PT. Southern Tristar<\/h4>\r\n                    <p><strong>Address:<\/strong> Menara 165, 19th Floor, South Jakarta<\/p>\r\n                    <p><strong>Phone:<\/strong> <a href=\"tel:+6285960203363\">+62 859 6020 3363<\/a><\/p>\r\n                    <p><strong>Email:<\/strong> <a href=\"mailto:sales@ptsts.com\" class=\"ts-email-link\">sales@ptsts.com<\/a><\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CHINA -->\r\n            <div class=\"ts-contact-card\">\r\n                <div class=\"ts-card-image\" data-bg=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2026\/01\/Contact_Tri-Star-Industries-Shanghai.jpg\"><\/div>\r\n                <div class=\"ts-card-content\">\r\n                    <h3>China<\/h3>\r\n                    <h4>Tri-Star Industries (Shanghai) Co., Ltd<\/h4>\r\n                    <p><strong>Address:<\/strong> No.1000 Pinghai Road, Fengxian District, Shanghai<\/p>\r\n                    <p><strong>Phone:<\/strong> <a href=\"tel:+8613764538288\">+86 13764538288<\/a><\/p>\r\n                    <p><strong>Email:<\/strong> <a href=\"mailto:serena_acc@tri-star.com.cn\" class=\"ts-email-link\">serena_acc@tri-star.com.cn<\/a><\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Wait for DOM to be fully loaded\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            \/\/ ==== Typewriter Animation ====\r\n            const typewriterText = \"Tri-Star Industries Group\";\r\n            const typewriterContainer = document.getElementById(\"ts-typewriter\");\r\n            let typeIndex = 0;\r\n            let isDeleting = false;\r\n\r\n            function typeEffect() {\r\n                if (!isDeleting && typeIndex <= typewriterText.length) {\r\n                    typewriterContainer.innerHTML = `<span class='ts-twinkle-star'>\u2b50<\/span> ${typewriterText.substring(0, typeIndex)} <span class='ts-twinkle-star'>\u2b50<\/span>`;\r\n                    typeIndex++;\r\n                    setTimeout(typeEffect, 100);\r\n                } else if (isDeleting && typeIndex >= 0) {\r\n                    typewriterContainer.innerHTML = `<span class='ts-twinkle-star'>\u2b50<\/span> ${typewriterText.substring(0, typeIndex)} <span class='ts-twinkle-star'>\u2b50<\/span>`;\r\n                    typeIndex--;\r\n                    setTimeout(typeEffect, 60);\r\n                } else {\r\n                    isDeleting = !isDeleting;\r\n                    setTimeout(typeEffect, 700);\r\n                }\r\n            }\r\n\r\n            typeEffect();\r\n            \r\n            \/\/ ==== Image Loading Fix for WordPress ====\r\n            \/\/ This ensures images load properly in WordPress HTML widget\r\n            const cardImages = document.querySelectorAll('.ts-card-image');\r\n            \r\n            cardImages.forEach(function(image) {\r\n                const bgUrl = image.getAttribute('data-bg');\r\n                if (bgUrl) {\r\n                    \/\/ Create a new image to preload\r\n                    const img = new Image();\r\n                    img.onload = function() {\r\n                        \/\/ Set background image after it's loaded\r\n                        image.style.backgroundImage = `url('${bgUrl}')`;\r\n                    };\r\n                    img.onerror = function() {\r\n                        \/\/ If image fails to load, use a placeholder\r\n                        console.warn('Failed to load image:', bgUrl);\r\n                        image.style.backgroundImage = 'linear-gradient(135deg, #d40000, #ff6b6b)';\r\n                        image.innerHTML = '<div style=\"display:flex;align-items:center;justify-content:center;height:100%;color:white;font-size:12px;\">Image Not Available<\/div>';\r\n                    };\r\n                    img.src = bgUrl;\r\n                }\r\n            });\r\n            \r\n            \/* ===== NAVIGATION FIX FOR CONTACT SECTION ===== *\/\r\n            \/\/ Check if we need to scroll to the Contact section\r\n            if (window.location.hash === '#contact-section' || window.location.hash === '#contact-title') {\r\n                \/\/ Small delay to ensure the page has rendered\r\n                setTimeout(function() {\r\n                    const contactTitle = document.getElementById('contact-title');\r\n                    if (contactTitle) {\r\n                        contactTitle.scrollIntoView({ behavior: 'smooth' });\r\n                    }\r\n                }, 100);\r\n            }\r\n            \r\n            \/\/ If using Elementor navigation, this will handle clicks on \"Contact\" links\r\n            document.addEventListener('click', function(e) {\r\n                \/\/ Check if the clicked element or its parent is a \"Contact\" link\r\n                let target = e.target;\r\n                while (target && target !== document) {\r\n                    if (target.tagName === 'A' && \r\n                        (target.getAttribute('href') === '#contact-section' || \r\n                         target.getAttribute('href') === '#contact-title' ||\r\n                         target.textContent.toLowerCase().includes('contact'))) {\r\n                        \r\n                        e.preventDefault();\r\n                        const contactTitle = document.getElementById('contact-title');\r\n                        if (contactTitle) {\r\n                            contactTitle.scrollIntoView({ behavior: 'smooth' });\r\n                        }\r\n                        return;\r\n                    }\r\n                    target = target.parentNode;\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7f8072c elementor-section-boxed elementor-section-height-default elementor-section-height-default tp-parallax-no\" data-id=\"7f8072c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;tp_sticky_sec_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div data-aos=\"\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-db59e70\" data-id=\"db59e70\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;tp_sticky_col_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d64280a elementor-widget elementor-widget-spacer\" data-id=\"d64280a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-829fa06 elementor-section-boxed elementor-section-height-default elementor-section-height-default tp-parallax-no\" data-id=\"829fa06\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;tp_sticky_sec_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div data-aos=\"\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b8b459\" data-id=\"2b8b459\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;tp_sticky_col_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1c2b1a4 elementor-section-boxed elementor-section-height-default elementor-section-height-default tp-parallax-no\" data-id=\"1c2b1a4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;tp_sticky_sec_effect_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div data-aos=\"\" class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1af1e53\" data-id=\"1af1e53\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;tp_sticky_col_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/Hero-Banner-Video-Full-Caption_revised-4-1280&#215;720-RF26.mp4#t=,40 Tri-Star Industries &#8211; About Us About Tri-Star Industries Tri-Star Industries began its journey in 1979 with a simple mission: to deliver precision-engineered product to&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"nf_dc_page":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-4682","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Tri-Star Group of Companies<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tristar.com.sg\/staging05\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Tri-Star Group of Companies\" \/>\n<meta property=\"og:description\" content=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/Hero-Banner-Video-Full-Caption_revised-4-1280&#215;720-RF26.mp4#t=,40 Tri-Star Industries &#8211; About Us About Tri-Star Industries Tri-Star Industries began its journey in 1979 with a simple mission: to deliver precision-engineered product to&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tristar.com.sg\/staging05\/\" \/>\n<meta property=\"og:site_name\" content=\"Tri-Star Group of Companies\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-18T03:52:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/via.placeholder.com\/110x70\/eee\/999?text=Client+1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"24 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/\",\"url\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/\",\"name\":\"Home - Tri-Star Group of Companies\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/via.placeholder.com\\\/110x70\\\/eee\\\/999?text=Client+1\",\"datePublished\":\"2025-08-21T07:02:27+00:00\",\"dateModified\":\"2026-03-18T03:52:07+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#primaryimage\",\"url\":\"https:\\\/\\\/via.placeholder.com\\\/110x70\\\/eee\\\/999?text=Client+1\",\"contentUrl\":\"https:\\\/\\\/via.placeholder.com\\\/110x70\\\/eee\\\/999?text=Client+1\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#website\",\"url\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/\",\"name\":\"Tri-Star Group of Companies\",\"description\":\"Leading Global Manufacturer and Supplier of Best in Class Fasteners, Cable Support Systems, Cathodic Protection Systems and Hydraulic Bolt Tensioning and Torquing Tools and Services\",\"publisher\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#organization\",\"name\":\"Tri-Star Group of Companies\",\"url\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/TSI-LOGO-PNG_S.png\",\"contentUrl\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/TSI-LOGO-PNG_S.png\",\"width\":1080,\"height\":989,\"caption\":\"Tri-Star Group of Companies\"},\"image\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/tri-star-industries1\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Tri-Star Group of Companies","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tristar.com.sg\/staging05\/","og_locale":"en_US","og_type":"article","og_title":"Home - Tri-Star Group of Companies","og_description":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/Hero-Banner-Video-Full-Caption_revised-4-1280&#215;720-RF26.mp4#t=,40 Tri-Star Industries &#8211; About Us About Tri-Star Industries Tri-Star Industries began its journey in 1979 with a simple mission: to deliver precision-engineered product to&hellip;","og_url":"https:\/\/tristar.com.sg\/staging05\/","og_site_name":"Tri-Star Group of Companies","article_modified_time":"2026-03-18T03:52:07+00:00","og_image":[{"url":"https:\/\/via.placeholder.com\/110x70\/eee\/999?text=Client+1","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"24 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tristar.com.sg\/staging05\/","url":"https:\/\/tristar.com.sg\/staging05\/","name":"Home - Tri-Star Group of Companies","isPartOf":{"@id":"https:\/\/tristar.com.sg\/staging05\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tristar.com.sg\/staging05\/#primaryimage"},"image":{"@id":"https:\/\/tristar.com.sg\/staging05\/#primaryimage"},"thumbnailUrl":"https:\/\/via.placeholder.com\/110x70\/eee\/999?text=Client+1","datePublished":"2025-08-21T07:02:27+00:00","dateModified":"2026-03-18T03:52:07+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tristar.com.sg\/staging05\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tristar.com.sg\/staging05\/#primaryimage","url":"https:\/\/via.placeholder.com\/110x70\/eee\/999?text=Client+1","contentUrl":"https:\/\/via.placeholder.com\/110x70\/eee\/999?text=Client+1"},{"@type":"WebSite","@id":"https:\/\/tristar.com.sg\/staging05\/#website","url":"https:\/\/tristar.com.sg\/staging05\/","name":"Tri-Star Group of Companies","description":"Leading Global Manufacturer and Supplier of Best in Class Fasteners, Cable Support Systems, Cathodic Protection Systems and Hydraulic Bolt Tensioning and Torquing Tools and Services","publisher":{"@id":"https:\/\/tristar.com.sg\/staging05\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tristar.com.sg\/staging05\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/tristar.com.sg\/staging05\/#organization","name":"Tri-Star Group of Companies","url":"https:\/\/tristar.com.sg\/staging05\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tristar.com.sg\/staging05\/#\/schema\/logo\/image\/","url":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/TSI-LOGO-PNG_S.png","contentUrl":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/TSI-LOGO-PNG_S.png","width":1080,"height":989,"caption":"Tri-Star Group of Companies"},"image":{"@id":"https:\/\/tristar.com.sg\/staging05\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/tri-star-industries1\/"]}]}},"_links":{"self":[{"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/pages\/4682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/comments?post=4682"}],"version-history":[{"count":21,"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/pages\/4682\/revisions"}],"predecessor-version":[{"id":9234,"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/pages\/4682\/revisions\/9234"}],"wp:attachment":[{"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/media?parent=4682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}