{"id":4766,"date":"2025-08-21T15:47:54","date_gmt":"2025-08-21T07:47:54","guid":{"rendered":"https:\/\/tristar.com.sg\/staging05\/?page_id=4766"},"modified":"2026-04-01T19:06:13","modified_gmt":"2026-04-01T11:06:13","slug":"hydraulic-bolting-solutions","status":"publish","type":"page","link":"https:\/\/tristar.com.sg\/staging05\/hydraulic-bolting-solutions\/","title":{"rendered":"Hydraulic Bolting Solutions"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Tri-Star Industries - Hydraulic Bolting Tools & Solutions<\/title>\r\n <style>\r\n :root {\r\n --brand-color: #51B8E7;\r\n --plate:#c7d2de;\r\n --bolt:#2b6cb0;\r\n --nut-outer:#0f1724;\r\n --jack:#e6eef7;\r\n --accent:#ff6b6b;\r\n --metal-dark: #0f1724;\r\n --metal-mid: #1f2937;\r\n --metal-light:#cbd5e1;\r\n --duration:3.6s;\r\n --bounce-ease: cubic-bezier(.21,.9,.34,1);\r\n }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n color: #1a202c;\r\n line-height: 1.6;\r\n background: #0a0e1a;\r\n overflow-x: hidden;\r\n }\r\n \r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Hero Banner *\/\r\n .tristar-hero {\r\n position: relative;\r\n min-height: 70vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: \r\n linear-gradient(135deg, rgba(10,14,26,0.92) 0%, rgba(20,30,48,0.85) 100%),\r\n url('https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/05\/BT_Tension-Tool-Plate.jpg?w=1920&q=80') center\/cover fixed;\r\n overflow: hidden;\r\n padding: 40px 20px;\r\n }\r\n\r\n .tristar-hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: radial-gradient(circle at 20% 50%, rgba(81,184,231,0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 50%, rgba(255,107,107,0.1) 0%, transparent 50%);\r\n animation: tristar-glow-pulse 8s ease-in-out infinite;\r\n }\r\n\r\n .tristar-hero-content {\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n padding: 20px;\r\n max-width: 1200px;\r\n animation: tristar-hero-reveal 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .tristar-hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(81,184,231,0.15);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(81,184,231,0.3);\r\n padding: 6px 16px;\r\n border-radius: 50px;\r\n color: #51B8E7;\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 20px;\r\n animation: tristar-badge-float 3s ease-in-out infinite;\r\n }\r\n\r\n .tristar-hero-badge::before {\r\n content: '\u2699';\r\n font-size: 16px;\r\n animation: tristar-spin-slow 10s linear infinite;\r\n display: inline-block;\r\n }\r\n\r\n .tristar-hero h1 {\r\n ont-size: clamp(2.2rem, 4vw, 3.2rem);\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 15px;\r\n line-height: 1.1;\r\n \/*text-shadow: 0 10px 30px rgba(0,0,0,0.5);*\/\r\n letter-spacing: -1px;\r\n }\r\n\r\n .tristar-hero h1 .tristar-highlight {\r\n background: linear-gradient(135deg, #51B8E7 0%, #3fa8d5 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .tristar-hero p {\r\n font-size: clamp(1rem, 2vw, 1.25rem);\r\n color: rgba(255,255,255,0.85);\r\n max-width: 700px;\r\n margin: 0 auto 20px;\r\n line-height: 1.6;\r\n }\r\n\r\n .tristar-hero-buttons {\r\n display: flex;\r\n gap: 15px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n margin-top: 20px;\r\n }\r\n\r\n .tristar-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 14px 30px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .tristar-btn-primary {\r\n background: linear-gradient(135deg, #51B8E7 0%, #3fa8d5 100%);\r\n color: #fff;\r\n box-shadow: 0 8px 25px rgba(81,184,231,0.4);\r\n }\r\n\r\n .tristar-btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n transition: left 0.5s;\r\n }\r\n\r\n .tristar-btn-primary:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .tristar-btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 35px rgba(81,184,231,0.5);\r\n }\r\n\r\n .tristar-btn-secondary {\r\n background: rgba(255,255,255,0.1);\r\n backdrop-filter: blur(10px);\r\n border: 2px solid rgba(255,255,255,0.2);\r\n color: #fff;\r\n }\r\n\r\n .tristar-btn-secondary:hover {\r\n background: rgba(255,255,255,0.15);\r\n border-color: rgba(81,184,231,0.5);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .tristar-scroll-indicator {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n color: rgba(255,255,255,0.6);\r\n font-size: 11px;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n animation: tristar-bounce 2s ease-in-out infinite;\r\n }\r\n\r\n .tristar-scroll-indicator::after {\r\n content: '\u2193';\r\n font-size: 20px;\r\n }\r\n\r\n \/* Sections *\/\r\n .tristar-section {\r\n padding: 40px 20px;\r\n background: #0a0e1a;\r\n position: relative;\r\n }\r\n\r\n .tristar-section:nth-child(even) {\r\n background: #0f1419;\r\n }\r\n\r\n .tristar-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(81,184,231,0.3), transparent);\r\n }\r\n\r\n .tristar-section-label {\r\n text-align: center;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #51B8E7;\r\n text-transform: uppercase;\r\n letter-spacing: 2.5px;\r\n margin-bottom: 10px;\r\n opacity: 0;\r\n animation: tristar-fadeIn 0.8s ease-out forwards;\r\n }\r\n\r\n .tristar-section-title {\r\n text-align: center;\r\n font-size: clamp(1.8rem, 3vw, 2.4rem);\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 30px;\r\n position: relative;\r\n opacity: 0;\r\n animation: tristar-slideUp 0.8s ease-out 0.2s forwards;\r\n }\r\n\r\n .tristar-section-title::after {\r\n content: '';\r\n display: block;\r\n width: 80px;\r\n height: 3px;\r\n background: linear-gradient(90deg, #51B8E7, #3fa8d5);\r\n margin: 12px auto 0;\r\n border-radius: 2px;\r\n box-shadow: 0 0 15px rgba(81,184,231,0.5);\r\n }\r\n\r\n .tristar-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Updated Product Cards *\/\r\n .tristar-product-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .tristar-product-card {\r\n position: relative;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n opacity: 0;\r\n animation: tristar-cardReveal 0.8s ease-out forwards;\r\n width: 70%;\r\n height: 350px; \/* Fixed height for consistency *\/\r\n cursor: pointer;\r\n margin: 0 auto;\r\n }\r\n \r\n \/* NEW: Product Layout with Image and Text Side by Side *\/\r\n .tristar-product-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n margin-bottom: 60px;\r\n }\r\n \r\n .tristar-product-layout:nth-child(even) {\r\n direction: rtl;\r\n }\r\n \r\n .tristar-product-layout:nth-child(even) > * {\r\n direction: ltr;\r\n }\r\n \r\n .tristar-product-image-large {\r\n width: 100%;\r\n height: 400px;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n }\r\n \r\n .tristar-product-image-large img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n \r\n .tristar-product-image-large:hover img {\r\n transform: scale(1.05);\r\n }\r\n \r\n .tristar-product-text {\r\n padding: 20px;\r\n }\r\n \r\n .tristar-product-text h3 {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .tristar-product-text p {\r\n color: rgba(255,255,255,0.8);\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n font-size: 16px;\r\n }\r\n \r\n .tristar-product-text ul {\r\n color: rgba(255,255,255,0.8);\r\n padding-left: 20px;\r\n margin-bottom: 25px;\r\n }\r\n \r\n .tristar-product-text li {\r\n margin-bottom: 10px;\r\n font-size: 15px;\r\n line-height: 1.5;\r\n }\r\n \r\n .tristar-product-tag {\r\n display: inline-block;\r\n background: rgba(81,184,231,0.15);\r\n color: #51B8E7;\r\n padding: 5px 12px;\r\n border-radius: 16px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n \/* FIXED: Training Grid *\/\r\n .tristar-training-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 30px;\r\n margin-top: 30px;\r\n }\r\n\r\n \/* FIXED: Training Card *\/\r\n .tristar-training-card {\r\n background: #0f1724;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n width: 100%;\r\n height: auto;\r\n min-height: 550px;\r\n margin: 0 auto;\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.08);\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .tristar-training-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.12);\r\n }\r\n\r\n \/* IMAGE *\/\r\n .tristar-training-img img {\r\n width: 100%;\r\n height: 430px;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n \/* CONTENT *\/\r\n .tristar-training-content {\r\n padding: 25px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .tristar-training-title {\r\n font-size: 22px;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n color: #fff;\r\n }\r\n\r\n .tristar-training-desc {\r\n font-size: 15px;\r\n line-height: 1.6;\r\n color:#fff;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* FIXED: Training Tags with proper spacing *\/\r\n .tristar-training-tags {\r\n margin-bottom: 20px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .tristar-tag {\r\n background: #0E3A8A;\r\n color: #fff;\r\n padding: 8px 16px;\r\n border-radius: 30px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n }\r\n\r\n \/* BUTTON *\/\r\n .tristar-training-btn {\r\n display: inline-block;\r\n background: #0E3A8A;\r\n color: #fff;\r\n padding: 12px 20px;\r\n border-radius: 8px;\r\n font-size: 15px;\r\n text-decoration: none;\r\n transition: 0.3s ease;\r\n text-align: center;\r\n margin-top: auto;\r\n }\r\n\r\n .tristar-training-btn:hover {\r\n background: #062861;\r\n }\r\n\r\n \/* LIST *\/\r\n \/* TICK LIST *\/\r\n .tristar-feature-list {\r\n list-style: none;\r\n padding-left: 0;\r\n margin-top: 10px;\r\n color: #fff;\r\n line-height: 1.7;\r\n }\r\n\r\n .tristar-feature-list li {\r\n position: relative;\r\n padding-left: 28px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .tristar-feature-list li::before {\r\n content: \"\u2714\"; \/* Tick icon *\/\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n font-size: 16px;\r\n color: #4ade80; \/* premium green tick *\/\r\n font-weight: 700;\r\n }\r\n\r\n .tristar-product-card:nth-child(1) { animation-delay: 0.1s; }\r\n .tristar-product-card:nth-child(2) { animation-delay: 0.2s; }\r\n .tristar-product-card:nth-child(3) { animation-delay: 0.3s; }\r\n\r\n .tristar-product-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n background: #1a1f2e;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .tristar-product-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .tristar-product-card:hover .tristar-product-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .tristar-product-content {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: rgba(10, 14, 26, 0.95);\r\n backdrop-filter: blur(10px);\r\n padding: 20px;\r\n transform: translateY(100%);\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n color: #ffffff;\r\n height: 100%;\r\n overflow-y: auto;\r\n }\r\n\r\n .tristar-product-card:hover .tristar-product-content,\r\n .tristar-product-card.active .tristar-product-content {\r\n transform: translateY(0);\r\n }\r\n\r\n .tristar-product-content h3 {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .tristar-product-content p {\r\n color: rgba(255,255,255,0.9);\r\n line-height: 1.6;\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n }\r\n\r\n .tristar-product-content ul {\r\n color: rgba(255,255,255,0.9);\r\n padding-left: 20px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .tristar-product-content li {\r\n margin-bottom: 8px;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Feature Cards *\/\r\n .tristar-features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n .tristar-feature-card {\r\n background: rgba(255,255,255,0.03);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 16px;\r\n padding: 25px 20px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n opacity: 0;\r\n animation: tristar-cardReveal 0.8s ease-out forwards;\r\n }\r\n\r\n .tristar-feature-card:nth-child(1) { animation-delay: 0.1s; }\r\n .tristar-feature-card:nth-child(2) { animation-delay: 0.2s; }\r\n .tristar-feature-card:nth-child(3) { animation-delay: 0.3s; }\r\n\r\n .tristar-feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #51B8E7, #3fa8d5);\r\n transform: scaleX(0);\r\n transition: transform 0.4s;\r\n }\r\n\r\n .tristar-feature-card:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(81,184,231,0.3);\r\n box-shadow: 0 15px 50px rgba(81,184,231,0.2);\r\n }\r\n\r\n .tristar-feature-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .tristar-feature-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: linear-gradient(135deg, rgba(81,184,231,0.2), rgba(81,184,231,0.05));\r\n border: 2px solid rgba(81,184,231,0.3);\r\n border-radius: 14px;\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 28px;\r\n margin-bottom: 15px;\r\n transition: all 0.4s;\r\n }\r\n\r\n .tristar-feature-card:hover .tristar-feature-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n background: linear-gradient(135deg, rgba(81,184,231,0.3), rgba(81,184,231,0.1));\r\n }\r\n\r\n .tristar-feature-card h3 {\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .tristar-feature-card p {\r\n color: rgba(255,255,255,0.7);\r\n line-height: 1.6;\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n }\r\n\r\n .tristar-feature-list {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n\r\n .tristar-feature-list li {\r\n color: rgba(255,255,255,0.8);\r\n padding: 6px 0;\r\n padding-left: 25px;\r\n position: relative;\r\n font-size: 14px;\r\n }\r\n\r\n .tristar-feature-list li::before {\r\n content: '\u2713';\r\n position: absolute;\r\n left: 0;\r\n color: #51B8E7;\r\n font-weight: bold;\r\n font-size: 16px;\r\n }\r\n\r\n \/* Certificate Grid *\/\r\n .tristar-cert-section {\r\n background: linear-gradient(135deg, #0f1419 0%, #1a1f2e 100%);\r\n padding: 40px 20px;\r\n text-align: center;\r\n }\r\n\r\n \/* UPDATED: Certificate Grid with 9 cards *\/\r\n .tristar-cert-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 25px;\r\n max-width: 1200px;\r\n margin: 30px auto;\r\n }\r\n\r\n .tristar-cert-card {\r\n position: relative;\r\n background: rgba(255,255,255,0.03);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 16px;\r\n padding: 20px;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n cursor: pointer;\r\n opacity: 0;\r\n animation: tristar-cardReveal 0.8s ease-out forwards;\r\n }\r\n\r\n .tristar-cert-card:nth-child(1) { animation-delay: 0.1s; }\r\n .tristar-cert-card:nth-child(2) { animation-delay: 0.2s; }\r\n .tristar-cert-card:nth-child(3) { animation-delay: 0.3s; }\r\n .tristar-cert-card:nth-child(4) { animation-delay: 0.4s; }\r\n .tristar-cert-card:nth-child(5) { animation-delay: 0.5s; }\r\n .tristar-cert-card:nth-child(6) { animation-delay: 0.6s; }\r\n .tristar-cert-card:nth-child(7) { animation-delay: 0.7s; }\r\n .tristar-cert-card:nth-child(8) { animation-delay: 0.8s; }\r\n .tristar-cert-card:nth-child(9) { animation-delay: 0.9s; }\r\n\r\n .tristar-cert-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #51B8E7, #3fa8d5);\r\n transform: scaleX(0);\r\n transition: transform 0.4s;\r\n }\r\n\r\n .tristar-cert-card:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(81,184,231,0.3);\r\n box-shadow: 0 15px 50px rgba(81,184,231,0.2);\r\n }\r\n\r\n .tristar-cert-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .tristar-cert-image {\r\n width: 100%;\r\n height: 280px;\r\n background: #ffffff;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n margin-bottom: 15px;\r\n transition: all 0.4s;\r\n }\r\n\r\n .tristar-cert-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n padding: 20px;\r\n transition: transform 0.4s;\r\n }\r\n\r\n .tristar-cert-card:hover .tristar-cert-image {\r\n box-shadow: 0 8px 25px rgba(81,184,231,0.15);\r\n }\r\n\r\n .tristar-cert-card:hover .tristar-cert-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .tristar-cert-title {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n text-align: center;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .tristar-cert-subtitle {\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.6);\r\n text-align: center;\r\n }\r\n\r\n .tristar-cert-hover-text {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(180deg, transparent 0%, rgba(81,184,231,0.95) 100%);\r\n color: #ffffff;\r\n padding: 15px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition: all 0.4s;\r\n }\r\n\r\n .tristar-cert-card:hover .tristar-cert-hover-text {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* Modal *\/\r\n .tristar-modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 9999;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.92);\r\n backdrop-filter: blur(10px);\r\n animation: tristar-fadeIn 0.3s ease-out;\r\n }\r\n\r\n .tristar-modal.active {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .tristar-modal-content {\r\n position: relative;\r\n max-width: 90vw;\r\n max-height: 90vh;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 30px;\r\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.7);\r\n animation: tristar-modalZoom 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n overflow: auto;\r\n }\r\n\r\n .tristar-modal-close {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(0, 0, 0, 0.1);\r\n border: none;\r\n border-radius: 50%;\r\n font-size: 24px;\r\n color: #1a202c;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n z-index: 10;\r\n }\r\n\r\n .tristar-modal-close:hover {\r\n background: rgba(81,184,231,0.2);\r\n transform: rotate(90deg);\r\n }\r\n\r\n .tristar-modal-image {\r\n width: 100%;\r\n height: auto;\r\n max-height: 80vh;\r\n object-fit: contain;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes tristar-glow-pulse {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.6; }\r\n }\r\n\r\n @keyframes tristar-hero-reveal {\r\n from { \r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n to { \r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes tristar-badge-float {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-5px); }\r\n }\r\n\r\n @keyframes tristar-spin-slow {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n @keyframes tristar-bounce {\r\n 0%, 100% { transform: translateX(-50%) translateY(0); }\r\n 50% { transform: translateX(-50%) translateY(-10px); }\r\n }\r\n\r\n @keyframes tristar-fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n @keyframes tristar-slideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes tristar-cardReveal {\r\n from {\r\n opacity: 0;\r\n transform: translateY(40px) scale(0.95);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n }\r\n\r\n @keyframes tristar-modalZoom {\r\n from {\r\n opacity: 0;\r\n transform: scale(0.9);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .tristar-hero {\r\n min-height: 65vh;\r\n padding: 30px 15px;\r\n }\r\n .tristar-hero h1 {\r\n font-size: 2rem;\r\n }\r\n .tristar-hero-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .tristar-btn {\r\n width: 100%;\r\n max-width: 280px;\r\n justify-content: center;\r\n }\r\n .tristar-section {\r\n padding: 30px 15px;\r\n }\r\n .tristar-features {\r\n grid-template-columns: 1fr;\r\n }\r\n .tristar-product-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .tristar-cert-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .tristar-modal-content {\r\n max-width: 95vw;\r\n max-height: 95vh;\r\n padding: 20px;\r\n }\r\n .tristar-product-card {\r\n height: 280px; \/* Slightly smaller on mobile *\/\r\n }\r\n .tristar-product-layout {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n .tristar-product-layout:nth-child(even) {\r\n direction: ltr;\r\n }\r\n .tristar-training-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .tristar-training-card {\r\n width: 100%;\r\n min-height: auto;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Hero -->\r\n <section class=\"tristar-hero\">\r\n <div class=\"tristar-hero-content\">\r\n <div class=\"tristar-hero-badge\">BOLTING TOOLS & SOLUTIONS<\/div>\r\n <br>\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/BT-logo.png\" alt=\"Bolting-Solutions-Logo-Banner\" style=\"width:50%; height:auto;\" \/>\r\n <h1>\r\n <span class=\"tristar-highlight\">Hydraulic Bolting<\/span><br>\r\n Tools & AI Solutions\r\n <\/h1>\r\n \r\n <p>\r\n Engineered for precision, reliability, and safety across offshore, subsea, petrochemical, and power generation sectors worldwide.\r\n <\/p><br>\r\n <!--<div class=\"tristar-hero-buttons\">\r\n <a href=\"#products\" class=\"tristar-btn tristar-btn-primary\">Explore Products<\/a>\r\n <a href=\"#contact\" class=\"tristar-btn tristar-btn-secondary\">Contact Sales<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tristar-scroll-indicator\">Scroll to explore<\/div>-->\r\n <\/div>\r\n <\/section>\r\n \r\n \r\n\r\n <!-- Products 1 - Bolt Tensioning Systems -->\r\n <section class=\"tristar-section\">\r\n <div class=\"tristar-container\">\r\n <div class=\"tristar-section-label\">FEATURED EQUIPMENT<\/div>\r\n <h2 class=\"tristar-section-title\"> Bolt Tensioning Systems<\/h2>\r\n \r\n <div class=\"tristar-product-layout\">\r\n <div class=\"tristar-product-image-large\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/BT_Topside-Bolt-Tensioner.png\" alt=\"Topside Tensioner\">\r\n <\/div>\r\n <div class=\"tristar-product-text\">\r\n <h3>Topside Bolt Tensioners<\/h3>\r\n <p>Compact design covers ANSI and API Flange <\/p>\r\n <ul>\r\n <li>5\/8\u201d to 4\u201d Imperial Bolting, M16 to M100 Metric Bolting<\/li>\r\n <li>Cost Saving: Only 4 'PRIMARY' tools (suffix 'P') cover 1\" to 3-1\/2\" (M27 to M90) bolt sizes<\/li>\r\n <li>Only 6 'PRIMARY' tools cover 5\/8\" to 4\" bolt sizes<\/li>\r\n <li>3 'SECONDARY' tools (suffix 'S') add range flexibility<\/li>\r\n <li>Maximum operating pressure: 1500 bar<\/li>\r\n <\/ul>\r\n <div>\r\n <span class=\"tristar-product-tag\">High Precision<\/span>\r\n <span class=\"tristar-product-tag\">Cost Effective<\/span>\r\n <span class=\"tristar-product-tag\">Versatile<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tristar-product-layout\">\r\n <div class=\"tristar-product-image-large\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/BT_Subsea-Bolt-Tensioner.png\" alt=\"Subsea Tensioner\">\r\n <\/div>\r\n <div class=\"tristar-product-text\">\r\n <h3>Subsea Bolt Tensioners<\/h3>\r\n <p>Compact design covers ANSI and API Flange <\/p>\r\n <ul>\r\n <li>5\/8\u201d to 4\u201d Imperial Bolting, M16 to M100 Metric Bolting<\/li>\r\n <li>Only 5 'PRIMARY' tools cover 3\/4\" to 3-1\/2\" bolt sizes (SM1, SM2, SM3, SM4, SM5)<\/li>\r\n <li>Stainless Steel - No Corrosion<\/li>\r\n <li>Option Carbon Steel Electro-less Nickel Plated<\/li>\r\n <li>Max working pressure 1500 Bar (21750psi)<\/li>\r\n <\/ul>\r\n <div>\r\n <span class=\"tristar-product-tag\">Corrosion Resistant<\/span>\r\n <span class=\"tristar-product-tag\">Subsea Rated<\/span>\r\n <span class=\"tristar-product-tag\">High Pressure<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Products 2 - Torque Wrenches -->\r\n <section class=\"tristar-section\">\r\n <div class=\"tristar-container\">\r\n <div class=\"tristar-section-label\">FEATURED EQUIPMENT<\/div>\r\n <h2 class=\"tristar-section-title\"> Torque Wrenches <\/h2>\r\n \r\n <div class=\"tristar-product-layout\">\r\n <div class=\"tristar-product-image-large\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2024\/04\/BT-SwiftTorque.jpg\" alt=\"Swift Torque - Low Profile\">\r\n <\/div>\r\n <div class=\"tristar-product-text\">\r\n <h3>Low Profile Series<\/h3>\r\n <ul>\r\n <li>Construction: Lightweight Aluminium<\/li>\r\n <li>Design: Strong, durable, reliable<\/li>\r\n <li>Accuracy: High Torque output \u00b12%<\/li>\r\n <li>Hex Head: Can be changed quickly, easily, and safely<\/li>\r\n <\/ul>\r\n <div>\r\n <span class=\"tristar-product-tag\">Lightweight<\/span>\r\n <span class=\"tristar-product-tag\">High Accuracy<\/span>\r\n <span class=\"tristar-product-tag\">Easy Maintenance<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tristar-product-layout\">\r\n <div class=\"tristar-product-image-large\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/BT_Square-Drive-Torque-Wrench.png\" alt=\"Torque-Square-Drive\">\r\n <\/div>\r\n <div class=\"tristar-product-text\">\r\n <h3>Square Drive Series<\/h3>\r\n <ul>\r\n <li>Construction: Stainless Steel<\/li>\r\n <li>Design: Robust, durable, reliable<\/li>\r\n <li>Operating pressure: 10,000 psi<\/li>\r\n <li>Accuracy: \u00b13%<\/li>\r\n <\/ul>\r\n <div>\r\n <span class=\"tristar-product-tag\">Stainless Steel<\/span>\r\n <span class=\"tristar-product-tag\">Robust Design<\/span>\r\n <span class=\"tristar-product-tag\">High Pressure<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <br>\r\n <div style=\"text-align: center; margin-top: 25px;\">\r\n <a href=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/BT-BROCHURE-2023_revised.pdf\" class=\"tristar-btn tristar-btn-primary\" target=\"_blank\">View Catalogue<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- JASBOLT -->\r\n <section class=\"tristar-section\">\r\n <div class=\"tristar-container\">\r\n <div class=\"tristar-section-label\">Digital Solution<\/div>\r\n <h2 class=\"tristar-section-title\">Flange Management Software<\/h2>\r\n \r\n <div class=\"tristar-features\">\r\n <div class=\"tristar-feature-card\">\r\n <div class=\"tristar-feature-icon\">\ud83d\udcca<\/div>\r\n <h3>Real-Time Monitoring<\/h3>\r\n <p>Advanced torque monitoring with automated calibration and validation for maximum accuracy.<\/p>\r\n <ul class=\"tristar-feature-list\">\r\n <li>Live data streaming<\/li>\r\n <li>Predictive analytics<\/li>\r\n <li>Automated alerts<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"tristar-feature-card\">\r\n <div class=\"tristar-feature-icon\">\ud83d\udd17<\/div>\r\n <h3>API Integration<\/h3>\r\n <p>Seamless compatibility with operational frameworks and enterprise systems.<\/p>\r\n <ul class=\"tristar-feature-list\">\r\n <li>Cloud synchronization<\/li>\r\n <li>Multi-platform support<\/li>\r\n <li>Custom workflows<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"tristar-feature-card\">\r\n <div class=\"tristar-feature-icon\">\u2713<\/div>\r\n <h3>Global Compliance<\/h3>\r\n <p>Aligned with ASME, ISO, and international standards for joint integrity.<\/p>\r\n <ul class=\"tristar-feature-list\">\r\n <li>ASME certified<\/li>\r\n <li>ISO compliant<\/li>\r\n <li>Audit-ready reports<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Training -->\r\n <section class=\"tristar-section\">\r\n <div class=\"tristar-container\">\r\n <div class=\"tristar-section-label\">PROFESSIONAL TRAINING<\/div>\r\n <h2 class=\"tristar-section-title\">ECITB Certified Training<\/h2>\r\n \r\n <div class=\"tristar-training-grid\">\r\n \r\n <!-- CARD 1 -->\r\n <div class=\"tristar-training-card\">\r\n <div class=\"tristar-training-img\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/ECITB-Licensed-Provider-scaled.png\" alt=\"ECITB Training\">\r\n <\/div>\r\n\r\n <div class=\"tristar-training-content\">\r\n <h3 class=\"tristar-training-title\">MJI Certification<\/h3>\r\n <p class=\"tristar-training-desc\">\r\n Comprehensive mechanical joint integrity training programs certified by ECITB.\r\n <\/p>\r\n \r\n <div class=\"tristar-training-tags\">\r\n <span class=\"tristar-tag\">MJI-10<\/span>\r\n <span class=\"tristar-tag\">MJI-18<\/span>\r\n <span class=\"tristar-tag\">MJI-19<\/span>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2026\/04\/ECITB-Trifold-Brochure.png\" \r\n class=\"tristar-training-btn\" target=\"_blank\">\r\n Download Brochure\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD 2 -->\r\n <div class=\"tristar-training-card\">\r\n <div class=\"tristar-training-img\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/BT_Jasbolt.jpg\" alt=\"Training Modules\">\r\n <\/div>\r\n\r\n <div class=\"tristar-training-content\">\r\n <h3 class=\"tristar-training-title\">Training Modules<\/h3>\r\n\r\n <ul class=\"tristar-feature-list\">\r\n <li><b>MJI-10:<\/b> Hand Torque Application<\/li>\r\n <li><b>MJI-18:<\/b> Hydraulic Bolt Tensioning<\/li>\r\n <li><b>MJI-19:<\/b> Hydraulic Torque Wrench Operation<\/li>\r\n <li>Advanced safety protocols<\/li>\r\n <li>Equipment maintenance<\/li>\r\n <li>Quality assurance procedures<\/li>\r\n <\/ul>\r\n \r\n <a href=\"mailto:sales@tristar.com.sg\" class=\"tristar-training-btn\">\r\n Enquire Now\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Certifications Grid -->\r\n <section class=\"tristar-cert-section\">\r\n <div class=\"tristar-container\">\r\n <div class=\"tristar-section-label\">CERTIFICATIONS<\/div>\r\n <h2 class=\"tristar-section-title\"> Accreditations<\/h2>\r\n <p style=\"color: rgba(255,255,255,0.7); text-align: center; max-width: 700px; margin: 0 auto 15px; font-size: 14px;\">\r\n Tri-Star Industries holds multiple ISO and API certifications across all manufacturing facilities, ensuring the highest standards of quality, safety, and compliance.\r\n <\/p>\r\n \r\n <div class=\"tristar-cert-grid\">\r\n <div class=\"tristar-cert-card\">\r\n <div class=\"tristar-cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/02\/TSI_ISO-9001-2015_CERT_EXP_20260228-1.png\" alt=\"ISO 9001:2015\">\r\n <\/div>\r\n <div class=\"tristar-cert-title\"><span style=\"color:#51B8E7;\">TSI<\/span> ISO 9001:2015<\/div>\r\n <div class=\"tristar-cert-subtitle\">T\u00dcV S\u00dcD<\/div>\r\n <div class=\"tristar-cert-hover-text\">Click to view full certificate<\/div>\r\n <\/div>\r\n \r\n <div class=\"tristar-cert-card\">\r\n <div class=\"tristar-cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/SBN_IQNET_ISO-9001-2015_BN_BT-CERT_EXP_20271009-3-scaled.png\" alt=\"SBN 9001:2015\">\r\n <\/div>\r\n <div class=\"tristar-cert-title\"><span style=\"color:#51B8E7;\">SBN<\/span> ISO 9001:2015<\/div>\r\n <div class=\"tristar-cert-subtitle\">IQNET SIRIM QAS<\/div>\r\n <div class=\"tristar-cert-hover-text\">Click to view full certificate<\/div>\r\n <\/div>\r\n\r\n <div class=\"tristar-cert-card\">\r\n <div class=\"tristar-cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/SBN_API-SPEC-Q1_CERT_EXP_20270220-scaled.png\" alt=\"API Spec Q1\">\r\n <\/div>\r\n <div class=\"tristar-cert-title\"><span style=\"color:#51B8E7;\">SBN<\/span> API Spec Q1<\/div>\r\n <div class=\"tristar-cert-subtitle\">APIQR<\/div>\r\n <div class=\"tristar-cert-hover-text\">Click to view full certificate<\/div>\r\n <\/div>\r\n\r\n <div class=\"tristar-cert-card\">\r\n <div class=\"tristar-cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/PTSTS_ISO_9001-2015_CERT_EXP_20250829-scaled.png\" alt=\"PTSTS ISO 9001:2015\">\r\n <\/div>\r\n <div class=\"tristar-cert-title\"><span style=\"color:#51B8E7;\">PTSTS<\/span> ISO 9001:2015<\/div>\r\n <div class=\"tristar-cert-subtitle\">LRQA<\/div>\r\n <div class=\"tristar-cert-hover-text\">Click to view full certificate<\/div>\r\n <\/div>\r\n\r\n <div class=\"tristar-cert-card\">\r\n <div class=\"tristar-cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/PTSTS_ISO_9001-2015_CERT_EXP_20250829-scaled.png\" alt=\"TSA ISO 9001:2015\">\r\n <\/div>\r\n <div class=\"tristar-cert-title\"><span style=\"color:#51B8E7;\">TSA<\/span> ISO 9001:2015<\/div>\r\n <div class=\"tristar-cert-subtitle\">BUREAU VERITAS<\/div>\r\n <div class=\"tristar-cert-hover-text\">Click to view full certificate<\/div>\r\n <\/div>\r\n\r\n <div class=\"tristar-cert-card\">\r\n <div class=\"tristar-cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/TSME_ISO-9001-2015_CERT_EXP_20270914-scaled.png\" alt=\"TSME ISO 9001:2015\">\r\n <\/div>\r\n <div class=\"tristar-cert-title\"><span style=\"color:#51B8E7;\">TSME<\/span> ISO 9001:2015<\/div>\r\n <div class=\"tristar-cert-subtitle\">BUREAU VERITAS<\/div>\r\n <div class=\"tristar-cert-hover-text\">Click to view full certificate<\/div>\r\n <\/div>\r\n\r\n <div class=\"tristar-cert-card\">\r\n <div class=\"tristar-cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/SBN_IQNET_ISO-45001-2018_BN_BT-CERT_EXP_20271009-3-scaled.png\" alt=\"SBN ISO 45001:2018\">\r\n <\/div>\r\n <div class=\"tristar-cert-title\"><span style=\"color:#51B8E7;\">SBN<\/span> ISO 45001:2018<\/div>\r\n <div class=\"tristar-cert-subtitle\">IQNET SIRIM QAS<\/div>\r\n <div class=\"tristar-cert-hover-text\">Click to view full certificate<\/div>\r\n <\/div>\r\n\r\n <div class=\"tristar-cert-card\">\r\n <div class=\"tristar-cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/PTSTS_ISO-45001-2018_CERT_EXP_20270228-scaled.png\" alt=\"PTSTS ISO 45001:2018\">\r\n <\/div>\r\n <div class=\"tristar-cert-title\"><span style=\"color:#51B8E7;\">PTSTS<\/span> ISO 45001:2018<\/div>\r\n <div class=\"tristar-cert-subtitle\">LRQA<\/div>\r\n <div class=\"tristar-cert-hover-text\">Click to view full certificate<\/div>\r\n <\/div>\r\n\r\n <div class=\"tristar-cert-card\">\r\n <div class=\"tristar-cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/PTSTS-_ISO-14001-2015_CERT_EXP_20270228-scaled.png\">\r\n <\/div>\r\n <div class=\"tristar-cert-title\"><span style=\"color:#51B8E7;\">PTSTS<\/span> ISO 14001:2018<\/div>\r\n <div class=\"tristar-cert-subtitle\">LRQA<\/div>\r\n <div class=\"tristar-cert-hover-text\">Click to view full certificate<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"text-align: center; margin-top: 25px;\">\r\n <a href=\"https:\/\/tristar.com.sg\/staging05\/our-accreditations\/\" class=\"tristar-btn tristar-btn-primary\">View All Certificates<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Certificate Modal -->\r\n <div class=\"tristar-modal\" id=\"certModal\">\r\n <div class=\"tristar-modal-content\">\r\n <button class=\"tristar-modal-close\" id=\"modalClose\">×<\/button>\r\n <img decoding=\"async\" class=\"tristar-modal-image\" id=\"modalImage\" src=\"\" alt=\"Certificate\">\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n \r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initTristar);\r\n } else {\r\n initTristar();\r\n }\r\n \r\n function initTristar() {\r\n initCertificateModal();\r\n initSmoothScroll();\r\n initProductCardInteractions();\r\n }\r\n \r\n function initCertificateModal() {\r\n const modal = document.getElementById('certModal');\r\n const modalImage = document.getElementById('modalImage');\r\n const modalClose = document.getElementById('modalClose');\r\n const certCards = document.querySelectorAll('.tristar-cert-card');\r\n \r\n if (!modal || !modalImage || !modalClose) return;\r\n \r\n certCards.forEach(card => {\r\n card.addEventListener('click', function() {\r\n const img = this.querySelector('.tristar-cert-image img');\r\n if (img) {\r\n modalImage.src = img.src;\r\n modalImage.alt = img.alt;\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n });\r\n });\r\n \r\n function closeModal() {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n \r\n modalClose.addEventListener('click', closeModal);\r\n \r\n modal.addEventListener('click', function(e) {\r\n if (e.target === modal) {\r\n closeModal();\r\n }\r\n });\r\n \r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && modal.classList.contains('active')) {\r\n closeModal();\r\n }\r\n });\r\n }\r\n\r\n function initSmoothScroll() {\r\n const links = document.querySelectorAll('a[href^=\"#\"]');\r\n links.forEach(link => {\r\n link.addEventListener('click', function(e) {\r\n const href = this.getAttribute('href');\r\n if (href === '#' || href === '#contact') return;\r\n \r\n e.preventDefault();\r\n const target = document.querySelector(href);\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n }\r\n });\r\n });\r\n }\r\n \r\n function initProductCardInteractions() {\r\n const productCards = document.querySelectorAll('.tristar-product-card');\r\n \r\n productCards.forEach(card => {\r\n \/\/ Toggle active state on click for mobile\r\n card.addEventListener('click', function() {\r\n \/\/ Close other cards first\r\n productCards.forEach(otherCard => {\r\n if (otherCard !== this) {\r\n otherCard.classList.remove('active');\r\n }\r\n });\r\n \r\n \/\/ Toggle this card\r\n this.classList.toggle('active');\r\n });\r\n \r\n \/\/ For desktop, use hover\r\n card.addEventListener('mouseenter', function() {\r\n if (window.innerWidth > 768) {\r\n this.classList.add('active');\r\n }\r\n });\r\n \r\n card.addEventListener('mouseleave', function() {\r\n if (window.innerWidth > 768) {\r\n this.classList.remove('active');\r\n }\r\n });\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tri-Star Industries – Hydraulic Bolting Tools & Solutions BOLTING TOOLS & SOLUTIONS Hydraulic Bolting Tools & AI Solutions Engineered for precision, reliability, and safety across…<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-4766","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>Hydraulic Bolting Solutions - 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\/hydraulic-bolting-solutions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hydraulic Bolting Solutions - Tri-Star Group of Companies\" \/>\n<meta property=\"og:description\" content=\"Tri-Star Industries – Hydraulic Bolting Tools & Solutions BOLTING TOOLS & SOLUTIONS Hydraulic Bolting Tools & AI Solutions Engineered for precision, reliability, and safety across…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tristar.com.sg\/staging05\/hydraulic-bolting-solutions\/\" \/>\n<meta property=\"og:site_name\" content=\"Tri-Star Group of Companies\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T11:06:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/BT-logo.png\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/hydraulic-bolting-solutions\\\/\",\"url\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/hydraulic-bolting-solutions\\\/\",\"name\":\"Hydraulic Bolting Solutions - Tri-Star Group of Companies\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/hydraulic-bolting-solutions\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/hydraulic-bolting-solutions\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/BT-logo.png\",\"datePublished\":\"2025-08-21T07:47:54+00:00\",\"dateModified\":\"2026-04-01T11:06:13+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/hydraulic-bolting-solutions\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/hydraulic-bolting-solutions\\\/#primaryimage\",\"url\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/BT-logo.png\",\"contentUrl\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/BT-logo.png\",\"width\":1907,\"height\":602,\"caption\":\"BT logo\"},{\"@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":"Hydraulic Bolting Solutions - 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\/hydraulic-bolting-solutions\/","og_locale":"en_US","og_type":"article","og_title":"Hydraulic Bolting Solutions - Tri-Star Group of Companies","og_description":"Tri-Star Industries – Hydraulic Bolting Tools & Solutions BOLTING TOOLS & SOLUTIONS Hydraulic Bolting Tools & AI Solutions Engineered for precision, reliability, and safety across…","og_url":"https:\/\/tristar.com.sg\/staging05\/hydraulic-bolting-solutions\/","og_site_name":"Tri-Star Group of Companies","article_modified_time":"2026-04-01T11:06:13+00:00","og_image":[{"url":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/BT-logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tristar.com.sg\/staging05\/hydraulic-bolting-solutions\/","url":"https:\/\/tristar.com.sg\/staging05\/hydraulic-bolting-solutions\/","name":"Hydraulic Bolting Solutions - Tri-Star Group of Companies","isPartOf":{"@id":"https:\/\/tristar.com.sg\/staging05\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tristar.com.sg\/staging05\/hydraulic-bolting-solutions\/#primaryimage"},"image":{"@id":"https:\/\/tristar.com.sg\/staging05\/hydraulic-bolting-solutions\/#primaryimage"},"thumbnailUrl":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/BT-logo.png","datePublished":"2025-08-21T07:47:54+00:00","dateModified":"2026-04-01T11:06:13+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tristar.com.sg\/staging05\/hydraulic-bolting-solutions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tristar.com.sg\/staging05\/hydraulic-bolting-solutions\/#primaryimage","url":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/BT-logo.png","contentUrl":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/BT-logo.png","width":1907,"height":602,"caption":"BT logo"},{"@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\/4766","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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/comments?post=4766"}],"version-history":[{"count":20,"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/pages\/4766\/revisions"}],"predecessor-version":[{"id":9313,"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/pages\/4766\/revisions\/9313"}],"wp:attachment":[{"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/media?parent=4766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}